:root{
  --cobalt:#0B3BC4; --cobalt-deep:#082C93; --violet:#6E4DE8;
  --cobalt-wash:rgba(11,59,196,.07);
  --ink:#0A0E1A; --paper:#F4F6FC;
  --glass:rgba(255,255,255,.58); --glass-edge:rgba(255,255,255,.85); --glass-rim:rgba(11,59,196,.16);
  --mist:#77809B; --mist-onglass:#5A6379; --text:#131A2C;
  --good:#0E9D68; --wait:#C07500; --rail-text:#B9C3DE;
  --neb-a:rgba(11,59,196,.16); --neb-b:rgba(110,77,232,.14); --neb-c:rgba(56,132,255,.12);
  --star:rgba(11,59,196,.35);
  --shadow:0 1px 2px rgba(10,14,26,.04),0 12px 32px -16px rgba(11,59,196,.18);
  --hero-ground:linear-gradient(160deg,#0B3BC4 0%,#0A2FA0 55%,#251E7A 100%);
}
@media (prefers-color-scheme: dark){
  :root{
    --cobalt:#4C79FF; --cobalt-deep:#2A50D8; --violet:#8B6CFF;
    --cobalt-wash:rgba(76,121,255,.12);
    --ink:#04060F; --paper:#070B18;
    --glass:rgba(17,23,41,.55); --glass-edge:rgba(126,150,220,.25); --glass-rim:rgba(76,121,255,.28);
    --mist:#8A93AC; --mist-onglass:#97A2C0; --text:#DDE3F3;
    --good:#2CC98D; --wait:#E39A2A; --rail-text:#8A93AC;
    --neb-a:rgba(46,86,214,.34); --neb-b:rgba(124,92,255,.26); --neb-c:rgba(214,102,255,.14);
    --star:rgba(210,222,255,.8);
    --shadow:0 1px 2px rgba(0,0,0,.4),0 16px 40px -18px rgba(76,121,255,.35);
    --hero-ground:linear-gradient(160deg,#14237A 0%,#0D1440 55%,#1B0F4E 100%);
  }
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--text);font-family:"Archivo",sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
a{color:var(--cobalt)}
h1,h2{font-weight:700;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(40px,6.2vw,62px);line-height:1.03;margin:16px 0 12px}
h2{font-size:clamp(24px,3vw,30px);line-height:1.15;margin:0 0 6px}
.sub{color:var(--mist);max-width:58ch;margin:0;font-size:17px}
section{margin-top:96px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt);font-weight:600}
.eyebrow::before{content:"";width:8px;height:8px;background:var(--cobalt);border-radius:2px}

/* cosmos */
.cosmos{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--paper)}
.cosmos .neb{position:absolute;border-radius:50%;filter:blur(70px);animation:drift 26s ease-in-out infinite alternate}
.cosmos .n1{width:62vw;height:62vw;left:-18vw;top:-24vw;background:radial-gradient(circle,var(--neb-a),transparent 65%)}
.cosmos .n2{width:48vw;height:48vw;right:-14vw;top:8vh;background:radial-gradient(circle,var(--neb-b),transparent 65%);animation-delay:-9s}
.cosmos .n3{width:55vw;height:55vw;left:22vw;bottom:-30vw;background:radial-gradient(circle,var(--neb-c),transparent 65%);animation-delay:-17s}
@keyframes drift{from{transform:none}to{transform:translate3d(4vw,3vh,0) scale(1.12)}}
.cosmos .stars{position:absolute;inset:0;opacity:.8;background-image:
  radial-gradient(1.2px 1.2px at 12% 22%,var(--star) 50%,transparent 51%),
  radial-gradient(1px 1px at 34% 64%,var(--star) 50%,transparent 51%),
  radial-gradient(1.4px 1.4px at 58% 18%,var(--star) 50%,transparent 51%),
  radial-gradient(1px 1px at 76% 44%,var(--star) 50%,transparent 51%),
  radial-gradient(1.2px 1.2px at 88% 78%,var(--star) 50%,transparent 51%),
  radial-gradient(1px 1px at 22% 86%,var(--star) 50%,transparent 51%);
  background-size:900px 700px}

