/* ==========================================================================
   Daiyra 360 — design system
   Dark cosmic identity · gold accent · Playfair Display + Jost
   Rules: no grey text (white or gold only) · constant ambient motion · one easing
   ========================================================================== */

:root{
  --ink:#050507;
  --ink-2:#0a0a0f;
  --ink-3:#111119;
  --paper:#ffffff;
  --cream:#f6f1e7;
  --cream-ink:#0b0b0f;
  --gold:#ffcc0e;
  --gold-2:#fece0c;
  --ember:#d76f00;
  --flame:#e73825;
  --violet:#7b5ce0;
  --line:rgba(255,255,255,.14);
  --line-2:rgba(255,255,255,.24);
  --glass:rgba(255,255,255,.06);
  --glass-2:rgba(255,255,255,.1);
  --ease:cubic-bezier(.16,1,.3,1);
  --f-display:"Playfair Display",Georgia,"Times New Roman",serif;
  --f-body:Jost,system-ui,-apple-system,"Segoe UI",sans-serif;
  --gutter:clamp(16px,4vw,56px);
  --maxw:1360px;
  --r-card:20px;
  --header-h:112px;
  --fs-display:clamp(3rem,7.2vw,7.2rem);
  --fs-h2:clamp(2.3rem,4.8vw,4.6rem);
  --fs-h3:clamp(1.35rem,1.9vw,1.85rem);
  --fs-body:clamp(1rem,1.1vw,1.125rem);
  --section-y:clamp(88px,11vw,168px);
}

/* ───────── base ───────── */

@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
img,svg,video,canvas{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,h4{margin:0;font-weight:500;line-height:1.08}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--gold);color:#000}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:8px}
.skip{position:absolute;left:12px;top:-80px;z-index:1000;padding:12px 18px;border-radius:10px;background:var(--gold);color:#000;font-weight:600}
.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.container{width:100%;max-width:calc(var(--maxw) + 2 * var(--gutter));margin:0 auto;padding-inline:var(--gutter)}

/* ───────── type ───────── */
.display{font-family:var(--f-display);font-weight:500;font-size:var(--fs-display);line-height:1;letter-spacing:-.035em;text-wrap:balance}
.h2{font-family:var(--f-display);font-weight:500;font-size:var(--fs-h2);line-height:1.04;letter-spacing:-.03em;text-wrap:balance}
.h3{font-family:var(--f-display);font-weight:500;font-size:var(--fs-h3);line-height:1.15;letter-spacing:-.015em}
.display em,.h2 em,.h3 em{font-style:italic;color:var(--gold)}
.lede{font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.8;max-width:62ch}
.lede strong,.prose strong{font-weight:500;color:var(--gold)}
.eyebrow{
  display:inline-flex;align-items:center;gap:12px;margin:0 0 clamp(18px,2.6vw,28px);
  font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:#fff;font-weight:500;
}
.eyebrow::before{content:"";width:44px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));animation:ruleGlow 3.6s ease-in-out infinite}
.eyebrow__star{width:12px;height:12px;color:var(--gold);filter:drop-shadow(0 0 6px rgba(255,204,14,.8));animation:spin 6s linear infinite;flex-shrink:0}
.eyebrow a{transition:color .3s var(--ease)}
.eyebrow a:hover,.eyebrow [aria-current]{color:var(--gold)}
.center .eyebrow::after{content:"";width:44px;height:1px;background:linear-gradient(270deg,transparent,var(--gold));animation:ruleGlow 3.6s ease-in-out infinite}
@keyframes ruleGlow{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.3)}100%{transform:rotate(360deg) scale(1)}}
.center{text-align:center}
.center .lede{margin-inline:auto}
.gold{color:var(--gold)}


