/* Command-center page (index v3). The mockups use the real app's design tokens:
   navy #081d29, mint #3DE3C3, warm gold #FFB547, red #FF3366, Rajdhani + JetBrains Mono, corner-cut cards. */
:root{--hud-bg:#081d29;--hud-bg2:#050A14;--hud-card:rgba(0,0,0,.4);--hud-mint:#3DE3C3;--hud-mint-soft:rgba(61,227,195,.14);--hud-line:rgba(61,227,195,.22);
  --hud-gold:#FFB547;--hud-red:#FF3366;--hud-fg:#DDF5EF;--hud-muted:#7FB8AC;--hud-font:"Rajdhani","Plus Jakarta Sans",sans-serif}

/* ---------- dark sections ---------- */
.dk{background:radial-gradient(1200px 700px at 70% -10%,rgba(61,227,195,.12),transparent 60%),radial-gradient(900px 600px at 0% 100%,rgba(255,181,71,.08),transparent 60%),var(--hud-bg);color:#fff;position:relative;overflow:hidden}
.dk .kicker{background:rgba(61,227,195,.12);color:#8FF0DA;border:1px solid rgba(61,227,195,.28)}
.dk .kicker::before{background:var(--hud-mint)}
.dk h1,.dk h2{color:#fff}
.dk h1 em,.dk h2 em{background:linear-gradient(96deg,#54E6C1,#F5B65C);-webkit-background-clip:text;background-clip:text;color:transparent}
.dk .lead{color:#B7CFDC}
.dk .note{color:#7FA3B5}
.dk .ticks li{color:#DCEBF2}
.dk .tlink{color:#8FF0DA}
.dk .grid-lines{position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:linear-gradient(rgba(61,227,195,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(61,227,195,.07) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,transparent 100%)}
.dk>.wrap{position:relative;z-index:1}

/* ---------- hero ---------- */
.hero--cc{padding:clamp(30px,4vw,60px) 0 clamp(40px,6vw,80px)}
.hero--cc .hero__top{max-width:900px;margin:0 auto;text-align:center}
.hero--cc h1{font-size:clamp(42px,6vw,86px);line-height:.98;letter-spacing:-.045em;margin:18px 0 20px}
.hero--cc .hero__big{font-size:clamp(20px,2.1vw,29px);line-height:1.35;font-weight:600;color:#E4F1F7;max-width:30em;margin:0 auto}
.hero--cc .lead{max-width:60ch;margin:16px auto 0;text-align:center}
.hero--cc .cta-row{justify-content:center;margin-top:26px}
.hero--cc .btn{background:var(--hud-mint);color:#06231C;box-shadow:0 14px 34px -12px rgba(61,227,195,.6)}
.hero--cc .btn:hover{background:#6FF0D4}
.hero--cc .ticks--row{margin-top:26px;justify-content:center}
.hero--cc .ticks--row li{color:#DCEBF2}
.cc-wrap{margin-top:clamp(34px,4.5vw,64px);perspective:1800px}
.cc-note{text-align:center;margin-top:16px;font:500 12.5px/1.5 var(--mono);color:#7FA3B5}

/* ---------- the command-center frame ---------- */
.hud{font-family:var(--hud-font);color:var(--hud-fg);background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:14px;overflow:hidden;position:relative;
  box-shadow:0 60px 120px -50px rgba(0,0,0,.9),0 0 0 1px rgba(61,227,195,.06),0 0 80px -30px rgba(61,227,195,.35)}
.hud::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 2px,transparent 2px 4px);mix-blend-mode:screen}
.hud-scan{position:absolute;left:0;right:0;top:-10%;height:6px;background:rgba(61,227,195,.35);box-shadow:0 0 18px rgba(61,227,195,.8);pointer-events:none;z-index:3;animation:hudScan 7s linear infinite;opacity:.7}
@keyframes hudScan{to{top:110%}}
.hud-lab{font:700 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--hud-muted)}
.hud-lab--mint{color:var(--hud-mint)}
.hud-card{position:relative;background:var(--hud-card);border:1px solid var(--hud-line);padding:14px 16px;
  clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.hud-glow{text-shadow:0 0 12px rgba(61,227,195,.45)}
.hud-num{font-weight:700;letter-spacing:-.01em;color:#fff}
.cc{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:640px}
.cc-side{border-right:1px solid var(--hud-line);padding:16px 12px;background:rgba(0,0,0,.25);display:flex;flex-direction:column;gap:6px}
.cc-side .cc-brand{display:flex;align-items:center;gap:9px;padding:6px 8px 16px;font-size:18px;font-weight:700;letter-spacing:.06em;color:#fff}
.cc-side .cc-brand svg{width:26px;height:26px}
.cc-side .cc-brand i{font:700 9px/1 var(--mono);letter-spacing:.1em;padding:3px 5px;border-radius:4px;background:var(--hud-mint-soft);color:var(--hud-mint);font-style:normal}
.cc-side .hud-lab{padding:12px 8px 6px}
.cc-side a{display:flex;align-items:center;gap:9px;padding:7px 9px;font:600 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hud-muted);border-left:2px solid transparent;text-decoration:none}
.cc-side a i{width:7px;height:7px;border-radius:2px;border:1px solid currentColor;opacity:.7}
.cc-side a.on{color:var(--hud-mint);border-left-color:var(--hud-mint);background:rgba(61,227,195,.08)}
.cc-main{padding:18px 20px 20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-content:start}
.cc-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--hud-line)}
.cc-head b{font-size:23px;font-weight:700;letter-spacing:.01em;color:#fff}
.cc-head .hud-lab{display:block;margin-bottom:5px}
.cc-head .live{display:inline-flex;align-items:center;gap:7px;font:700 10px/1 var(--mono);letter-spacing:.16em;color:var(--hud-mint)}
.cc-head .live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--hud-mint);box-shadow:0 0 10px var(--hud-mint);animation:tyLive 1.6s ease-out infinite}
.cc-col{display:grid;gap:12px;align-content:start;min-width:0}
.cc-greet{padding:16px}
.cc-greet .hud-lab{margin-bottom:6px}
.cc-greet b{display:block;font-size:26px;line-height:1.1;font-weight:700;color:#fff}
.cc-greet p{margin-top:8px;font:500 11.5px/1.5 var(--mono);color:var(--hud-muted)}
.cc-brief{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cc-brief .hud-card{padding:10px 12px}
.cc-brief .hud-lab{margin-bottom:6px}
.cc-brief b{display:block;font-size:19px;color:#fff}
.cc-brief span{display:block;margin-top:4px;font:500 10px/1.3 var(--mono);color:var(--hud-muted)}
.cc-core{position:relative;aspect-ratio:1;max-width:340px;margin:0 auto;width:100%}
.cc-core svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cc-core .ring{fill:none;stroke:var(--hud-mint);stroke-width:1}
.cc-core .sweep{transform-origin:50% 50%;animation:ccSweep 4s linear infinite}
@keyframes ccSweep{to{transform:rotate(360deg)}}
.cc-core .cx{position:absolute;left:50%;top:50%;width:52%;transform:translate(-50%,-50%);text-align:center}
.cc-core .cx b{display:block;font-size:30px;line-height:1;font-weight:700;color:#fff;text-shadow:0 0 16px rgba(61,227,195,.55);transition:opacity .35s}
.cc-core .cx span{display:block;margin-top:6px;font:700 9.5px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--hud-mint)}
.cc-core .cx i{display:block;margin-top:5px;font:500 9px/1.3 var(--mono);color:var(--hud-muted);font-style:normal}
.cc-node{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:3px;font:700 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hud-muted);white-space:nowrap;transition:color .3s}
.cc-node i{width:8px;height:8px;border-radius:50%;border:1px solid var(--hud-mint);background:var(--hud-bg);transition:background .3s,box-shadow .3s}
.cc-node.on{color:#fff}
.cc-node.on i{background:var(--hud-mint);box-shadow:0 0 12px var(--hud-mint)}
.cc-hud-tag{position:absolute;left:50%;top:-6px;transform:translateX(-50%);font:700 9px/1 var(--mono);letter-spacing:.2em;color:var(--hud-mint)}
.cc-list .hud-card{padding:12px 14px}
.cc-list h4{font:700 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:10px}
.cc-pri{display:grid;gap:7px}
.cc-pri>div{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start;padding:8px;border:1px solid var(--hud-line);background:rgba(0,0,0,.35)}
.cc-pri>div>div{display:block;min-width:0}
.cc-pri i{display:grid;place-items:center;width:24px;height:24px;font:700 10px/1 var(--mono);color:var(--hud-gold);border:1px solid rgba(255,181,71,.4);font-style:normal}
.cc-pri b{display:block;font:700 9px/1 var(--mono);letter-spacing:.14em;color:var(--hud-gold);margin-bottom:4px}
.cc-pri span{display:block;font:500 11.5px/1.35 var(--hud-font);color:#E8F5F1}
.cc-kpis{display:grid;gap:8px}
.cc-kpis div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid rgba(61,227,195,.12)}
.cc-kpis span{font:600 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hud-muted)}
.cc-kpis b{font-size:16px;color:#fff}
.cc-bars{display:grid;gap:9px}
.cc-bars div{display:grid;gap:5px}
.cc-bars span{display:flex;justify-content:space-between;font:600 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hud-muted)}
.cc-bars span b{color:#fff;letter-spacing:0}
.cc-bars i{display:block;height:5px;background:rgba(61,227,195,.14);position:relative;overflow:hidden}
.cc-bars i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:linear-gradient(90deg,var(--hud-mint),#54E6C1);box-shadow:0 0 10px rgba(61,227,195,.5)}
.cc-bars .plan i::after{background:repeating-linear-gradient(90deg,var(--hud-gold) 0 6px,transparent 6px 10px);box-shadow:none;opacity:.9}
@media (max-width:1000px){
  .cc{grid-template-columns:minmax(0,1fr)}
  .cc-side{display:none}
  .cc-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px}
  .cc-core{max-width:300px}
}
@media (max-width:640px){
  .cc-main{grid-template-columns:minmax(0,1fr);padding:14px}
  .cc-core{max-width:280px}
  .cc-node{font-size:8px}
}

/* ---------- "not a dashboard" band and pillars ---------- */
.notdash{padding:clamp(40px,6vw,80px) 0}
.notdash__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center}
.notdash h2{font-size:clamp(30px,3.6vw,52px);letter-spacing:-.03em;line-height:1.05}
.notdash p{font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--ink-2)}
.pillars{padding:0 0 var(--sec)}
.pillars__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pillar{padding:24px 24px 26px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 34px -30px rgba(11,26,36,.6);display:grid;gap:12px;align-content:start}
.pillar__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--navy);color:#54E6C1}
.pillar__ic svg{width:24px;height:24px}
.pillar h3{font-size:19px;letter-spacing:-.015em}
.pillar p{font-size:15px;line-height:1.55;color:var(--ink-2)}
@media (max-width:900px){.notdash__in{grid-template-columns:minmax(0,1fr)}.pillars__grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- deep dives ---------- */
.dive{padding:var(--sec) 0}
.dive__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4.5vw,70px);align-items:center}
.dive__grid--flip>.dive__copy{order:2}
.dive__copy h2{margin:16px 0 14px}
.dive__pts{list-style:none;display:grid;gap:12px;margin-top:22px;padding:0}
.dive__pts li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.dk .dive__pts li{color:#B7CFDC}
.dive__pts li b{color:var(--ink);font-weight:700}
.dk .dive__pts li b{color:#fff}
.dive__pts i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--teal-soft);color:#0B7D6A;font:700 12px/1 var(--mono);font-style:normal}
.dk .dive__pts i{background:rgba(61,227,195,.14);color:#8FF0DA}
.dive__cta{margin-top:24px}
@media (max-width:900px){.dive__grid{grid-template-columns:minmax(0,1fr)}.dive__grid--flip>.dive__copy{order:0}}

/* ---------- department tabs ---------- */
.dept{padding:var(--sec) 0;background:var(--bg-2);border-block:1px solid var(--line)}
.dept__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.dept__tab{padding:12px 18px;border-radius:99px;border:1px solid var(--line-2);background:#fff;font:700 14.5px/1 var(--sans);color:var(--ink-2);cursor:pointer;transition:.2s}
.dept__tab.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.dept__panel{display:none;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(20px,3vw,40px);align-items:start}
.dept__panel.is-on{display:grid}
.dept__copy h3{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.025em;margin-bottom:10px}
.dept__copy p{font-size:16px;line-height:1.6;color:var(--ink-2)}
.dept__copy ul{list-style:none;margin-top:16px;padding:0;display:grid;gap:8px}
.dept__copy li{display:flex;gap:10px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.dept__copy li::before{content:"";flex:none;width:7px;height:7px;margin-top:8px;border-radius:50%;background:var(--teal)}
.hud--panel{padding:16px 18px;border-radius:14px}
.hud-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.hud-kpi .hud-card{padding:10px 12px}
.hud-kpi b{display:block;font-size:18px;color:#fff;margin-top:5px}
.hud-kpi span{display:block;font:500 9.5px/1.3 var(--mono);color:var(--hud-muted);margin-top:4px}
.hud-table{width:100%;border-collapse:collapse;margin-top:12px;font-family:var(--hud-font)}
.hud-table th{font:700 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hud-muted);text-align:left;padding:8px 8px;border-bottom:1px solid var(--hud-line)}
.hud-table td{padding:9px 8px;border-bottom:1px solid rgba(61,227,195,.1);font-size:14px;color:#E8F5F1}
.hud-table td b{color:#fff}
.hud-table .st{display:inline-block;padding:3px 7px;font:700 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid}
.st--crit{color:var(--hud-red);border-color:rgba(255,51,102,.5)}
.st--warn{color:var(--hud-gold);border-color:rgba(255,181,71,.5)}
.st--ok{color:var(--hud-mint);border-color:rgba(61,227,195,.5)}
.hud-mean{margin-top:12px;padding:10px 12px;border-left:2px solid var(--hud-gold);background:rgba(255,181,71,.06);font:500 12px/1.5 var(--hud-font);color:#F1E2C6}
.hud-mean b{color:var(--hud-gold);font:700 9.5px/1 var(--mono);letter-spacing:.14em;display:block;margin-bottom:4px}
.hud-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.hud-cards .hud-card{padding:11px 12px}
.hud-cards b{display:block;font-size:14px;color:#fff;margin-bottom:6px}
.hud-cards span{display:block;font:500 10px/1.4 var(--mono);color:var(--hud-muted)}
.hud-cards .st{margin-top:8px}
.hud-hbars{display:grid;gap:8px;margin-top:12px}
.hud-hbars div{display:grid;grid-template-columns:120px 1fr 64px;align-items:center;gap:10px;font:600 10.5px/1 var(--mono);letter-spacing:.06em;color:#E8F5F1}
.hud-hbars i{display:block;height:8px;background:rgba(61,227,195,.14);position:relative}
.hud-hbars i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:linear-gradient(90deg,var(--hud-mint),#54E6C1)}
.hud-hbars b{text-align:right;color:#fff}
.hud-period{display:inline-flex;gap:6px;margin-left:auto}
.hud-period span{padding:5px 9px;font:700 9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hud-muted);border:1px solid var(--hud-line)}
.hud-period span.on{color:var(--hud-mint);border-color:var(--hud-mint);background:var(--hud-mint-soft)}
.hud-top{display:flex;align-items:center;gap:12px}
.hud-top b{font-size:17px;font-weight:700;color:#fff;letter-spacing:.02em}
@media (max-width:900px){.dept__panel{grid-template-columns:minmax(0,1fr)}.hud-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-cards{grid-template-columns:minmax(0,1fr)}.hud-hbars div{grid-template-columns:90px 1fr 60px}}

/* ---------- ask it: the assistant mockup ---------- */
.rad{padding:18px 20px 20px;border-radius:14px}
.rad-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--hud-line)}
.rad-head b{font-size:19px;font-weight:700;color:#fff;letter-spacing:.04em}
.rad-mode{display:inline-flex;align-items:center;gap:8px;font:700 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hud-mint)}
.rad-mode::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--hud-mint);box-shadow:0 0 10px var(--hud-mint)}
.rad-thread{display:grid;gap:12px;padding:16px 0 4px}
.rad-q{justify-self:end;max-width:86%;padding:12px 14px;border:1px solid rgba(61,227,195,.4);background:rgba(61,227,195,.1);font:600 15px/1.4 var(--hud-font);color:#fff;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.rad-q .hud-lab{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--hud-mint)}
.rad-wave{display:inline-flex;align-items:center;gap:2px;height:12px}
.rad-wave i{width:2px;height:40%;background:var(--hud-mint);animation:radWave 1s ease-in-out infinite}
.rad-wave i:nth-child(2){animation-delay:.1s;height:80%}.rad-wave i:nth-child(3){animation-delay:.2s;height:100%}.rad-wave i:nth-child(4){animation-delay:.3s;height:60%}.rad-wave i:nth-child(5){animation-delay:.4s;height:90%}.rad-wave i:nth-child(6){animation-delay:.5s;height:50%}
@keyframes radWave{50%{transform:scaleY(.35)}}
.rad-a{max-width:94%;padding:14px 16px;border:1px solid var(--hud-line);background:var(--hud-card);font:500 15px/1.5 var(--hud-font);color:#E8F5F1;
  clip-path:polygon(0 10px,10px 0,100% 0,100% 100%,0 100%);min-height:96px}
.rad-a .hud-lab{display:block;margin-bottom:8px}
.rad-a b{color:#fff}
.rad-a .cite{display:inline-block;padding:1px 5px;margin:0 2px;font:700 9px/1.4 var(--mono);color:var(--hud-mint);border:1px solid rgba(61,227,195,.45);vertical-align:1px}
.rad-a .cursor{display:inline-block;width:8px;height:14px;background:var(--hud-mint);vertical-align:-2px;animation:radCur .8s steps(1) infinite}
@keyframes radCur{50%{opacity:0}}
.rad-ev{margin-top:12px;padding-top:12px;border-top:1px solid var(--hud-line);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.rad-ev.on{opacity:1;transform:none}
.rad-ev .hud-lab{margin-bottom:8px}
.rad-src{display:flex;flex-wrap:wrap;gap:6px}
.rad-src span{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;font:600 10px/1 var(--mono);letter-spacing:.06em;color:#E8F5F1;border:1px solid var(--hud-line);background:rgba(0,0,0,.35)}
.rad-src span b{color:var(--hud-mint);font-weight:700}
.rad-src span i{color:var(--hud-muted);font-style:normal}
.rad-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.rad-acts span{padding:8px 12px;font:700 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hud-mint);border:1px solid rgba(61,227,195,.45);background:var(--hud-mint-soft)}
.rad-acts span.ghost{color:var(--hud-muted);border-color:var(--hud-line);background:transparent}
.rad-foot{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;border:1px solid var(--hud-line);background:rgba(0,0,0,.35);font:500 12px/1.3 var(--mono);color:var(--hud-muted)}
.rad-foot .mic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--hud-mint);color:var(--hud-bg);flex:none;box-shadow:0 0 0 6px rgba(61,227,195,.18),0 0 18px rgba(61,227,195,.5)}
.rad-foot .mic svg{width:16px;height:16px}

/* ---------- alerts: the phone ---------- */
.push{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px;align-items:start;justify-content:center}
.ph-frame{width:100%;max-width:300px;aspect-ratio:9/19;border-radius:40px;padding:10px;background:#0A1B26;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 80px -40px rgba(0,0,0,.9);margin:0 auto}
.ph-screen{height:100%;border-radius:32px;overflow:hidden;position:relative;background:radial-gradient(120% 70% at 50% 0%,#17475E,#081d29 60%,#050A14);padding:26px 12px 0}
.ph-time{text-align:center;color:#fff;font:700 54px/1 var(--hud-font);letter-spacing:-.02em;margin-top:14px}
.ph-date{text-align:center;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:6px}
.ph-stack{display:grid;gap:8px;margin-top:22px}
.ph-n{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.94);color:#0B1A24;opacity:0;transform:translateY(-14px) scale(.96);transition:opacity .4s,transform .5s cubic-bezier(.2,1.2,.4,1)}
.ph-n.on{opacity:1;transform:none}
.ph-n svg{width:30px;height:30px;border-radius:7px}
.ph-n .t{display:flex;justify-content:space-between;gap:8px;font:700 11px/1.2 var(--sans)}
.ph-n .t i{font:500 10px/1.2 var(--mono);color:#6B8797;font-style:normal;white-space:nowrap}
.ph-n p{margin-top:3px;font:500 11px/1.35 var(--sans);color:#33505F}
.ph-n p b{color:#0B1A24}
.push-set{padding:16px 18px;border-radius:14px}
.push-set .hud-top{margin-bottom:10px}
.push-rows{display:grid;gap:8px}
.push-rows div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(61,227,195,.1);font:600 11px/1.2 var(--mono);letter-spacing:.06em;color:#E8F5F1}
.push-rows div span{color:var(--hud-muted);font-weight:500}
.tg{width:34px;height:18px;border-radius:99px;background:rgba(255,255,255,.12);position:relative;flex:none}
.tg::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;opacity:.5}
.tg.on{background:var(--hud-mint)}.tg.on::after{left:19px;opacity:1;background:var(--hud-bg)}
@media (max-width:900px){.push{grid-template-columns:minmax(0,1fr)}}

/* ---------- every company: connections ---------- */
.conn{padding:16px 18px;border-radius:14px}
.conn-rows{display:grid;gap:6px;margin-top:12px}
.conn-rows>div{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:12px;padding:9px 10px;border:1px solid var(--hud-line);background:rgba(0,0,0,.3)}
.conn-rows>div>div{display:block;min-width:0}
.conn-rows i{width:8px;height:8px;border-radius:50%;background:var(--hud-mint);box-shadow:0 0 8px var(--hud-mint)}
.conn-rows b{display:block;font-size:14.5px;color:#fff}
.conn-rows small{display:block;margin-top:2px;font:500 9.5px/1.3 var(--mono);color:var(--hud-muted)}
.conn-rows em{font:700 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hud-mint);font-style:normal;white-space:nowrap}
.conn-rep{margin-top:12px;padding:12px 14px;border:1px solid rgba(255,181,71,.45);background:rgba(255,181,71,.07)}
.conn-rep b{display:block;font-size:15px;color:#fff}
.conn-rep span{display:block;margin-top:5px;font:500 10.5px/1.4 var(--mono);color:#F1E2C6}
.conn-rep .rad-src{margin-top:8px}

/* ---------- personal cockpit ---------- */
.pw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px;border-radius:14px}
.pw .hud-card{padding:12px 13px;min-height:96px}
.pw .hud-lab{margin-bottom:8px}
.pw b{display:block;font-size:18px;color:#fff}
.pw span{display:block;margin-top:4px;font:500 10px/1.35 var(--mono);color:var(--hud-muted)}
@media (max-width:700px){.pw{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- trust band ---------- */
.trust{padding:var(--sec) 0}
.trust__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:10px}
.trust__card{padding:22px;border:1px solid rgba(61,227,195,.2);background:rgba(0,0,0,.3);display:grid;gap:10px;align-content:start;clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.trust__card i{display:grid;place-items:center;width:40px;height:40px;background:rgba(61,227,195,.12);color:#54E6C1;border:1px solid rgba(61,227,195,.3)}
.trust__card i svg{width:20px;height:20px}
.trust__card h3{font-size:17px;color:#fff;letter-spacing:-.01em}
.trust__card p{font-size:14.5px;line-height:1.55;color:#B7CFDC}
@media (max-width:900px){.trust__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.trust__grid{grid-template-columns:minmax(0,1fr)}}

/* the film keeps its hero styling, just lower on the page */
.film--cc{padding:0 0 var(--sec)}
.film--cc .head{margin-bottom:22px}

@media (prefers-reduced-motion:reduce){
  .hud-scan,.cc-core .sweep,.rad-wave i,.rad-a .cursor{animation:none!important}
  .ph-n{opacity:1;transform:none}
}