.mockbar{background:var(--ink);color:var(--rail-text);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px 24px;display:flex;justify-content:space-between;gap:16px}
.mockbar strong{color:#fff;font-weight:500}

header.chrome{background:color-mix(in srgb,var(--ink) 88%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);color:#fff;padding:0 32px;height:60px;display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:50}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;font-size:15px;color:#fff;text-decoration:none}
.brand-glyph{width:22px;height:22px}
nav.site{display:flex;gap:22px;margin-left:12px}
nav.site a{color:var(--rail-text);text-decoration:none;font-size:13px;transition:color .18s}
nav.site a:hover{color:#fff}
.chrome .spacer{flex:1}
.btn{appearance:none;cursor:pointer;border:0;font:inherit;font-size:13.5px;font-weight:600;background:var(--cobalt);color:#fff;padding:11px 20px;border-radius:999px;text-decoration:none;display:inline-block;transition:background .15s,transform .15s,box-shadow .15s}
.btn:hover{background:var(--cobalt-deep);transform:translateY(-1px);box-shadow:0 6px 20px -6px var(--cobalt)}
.btn.ghost{background:transparent;color:var(--cobalt);border:1px solid var(--glass-rim)}
.btn.ghost:hover{background:var(--cobalt-wash);box-shadow:none}
.btn.onhero{background:#fff;color:#0B3BC4}
.btn.onhero:hover{background:#E8EDFF;box-shadow:0 6px 24px -6px rgba(255,255,255,.5)}
.btn.onhero-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
.btn.onhero-ghost:hover{background:rgba(255,255,255,.12)}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}

.page{max-width:1120px;margin:0 auto;padding:40px 32px 96px}

.glass{background:var(--glass);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-edge),0 0 0 1px var(--glass-rim),var(--shadow)}
.glass .sub,.glass p{color:var(--mist-onglass)}

.rise{opacity:0;transform:translateY(14px);filter:blur(6px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards}
.d1{animation-delay:.05s}.d2{animation-delay:.18s}.d3{animation-delay:.3s}
@keyframes rise{to{opacity:1;transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){.rise{animation:none;opacity:1;transform:none;filter:none}.cosmos .neb,.orbitdot{animation:none!important}}

/* hero */
.hero{position:relative;overflow:hidden;border-radius:24px;background:var(--hero-ground);color:#fff;padding:76px 56px 124px;border:1px solid var(--glass-rim);box-shadow:0 0 80px -30px var(--cobalt),var(--shadow);margin-top:8px}
.hero h1{color:#fff}
.hero .eyebrow{color:rgba(255,255,255,.85)}
.hero .eyebrow::before{background:#fff}
.hero .sub{color:rgba(255,255,255,.82)}
.hero-stars{position:absolute;inset:0;pointer-events:none;background-image:
  radial-gradient(1.3px 1.3px at 16% 28%,rgba(255,255,255,.9) 50%,transparent 51%),
  radial-gradient(1px 1px at 38% 12%,rgba(255,255,255,.7) 50%,transparent 51%),
  radial-gradient(1.2px 1.2px at 62% 34%,rgba(255,255,255,.8) 50%,transparent 51%),
  radial-gradient(1px 1px at 81% 18%,rgba(255,255,255,.7) 50%,transparent 51%),
  radial-gradient(1.4px 1.4px at 90% 52%,rgba(255,255,255,.9) 50%,transparent 51%),
  radial-gradient(1px 1px at 8% 62%,rgba(255,255,255,.6) 50%,transparent 51%);
  background-size:760px 560px}
.horizon{position:absolute;left:50%;bottom:-320px;transform:translateX(-50%);width:1200px;height:400px;border-radius:50%;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.95) 0%,rgba(160,190,255,.55) 18%,rgba(76,121,255,.25) 38%,transparent 62%);filter:blur(2px);pointer-events:none}
.horizon-rim{position:absolute;left:50%;bottom:-338px;transform:translateX(-50%);width:1240px;height:420px;border-radius:50%;border-top:1.5px solid rgba(255,255,255,.85);box-shadow:0 -8px 40px rgba(140,170,255,.65);pointer-events:none}
.hero-grid{position:relative;display:flex;gap:48px;align-items:center;flex-wrap:wrap}
.hero-copy{flex:1 1 480px;min-width:0}
.hero-cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}

/* stage ring */
.ring-wrap{flex:0 0 240px;position:relative;width:240px;height:240px;margin:0 auto}
.ring-wrap svg{width:100%;height:100%}
.ring-tick{stroke:rgba(255,255,255,.28);stroke-width:4;stroke-linecap:round}
.ring-tick.lit{stroke:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}
.ring-core{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1}
.orbitdot{position:absolute;inset:-8px;animation:spin 16s linear infinite}
.orbitdot::after{content:"";position:absolute;top:50%;right:-2px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px 2px rgba(255,255,255,.9)}
@keyframes spin{to{transform:rotate(360deg)}}
.ring-label{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.ring-label .n{font-size:34px;font-weight:800;letter-spacing:-.02em}
.ring-label .s{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:2px}

/* fact band */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:-56px;position:relative;z-index:2;padding:0 24px}
.fact{border-radius:16px;padding:20px 22px}
.fact .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mist-onglass)}
.fact .v{font-size:21px;font-weight:700;letter-spacing:-.015em;margin-top:6px;line-height:1.25}

/* two paths */
.paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-top:24px}
.path{border-radius:20px;padding:30px 30px 26px;position:relative}
.path .flag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--cobalt)}
.path h3{margin:10px 0 4px;font-size:20px;letter-spacing:-.015em}
.path p.lead{margin:0 0 18px;font-size:14px}
.path ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px}
.path li{padding-left:24px;position:relative;color:var(--mist-onglass)}
.path li b{color:var(--text);font-weight:600}
.path li::before{content:"";position:absolute;left:2px;top:7px;width:9px;height:6px;border-left:2px solid var(--good);border-bottom:2px solid var(--good);transform:rotate(-45deg)}
.path li.skip::before{border-color:var(--mist);transform:none;width:10px;height:0;border-left:0;border-bottom:2px solid var(--mist);top:10px}
.path li.skip{color:var(--mist)}

