:root{
  --paper:#020806;
  --paper-2:#07120f;
  --card:rgba(8,23,19,.82);
  --ink:#effff7;
  --ink-deep:#010504;
  --body:#b5cfc2;
  --faint:#7f9b8e;
  --gold:#ffc95c;
  --gold-soft:#ffe0a1;
  --gold-wash:rgba(255,201,92,.11);
  --green:#0d7e58;
  --green-bright:#42f5a1;
  --neon:#69ffb0;
  --cyan:#45dbff;
  --violet:#b58cff;
  --red:#ff6174;
  --red-wash:rgba(255,64,86,.08);
  --line:rgba(112,255,181,.2);
  --line-soft:rgba(112,255,181,.075);
  --panel:rgba(6,18,15,.78);
  --panel-solid:#07130f;
  --shadow:0 28px 80px rgba(0,0,0,.34);
  --glow:0 0 32px rgba(66,245,161,.14);
  --mx:50vw;
  --my:35vh;
  color-scheme:dark;
}

*{scrollbar-width:thin;scrollbar-color:rgba(105,255,176,.48) #030a08}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:#030a08}
*::-webkit-scrollbar-thumb{background:linear-gradient(var(--green-bright),var(--cyan));border-radius:20px}

html{scroll-padding-top:110px;background:#010504}
body{
  min-height:100%;
  position:relative;isolation:isolate;
  background:
    radial-gradient(900px 620px at 86% -10%,rgba(66,245,161,.11),transparent 68%),
    radial-gradient(760px 540px at 8% 12%,rgba(69,219,255,.08),transparent 70%),
    #020806;
  color:var(--body);
  cursor:default;
}
body::before{
  content:"";
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(99,255,176,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(99,255,176,.035) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 88%);
}
body::after{
  content:"";
  position:fixed;inset:0;z-index:180;pointer-events:none;opacity:.21;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.13) 3px 4px);
  mix-blend-mode:multiply;
}
h1,h2,h3,h4{color:var(--ink)}
a,button,input{ -webkit-tap-highlight-color:transparent }
button,input{font:inherit}

#cyberParticles{
  position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.48;
}
body>main,body>footer{position:relative;z-index:1}
.cursor-aura{
  position:fixed;z-index:170;pointer-events:none;width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,rgba(77,255,171,.08),rgba(69,219,255,.025) 38%,transparent 70%);
  translate:-50% -50%;left:var(--mx);top:var(--my);mix-blend-mode:screen;
  transition:opacity .25s;
}
.scroll-progress{
  position:fixed;z-index:210;inset:0 0 auto;height:3px;background:rgba(255,255,255,.04);pointer-events:none;
}
.scroll-progress i{
  display:block;width:var(--scroll,0%);height:100%;
  background:linear-gradient(90deg,var(--green-bright),var(--cyan),var(--gold));
  box-shadow:0 0 16px rgba(69,219,255,.8);transition:width .08s linear;
}
.system-rail{
  position:fixed;z-index:52;left:18px;top:50%;translate:0 -50%;
  display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;
  font:600 .58rem/1 var(--mono);letter-spacing:.18em;color:rgba(181,207,194,.48);
  writing-mode:vertical-rl;direction:rtl;
}
.system-rail::before,.system-rail::after{content:"";width:1px;height:52px;background:linear-gradient(transparent,var(--green-bright))}
.system-rail::after{background:linear-gradient(var(--green-bright),transparent)}
.system-rail b{color:var(--green-bright);font-size:.64rem}

/* Shared cyber surface */
.nav-shell,.screen,.editor,.folder,.alert,.jstep,.leg,.tier,.kpi,.cta{
  --edge:rgba(105,255,176,.28);
  position:relative;
}
.screen::before,.editor::before,.folder::after,.jstep::after,.leg::after,.tier::after,.kpi::after,.cta::before{
  content:"";position:absolute;pointer-events:none;
}
.screen::before,.editor::before,.tier::after,.kpi::after,.cta::before{
  inset:9px;border:1px solid rgba(255,255,255,.035);clip-path:polygon(0 0,30px 0,30px 1px,100% 1px,100% 100%,calc(100% - 30px) 100%,calc(100% - 30px) calc(100% - 1px),0 calc(100% - 1px));
}

:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;box-shadow:0 0 0 5px rgba(69,219,255,.16)!important}

