/* Ignite's page entrance and loading transition. Content is visible by default. */
.ignite-transition{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#151318;color:#fff4ed;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-out,visibility .2s;}
[data-page-loading="true"] .ignite-transition{opacity:1;visibility:visible;pointer-events:auto}
.ignite-transition-inner{display:flex;flex-direction:column;align-items:center;gap:20px;font:500 21px/1.3 var(--font-sans,sans-serif);letter-spacing:-.04em}
.ignite-transition-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffa88e55;border-radius:12px;background:#352426;box-shadow:0 0 45px #e56a4222}
.ignite-transition-mark img{width:30px;height:30px}
.ignite-transition-track{width:100px;height:2px;background:#ffffff18;overflow:hidden}
.ignite-transition-track::after{content:"";display:block;width:100%;height:100%;background:#ffa88e;transform-origin:left;animation:ignite-loading 1.15s cubic-bezier(.22,1,.36,1) infinite}
@keyframes ignite-loading{0%{transform:translateX(-100%) scaleX(.3)}60%,100%{transform:translateX(100%) scaleX(1)}}
.concept-b .b5-hero{padding-top:68px;background:radial-gradient(ellipse at 50% 100%,#6c352426,transparent 65%),#121216}
.concept-b .b5-intro{max-width:1000px;margin-bottom:46px}
.concept-b .b5-intro h1{font-size:clamp(48px,5.6vw,78px);line-height:1.06;letter-spacing:-.058em;margin-bottom:24px}
.concept-b .b5-intro>p{max-width:630px;font-size:17px;line-height:1.7;margin-bottom:27px;color:#beb8c2;text-wrap:pretty}
.concept-b .b5-intro h1 span{color:#ffad92}
.concept-b .b5-hero-mount{border-radius:15px 15px 0 0;box-shadow:0 0 100px #d66a3620,0 25px 75px #0005}
.concept-b:lang(ar) .b5-intro h1{line-height:1.4;letter-spacing:0;font-size:clamp(43px,5vw,70px)}
@media(prefers-reduced-motion:no-preference){
  [data-page-ready="true"] .concept-b .b5-intro h1{animation:ignite-rise .7s cubic-bezier(.22,1,.36,1) both}
  [data-page-ready="true"] .concept-b .b5-intro>p{animation:ignite-rise .7s .06s cubic-bezier(.22,1,.36,1) both}
  [data-page-ready="true"] .concept-b .b5-actions{animation:ignite-rise .7s .12s cubic-bezier(.22,1,.36,1) both}
  [data-page-ready="true"] .concept-b .b5-hero-mount{animation:ignite-rise .8s .18s cubic-bezier(.22,1,.36,1) both}
  [data-page-ready="true"] .concept-b .page-heading{animation:ignite-rise .45s cubic-bezier(.22,1,.36,1) both}
}
@keyframes ignite-rise{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:600px){
  .concept-b .b5-hero{padding-top:40px}
  .concept-b .b5-intro{margin-bottom:32px}
  .concept-b .b5-intro h1{font-size:clamp(38px,9.7vw,55px);line-height:1.1;letter-spacing:-.055em;margin-bottom:19px}
  .concept-b .b5-intro>p{font-size:14px;line-height:1.75;margin-bottom:24px}
  .concept-b:lang(ar) .b5-intro h1{font-size:38px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){.ignite-transition{transition:none}.ignite-transition-track::after{animation:none;transform:none}}