/* journey */
.journey{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:24px}
.jstep{border-radius:18px;padding:24px;position:relative}
.jstep .num{font-size:11px;letter-spacing:.1em;color:var(--cobalt);font-weight:500}
.jstep h3{margin:10px 0 6px;font-size:16px;letter-spacing:-.01em}
.jstep p{margin:0;font-size:14px}
.jstep .hand{display:inline-block;margin-top:14px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;background:var(--cobalt-wash);color:var(--cobalt);border:1px solid var(--glass-rim)}
.jstep.you::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:3px 0 0 3px;background:var(--wait);box-shadow:0 0 12px var(--wait)}
.jstep.you .num::after{content:"  ·  needs you";color:var(--wait);letter-spacing:.06em}

/* what you get */
.getgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:24px}
.get{border-radius:18px;padding:22px;transition:transform .18s,box-shadow .18s}
.get:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 var(--glass-edge),0 0 0 1px var(--cobalt),0 12px 40px -14px var(--cobalt)}
.get h3{margin:0 0 4px;font-size:15px;letter-spacing:-.01em}
.get p{margin:0;font-size:13px}
.get .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-bottom:14px;background:var(--cobalt-wash);border:1px solid var(--glass-rim)}
.get .ic svg{width:18px;height:18px;stroke:var(--cobalt);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* cost transparency */
.costband{border-radius:20px;padding:40px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.costband .rows{display:flex;flex-direction:column}
.crow{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--glass-rim);font-size:14px}
.crow:first-child{border-top:0}
.crow .l{color:var(--mist-onglass)}
.crow .r{font-weight:600;white-space:nowrap}
.crow.total{border-top-width:2px}
.crow.total .l,.crow.total .r{font-weight:700;color:var(--text)}

/* faq */
.faq{margin-top:24px;display:flex;flex-direction:column;gap:10px;max-width:760px}
details{border-radius:16px;padding:4px 22px}
summary{cursor:pointer;font-weight:500;padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--cobalt);font-size:18px;font-weight:400;flex:none}
details[open] summary::after{content:"\2212"}
details p{margin:0 0 16px;font-size:14px}

