.hero{background:var(--night);min-height:100svh;color:var(--cloud);cursor:none;grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}@media (hover:none){.hero{cursor:auto}}.hero-bg{z-index:0;position:absolute;inset:0}.hero-img{object-fit:cover;object-position:center 40%;opacity:.6;width:100%;height:84%;position:absolute;inset:0 0 auto}.hero-cv{width:100%;height:100%;position:absolute;inset:0}.hero-shade{pointer-events:none;background:radial-gradient(60% 50% at 50% 45%,#08090a26,#08090ab3 75%),linear-gradient(#08090a99,#0000 30% 65%,#08090ae6);position:absolute;inset:0}.hero-hint{top:96px;z-index:2;color:#fff9;align-items:center;gap:8px;display:inline-flex;position:absolute;inset-inline-end:var(--gutter)}.hero-hint i{border:1px solid var(--acc);border-radius:50%;width:10px;height:10px;position:relative}.hero-hint i:after{content:"";border:1px solid var(--acc);animation:hero-ping 1.8s var(--ease-ping) infinite;border-radius:50%;position:absolute;inset:-5px}@keyframes hero-ping{0%{opacity:.9;scale:.5}to{opacity:0;scale:1.6}}.hero-in{z-index:2;place-items:center;padding-top:120px;padding-bottom:32px;display:grid;position:relative}.hero-copy{text-align:center;justify-items:center;gap:22px;max-width:980px;display:grid}.hero-ann{color:var(--cloud);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a}.hero-dot{background:var(--pink);border-radius:50%;width:7px;height:7px}.hero .h1{text-shadow:0 10px 40px #00000059;margin:0}.hero-sub{color:#ffffffdb;max-width:56ch;margin:0}.hero-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hero-strip{z-index:2;grid-template-columns:auto 1fr;align-items:end;gap:24px;padding-bottom:28px;display:grid;position:relative}.hero-count{color:#ffffffbf;gap:8px;display:grid}.hero-count .mono{align-items:center;gap:8px;display:inline-flex}.hero-live{background:var(--acc);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite blink}.hero-count-n{font-size:var(--num-hero);color:var(--cloud);letter-spacing:-.03em}.hero-tags{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hero-tags .chip{color:var(--cloud);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a}.hero-tags .chip b{color:var(--acc)}html[lang=ar] .hero-tags .chip{gap:8px;padding:7px 12px;font-size:14px}html[lang=ar] .hero-tags .chip b{font-family:var(--font-mono);font-size:12px}.hero-chips{z-index:3;pointer-events:none;position:absolute;inset:0}.hero-chip{border-radius:var(--r-pill);background:var(--ink);color:var(--cloud);white-space:nowrap;animation:hero-chip .5s var(--ease-spring) both, hero-chip-out .4s ease 2.6s both;align-items:center;gap:7px;padding:7px 12px;display:inline-flex;position:absolute;translate:14px -36px;box-shadow:0 0 0 1px #ffffff1f,0 8px 24px #0006}.hero-chip i{background:var(--cc);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--cc) 30%, transparent);border-radius:50%}@keyframes hero-chip{0%{opacity:0;translate:14px -24px;scale:.6}to{opacity:1;translate:14px -36px;scale:1}}@keyframes hero-chip-out{to{opacity:0;translate:14px -48px}}.hero-cur{--cx:-100px;--cy:-100px;z-index:4;width:28px;height:28px;translate:var(--cx) var(--cy);pointer-events:none;transition:width .35s var(--ease-spring), height .35s var(--ease-spring), margin .35s var(--ease-spring), background .3s, opacity .3s, border-color .3s;border:1.5px solid #ffffffe6;border-radius:50%;place-items:center;margin:-14px 0 0 -14px;display:grid;position:absolute;top:0;left:0}.hero-cur:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;transition:opacity .2s}.hero-cur span{opacity:0;color:var(--on-acc);transition:opacity .2s;position:absolute}.hero-cur.is-go{background:var(--acc);border-color:var(--acc);width:64px;height:64px;margin:-32px 0 0 -32px}.hero-cur.is-go:after{opacity:0}.hero-cur.is-go span{opacity:1}.hero-cur.is-off{opacity:0}@media (hover:none){.hero-cur{display:none}}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1240px){.hero-strip{grid-template-columns:1fr}.hero-tags{justify-content:start}}@media (max-width:809px){.hero-in{padding-top:110px}.hero-copy{gap:18px}.hero-strip{grid-template-columns:1fr;gap:14px;padding-bottom:88px}.hero-count,.hero-hint{display:none}.hero-btns,.hero-btns .btn{width:100%}.hero-btns .btn-face{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.hero-hint i:after,.hero-live,.hero-chip{animation:none}}.hero .rv{opacity:1;animation:hero-rv 1s var(--ease-out) calc(var(--d,0s) + .15s) both;transition:none}@keyframes hero-rv{0%{clip-path:inset(0 0 100%);translate:0 28px}to{clip-path:inset(-20% 0);translate:0}}.hero .hl{color:var(--on-acc);transition:none}.hero .hl:before{animation:hero-hl .5s var(--ease-strong) .75s both;transform:scaleX(1)}@keyframes hero-hl{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.hero .rv,.hero .hl:before{animation:none}}@media (min-width:810px){.hero-strip{padding-right:max(var(--gutter), 104px)}}@media (max-width:809px){.hero .hl{white-space:nowrap}html[lang=en] .hero .h1{font-size:clamp(32px,10.4vw,46px);line-height:1}}