/* ───────── buttons & links ───────── */
.btn-wrap{position:relative;display:inline-flex;border-radius:999px;will-change:transform}
.btn-ring{position:absolute;inset:0;border-radius:999px;border:1px solid rgba(255,204,14,.55);pointer-events:none;animation:ripple 3s ease-out infinite}
.btn-ring+.btn-ring{animation-delay:1.5s}
@keyframes ripple{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.18,1.5);opacity:0}}
.btn{
  position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;
  padding:17px 18px 17px 30px;border-radius:999px;border:0;background:var(--gold);color:#000;
  font-size:16px;font-weight:500;letter-spacing:.005em;white-space:nowrap;
  box-shadow:0 0 0 1px rgba(255,204,14,.3),0 18px 50px -18px rgba(255,180,0,.55);transition:transform .2s var(--ease);
}
.btn:active{transform:scale(.97)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.btn:hover::before{transform:scaleX(1)}
.btn:hover{color:#000;}
.btn::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:sheen 3.6s ease-in-out infinite 2.6s}
@keyframes sheen{0%{left:-40%}35%,100%{left:130%}}
.btn__arrow{position:relative;overflow:hidden;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#000;color:var(--gold);flex-shrink:0}
.btn__arrow svg{width:14px;height:14px;transition:transform .5s var(--ease)}
.btn__arrow svg+svg{position:absolute;transform:translate(-160%,160%)}
.btn__arrow svg:first-child{animation:arrowOut 3.6s var(--ease) infinite 2.6s}
.btn__arrow svg+svg{animation:arrowIn 3.6s var(--ease) infinite 2.6s}
@keyframes arrowOut{0%,40%{transform:none}55%{transform:translate(160%,-160%)}56%{transform:translate(-160%,160%)}75%,100%{transform:none}}
@keyframes arrowIn{0%,40%{transform:translate(-160%,160%)}55%,56%{transform:none}75%,100%{transform:translate(160%,-160%)}}
.btn:hover .btn__arrow svg{animation:none}
.btn:hover .btn__arrow svg:first-child{transform:translate(160%,-160%)}
.btn:hover .btn__arrow svg+svg{transform:none}
.btn--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.btn--ghost::before{background:var(--gold)}
.btn--ghost:hover{color:#000}
.btn--ghost .btn__arrow{background:var(--gold);color:#000}
.btn--dark{background:#0b0b0f;color:#fff;box-shadow:0 18px 50px -20px rgba(0,0,0,.6)}
.btn--dark::before{background:var(--gold)}
.btn--dark:hover{color:#000}
.btn--dark .btn__arrow{background:var(--gold);color:#000}
.link{position:relative;display:inline-flex;align-items:center;gap:10px;padding:10px 0;font-size:16px;color:#fff;font-weight:500}
.link::after{content:"";position:absolute;left:0;right:24px;bottom:4px;height:1px;background:rgba(255,255,255,.4)}
.link::before{content:"";position:absolute;left:0;right:24px;bottom:4px;height:1px;background:var(--gold);z-index:1;transform:scaleX(0);transform-origin:right;transition:transform .55s var(--ease)}
.link:hover::before{transform:scaleX(1);transform-origin:left}
.link svg{width:14px;height:14px;animation:nudge 2.4s ease-in-out infinite}
.link:hover{color:var(--gold)}
@keyframes nudge{0%,100%{transform:none}50%{transform:translateX(5px)}}
.actions{display:flex;flex-wrap:wrap;gap:14px 32px;align-items:center}
.center .actions{justify-content:center}

/* ───────── hero stage ───────── */
.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  overflow:clip;
  /*min-height:100vh;
  min-height:100svh;*/
  padding-top: 110px;
  padding-bottom: 60px;
  display:grid;
  grid-template-rows:1fr auto;
  grid-template-columns:minmax(0,1fr);
  background:var(--ink);
  /*padding-top:var(--header-h);*/
  cursor:crosshair
}
.hero a,.hero button{cursor:pointer}
.hero--short{min-height:clamp(620px,86svh,900px)}
.layer{position:absolute;inset:0;pointer-events:none}
.bg{z-index:0;overflow:hidden}
.bg__img{position:absolute;inset:-4%;width:108%;height:108%;max-width:none;object-fit:cover;object-position:left top;will-change:transform}
.bg__stage{position:absolute;inset:-3%;will-change:transform}
.bg__stage .bg__img{inset:0;width:100%;height:100%;object-position:center bottom}
.sky{z-index:1;width:100%;height:100%}
.scrim{z-index:2}
.glow{z-index:3;overflow:visible}
.glow__blob{position:absolute;left:-120px;top:50%;width:320px;height:600px;margin-top:-300px;background:linear-gradient(160deg,#fad007 0%,var(--ember) 100%);filter:blur(150px);border-radius:50%;opacity:.5;animation:breathe 9s var(--ease) infinite alternate}
.glow__blob--violet{left:auto;right:-220px;top:18%;margin-top:0;width:420px;height:420px;background:radial-gradient(circle,#5b46ff,transparent 70%);filter:blur(120px);opacity:.16;animation-duration:13s}
@keyframes breathe{from{opacity:.34;transform:rotate(-30deg) scale(.92)}to{opacity:.56;transform:rotate(-24deg) scale(1.06)}}
.aurora{z-index:3;mix-blend-mode:screen;overflow:hidden}
.aurora i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.28}
.aurora i:nth-child(1){width:46vw;height:30vw;right:-8vw;top:8%;background:radial-gradient(circle,rgba(80,120,255,.55),transparent 65%);animation:drift1 22s ease-in-out infinite alternate}
.aurora i:nth-child(2){width:36vw;height:26vw;right:14vw;top:44%;background:radial-gradient(circle,rgba(150,90,255,.45),transparent 65%);animation:drift2 28s ease-in-out infinite alternate}
.aurora i:nth-child(3){width:28vw;height:20vw;right:2vw;bottom:-4%;background:radial-gradient(circle,rgba(255,190,60,.28),transparent 65%);animation:drift1 18s ease-in-out infinite alternate-reverse}
@keyframes drift1{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-9vw,6vh,0) scale(1.25)}}
@keyframes drift2{from{transform:translate3d(0,0,0) scale(1.1) rotate(0)}to{transform:translate3d(7vw,-8vh,0) scale(.9) rotate(40deg)}}
.grain{z-index:5;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero__content{position:relative;z-index:10;align-self:center;padding-block:clamp(40px,7vh,90px) clamp(24px,4vh,44px);will-change:transform}
.hero .display{margin:0}
.hero .lede{margin-top:clamp(20px,3vh,32px)}
.hero .actions{margin-top:clamp(26px,4vh,44px)}
.hero__rail{position:relative;z-index:10;padding-bottom:clamp(20px,3.4vh,36px)}

/* split heading */
.split .w{display:inline-block;white-space:nowrap}
.split .c{display:inline-block}
.js .split .c{animation:charIn .9s var(--ease) both;animation-delay:calc(.15s + var(--i) * 18ms)}
.js .split em .c{animation:charIn .9s var(--ease) both,shimmer 4.2s ease-in-out infinite;animation-delay:calc(.15s + var(--i) * 18ms),calc(2.2s + var(--i) * 80ms)}
@keyframes charIn{from{opacity:0;transform:translateY(.42em) rotate(4deg);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes shimmer{0%,72%,100%{color:var(--gold);text-shadow:none}80%{color:#fffbe6;text-shadow:0 0 18px rgba(255,214,90,.95),0 0 42px rgba(255,170,0,.45)}}
.spark{position:absolute;width:.34em;height:.34em;right:-.22em;top:.02em;color:#fff6d6;pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,214,90,.9));animation:spark 3.6s var(--ease) infinite}
.split em{position:relative}
@keyframes spark{0%,62%,100%{transform:scale(0) rotate(0);opacity:0}74%{transform:scale(1) rotate(45deg);opacity:1}88%{transform:scale(.2) rotate(90deg);opacity:0}}

/* scroll cue */
.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.scroll-cue i{position:relative;width:1px;height:54px;overflow:hidden;background:var(--line)}
.scroll-cue i::after{content:"";position:absolute;left:0;top:0;width:1px;height:45%;background:linear-gradient(transparent,var(--gold));animation:drip 2.4s var(--ease) infinite}
@keyframes drip{from{transform:translateY(-100%)}to{transform:translateY(230%)}}

/* ───────── reveal system ───────── */
.js [data-reveal]{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease),filter 1.1s var(--ease);transition-delay:var(--d,0s)}
.js [data-reveal].is-in{opacity:1;transform:none;filter:none}
.js [data-reveal="scale"]{transform:scale(.94)}
.js [data-reveal="clip"]{clip-path:inset(12% 12% 12% 12% round 20px);transform:none;filter:none;transition:clip-path 1.4s var(--ease),opacity .8s var(--ease)}
.js [data-reveal="clip"].is-in{clip-path:inset(0 0 0 0 round 20px)}
.js [data-words] .wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.js [data-words] .wi{display:inline-block;transform:translateY(110%);transition:transform 1.1s var(--ease);transition-delay:calc(var(--i) * 60ms)}
.js [data-words].is-in .wi{transform:none}

/* orbit system (JS-positioned chips on tilted ellipses) */
.orbit-sys{position:relative;width:100%;aspect-ratio:1;max-width:620px;margin-inline:auto}
.orbit-sys__rings{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orbit-sys__rings ellipse{fill:none;stroke:rgba(255,214,120,.5);stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:3 8;animation:dashMove 30s linear infinite}
.orbit-sys__rings ellipse:nth-child(2){stroke:rgba(190,170,255,.5);animation-direction:reverse}
@keyframes dashMove{to{stroke-dashoffset:-400}}
.orbit-sys__core{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;z-index:50;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),rgba(255,255,255,.04) 45%),radial-gradient(circle at 70% 80%,rgba(255,204,14,.35),transparent 60%),#12121c;
  border:1px solid rgba(255,255,255,.28);box-shadow:0 0 80px -10px rgba(255,204,14,.45),inset 0 0 40px rgba(123,92,224,.35);animation:corePulse 5s ease-in-out infinite}
.orbit-sys__core svg{width:42%;height:42%;color:var(--gold);filter:drop-shadow(0 0 12px rgba(255,204,14,.7))}
.orbit-sys__core::before,.orbit-sys__core::after{content:"";position:absolute;inset:-14%;border-radius:50%;border:1px solid rgba(255,204,14,.35);animation:coreRing 3.6s ease-out infinite}
.orbit-sys__core::after{animation-delay:1.8s}
@keyframes corePulse{0%,100%{box-shadow:0 0 60px -10px rgba(255,204,14,.35),inset 0 0 40px rgba(123,92,224,.3)}50%{box-shadow:0 0 110px -6px rgba(255,204,14,.6),inset 0 0 50px rgba(123,92,224,.5)}}
@keyframes coreRing{from{transform:scale(.9);opacity:.9}to{transform:scale(1.5);opacity:0}}
.orbit-chip{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;white-space:nowrap;font-size:14px;font-weight:500;color:#fff;
  background:rgba(14,14,22,.82);border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:transform;box-shadow:0 10px 30px -12px rgba(0,0,0,.7)}
.orbit-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}



/* feature list / split */
.split-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);align-items:center}
.split-layout--rev > :first-child{order:2}
.ticks{display:grid;gap:14px}
.ticks li{position:relative;padding-left:36px;line-height:1.6}
.ticks li::before{content:"";position:absolute;left:0;top:.3em;width:22px;height:22px;border-radius:50%;background:rgba(255,204,14,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23ffcc0e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;border:1px solid rgba(255,204,14,.45)}
.section--cream .ticks li::before{background-color:#0b0b0f}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.feature{position:relative;padding:clamp(26px,3vw,40px);background:var(--ink);transition:background .5s var(--ease)}
.feature:hover{background:#101018}
.feature__n{font-family:var(--f-display);font-style:italic;color:var(--gold);font-size:20px}
.feature .h3{margin:18px 0 10px;font-size:clamp(1.2rem,1.6vw,1.5rem)}
.feature p{font-size:16px;line-height:1.65}
.feature__ico{width:48px;height:48px;color:var(--gold);margin-bottom:6px;transition:transform .7s var(--ease)}
.feature:hover .feature__ico{transform:translateY(-4px) rotate(-6deg)}
.section--cream .feature-grid{background:rgba(0,0,0,.12);border-color:rgba(0,0,0,.12)}
.section--cream .feature{background:var(--cream)}
.section--cream .feature:hover{background:#efe7d6}
.section--cream .feature__ico,.section--cream .feature__n{color:#9a6b00}

/* ───────── responsive ───────── */


@media (max-width:960px){
  
 
  .section__head{grid-template-columns:1fr}
  .section__head .lede{justify-self:start}
  .split-layout{grid-template-columns:1fr}
  .split-layout--rev > :first-child{order:0}
  .process{height:auto}
  .process__pin{position:relative;height:auto;padding-block:var(--section-y)}
  .process__grid{grid-template-columns:1fr}
  .process__visual{display:none}
  .process__rail{display:none}
  .process__steps{min-height:0;display:grid;gap:34px}
  .process__step{position:relative;opacity:1;transform:none;filter:none;pointer-events:auto;padding-left:22px;border-left:1px solid var(--gold)}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}
  .posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-grid{grid-template-columns:1fr 1fr}
  .work-grid .work,.work-grid .work--wide{grid-column:span 6}
}
@media (max-width:640px){
  .hero{
    padding-bottom: 0;
    text-align: center;
  }
  .actions .btn-wrap,.actions .btn{
    width:100%;
    max-width: 246px;
    margin: 0 auto;
    padding: 14px 18px 14px 18px;
    justify-content: center;
    font-size: 14px;
  }

}
@media (max-width:640px){
  
  .bento .svc,.bento .svc--wide,.bento .svc--feature{grid-column:span 12;min-height:0}
  .bento .svc--feature{min-height:480px}
  .posts,.feature-grid,.team-grid,.offices,.industries{grid-template-columns:1fr}
  .work-grid .work,.work-grid .work--wide{grid-column:span 12}
  .work--wide .work__media{min-height:0;aspect-ratio:4/3.3}
  .team-grid{grid-template-columns:1fr 1fr;gap:14px}
  .industries{grid-template-columns:1fr 1fr}
  .industry{min-height:150px;padding:20px}
  .form{grid-template-columns:1fr}
  .actions{flex-direction:column;align-items:stretch;gap:10px}
  
  .actions .link{align-self:center}
  .site-footer__top{grid-template-columns:1fr}
  .faq__a p{padding-right:0}
  .grain{display:none}
  .aurora i:nth-child(3){display:none}
  .orbit-chip{font-size:12px;padding:7px 12px}
  .cta{border-radius:20px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .spark{display:none}
  .js [data-reveal],.js [data-words] .wi{opacity:1;transform:none;filter:none;clip-path:none}
}

/* hero entrance */
.js .hero .bg{animation:bgIn 2.8s var(--ease) both}
@keyframes bgIn{from{transform:scale(1.1)}to{transform:scale(1)}}
.js .hero .sky{animation:fadeIn 2s var(--ease) .35s both}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* home hero extras */
.sub-ar{margin:clamp(20px,3.4vh,32px) auto 0;max-width:34ch;font-family:"IBM Plex Sans Arabic","Geeza Pro",Tahoma,sans-serif;font-weight:300;font-size:clamp(1.1rem,1.8vw,1.6rem);line-height:1.7}
.hero-rail{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
.hero-rail__stat{display:flex;align-items:baseline;gap:12px}
.hero-rail__stat b{font-family:var(--f-display);font-weight:500;font-size:34px;letter-spacing:-.02em;text-transform:none}
.hero-rail__stat b sup{color:var(--gold);font-size:.55em}
.hero-rail__right{justify-self:end;text-align:right;max-width:24ch;line-height:1.7}
.hero--home .display{max-width:15ch;margin-inline:auto}
@media (max-width:960px){.hero-rail{grid-template-columns:1fr auto}.hero-rail__right{display:none}}
@media (max-width:640px){.hero-rail{grid-template-columns:1fr;justify-items:center}.hero-rail__stat{display:none}.hero--home .display{font-size:clamp(2.35rem,11vw,3.2rem);max-width:12ch}}
.sectors{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sector{padding:clamp(26px,3vw,44px)}
.sector ol{counter-reset:s;display:grid;gap:0;margin-top:18px}
.sector li{counter-increment:s;display:flex;align-items:baseline;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);font-size:18px;transition:padding .5s var(--ease),color .3s}
.sector li::before{content:counter(s,decimal-leading-zero);font-family:var(--f-display);font-style:italic;color:var(--gold);font-size:15px}
.sector li:hover{padding-left:10px;color:var(--gold)}
@media (max-width:960px){.sectors{grid-template-columns:1fr}}
.stats--six{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:44px}
@media (max-width:640px){.stats--six{grid-template-columns:repeat(2,minmax(0,1fr))}}

.hero .split-layout .display{font-size:clamp(2.7rem,5.2vw,5.4rem)}
.hero .split-layout{align-items:center}
@media (max-width:960px){.hero .split-layout > :last-child{max-width:460px;margin-inline:auto;width:100%}}

.feature-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.feature-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1120px){.feature-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.feature-grid--4,.feature-grid--2{grid-template-columns:1fr}}


.orbit-sys__core img{width:64%;height:auto;animation:ringSpin 22s linear infinite;filter:drop-shadow(0 0 18px rgba(255,204,14,.65))}
@keyframes ringSpin{to{transform:rotate(360deg)}}
.eyebrow a,.eyebrow [aria-current]{white-space:nowrap}
@media (max-width:640px){nav .eyebrow{flex-wrap:wrap;row-gap:6px;letter-spacing:.16em}}