/* closing */
.close-cta{position:relative;overflow:hidden;border-radius:24px;text-align:center;background:var(--hero-ground);color:#fff;padding:72px 32px 88px;border:1px solid var(--glass-rim);box-shadow:0 0 80px -30px var(--cobalt),var(--shadow)}
.close-cta h2{color:#fff;font-size:clamp(28px,4vw,36px)}
.close-cta p{color:rgba(255,255,255,.78);max-width:52ch;margin:8px auto 0}
.close-cta .hero-cta{justify-content:center}
footer{text-align:center;color:var(--mist);font-size:12px;padding:32px 24px 40px}
footer a{color:var(--mist)}

@media (max-width:720px){
  header.chrome{padding:0 18px;gap:14px}
  nav.site{display:none}
  .page{padding:24px 18px 72px}
  .hero{padding:48px 26px 96px;border-radius:20px}
  .facts{margin-top:-40px;padding:0 10px}
  section{margin-top:64px}
  .costband{grid-template-columns:1fr;padding:28px 24px}
}

/* subpage additions */
.page-hero{padding:72px 0 8px}
.page-hero h1{font-size:clamp(34px,5vw,50px)}
.page-hero .sub{font-size:18px}
.crumb{font-size:12.5px;color:var(--mist);margin-bottom:14px}
.crumb a{color:var(--mist);text-decoration:none}
.crumb a:hover{color:var(--cobalt)}
.tease{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:24px}
.tease .t{border-radius:18px;padding:26px;text-decoration:none;color:var(--text);display:block;transition:transform .18s,box-shadow .18s}
.tease .t:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 var(--glass-edge),0 0 0 1px var(--cobalt),0 12px 40px -14px var(--cobalt)}
.tease h3{margin:0 0 6px;font-size:17px;letter-spacing:-.01em}
.tease p{margin:0 0 14px;font-size:14px}
.tease .more{font-size:13px;font-weight:600;color:var(--cobalt)}
.steps3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:24px}
.steps3 .s{border-radius:18px;padding:26px;text-align:left}
.steps3 .k{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--cobalt)}
.steps3 h3{margin:8px 0 4px;font-size:16px}
.steps3 p{margin:0;font-size:14px}
.getgrid.compact .get p{display:none}
.getgrid.compact .get{display:flex;align-items:center;gap:12px;padding:16px 18px}
.getgrid.compact .get .ic{margin:0;flex:none}
.getgrid.compact .get h3{margin:0;font-size:14.5px}
.nextpage{display:flex;justify-content:space-between;gap:16px;margin-top:64px;flex-wrap:wrap}

/* ===== v2.2 motion + objects layer ===== */

/* scroll reveal */
.sr{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.sr.in{opacity:1;transform:none}

/* hero assembly scene */
.scene{flex:0 0 380px;position:relative;width:380px;height:380px;margin:0 auto}
.scene .ring-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
.artifact{position:absolute;border-radius:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 18px 40px -18px rgba(0,0,20,.6);color:#fff;padding:12px 14px;will-change:transform;animation:bob 7s ease-in-out infinite}
.artifact .t{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.artifact .b{font-size:12.5px;font-weight:700;margin-top:3px;white-space:nowrap}
.artifact .seal{position:absolute;right:10px;bottom:8px;width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);display:grid;place-items:center;font-size:9px}
.a-cert{left:-26px;top:26px;animation-delay:0s}
.a-bank{right:-30px;top:120px;animation-delay:-2.4s}
.a-web{left:-10px;bottom:38px;animation-delay:-4.8s}
.a-bank .chip{width:22px;height:15px;border-radius:3px;background:linear-gradient(135deg,#FFD98E,#E8B44C);margin-bottom:6px}
.a-web .dots{display:flex;gap:3px;margin-bottom:6px}
.a-web .dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.55)}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-14px) rotate(1.4deg)}}

/* ring ignition */
.ring-tick{transition:stroke .3s,filter .3s}
.ring-tick.dim{stroke:rgba(255,255,255,.22);filter:none}

/* deliverables marquee */
.marquee{overflow:hidden;margin-top:96px;border-top:1px solid var(--glass-rim);border-bottom:1px solid var(--glass-rim);padding:18px 0;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee .track{display:flex;gap:14px;width:max-content;animation:slide 36s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.mq{flex:none;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;padding:9px 18px;border-radius:999px;color:var(--text)}
.mq::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--cobalt)}
@keyframes slide{to{transform:translateX(-50%)}}

