:root{
  --void:#060914;
  --void-soft:#0a1020;
  --surface:#0d1428;
  --surface-2:#111b34;
  --paper:#f1f5f8;
  --ink:#f7f9ff;
  --ink-dark:#11182a;
  --muted:#96a5c4;
  --muted-dark:#59667d;
  --cyan:#5eddec;
  --blue:#6585ff;
  --magenta:#d56fbe;
  --line:rgba(137,164,211,.17);
  --line-strong:rgba(126,183,227,.35);
  --max:1200px;
  --nav:82px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:var(--nav)}
body{background:var(--void);color:var(--ink);font-family:'Manrope',sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
img,svg,canvas{display:block;max-width:100%}
button,input,textarea{font:inherit}
button{color:inherit;border:0;background:none;cursor:pointer}
ul{list-style:none}
section,header{position:relative}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.display,h1,h2,h3{font-family:'Syne',sans-serif;line-height:1.05;letter-spacing:-.035em}
.mono{font-family:'IBM Plex Mono',monospace}
.section{padding:122px 0}
.section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr);gap:70px;align-items:end;margin-bottom:60px}
.section-head h2{font-size:clamp(36px,5vw,64px);max-width:800px}
.section-head p{color:var(--muted);font-size:17px;max-width:520px}
.kicker{display:inline-flex;align-items:center;gap:10px;font:600 11px/1 'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:20px}
.kicker::before{content:"";width:22px;height:1px;background:linear-gradient(90deg,var(--magenta),var(--cyan))}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:4px;font-weight:700;font-size:14px;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.btn svg{width:17px;transition:transform .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn:hover svg{transform:translateX(4px)}
.btn-primary{color:#08101f;background:var(--cyan);border:1px solid var(--cyan)}
.btn-primary:hover{background:#8ce8f1;border-color:#8ce8f1}
.btn-secondary{border:1px solid var(--line-strong);background:rgba(255,255,255,.025)}
.btn-secondary:hover{border-color:var(--cyan);background:rgba(94,221,236,.06)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}

#nav{height:var(--nav);position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;border-bottom:1px solid transparent;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease}
#nav.scrolled{background:rgba(6,9,20,.84);border-color:var(--line);backdrop-filter:blur(18px)}
#nav .container{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;flex:none}
.brand-logo{width:auto;height:58px;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:27px}
.nav-links a{position:relative;color:var(--muted);font-size:13px;font-weight:600;transition:color .2s ease}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--cyan);transition:right .2s ease}
.nav-links a:hover{color:var(--ink)}
.nav-links a:hover::after{right:0}
.nav-action{min-height:42px;padding-inline:18px}
.burger{display:none;width:30px;height:30px;position:relative;z-index:110}
.burger span{position:absolute;left:3px;width:24px;height:1.5px;background:var(--ink);transition:transform .25s ease,opacity .2s ease}
.burger span:nth-child(1){top:7px}.burger span:nth-child(2){top:14px}.burger span:nth-child(3){top:21px}
.mobile-panel{position:fixed;inset:0;z-index:99;background:rgba(6,9,20,.98);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:100px 32px 50px;gap:22px;transform:translateY(-100%);transition:transform .35s ease}
.mobile-panel.open{transform:translateY(0)}
.mobile-panel a{font-family:'Syne',sans-serif;font-size:clamp(28px,8vw,42px);font-weight:600}
.mobile-panel .btn{font-family:'Manrope',sans-serif;font-size:14px;margin-top:16px}

.hero{min-height:100svh;display:flex;align-items:center;padding:calc(var(--nav) + 62px) 0 82px;overflow:hidden;background:radial-gradient(circle at 85% 25%,rgba(69,98,176,.16),transparent 34%),radial-gradient(circle at 14% 75%,rgba(138,61,132,.09),transparent 29%),var(--void)}
#quantumCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.68;pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--void) 0%,rgba(6,9,20,.93) 33%,rgba(6,9,20,.16) 75%,var(--void) 100%);pointer-events:none}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.75fr);gap:70px;align-items:center;width:100%}
.hero-copy{padding-top:28px}
.hero h1{font-size:clamp(52px,7.3vw,100px);max-width:900px}
.hero h1 .quantum-word{display:block;color:transparent;background:linear-gradient(100deg,#f8fbff 5%,var(--cyan) 45%,#89a1ff 67%,var(--magenta));background-clip:text;-webkit-background-clip:text}
.hero-lede{font-size:clamp(17px,1.7vw,20px);color:#aab7d0;max-width:690px;margin-top:28px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
.signal-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:50px;padding-top:24px;border-top:1px solid var(--line);max-width:750px}
.signal-item{display:flex;align-items:center;gap:9px;font:500 10px/1.3 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.signal-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(94,221,236,.09)}
.quantum-core{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}
.quantum-core::before{content:"";position:absolute;width:72%;height:72%;border-radius:50%;background:radial-gradient(circle,rgba(62,107,166,.16),rgba(70,42,119,.05) 55%,transparent 70%);border:1px solid rgba(119,179,219,.15)}
.orbit{--orbit-angle:62deg;--orbit-depth:.4;position:absolute;inset:16%;border:1px solid rgba(94,221,236,.3);border-radius:50%;transform:rotate(var(--orbit-angle)) scaleY(var(--orbit-depth));animation:orbit-spin 15s linear infinite}
.orbit.two{--orbit-angle:-35deg;--orbit-depth:.58;inset:22%;border-color:rgba(213,111,190,.35);animation-duration:11s;animation-direction:reverse}
.orbit.three{--orbit-angle:12deg;--orbit-depth:.75;inset:29%;border-style:dashed;border-color:rgba(116,139,255,.42);animation-duration:19s}
.orbit::after{content:"";position:absolute;top:50%;left:-5px;width:10px;height:10px;border-radius:50%;background:var(--cyan);transform:translateY(-50%)}
.orbit.two::after{background:var(--magenta)}
.orbit.three::after{background:#91a6ff}
.core-mark{position:relative;width:43%;z-index:2;filter:drop-shadow(0 18px 28px rgba(17,80,145,.24));animation:core-float 6s ease-in-out infinite}
.core-label{position:absolute;right:2%;bottom:15%;padding:12px 15px;border-left:1px solid var(--cyan);background:rgba(7,12,25,.7);backdrop-filter:blur(8px);font:500 10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.core-label b{display:block;color:var(--ink);font-weight:500}
@keyframes orbit-spin{to{transform:rotate(calc(var(--orbit-angle) + 360deg)) scaleY(var(--orbit-depth))}}
@keyframes core-float{50%{transform:translateY(-8px) rotate(1deg)}}

.capability-rail{position:relative;z-index:3;border-block:1px solid var(--line);background:rgba(8,13,28,.8);overflow:hidden}
.rail-track{display:flex;width:max-content;animation:rail-move 34s linear infinite}
.rail-set{display:flex;align-items:center}
.rail-item{display:flex;align-items:center;gap:13px;min-width:max-content;padding:21px 34px;border-right:1px solid var(--line);font:500 11px/1 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#afbbd2}
.rail-number{color:var(--cyan)}
@keyframes rail-move{to{transform:translateX(-50%)}}

.intro{background:linear-gradient(180deg,var(--void),var(--void-soft))}
.intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:start}
.intro-index{position:sticky;top:calc(var(--nav) + 32px);border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font:500 11px/1.7 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em}
.intro-index strong{display:block;font-family:'Syne',sans-serif;color:var(--ink);font-size:28px;letter-spacing:-.03em;text-transform:none;margin-bottom:12px}
.intro-copy h2{font-size:clamp(38px,5vw,68px);max-width:820px}
.intro-copy>p{font-size:18px;color:var(--muted);max-width:760px;margin-top:28px}
.coherence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:54px}
.coherence-card{position:relative;background:var(--void-soft);padding:28px 24px;min-height:220px;overflow:hidden}
.coherence-card::after{content:"";position:absolute;width:110px;height:110px;border:1px solid var(--line);border-radius:50%;right:-48px;bottom:-50px}
.coherence-card span{font:500 11px/1 'IBM Plex Mono',monospace;color:var(--cyan)}
.coherence-card h3{font-size:20px;margin:45px 0 12px}
.coherence-card p{color:var(--muted);font-size:14px}

.pillars{background:var(--paper);color:var(--ink-dark);overflow:hidden}
.pillars .kicker{color:#245d71}.pillars .section-head p{color:var(--muted-dark)}
.pillars .kicker::before{background:linear-gradient(90deg,#9d437f,#1e7180)}
.pillar-tabs{display:flex;border-bottom:1px solid rgba(17,24,42,.14);margin-bottom:36px;overflow-x:auto;scrollbar-width:none}
.pillar-tabs::-webkit-scrollbar{display:none}
.pillar-tab{flex:1;min-width:160px;padding:18px 12px;text-align:left;border-bottom:2px solid transparent;color:#69758a;font:600 12px/1 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;transition:color .2s ease,border-color .2s ease}
.pillar-tab.active{color:#132c3d;border-color:#28788a}
.pillar-panel{display:none}
.pillar-panel.active{display:grid;grid-template-columns:.78fr 1.22fr;gap:22px;animation:panel-in .35s ease}
@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pillar-feature{position:relative;min-height:560px;padding:38px;background:#0b1425;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.pillar-feature::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(94,221,236,.16),transparent 40%),linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.025) 48% 49%,transparent 49%)}
.pillar-feature>*{position:relative;z-index:2}
.feature-number{font:500 11px/1 'IBM Plex Mono',monospace;color:var(--cyan);letter-spacing:.12em}
.pillar-feature h3{font-size:clamp(32px,4vw,52px);max-width:460px;margin-top:auto}
.pillar-feature p{color:#a9b7ce;margin-top:18px;max-width:470px}
.feature-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:38px}
.feature-metric{background:#0b1425;padding:18px 0}
.feature-metric b{display:block;font:600 16px/1.2 'IBM Plex Mono',monospace;color:var(--cyan)}
.feature-metric span{display:block;margin-top:7px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.service-card{position:relative;padding:27px 25px;background:#fff;border:1px solid rgba(17,24,42,.1);min-height:180px;transition:transform .2s ease,border-color .2s ease}
.service-card:hover{transform:translateY(-4px);border-color:rgba(27,108,125,.42)}
.service-icon{width:34px;height:34px;color:#226c7a;margin-bottom:28px}
.service-card h3{font-size:18px;letter-spacing:-.02em;margin-bottom:9px}
.service-card p{font-size:13.5px;line-height:1.6;color:var(--muted-dark)}

.security{background:var(--void-soft);overflow:hidden}
.security::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;opacity:.16;mask-image:linear-gradient(90deg,transparent,black 40%,black 60%,transparent)}
.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.security-visual{position:sticky;top:calc(var(--nav) + 34px);aspect-ratio:1;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.015)}
.radar{position:relative;width:76%;aspect-ratio:1;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center}
.radar::before,.radar::after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%}
.radar::before{inset:20%}.radar::after{inset:40%}
.radar-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,var(--line) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,var(--line) 50%,transparent 50.2%)}
.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 10deg,transparent 0 82%,rgba(94,221,236,.24) 94%,rgba(94,221,236,.02));animation:radar-spin 6s linear infinite}
.radar-core{position:relative;z-index:2;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#101c34;border:1px solid rgba(94,221,236,.5);font:600 11px/1 'IBM Plex Mono',monospace;color:var(--cyan)}
.threat{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--magenta);box-shadow:0 0 0 5px rgba(213,111,190,.1)}
.threat.one{top:24%;left:61%}.threat.two{top:67%;left:29%}.threat.three{top:72%;left:73%}
.radar-caption{position:absolute;left:20px;bottom:18px;font:500 10px/1.6 'IBM Plex Mono',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
@keyframes radar-spin{to{transform:rotate(360deg)}}
.security-list{display:flex;flex-direction:column}
.security-item{display:grid;grid-template-columns:48px 1fr;gap:22px;padding:28px 0;border-top:1px solid var(--line)}
.security-item:last-child{border-bottom:1px solid var(--line)}
.security-index{font:500 12px/1.4 'IBM Plex Mono',monospace;color:var(--cyan)}
.security-item h3{font-size:22px;margin-bottom:9px}
.security-item p{color:var(--muted);font-size:14px}
.security-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.security-tags span{padding:6px 9px;border:1px solid var(--line);font:500 9px/1 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#aebbd2}

.operations{background:var(--void)}
.ops-shell{display:grid;grid-template-columns:320px 1fr;border:1px solid var(--line);background:var(--surface)}
.ops-sidebar{padding:34px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;min-height:540px}
.ops-status{display:flex;align-items:center;gap:10px;font:500 10px/1 'IBM Plex Mono',monospace;color:var(--cyan);text-transform:uppercase;letter-spacing:.1em}
.ops-sidebar h3{font-size:32px;margin-top:26px}
.ops-sidebar p{font-size:14px;color:var(--muted);margin-top:15px}
.ops-clock{font:500 48px/1 'IBM Plex Mono',monospace;color:#dbe4f6;letter-spacing:-.06em}
.ops-clock small{display:block;font-size:10px;letter-spacing:.1em;color:var(--muted);margin-top:12px}
.ops-console{padding:28px;display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
.console-card{border:1px solid var(--line);background:#0a1121;padding:22px;min-height:180px}
.console-card.wide{grid-row:span 2}
.console-head{display:flex;justify-content:space-between;align-items:center;font:500 10px/1 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.console-head span:last-child{color:var(--cyan)}
.waveform{height:170px;margin-top:35px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent,transparent 33px,var(--line) 34px)}
.waveform svg{width:100%;height:100%;overflow:visible}
.waveform polyline{fill:none;stroke:var(--cyan);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:700;stroke-dashoffset:700;animation:draw-wave 3s ease forwards}
@keyframes draw-wave{to{stroke-dashoffset:0}}
.console-value{font:600 34px/1 'IBM Plex Mono',monospace;margin-top:36px;color:#e4ebf9}
.console-value small{font-size:12px;color:var(--muted)}
.bar-stack{display:flex;align-items:flex-end;gap:7px;height:86px;margin-top:24px}
.bar-stack span{flex:1;background:linear-gradient(180deg,var(--cyan),#334b75);min-height:16px;transform-origin:bottom;animation:bar-grow 1s ease both}
.bar-stack span:nth-child(2){height:52%}.bar-stack span:nth-child(3){height:84%}.bar-stack span:nth-child(4){height:43%}.bar-stack span:nth-child(5){height:71%}.bar-stack span:nth-child(6){height:62%}.bar-stack span:nth-child(7){height:92%}.bar-stack span:nth-child(8){height:58%}
@keyframes bar-grow{from{transform:scaleY(0)}}
.event-list{margin-top:22px;display:flex;flex-direction:column;gap:13px}
.event{display:grid;grid-template-columns:58px 1fr;gap:12px;font:500 10px/1.4 'IBM Plex Mono',monospace;color:var(--muted)}
.event time{color:var(--cyan)}

.use-cases{background:var(--paper);color:var(--ink-dark)}
.use-cases .kicker{color:#245d71}.use-cases .section-head p{color:var(--muted-dark)}
.use-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:1fr 1fr;gap:15px}
.use-card{position:relative;padding:32px;background:#fff;border:1px solid rgba(17,24,42,.1);min-height:265px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .2s ease}
.use-card:hover{transform:translateY(-4px)}
.use-card.primary{grid-row:span 2;background:#0c1629;color:var(--ink);min-height:545px}
.use-card .use-code{font:500 10px/1 'IBM Plex Mono',monospace;color:#297183;letter-spacing:.12em}
.use-card.primary .use-code{color:var(--cyan)}
.use-card h3{font-size:clamp(24px,3vw,38px);max-width:400px}
.use-card:not(.primary) h3{font-size:24px}
.use-card p{font-size:14px;color:var(--muted-dark);margin-top:12px}
.use-card.primary p{color:#aab7ce;max-width:450px}
.use-list{margin-top:26px;display:grid;gap:10px}
.use-list li{display:flex;gap:10px;font-size:13px;color:#b6c2d7}
.use-list li::before{content:"+";font-family:'IBM Plex Mono',monospace;color:var(--cyan)}
.use-orbit{position:absolute;width:310px;height:310px;border:1px solid rgba(94,221,236,.18);border-radius:50%;right:-120px;top:-100px}
.use-orbit::before,.use-orbit::after{content:"";position:absolute;border:1px solid rgba(213,111,190,.14);border-radius:50%}
.use-orbit::before{inset:42px}.use-orbit::after{inset:84px}

.architecture{background:var(--void-soft)}
.arch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.arch-card{background:var(--void-soft);padding:30px 25px;min-height:275px}
.arch-index{font:500 11px/1 'IBM Plex Mono',monospace;color:var(--cyan)}
.arch-card h3{font-size:22px;margin:74px 0 13px}
.arch-card p{font-size:13.5px;color:var(--muted)}
.sla-band{display:grid;grid-template-columns:1.1fr .9fr;margin-top:70px;border:1px solid var(--line)}
.sla-copy{padding:42px;background:var(--surface)}
.sla-copy h3{font-size:36px;max-width:560px}
.sla-copy p{color:var(--muted);margin-top:16px;max-width:570px}
.sla-options{display:grid;grid-template-columns:1fr 1fr;background:var(--line);gap:1px}
.sla-option{padding:34px;background:#0a1121}
.sla-option.highlight{background:#101c33}
.sla-label{font:500 10px/1 'IBM Plex Mono',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.sla-number{font:600 38px/1 'Syne',sans-serif;margin:20px 0 24px}
.sla-option.highlight .sla-number{color:var(--cyan)}
.sla-spec{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.sla-spec b{font-family:'IBM Plex Mono',monospace;color:var(--ink);font-weight:500}

.delivery{background:var(--void)}
.timeline{position:relative;margin-top:60px}
.timeline::before{content:"";position:absolute;left:20px;top:10px;bottom:10px;width:1px;background:linear-gradient(var(--cyan),var(--magenta))}
.phase{display:grid;grid-template-columns:80px 140px 1fr;gap:30px;padding:0 0 42px;position:relative}
.phase:last-child{padding-bottom:0}
.phase-node{width:41px;height:41px;border:1px solid var(--line-strong);border-radius:50%;background:var(--void);display:grid;place-items:center;font:500 10px/1 'IBM Plex Mono',monospace;color:var(--cyan);z-index:2}
.phase-time{font:500 11px/1.5 'IBM Plex Mono',monospace;color:var(--cyan);text-transform:uppercase;letter-spacing:.07em;padding-top:12px}
.phase-body{padding:4px 0 38px;border-bottom:1px solid var(--line)}
.phase:last-child .phase-body{border-bottom:0}
.phase-body h3{font-size:26px;margin-bottom:12px}
.phase-body p{color:var(--muted);max-width:750px}

.faq{background:var(--paper);color:var(--ink-dark)}
.faq .kicker{color:#245d71}
.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:100px}
.faq-intro h2{font-size:clamp(36px,4.5vw,58px)}
.faq-intro p{color:var(--muted-dark);margin-top:20px}
.faq-list{border-top:1px solid rgba(17,24,42,.16)}
.faq-item{border-bottom:1px solid rgba(17,24,42,.16)}
.faq-question{width:100%;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;font-family:'Syne',sans-serif;font-size:19px;font-weight:600}
.faq-plus{width:24px;height:24px;position:relative;flex:none}
.faq-plus::before,.faq-plus::after{content:"";position:absolute;inset:50% 2px auto;height:1px;background:var(--ink-dark);transition:transform .2s ease}
.faq-plus::after{transform:rotate(90deg)}
.faq-item.open .faq-plus::after{transform:rotate(0)}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
.faq-answer>div{overflow:hidden}
.faq-answer p{color:var(--muted-dark);padding:0 40px 24px 0;max-width:740px}
.faq-item.open .faq-answer{grid-template-rows:1fr}

.contact{background:radial-gradient(circle at 80% 20%,rgba(62,115,151,.15),transparent 32%),var(--void-soft);overflow:hidden}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.contact-copy h2{font-size:clamp(42px,6vw,78px)}
.contact-copy>p{color:var(--muted);font-size:17px;margin-top:24px;max-width:520px}
.contact-meta{display:grid;gap:22px;margin-top:54px}
.contact-meta span{display:block;font:500 9px/1 'IBM Plex Mono',monospace;letter-spacing:.1em;color:var(--cyan);text-transform:uppercase;margin-bottom:7px}
.contact-meta a,.contact-meta b{font-size:16px;font-weight:600}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:36px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.field{display:flex;flex-direction:column;gap:8px}
.field.full{grid-column:1/-1}
.field label{font:500 10px/1 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.field input,.field textarea{width:100%;color:var(--ink);background:#0a1121;border:1px solid var(--line);padding:14px 15px;border-radius:0;outline:none;transition:border-color .2s ease,background .2s ease}
.field input:focus,.field textarea:focus{border-color:var(--cyan);background:#0d172b}
.field textarea{min-height:135px;resize:vertical}
.form-submit{grid-column:1/-1;width:100%}
.form-note,#formStatus{grid-column:1/-1;font-size:11px;color:var(--muted)}
#formStatus{color:var(--cyan)}

footer{padding:34px 0;border-top:1px solid var(--line);background:var(--void)}
.footer-row{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.footer-brand{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:12px}
.footer-logo{width:auto;height:38px;object-fit:contain}
.footer-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.footer-links a{font-size:12px;color:var(--muted)}
.footer-links a:hover{color:var(--ink)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

@media(max-width:1050px){
  .nav-links{display:none}.burger{display:block}.nav-action{display:none}
  .hero-grid{grid-template-columns:1fr .65fr;gap:20px}.hero h1{font-size:clamp(52px,8vw,84px)}
  .section-head{grid-template-columns:1fr;gap:24px}.section-head p{max-width:700px}
  .intro-grid{grid-template-columns:1fr;gap:40px}.intro-index{position:static;max-width:500px}
  .pillar-panel.active{grid-template-columns:1fr}.pillar-feature{min-height:430px}
  .security-grid{gap:35px}.ops-shell{grid-template-columns:260px 1fr}.ops-console{grid-template-columns:1fr}.console-card.wide{grid-row:auto}
  .use-grid{grid-template-columns:1fr 1fr}.use-card.primary{grid-column:1/-1;grid-row:auto;min-height:420px}
  .arch-grid{grid-template-columns:1fr 1fr}.sla-band{grid-template-columns:1fr}
}
@media(max-width:760px){
  :root{--nav:74px}.container{width:min(100% - 32px,var(--max))}.section{padding:84px 0}
  .brand-logo{height:48px}.hero{padding-top:calc(var(--nav) + 50px);min-height:auto}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(45px,14vw,68px)}.quantum-core{width:min(430px,90vw);margin:30px auto 0}.hero::after{background:linear-gradient(180deg,var(--void),rgba(6,9,20,.74) 55%,var(--void))}.hero-lede{font-size:16px}
  .signal-row{gap:16px}.rail-item{padding:18px 24px}
  .section-head h2,.intro-copy h2{font-size:clamp(34px,10vw,50px)}
  .coherence-grid{grid-template-columns:1fr}.coherence-card{min-height:180px}.coherence-card h3{margin-top:34px}
  .pillar-tabs{margin-inline:-16px;padding-inline:16px}.pillar-tab{min-width:145px}.pillar-feature{padding:28px;min-height:430px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}
  .security-grid{grid-template-columns:1fr}.security-visual{position:relative;top:auto;width:100%;max-width:520px;margin:auto}.security-item{grid-template-columns:38px 1fr}
  .ops-shell{grid-template-columns:1fr}.ops-sidebar{min-height:330px;border-right:0;border-bottom:1px solid var(--line)}.ops-console{padding:16px}
  .use-grid{grid-template-columns:1fr}.use-card.primary{grid-column:auto;min-height:480px}.use-card{min-height:240px}
  .arch-grid{grid-template-columns:1fr}.arch-card{min-height:220px}.arch-card h3{margin-top:50px}.sla-copy{padding:30px}.sla-options{grid-template-columns:1fr}
  .phase{grid-template-columns:60px 1fr;gap:18px}.phase-time{grid-column:2;padding-top:0}.phase-body{grid-column:2}.timeline::before{left:20px}
  .faq-layout{grid-template-columns:1fr;gap:50px}
  .contact-grid{grid-template-columns:1fr;gap:50px}.contact-form{padding:24px;grid-template-columns:1fr}.field.full,.form-submit,.form-note,#formStatus{grid-column:auto}
}
@media(max-width:480px){
  .hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.quantum-core{width:105%;margin-left:-2.5%}.core-label{right:0;bottom:5%;font-size:8px}
  .feature-metrics{grid-template-columns:1fr}.use-card{padding:25px}.footer-brand span{max-width:220px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.orbit,.core-mark,.rail-track,.radar-sweep,.waveform polyline,.bar-stack span{animation:none!important}.btn,.service-card,.use-card{transition:none}
}

.nav-links a.active{color:var(--ink)}
.nav-links a.active::after{right:0}
.page-hero{min-height:68svh;display:flex;align-items:flex-end;padding:calc(var(--nav) + 92px) 0 82px;overflow:hidden;background:radial-gradient(circle at 80% 22%,rgba(74,112,190,.2),transparent 34%),radial-gradient(circle at 15% 85%,rgba(160,72,145,.1),transparent 30%),var(--void)}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--void),rgba(6,9,20,.78) 58%,rgba(6,9,20,.16));pointer-events:none}
.page-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 330px;gap:70px;align-items:end;width:100%}
.page-breadcrumb{display:flex;align-items:center;gap:9px;font:500 10px/1 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:25px}
.page-breadcrumb a{color:var(--cyan)}
.page-hero h1{font-size:clamp(50px,7vw,92px);max-width:920px}
.page-hero p{font-size:clamp(16px,1.8vw,20px);color:#aab7d0;max-width:720px;margin-top:25px}
.page-orb{position:relative;aspect-ratio:1;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center}
.page-orb::before,.page-orb::after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%}
.page-orb::before{inset:16%;transform:rotate(35deg) scaleY(.52)}
.page-orb::after{inset:30%;border-color:rgba(213,111,190,.3);transform:rotate(-28deg) scaleY(.7)}
.page-orb img{width:45%;position:relative;z-index:2}
.page-code{position:absolute;right:-10px;bottom:12%;padding:10px 12px;background:rgba(8,13,26,.8);border-left:1px solid var(--cyan);font:500 9px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.home-routes{background:var(--paper);color:var(--ink-dark)}
.home-routes .kicker{color:#245d71}.home-routes .section-head p{color:var(--muted-dark)}
.route-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:15px}
.route-card{position:relative;min-height:280px;padding:30px;background:#fff;border:1px solid rgba(17,24,42,.1);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.route-card:first-child{grid-row:span 2;min-height:575px;background:#0b1425;color:var(--ink)}
.route-card:hover{transform:translateY(-4px);border-color:rgba(31,111,129,.4)}
.route-card::after{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(42,112,128,.12);border-radius:50%;right:-80px;top:-80px}
.route-card:first-child::after{width:360px;height:360px;border-color:rgba(94,221,236,.16);right:-160px;top:-150px}
.route-code{font:500 10px/1 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#287283;text-transform:uppercase}
.route-card:first-child .route-code{color:var(--cyan)}
.route-card h2{font-size:clamp(26px,3vw,42px);margin-top:60px;max-width:430px}
.route-card:first-child h2{font-size:clamp(38px,4.5vw,58px)}
.route-card p{color:var(--muted-dark);font-size:14px;margin-top:15px;max-width:450px}
.route-card:first-child p{color:#aab7ce}
.route-link{display:inline-flex;align-items:center;gap:9px;margin-top:30px;font:600 11px/1 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#1d6877}
.route-card:first-child .route-link{color:var(--cyan)}
.route-link svg{width:16px;transition:transform .2s ease}.route-card:hover .route-link svg{transform:translateX(4px)}
.detail-band{padding:92px 0;background:var(--paper);color:var(--ink-dark)}
.detail-band.dark{background:var(--void);color:var(--ink)}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(17,24,42,.13);border:1px solid rgba(17,24,42,.13)}
.detail-band.dark .detail-grid{background:var(--line);border-color:var(--line)}
.detail-card{padding:30px;background:#fff;min-height:230px}
.detail-band.dark .detail-card{background:var(--void)}
.detail-card span{font:500 10px/1 'IBM Plex Mono',monospace;color:#287283;letter-spacing:.08em}
.detail-band.dark .detail-card span{color:var(--cyan)}
.detail-card h2,.detail-card h3{font-size:22px;margin:52px 0 12px}
.detail-card p{font-size:13.5px;color:var(--muted-dark)}
.detail-band.dark .detail-card p{color:var(--muted)}
.page-cta{padding:80px 0;background:var(--surface);border-top:1px solid var(--line)}
.page-cta-row{display:flex;align-items:center;justify-content:space-between;gap:40px}
.page-cta h2{font-size:clamp(30px,4vw,50px);max-width:680px}
.page-cta p{color:var(--muted);margin-top:13px;max-width:620px}
.page-cta .btn{flex:none}
.inner-footer-space{margin-top:0}
@media(max-width:1050px){.page-hero-grid{grid-template-columns:1fr 250px}.route-grid{grid-template-columns:1fr 1fr}.route-card:first-child{grid-column:1/-1;grid-row:auto;min-height:430px}.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.page-hero{min-height:auto;padding:calc(var(--nav) + 66px) 0 62px}.page-hero-grid{grid-template-columns:1fr}.page-orb{width:min(300px,76vw);margin:20px auto 0}.route-grid{grid-template-columns:1fr}.route-card:first-child{grid-column:auto;min-height:450px}.route-card{min-height:250px}.detail-grid{grid-template-columns:1fr}.page-cta-row{align-items:flex-start;flex-direction:column}}


/* About & References pages */
.prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}
.prose-card{padding:28px;background:var(--void-soft);border:1px solid var(--line);border-radius:12px}
.prose-card h3{font-family:'Syne',sans-serif;font-size:20px;margin:0 0 10px;color:var(--ink)}
.prose-card p{color:var(--muted);font-size:15px;line-height:1.65;margin:0}
.chip-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.chip{padding:10px 16px;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink);font:600 14px/1 'Manrope',sans-serif;background:rgba(94,221,236,.06)}
.cred-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:8px}
.cred{padding:18px 20px;background:var(--void-soft);border:1px solid var(--line);border-radius:12px}
.cred b{display:block;color:var(--ink);font-family:'Syne',sans-serif;font-size:15px;margin-bottom:4px}
.cred span{color:var(--muted);font-size:13px;line-height:1.4}
.milestones{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:16px}
.milestones li{position:relative;padding-left:28px;color:var(--muted);font-size:15px;line-height:1.65}
.milestones li::before{content:'';position:absolute;left:0;top:7px;width:11px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(94,221,236,.15)}
.milestones li b{color:var(--ink)}
@media(max-width:760px){.prose-grid{grid-template-columns:1fr}}

/* Leadership team */
.leader-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}
.leader{position:relative;padding:30px;background:var(--void-soft);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.leader::after{content:'';position:absolute;width:190px;height:190px;border:1px solid var(--line);border-radius:50%;right:-90px;top:-95px;pointer-events:none}
.leader>*{position:relative;z-index:2}
.leader-head{display:flex;align-items:center;gap:16px}
.leader-monogram{flex:none;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong);background:rgba(94,221,236,.06);font:600 15px/1 'IBM Plex Mono',monospace;letter-spacing:.06em;color:var(--cyan)}
.leader h3{font-size:23px;margin:0}
.leader-role{display:block;margin-top:9px;font:500 10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.leader p{color:var(--muted);font-size:14.5px;line-height:1.7;margin-top:18px}
.leader-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.leader-tags span{padding:6px 11px;border:1px solid var(--line);border-radius:999px;font:500 9px/1 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#aebbd2}
@media(max-width:760px){.leader-grid{grid-template-columns:1fr}.leader{padding:24px}}