/* Navigation / mission rail */
header.nav{position:fixed;padding-top:14px;transition:transform .35s ease}
header.nav.is-hidden{transform:translateY(-120%)}
.nav-shell{
  max-width:min(1240px,calc(100vw - 30px));
  background:linear-gradient(115deg,rgba(4,17,13,.94),rgba(8,26,21,.88));
  border:1px solid rgba(105,255,176,.28);border-radius:16px;padding:9px 12px;
  box-shadow:0 18px 55px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.025) inset;
  overflow:visible;
}
.nav-shell::before{
  content:"";position:absolute;inset-inline-start:16px;bottom:-1px;width:96px;height:2px;
  background:linear-gradient(90deg,transparent,var(--green-bright),transparent);box-shadow:0 0 12px var(--green-bright);
  animation:navSignal 6s ease-in-out infinite alternate;
}
@keyframes navSignal{to{transform:translateX(min(68vw,800px))}}
.brand .ng-mark,.foot-brand .ng-mark{filter:drop-shadow(0 0 12px rgba(66,245,161,.18));}
.brand .btxt{color:var(--body)}
.brand .btxt b{color:var(--ink)}
.brand .btxt span{color:var(--faint)}
.brand-divider{background:rgba(105,255,176,.22)}
.brand .tuwaiq,.foot-brand .tuwaiq{filter:brightness(0) invert(1);opacity:.8}
.nav-links a{color:#a8c5b8;position:relative;overflow:hidden}
.nav-links a::after{content:"";position:absolute;inset:auto 14px 4px;height:1px;background:var(--green-bright);transform:scaleX(0);transition:transform .2s}
.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(105,255,176,.08)}
.nav-links a.active::after{transform:scaleX(1)}
.nav-links .nav-cta{
  background:linear-gradient(135deg,#59ffad,#31d986);color:#021009;border-color:transparent;
  box-shadow:0 0 0 1px rgba(105,255,176,.55),0 0 28px rgba(66,245,161,.22);
}
.nav-links .nav-cta:hover{background:linear-gradient(135deg,#7affbd,#45dbff);color:#01100b;box-shadow:0 0 38px rgba(69,219,255,.32)}
.burger span{background:var(--ink);box-shadow:0 0 8px rgba(105,255,176,.4);transition:.25s}
.nav-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-open .burger span:nth-child(2){opacity:0}
.nav-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Buttons */
.btn{
  min-height:54px;border-radius:10px;border-color:rgba(105,255,176,.38);overflow:hidden;
  isolation:isolate;will-change:transform;transition:transform .18s ease,box-shadow .2s ease,border-color .2s;
}
.btn::before{
  content:"";position:absolute;z-index:-1;top:-120%;left:-35%;width:26%;height:340%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:rotate(22deg);transition:left .5s ease;
}
.btn:hover::before{left:118%}
.btn-primary{
  color:#03100c;background:linear-gradient(135deg,#69ffb0,#2dcf87 70%);border-color:#69ffb0;
  box-shadow:0 0 0 1px rgba(105,255,176,.32),0 10px 35px rgba(66,245,161,.24);
}
.btn-primary:hover{color:#02100b;background:linear-gradient(135deg,#83ffc0,#49ddff);box-shadow:0 0 42px rgba(69,219,255,.32);transform:translateY(-3px)}
.btn-light{background:rgba(8,24,19,.68);color:var(--ink);border-color:rgba(181,207,194,.28);box-shadow:none;backdrop-filter:blur(12px)}
.btn-light:hover{background:rgba(69,219,255,.08);border-color:var(--cyan);box-shadow:0 0 28px rgba(69,219,255,.15);transform:translateY(-3px)}
.btn-ivory{background:linear-gradient(135deg,#f7fff9,#c9ffe1);color:#03100c;border-color:#f5fff8;box-shadow:0 0 32px rgba(105,255,176,.18)}
.btn-ivory:hover{background:#fff;color:#03100c;box-shadow:0 0 48px rgba(105,255,176,.35);transform:translateY(-3px)}
.ripple{position:absolute!important;border-radius:50%;background:rgba(255,255,255,.32);transform:translate(-50%,-50%) scale(0);animation:ripple .6s ease-out;pointer-events:none;z-index:3}
@keyframes ripple{to{transform:translate(-50%,-50%) scale(5);opacity:0}}

/* Hero / signal scanner */
.hero{
  min-height:100svh;padding-top:clamp(142px,15vw,186px)!important;
  background:
    radial-gradient(circle at 50% 22%,rgba(50,255,154,.11),transparent 27%),
    radial-gradient(circle at 17% 44%,rgba(69,219,255,.07),transparent 22%),
    linear-gradient(180deg,rgba(2,10,7,.2),rgba(2,8,6,.94));
  isolation:isolate;
}
.hero::before{display:none}
.hero::after{display:none}
@keyframes heroOrbit{to{rotate:360deg}}
.hero .wrap{max-width:1240px}
.hero .wrap::before,.hero .wrap::after{
  content:"";position:absolute;top:74px;width:66px;height:66px;opacity:.65;pointer-events:none;
}
.hero .wrap::before{right:48px;border-top:1px solid var(--green-bright);border-right:1px solid var(--green-bright)}
.hero .wrap::after{left:48px;border-bottom:1px solid var(--cyan);border-left:1px solid var(--cyan)}
.hero-coordinate{
  display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 18px;
  font:500 .66rem/1.4 var(--mono);direction:ltr;letter-spacing:.12em;color:rgba(181,207,194,.55);
}
.hero-coordinate::before,.hero-coordinate::after{content:"";width:44px;height:1px;background:linear-gradient(90deg,transparent,var(--green-bright))}
.hero-coordinate::after{transform:scaleX(-1)}
.eyebrow-chip{
  color:#dffff0;background:rgba(5,20,15,.74);border-color:rgba(105,255,176,.34);
  box-shadow:0 0 28px rgba(66,245,161,.1),inset 0 0 18px rgba(66,245,161,.04);backdrop-filter:blur(12px);
}
.eyebrow-chip .dot{box-shadow:0 0 0 4px rgba(66,245,161,.08),0 0 18px var(--green-bright)}
.hero h1{
  max-width:15ch;font-size:clamp(2.65rem,6.2vw,5.35rem);line-height:1.18;margin-top:27px;
  text-wrap:balance;text-shadow:0 0 42px rgba(105,255,176,.08);
}
.hero h1 .hl{
  background:none;color:transparent;background-image:linear-gradient(95deg,#69ffb0,#45dbff 55%,#ddffef);
  background-clip:text;-webkit-background-clip:text;position:relative;white-space:nowrap;
}
.hero h1 .hl::after{display:none}
@keyframes signalLine{0%,100%{transform:scaleX(.18);opacity:.25}50%{transform:scaleX(1);opacity:1}}
.hero .lede{color:#b8d2c6;max-width:68ch;font-size:clamp(1rem,1.55vw,1.2rem)}
.audience span{
  color:#cfe7db;background:rgba(6,20,16,.66);border-color:rgba(181,207,194,.2);position:relative;overflow:hidden;
}
.audience span::before{content:"+";font-family:var(--mono);color:var(--green-bright);margin-inline-end:7px}
.audience span:hover,.audience span.active{color:#fff;border-color:var(--green-bright);box-shadow:0 0 22px rgba(66,245,161,.14);transform:translateY(-2px)}
.hero-status-strip{
  width:min(760px,100%);margin:30px auto 0;display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(105,255,176,.16);border-radius:12px;background:rgba(4,15,12,.52);backdrop-filter:blur(10px);overflow:hidden;
}
.hero-status-strip span{padding:10px 14px;font:500 .65rem/1.4 var(--mono);direction:ltr;color:rgba(207,231,219,.54);border-inline-start:1px solid rgba(105,255,176,.12)}
.hero-status-strip span:first-child{border-inline-start:0}
.hero-status-strip b{color:var(--green-bright);font-weight:600}
.hero-status-strip i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green-bright);margin-right:7px;box-shadow:0 0 10px var(--green-bright)}
.scroll-cue{
  display:flex;flex-direction:column;align-items:center;gap:8px;margin:28px auto 0;color:rgba(181,207,194,.4);font-size:.68rem;
}
.scroll-cue i{width:1px;height:32px;background:linear-gradient(var(--green-bright),transparent);animation:scrollCue 1.8s ease-in-out infinite;transform-origin:top}
@keyframes scrollCue{0%{transform:scaleY(.2);opacity:0}40%{opacity:1}100%{transform:scaleY(1);opacity:0}}

/* Live telemetry */
.screen{
  margin-top:clamp(48px,7vw,82px);background:linear-gradient(135deg,rgba(3,14,10,.98),rgba(4,21,16,.96));
  border-color:rgba(105,255,176,.32);border-radius:18px;box-shadow:var(--shadow),0 0 70px rgba(66,245,161,.08);
  transform-style:preserve-3d;
}
.screen-head{border-color:rgba(105,255,176,.13);background:rgba(105,255,176,.025)}
.screen-title{color:rgba(105,255,176,.58)}
.screen-title::before{content:"● ";color:var(--green-bright);text-shadow:0 0 10px var(--green-bright)}
.srow{border-color:rgba(105,255,176,.1)}
.srow .lbl{color:#e9fff4}
.srow .tk{color:rgba(69,219,255,.45)}
.srow .st.ok{color:var(--green-bright);box-shadow:inset 0 0 18px rgba(66,245,161,.04)}
.srow .st.run{color:var(--gold);box-shadow:0 0 18px rgba(255,201,92,.08)}
.sstat b{color:#f3fff8}
.sstat small{color:#87aa99}
.sstat .bar{background:rgba(105,255,176,.06);border:1px solid rgba(105,255,176,.1);height:7px}
.sstat .bar i{background:linear-gradient(90deg,var(--green-bright),var(--cyan));box-shadow:0 0 14px rgba(69,219,255,.5)}
.scan{background:linear-gradient(90deg,transparent,rgba(105,255,176,.75),transparent);box-shadow:0 0 18px rgba(105,255,176,.38)}

.stats-band{
  margin-top:clamp(58px,8vw,96px);background:rgba(4,16,12,.68);border-color:rgba(105,255,176,.18);
  border-radius:16px 16px 0 0;overflow:hidden;backdrop-filter:blur(16px);
}
.stat{border-color:rgba(105,255,176,.14);position:relative;overflow:hidden}
.stat::after{content:"";position:absolute;inset:auto 24px 0;height:1px;background:linear-gradient(90deg,var(--green-bright),transparent);transform:scaleX(0);transform-origin:right;transition:.35s}
.stat:hover::after{transform:scaleX(1)}
.stat b{color:#f2fff8}
.stat small{color:#89a99a}

/* Sections / mission chapters */
section{isolation:isolate;scroll-margin-top:88px}
#summary,#value,.tl-band section{overflow:hidden}
#summary::before,#value::before,.tl-band section::before{display:none}
#summary::after,#objectives::after,#journey::after,#value::after,.tl-band section::after,.tiers-band section::after{
  display:none;
}
.sec-head{position:relative;max-width:880px}
.sec-head::before{content:"";position:absolute;right:-22px;top:4px;width:3px;height:70px;background:linear-gradient(var(--section-accent,var(--green-bright)),transparent);box-shadow:0 0 14px var(--section-accent,var(--green-bright))}
.sec-head .kick{
  color:var(--section-accent,var(--green-bright));background:color-mix(in srgb,var(--section-accent,var(--green-bright)) 8%,transparent);
  border-color:color-mix(in srgb,var(--section-accent,var(--green-bright)) 32%,transparent);border-radius:6px;letter-spacing:.08em;
}
.sec-head .kick::before{content:"//";opacity:.55}
.sec-head h2{color:#f2fff8;text-wrap:balance}
.sec-head p{color:#9fbeaf}

/* 01 — encrypted briefings */
#summary{--section-accent:#ffbd5e;--section-line:rgba(255,189,94,.034);background:radial-gradient(680px 460px at 90% 18%,rgba(255,189,94,.055),transparent 72%),#040a08}
.folders{gap:22px;perspective:1200px}
.folder{
  background:linear-gradient(150deg,rgba(25,24,13,.92),rgba(8,19,15,.94));
  border-color:rgba(255,201,92,.35);border-radius:16px;box-shadow:0 22px 45px rgba(0,0,0,.18);overflow:visible;
  transform-style:preserve-3d;will-change:transform;
}
.folder::before{background:linear-gradient(90deg,var(--gold),rgba(255,201,92,.08));height:1px;box-shadow:0 0 12px rgba(255,201,92,.4)}
.folder::after{
  z-index:0;inset:0;border-radius:inherit;opacity:0;
  background:linear-gradient(180deg,transparent 0,rgba(255,201,92,.12) 48%,transparent 50%);background-size:100% 220%;transition:opacity .2s;
}
.folder:hover::after,.folder.active::after{opacity:1;animation:folderScan 1.4s linear infinite}
@keyframes folderScan{to{background-position:0 220%}}
.folder>*{position:relative;z-index:1}
.folder .stamp{color:#ff8290;border-color:#ff8290;text-shadow:0 0 10px rgba(255,97,116,.25)}
.folder h4{color:#fff}
.folder p{color:#aabdaf}
.folder:hover,.folder.active{border-color:var(--gold);box-shadow:0 26px 60px rgba(0,0,0,.3),0 0 26px rgba(255,201,92,.09);transform:translateY(-8px)}
.folder .clip{border-color:var(--gold-soft);filter:drop-shadow(0 0 6px rgba(255,201,92,.3))}
.alert{
  background:linear-gradient(90deg,rgba(255,50,74,.11),rgba(12,20,16,.9));border-color:rgba(255,97,116,.38);border-inline-start-color:var(--red);
  box-shadow:0 20px 55px rgba(0,0,0,.24),0 0 26px rgba(255,97,116,.06);
}
.alert::after{content:"";position:absolute;inset-inline:0;bottom:0;height:34px;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 12px,var(--red) 13px 14px,transparent 15px 24px);clip-path:polygon(0 70%,5% 32%,11% 68%,18% 18%,26% 76%,33% 44%,42% 72%,52% 12%,62% 69%,70% 35%,78% 74%,87% 18%,94% 62%,100% 40%,100% 100%,0 100%)}
.alert-head{border-color:rgba(255,97,116,.26)}
.alert-head .aicon{background:rgba(255,97,116,.08);border-color:var(--red)}
.alert-head b{color:#fff}
.alert-body{color:#c4d2cb;position:relative;z-index:1}

/* 02 — executable objectives */
#objectives{--section-accent:#69ffb0;--section-line:rgba(105,255,176,.035);background:radial-gradient(720px 440px at 8% 20%,rgba(66,245,161,.06),transparent 70%),#020806!important;padding-top:clamp(76px,9.5vw,120px)!important}
.objectives-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;background:rgba(105,255,176,.035);border-bottom:1px solid rgba(105,255,176,.13)}
.run-all{
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(105,255,176,.3);border-radius:7px;
  color:var(--green-bright);background:rgba(105,255,176,.055);cursor:pointer;font:600 .72rem/1 var(--mono);direction:ltr;
}
.run-all::before{content:"▶";font-size:.64rem}
.run-all.running::before{content:"◌";animation:spin .7s linear infinite}
@keyframes spin{to{rotate:360deg}}
.runtime-state{font:500 .65rem/1 var(--mono);color:#6f9682;direction:ltr}
.runtime-state b{color:var(--green-bright)}
.editor{
  background:linear-gradient(145deg,rgba(4,16,12,.98),rgba(3,10,8,.99));border-color:rgba(105,255,176,.3);border-radius:14px;
  box-shadow:0 28px 70px rgba(0,0,0,.34),0 0 44px rgba(66,245,161,.06);
}
.editor-head{background:rgba(105,255,176,.045);border-color:rgba(105,255,176,.18)}
.editor-head .file{color:#c6e6d7}
.editor-body{padding-block:10px;background-image:linear-gradient(90deg,rgba(69,219,255,.035) 1px,transparent 1px);background-size:42px 100%}
.cline{border-inline-start:2px solid transparent}
.crow:hover .cline{background:rgba(105,255,176,.035)}
.crow.open .cline,.crow.executing .cline{background:linear-gradient(90deg,rgba(105,255,176,.085),transparent);border-inline-start-color:var(--green-bright)}
.crow.executing .cline{animation:execPulse .75s ease-in-out infinite alternate}
@keyframes execPulse{to{background-color:rgba(69,219,255,.075)}}
.cline .ln{color:#567266}
.cline .kw{color:var(--violet)}
.cline .vr{color:var(--cyan)}
.cline .op,.cline .brk{color:#748f83}
.cline .str{color:#eafff3}
.cexp .cmt .txt{color:#8fb3a2}
.cexp .cmt .txt::before{color:var(--green-bright)}
.execution-output{max-height:0;opacity:0;overflow:hidden;transition:.35s;padding:0 62px 0 22px;font:500 .7rem/1.8 var(--mono);color:var(--green-bright);direction:ltr;text-align:left}
.crow.complete .execution-output{max-height:46px;opacity:1;padding-bottom:8px}

/* 03 — packet route */
.tl-band{background:#030907;border-color:rgba(105,255,176,.16)}
#timeline section{--section-accent:#45dbff;--section-line:rgba(69,219,255,.034);background:radial-gradient(760px 420px at 50% 0,rgba(69,219,255,.065),transparent 72%),#030a09}
.metro{padding-top:26px}
.metro-line{background:rgba(69,219,255,.055);border-color:rgba(69,219,255,.22);height:4px;top:32px}
.metro-line i{background:linear-gradient(90deg,var(--cyan),var(--green-bright));box-shadow:0 0 18px rgba(69,219,255,.55)}
.mstop .node{background:transparent;border-color:rgba(69,219,255,.5)}
.mstop.done .node{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px rgba(69,219,255,.5)}
.mstop.now .node{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 4px rgba(227,200,128,.15),0 0 12px rgba(227,200,128,.55)}
.mstop .here{background:linear-gradient(135deg,#ffd26f,#ffac39);color:#271600;box-shadow:0 0 24px rgba(255,201,92,.26)}
.mstop .here::after{background:#ffb23f}
.mstop .date{color:var(--cyan)}
.mstop h4{color:#eafff5}
.mstop .tagd{color:var(--green-bright)}

/* 04 — employee mission */
#journey{--section-accent:#f4a261;--section-line:rgba(244,162,97,.03);background:radial-gradient(680px 480px at 90% 20%,rgba(244,162,97,.06),transparent 72%),#050907}
.jpath::before{display:none}
.jpath .flag{display:none}
.journey{perspective:1300px}
.jstep{
  background:linear-gradient(155deg,rgba(26,18,11,.9),rgba(5,17,14,.96));border-color:rgba(244,162,97,.28);border-radius:14px;
  transform-style:preserve-3d;min-height:286px;
}
.jstep::after{top:auto;right:0;bottom:0;left:0;height:2px;border:0;background:linear-gradient(90deg,transparent,var(--section-accent),transparent);transform:scaleX(0);transition:transform .35s}
.jstep:hover::after,.jstep.active::after{transform:scaleX(1)}
.jstep::before{color:#f8d6b7;background:#07110d;border-color:#f4a261;box-shadow:0 0 0 5px rgba(244,162,97,.06)}
.jstep:hover,.jstep.active{border-color:#f4a261;box-shadow:0 26px 58px rgba(0,0,0,.28),0 0 30px rgba(244,162,97,.08);transform:translateY(-8px)}
.jstep:hover::before,.jstep.active::before{background:#f4a261;color:#1b0d03;box-shadow:0 0 25px rgba(244,162,97,.35)}
.jstep h4{color:#fff}
.jstep li{color:#aebfb5}
.jstep li::before{background:#f4a261;box-shadow:0 0 8px rgba(244,162,97,.5)}

/* 05 — psychometric calibrator */
#methodology section{--section-accent:#b58cff;--section-line:rgba(181,140,255,.034);background:radial-gradient(700px 480px at 15% 38%,rgba(181,140,255,.08),transparent 70%),#04080a}
.donut-wrap{filter:drop-shadow(0 0 28px rgba(181,140,255,.12))}
.donut-wrap::before,.donut-wrap::after{content:"";position:absolute;inset:7%;border:1px solid rgba(181,140,255,.16);border-radius:50%;pointer-events:none}
.donut-wrap::before{animation:radarRing 3.4s ease-out infinite}
.donut-wrap::after{inset:-6%;border-style:dashed;animation:spin 20s linear infinite}
@keyframes radarRing{0%{scale:.75;opacity:0}40%{opacity:.65}100%{scale:1.18;opacity:0}}
.donut-wrap svg{filter:drop-shadow(0 0 7px rgba(105,255,176,.18))}
.donut-wrap circle{transition:stroke-dasharray 1.4s cubic-bezier(.3,.7,.2,1),opacity .25s,stroke-width .25s}
.donut-wrap circle.dim{opacity:.16}
.donut-wrap circle.hot{stroke-width:32;filter:drop-shadow(0 0 7px currentColor)}
.donut-center div b{color:#fff;text-shadow:0 0 18px rgba(181,140,255,.25);transition:.25s}
.donut-center div small{color:#9aafae;display:block;max-width:130px;line-height:1.55}
.leg{
  background:rgba(11,14,20,.82);border-color:rgba(181,140,255,.22);border-radius:12px;overflow:hidden;cursor:default;
}
.leg::after{inset:0;background:linear-gradient(90deg,rgba(181,140,255,.09),transparent);transform:translateX(105%);transition:.35s}
.leg:hover::after{transform:translateX(0)}
.leg:hover{border-color:var(--violet);box-shadow:0 0 28px rgba(181,140,255,.12);transform:translateX(-6px)}
.leg .lab{color:#f2efff}
.leg .lab small{color:#8f9da4}
.leg .pct{color:#d9c7ff}

/* 06 — capability calibration lab */
.tiers-band{--section-accent:#69ffb0;background:radial-gradient(820px 520px at 50% 0,rgba(66,245,161,.085),transparent 72%),#020806;border-color:rgba(105,255,176,.18)}
.rank-calibrator{
  margin:0 0 34px;padding:20px 22px;border:1px solid rgba(105,255,176,.22);border-radius:14px;
  background:linear-gradient(115deg,rgba(7,24,18,.9),rgba(3,12,9,.8));box-shadow:0 18px 50px rgba(0,0,0,.22);
}
.calibrator-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}
.calibrator-head span{font:600 .72rem/1 var(--mono);direction:ltr;color:#8bb7a2}
.calibrator-head b{color:var(--green-bright);font:600 1rem/1 var(--mono);direction:ltr}
.rank-slider{width:100%;height:8px;appearance:none;border:1px solid rgba(105,255,176,.24);border-radius:20px;background:linear-gradient(90deg,#ff6d72 0 24%,#ffc95c 24% 49%,#45dbff 49% 78%,#69ffb0 78% 100%);outline:0}
.rank-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:#f3fff8;border:4px solid #0c2119;box-shadow:0 0 0 2px var(--green-bright),0 0 24px rgba(105,255,176,.6);cursor:grab}
.rank-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#f3fff8;border:4px solid #0c2119;box-shadow:0 0 0 2px var(--green-bright),0 0 24px rgba(105,255,176,.6);cursor:grab}
.rank-scale{display:flex;justify-content:space-between;margin-top:10px;font:500 .62rem/1 var(--mono);direction:ltr;color:#5f8071}
.tiers{perspective:1400px}
.tier{
  background:linear-gradient(155deg,rgba(8,25,19,.86),rgba(3,12,9,.96));border-color:rgba(255,255,255,.12);border-radius:14px;cursor:default;
  transform-style:preserve-3d;filter:saturate(.65);opacity:.7;
}
.tier::after{inset:0;border:0;background:linear-gradient(135deg,rgba(105,255,176,.08),transparent 45%);opacity:0;transition:.25s}
.tier:hover{background:linear-gradient(155deg,rgba(10,35,25,.94),rgba(4,16,12,.98));border-color:var(--tier-color,var(--green-bright));transform:translateY(-10px);opacity:1;filter:none;box-shadow:0 26px 60px rgba(0,0,0,.28),0 0 32px color-mix(in srgb,var(--tier-color,var(--green-bright)) 18%,transparent)}
.tier:hover::after{opacity:1}
.tier:nth-child(1){--tier-color:#ff7b80}.tier:nth-child(2){--tier-color:#ffc95c}.tier:nth-child(3){--tier-color:#45dbff}.tier:nth-child(4){--tier-color:#69ffb0}
.rank i{filter:drop-shadow(0 0 6px var(--tier-color))}
.tier .no{color:#709386}
.tier h3{color:#fff}
.tier .thr{color:var(--tier-color)}
.tier p{color:#9fb8ab}
.tier .zpill{color:var(--tier-color);border-color:color-mix(in srgb,var(--tier-color) 40%,transparent);background:color-mix(in srgb,var(--tier-color) 6%,transparent)}

/* 07 — command impact center */
#value{--section-accent:#45dbff;--section-line:rgba(69,219,255,.035);background:radial-gradient(760px 520px at 92% 14%,rgba(69,219,255,.065),transparent 72%),#030908}
.vals{perspective:1400px}
.kpi{
  background:linear-gradient(145deg,rgba(6,22,18,.92),rgba(3,12,10,.96));border-color:rgba(69,219,255,.22);border-radius:14px;overflow:hidden;
  transform-style:preserve-3d;
}
.kpi::before{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--card-x,50%) var(--card-y,50%),rgba(69,219,255,.12),transparent 55%);opacity:0;transition:opacity .25s}
.kpi:hover::before{opacity:1}

.kpi:hover{border-color:var(--cyan);box-shadow:0 26px 62px rgba(0,0,0,.28),0 0 28px rgba(69,219,255,.09);transform:translateY(-7px)}
.kpi h4{color:#f2fffa}
.kpi p{color:#9eb8ac}
.kpi .ic{background:rgba(69,219,255,.1)}
.kpi .ic svg{stroke:var(--cyan)}
.kpi-meter{grid-column:1/-1;height:3px;background:rgba(255,255,255,.05);margin-top:14px;overflow:hidden;border-radius:20px}
.kpi-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--green-bright));box-shadow:0 0 9px var(--cyan);transition:width 1.2s ease .25s}
.stagger.in .kpi-meter i{width:var(--meter,74%)}

/* CTA authorization gate */
.cta{
  background:
    radial-gradient(520px 280px at 50% 0,rgba(105,255,176,.13),transparent 72%),
    linear-gradient(145deg,#04150f,#020806);border-color:rgba(105,255,176,.36);border-radius:20px;
  box-shadow:0 34px 90px rgba(0,0,0,.38),0 0 60px rgba(66,245,161,.08);padding-inline:clamp(28px,7vw,92px);
}
.cta::before{inset:0;border:0;background:linear-gradient(90deg,transparent,rgba(105,255,176,.11),transparent);animation:ctaSweep 4s ease-in-out infinite}
@keyframes ctaSweep{0%,100%{transform:translateX(-100%)}55%{transform:translateX(100%)}}
.cta .k{color:var(--green-bright);background:rgba(105,255,176,.045);border-color:rgba(105,255,176,.25);box-shadow:inset 0 0 22px rgba(105,255,176,.04)}
.cta h2{color:#fff}
.cta p{color:#a8c4b7}
.trust-badges{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 auto 28px}
.trust-badges span{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid rgba(105,255,176,.2);border-radius:100px;background:rgba(105,255,176,.035);color:#9fc6b3;font-size:.72rem}
.trust-badges i{width:6px;height:6px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 9px var(--green-bright)}

footer{background:#010504;border-color:rgba(105,255,176,.15)}
.foot-grid{border-color:rgba(105,255,176,.11)}
.foot-brand div b{color:#effff7}
.foot-brand div span,.copyright{color:#718e80}
.foot-links a{color:#91ad9f}
.foot-links a:hover{color:var(--green-bright)}

/* Boot refined: a quick one-time secure handshake */
#boot{background:radial-gradient(circle at 50% 45%,#08251a,#020806 65%);}
.boot-inner{filter:drop-shadow(0 0 32px rgba(66,245,161,.13))}
.boot-bar{border-color:var(--green-bright);box-shadow:0 0 24px rgba(66,245,161,.09) inset}
.boot-bar i{background:linear-gradient(var(--green-bright),var(--cyan))}
.boot-granted{color:#eafff3;border-color:var(--green-bright);box-shadow:0 0 28px rgba(66,245,161,.13)}

/* Scroll reveal variety */
.reveal{opacity:0;transform:translateY(26px) scale(.988);filter:blur(7px);transition:opacity .72s ease,transform .82s cubic-bezier(.2,.7,.15,1),filter .6s}
.reveal.in{opacity:1;transform:none;filter:none}
.stagger>*{transform:translateY(30px) scale(.97);filter:blur(5px)}
.stagger.in>*{filter:none}
.stagger.in>*:nth-child(odd){animation:assembleOdd .7s cubic-bezier(.2,.7,.2,1) both}
.stagger.in>*:nth-child(even){animation:assembleEven .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes assembleOdd{from{opacity:0;transform:translateY(26px) translateX(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes assembleEven{from{opacity:0;transform:translateY(26px) translateX(-12px) scale(.97)}to{opacity:1;transform:none}}

/* Tilt helper */
@media (hover:hover) and (pointer:fine){
  .tiltable{transition:transform .16s ease-out,box-shadow .22s,border-color .2s;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px))}
  .tiltable:hover{--lift:-7px}
}

@media(max-width:1060px){
  .system-rail{display:none}
  header.nav{position:fixed}
  .nav-open .nav-links{background:rgba(3,15,11,.98);border-color:rgba(105,255,176,.28);box-shadow:0 24px 50px rgba(0,0,0,.4);backdrop-filter:blur(18px)}
  .nav-open .nav-links .nav-cta{color:#03100c}
  .hero .wrap::before,.hero .wrap::after{display:none}
  .metro::after{display:none}
  .jstep{min-height:240px}
  .tiers{gap:16px}
}

@media(max-width:720px){
  .foot-grid{justify-content:center;text-align:center}
  .foot-links{justify-content:center}
  .copyright{text-align:center}
  html{scroll-padding-top:88px}
  .cursor-aura{display:none}
  header.nav{padding:9px 9px 0}
  .nav-shell{max-width:none;width:100%;border-radius:13px}
  .brand .ng-mark{height:38px}
  .hero{padding-top:124px!important}
  .hero-coordinate{font-size:.55rem}
  .eyebrow-chip{font-size:.69rem;padding:7px 12px;line-height:1.55}
  .hero h1{font-size:clamp(2.35rem,12vw,3.55rem);max-width:12ch}
  .hero h1 .hl{white-space:normal}
  .hero-status-strip{grid-template-columns:1fr;margin-top:24px}
  .hero-status-strip span{border-inline-start:0;border-top:1px solid rgba(105,255,176,.1);text-align:center}
  .hero-status-strip span:first-child{border-top:0}
  .screen{border-radius:14px;margin-inline:-6px}
  .screen-head{padding-inline:16px}
  .screen-title{font-size:.58rem}
  .stats-band{margin-inline:-6px}
  .sec-head::before{display:none}
  #summary::after,#objectives::after,#journey::after,#value::after,.tl-band section::after,.tiers-band section::after{font-size:3.5rem;left:18px}
  .folders{gap:18px}
  .objectives-toolbar{align-items:flex-start;flex-direction:column}
  .runtime-state{font-size:.56rem}
  .cline{align-items:flex-start}
  .cline>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
  .execution-output{padding-inline:45px 14px}
  .metro{padding-top:6px}
  .mstops{gap:0;grid-template-columns:1fr}
  .mstop{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:16px;text-align:start;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
  .mstop:last-child{border:0;margin-bottom:0;padding-bottom:0}
  .mstop .node{order:1;width:9px;height:9px;border:0;box-shadow:none;margin:0;flex-shrink:0}
  .mstop.now .node{box-shadow:0 0 8px var(--gold)}
  .mstop .date{order:2;margin:0}
  .mstop h4{order:3;flex-basis:100%;margin-top:6px;font-size:.92rem}
  .jstep{min-height:auto}
  .rank-calibrator{padding:18px 16px}
  .calibrator-head{align-items:flex-start;flex-direction:column}
  .tier{opacity:.85;filter:none}
  .cta{border-radius:15px}
}

@media(max-width:480px){
  .wrap{padding-inline:18px}
  .hero-actions{gap:11px}
  .stat{padding:20px 14px}
  .stat b{font-size:1.25rem}
  .stat small{font-size:.7rem}
  .folder{padding:24px 20px 21px}
  .alert-head,.alert-body{padding-inline:17px}
  .leg{grid-template-columns:auto 1fr;gap:11px;padding:14px}
  .leg .pct{grid-column:2}
  .kpi{padding:21px}
  .trust-badges{gap:6px}
  .trust-badges span{font-size:.66rem;padding:6px 10px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0ms!important}
  .reveal,.stagger>*,.reveal.in,.stagger.in>*{opacity:1!important;transform:none!important;filter:none!important}
  .cursor-aura,#cyberParticles{display:none!important}
}