/* pipeline bar (how-it-works) */
.pipebar{display:flex;gap:5px;margin:40px 0 6px}
.pipebar i{flex:1;height:7px;border-radius:4px;background:var(--cobalt-wash);border:1px solid var(--glass-rim);position:relative;overflow:hidden}
.pipebar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cobalt),var(--violet));border-radius:4px;transform:scaleX(0);transform-origin:left}
.pipebar.run i::after{animation:fillseg .45s ease forwards}
@keyframes fillseg{to{transform:scaleX(1)}}
.pipebar+.pipecap{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mist);display:flex;justify-content:space-between}

/* journey icon draw */
.jstep .jicon{width:38px;height:38px;border-radius:11px;background:var(--cobalt-wash);border:1px solid var(--glass-rim);display:grid;place-items:center;margin-bottom:12px}
.jstep .jicon svg{width:20px;height:20px;stroke:var(--cobalt);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sr.in .jicon path,.sr.in .jicon circle,.sr.in .jicon rect{stroke-dasharray:60;stroke-dashoffset:60;animation:draw 1.1s .25s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}

/* globe (founders) */
.globe-wrap{flex:0 0 300px;position:relative;width:300px;height:300px;margin:0 auto}
.globe-wrap svg{width:100%;height:100%;overflow:visible}
.globe-sphere{fill:none;stroke:var(--glass-rim);stroke-width:1.5}
.globe-merid{fill:none;stroke:var(--cobalt);stroke-width:1;opacity:.5}
.globe-lat{fill:none;stroke:var(--glass-rim);stroke-width:1}
.globe-spin{animation:meridspin 14s linear infinite;transform-origin:center}
@keyframes meridspin{to{transform:rotate(360deg)}}
.globe-dot{fill:var(--cobalt);animation:pulse 2.4s ease-in-out infinite}
.globe-dot.d2{animation-delay:-.8s}.globe-dot.d3{animation-delay:-1.6s}
@keyframes pulse{0%,100%{opacity:.35;r:3}50%{opacity:1;r:5}}
.globe-arc{fill:none;stroke:var(--violet);stroke-width:1.3;stroke-dasharray:4 6;animation:dashmove 3s linear infinite;opacity:.7}
@keyframes dashmove{to{stroke-dashoffset:-40}}
.page-hero.split{display:flex;gap:48px;align-items:center;flex-wrap:wrap}
.page-hero.split .copy{flex:1 1 460px;min-width:0}

/* budget gauge (cost) */
.gauge-wrap{flex:0 0 260px;position:relative;width:260px;height:260px;margin:0 auto}
.gauge-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}
.gauge-bg{fill:none;stroke:var(--cobalt-wash);stroke-width:14}
.gauge-arc{fill:none;stroke:url(#ggrad);stroke-width:14;stroke-linecap:round;stroke-dasharray:565;stroke-dashoffset:565}
.gauge-wrap.in .gauge-arc{animation:gfill 1.6s .2s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes gfill{to{stroke-dashoffset:141}}
.gauge-label{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.gauge-label .n{font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt)}
.gauge-label .s{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mist);margin-top:4px}
.crow{opacity:0;transform:translateX(-10px);transition:opacity .5s ease,transform .5s ease}
.rows.in .crow{opacity:1;transform:none}
.rows.in .crow:nth-child(1){transition-delay:.05s}.rows.in .crow:nth-child(2){transition-delay:.15s}.rows.in .crow:nth-child(3){transition-delay:.25s}.rows.in .crow:nth-child(4){transition-delay:.35s}.rows.in .crow:nth-child(5){transition-delay:.45s}.rows.in .crow:nth-child(6){transition-delay:.6s}

/* nebula scroll parallax hook */
.cosmos .neb{will-change:transform}

@media (prefers-reduced-motion:reduce){
  .sr{opacity:1;transform:none;transition:none}
  .artifact,.marquee .track,.globe-spin,.globe-dot,.globe-arc,.orbitdot{animation:none!important}
  .pipebar.run i::after,.gauge-wrap.in .gauge-arc{animation-duration:.01s}
  .sr.in .jicon path,.sr.in .jicon circle,.sr.in .jicon rect{animation:none;stroke-dasharray:none}
}
@media (max-width:900px){
  .scene{flex-basis:300px;width:300px;height:320px}
  .a-cert{left:-6px}.a-bank{right:-8px}.a-web{left:2px}
}