:root{
  --bg:#03070b;--bg2:#071018;--panel:rgba(9,19,28,.74);--panel2:rgba(4,12,18,.9);
  --text:#eefaff;--muted:#8ba2af;--muted2:#6f8793;--line:rgba(77,215,255,.14);--line2:rgba(255,255,255,.07);
  --cyan:#13d8ff;--blue:#2791ff;--violet:#865cff;--green:#70ffd4;--radius:26px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
#meshCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-3;opacity:.62}.grain{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
body:before{content:"";position:fixed;inset:-20% -10%;z-index:-4;background:radial-gradient(circle at 72% 9%,rgba(20,157,255,.16),transparent 28%),radial-gradient(circle at 17% 34%,rgba(86,64,255,.1),transparent 26%),radial-gradient(circle at 48% 82%,rgba(0,220,255,.06),transparent 24%),linear-gradient(#020406,#050b11 60%,#020407)}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;max-width:calc(var(--max) + 64px);margin:auto;padding:18px 32px;background:linear-gradient(to bottom,rgba(3,7,11,.92),rgba(3,7,11,.3));backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.04)}
.brand{display:flex;align-items:center;gap:10px;font-weight:760;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;object-fit:cover;border-radius:8px;box-shadow:0 0 25px rgba(23,216,255,.18)}.brand-dot{color:var(--cyan)}.nav{display:flex;align-items:center;gap:22px;font-size:13px;color:#b7c9d3}.nav a{transition:.2s}.nav a:hover{color:#fff}.nav-cta{border:1px solid rgba(60,214,255,.24);padding:9px 14px;border-radius:999px;background:rgba(14,172,224,.07)}.nav-toggle{display:none;background:none;border:0;color:white;width:44px;height:44px}.nav-toggle span{display:block;width:21px;height:1px;background:#fff;margin:6px auto}
.section{max-width:var(--max);margin:0 auto;padding:112px 28px}.hero{min-height:840px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;padding-top:92px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:800;color:#66dff8;display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 0 rgba(19,216,255,.5);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(19,216,255,0)}100%{box-shadow:0 0 0 0 rgba(19,216,255,0)}}
h1{font-size:clamp(48px,7vw,102px);line-height:.93;letter-spacing:-.065em;margin:25px 0 18px;max-width:780px}.gradient-text{background:linear-gradient(105deg,#56efff 0%,#3ea0ff 46%,#8a67ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-kicker{text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:800;color:#72e7fa;margin:0 0 18px}.hero-lead{font-size:19px;color:#a9bbc5;max-width:690px;line-height:1.75}.hero-actions,.cta-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 21px;border-radius:14px;font-weight:760;font-size:14px;transition:.25s}.btn-primary{background:linear-gradient(120deg,#16d8ff,#2a8fff 70%,#745dff);color:#011018;box-shadow:0 12px 45px rgba(31,162,255,.18)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 55px rgba(31,162,255,.27)}.btn-ghost{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);color:#c8d7de}.btn-ghost:hover{border-color:rgba(55,216,255,.33);color:#fff}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px;padding-top:24px;border-top:1px solid var(--line)}.hero-meta strong{display:block;font-size:18px}.hero-meta span{display:block;color:#718996;font-size:12px;margin-top:3px}
.hero-visual{position:relative;min-height:650px;display:grid;place-items:center}.logo-stage{position:relative;width:min(520px,90vw);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 0 35px rgba(25,197,255,.12))}.logo-stage:before{content:"";position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(0,185,255,.11),transparent 65%);filter:blur(15px)}.logo-stage img{position:relative;width:95%;mix-blend-mode:screen}.scanline{position:absolute;inset:12%;background:linear-gradient(180deg,transparent 0 48%,rgba(81,226,255,.12) 50%,transparent 52%);background-size:100% 80px;animation:scan 7s linear infinite;mask-image:radial-gradient(circle,#000 20%,transparent 70%)}@keyframes scan{to{background-position:0 800px}}
.orbital-ring{position:absolute;border:1px solid rgba(68,214,255,.1);border-radius:50%;transform:rotateX(68deg) rotateZ(-18deg)}.ring-one{width:570px;height:570px}.ring-two{width:430px;height:430px;border-style:dashed;animation:spin 24s linear infinite}@keyframes spin{to{transform:rotateX(68deg) rotateZ(342deg)}}.floating-card{position:absolute;padding:13px 15px 13px 34px;background:rgba(4,12,20,.76);border:1px solid rgba(77,215,255,.14);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.28);font-size:12px;min-width:190px}.floating-card b,.floating-card small{display:block}.floating-card small{color:#71909f;margin-top:1px}.card-dot{position:absolute;width:8px;height:8px;border-radius:50%;left:14px;top:18px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.fc-one{top:110px;left:-8px}.fc-two{right:-18px;top:272px}.fc-three{left:28px;bottom:92px}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:rgba(0,12,18,.36);padding:14px 0}.ticker-track{width:max-content;display:flex;gap:27px;align-items:center;animation:ticker 38s linear infinite;color:#6fcbe0;font-size:11px;font-weight:800;letter-spacing:.18em}.ticker-track i{font-style:normal;color:#5c69ff;font-size:8px}@keyframes ticker{to{transform:translateX(-50%)}}
.section-heading{max-width:790px;margin-bottom:50px}.section-heading h2,.split-copy h2,.sources-card h2,.final-cta h2{font-size:clamp(32px,5vw,74px);line-height:1;letter-spacing:-.055em;margin:17px 0 20px}.section-heading p,.split-copy p,.research-note p,.final-cta p,.provenance-copy{color:#93a9b5;font-size:17px;line-height:1.75}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-card{position:relative;overflow:hidden;min-height:330px;border:1px solid rgba(88,218,255,.11);background:linear-gradient(145deg,rgba(10,23,33,.78),rgba(5,11,17,.72));border-radius:var(--radius);padding:34px}.feature-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,rgba(34,189,255,.13),transparent 70%)}.feature-card h3{font-size:25px;margin:28px 0 12px;letter-spacing:-.025em}.feature-card p{color:#91a6b1;max-width:530px}.micro{margin-top:24px;color:#5eddf5;font-size:11px;letter-spacing:.075em;text-transform:uppercase}.icon{width:48px;height:48px;border-radius:14px;background:rgba(21,195,255,.08);border:1px solid rgba(47,221,255,.18);display:grid;place-items:center;color:#5ce8ff;font-size:22px;box-shadow:inset 0 0 20px rgba(20,200,255,.04)}.mesh-icon{position:relative}.mesh-icon span{position:absolute;width:4px;height:4px;border-radius:50%;background:#70eaff;box-shadow:0 0 8px #4ddfff}.mesh-icon span:nth-child(1){left:11px;top:13px}.mesh-icon span:nth-child(2){right:10px;top:11px}.mesh-icon span:nth-child(3){left:18px;bottom:9px}.mesh-icon span:nth-child(4){right:9px;bottom:16px}.capability-strip{margin-top:18px;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:rgba(4,14,20,.5);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8ba8b5;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.capability-strip i{width:4px;height:4px;border-radius:50%;background:#36daf8;box-shadow:0 0 10px #36daf8}
.sources-section-v2{position:relative}.source-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.source-card{position:relative;min-height:270px;padding:26px 22px;border:1px solid var(--line2);border-radius:22px;background:linear-gradient(160deg,rgba(8,20,28,.84),rgba(4,10,15,.78));overflow:hidden}.source-card:after{content:"";position:absolute;width:120px;height:120px;right:-55px;top:-45px;border-radius:50%;background:radial-gradient(circle,rgba(30,202,255,.12),transparent 68%)}.source-card-accent{border-color:rgba(91,225,255,.22);background:linear-gradient(160deg,rgba(5,29,37,.88),rgba(3,12,20,.8))}.source-index{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:9px;border:1px solid rgba(70,218,255,.2);color:#63def7;font-size:10px;font-weight:800}.source-card h3{font-size:24px;margin:25px 0 11px}.source-card p{color:#8299a5;font-size:14px;line-height:1.7}.source-role{position:absolute;left:22px;right:22px;bottom:20px;padding-top:12px;border-top:1px solid var(--line2);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#56d8f3}.source-summary{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;margin-top:16px;padding:26px 30px;border-radius:20px;border:1px solid rgba(118,100,255,.14);background:linear-gradient(110deg,rgba(43,42,105,.09),rgba(5,31,42,.12))}.source-summary strong{font-size:24px;letter-spacing:-.025em}.source-summary p{margin:0;color:#8ba1ad}
.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.pipeline-visual{position:relative;min-height:650px;border-radius:32px;background:radial-gradient(circle at 50% 35%,rgba(0,190,255,.11),transparent 48%),linear-gradient(145deg,rgba(7,18,27,.86),rgba(2,7,11,.77));border:1px solid rgba(75,213,255,.12);overflow:hidden}.pipeline-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(81,212,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(81,212,255,.06) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent)}.pipe-node{position:absolute;width:112px;height:112px;border-radius:22px;border:1px solid rgba(65,217,255,.25);background:rgba(5,20,29,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 50px rgba(0,172,255,.07);z-index:2}.pipe-node b{font-size:10px;color:#4ce5ff;margin-bottom:4px}.pipe-node span{text-align:center;font-size:13px;font-weight:720;line-height:1.25}.pn1{left:40px;top:60px}.pn2{right:38px;top:105px}.pn3{left:82px;top:260px}.pn4{right:74px;top:320px}.pn5{left:68px;bottom:62px;border-color:rgba(122,98,255,.35)}.pn6{right:35px;bottom:38px;border-color:rgba(122,98,255,.42);box-shadow:0 0 60px rgba(111,82,255,.1)}.pipe-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.pipe-svg path{fill:none;stroke:#2ed9f7;stroke-width:1.5;stroke-dasharray:8 8;opacity:.44;filter:drop-shadow(0 0 6px rgba(46,217,247,.4));animation:dash 18s linear infinite}@keyframes dash{to{stroke-dashoffset:-180}}.pipeline-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.pipeline-tags span{padding:7px 10px;border-radius:999px;border:1px solid rgba(65,215,255,.13);background:rgba(27,196,238,.04);color:#75b9c9;font-size:11px}.text-link{display:inline-flex;gap:8px;margin-top:12px;color:#57e3ff;font-weight:750}.text-link:hover span{transform:translateX(4px)}.text-link span{transition:.2s}
.ocean-section{position:relative}.ocean-glow{position:absolute;left:50%;top:30%;width:70vw;height:40vw;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(0,142,255,.12),transparent 64%);pointer-events:none}.coastline-panel{position:relative;border:1px solid rgba(62,211,255,.13);border-radius:32px;overflow:hidden;background:#031018;box-shadow:0 30px 100px rgba(0,0,0,.3)}.coastline-panel svg{display:block;width:100%;height:auto}.wire line{stroke:rgba(88,223,255,.22);stroke-width:1}.coast-highlight{fill:none;stroke:#41e6ff;stroke-width:2;filter:drop-shadow(0 0 10px #21c8ff)}.coast-label{position:absolute;padding:10px 13px;border:1px solid rgba(89,217,255,.18);background:rgba(2,10,16,.78);backdrop-filter:blur(10px);border-radius:10px;font-size:12px}.coast-label strong,.coast-label span{display:block}.coast-label span{color:#6f8e9b}.land-label{left:7%;top:16%}.shore-label{left:45%;top:43%}.sea-label{right:7%;bottom:12%}.coast-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.mini-card{padding:24px;border-radius:18px;border:1px solid var(--line2);background:rgba(5,14,20,.65)}.mini-card h3{font-size:18px;margin:0 0 8px}.mini-card p{margin:0;color:#8198a4;font-size:14px;line-height:1.7}
.deployment-section{position:relative}.deployment-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:stretch}.database-visual{position:relative;min-height:530px;border:1px solid rgba(78,216,255,.13);border-radius:30px;background:radial-gradient(circle at 50% 42%,rgba(33,181,255,.13),transparent 42%),linear-gradient(150deg,rgba(8,20,29,.82),rgba(4,10,15,.76));overflow:hidden;display:grid;place-items:center}.database-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(81,212,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(81,212,255,.045) 1px,transparent 1px);background-size:35px 35px}.db-halo{position:absolute;width:330px;height:330px;border:1px solid rgba(58,218,255,.12);border-radius:50%;box-shadow:0 0 85px rgba(26,177,255,.1)}.db-cylinder{position:relative;width:245px;height:250px;z-index:2;filter:drop-shadow(0 28px 50px rgba(0,0,0,.4))}.db-top,.db-bottom{position:absolute;left:0;width:100%;height:58px;border-radius:50%;border:1px solid rgba(76,226,255,.34);background:linear-gradient(180deg,rgba(45,214,255,.17),rgba(5,22,31,.9))}.db-top{top:0;z-index:3;box-shadow:inset 0 0 28px rgba(39,203,255,.12)}.db-bottom{bottom:0;z-index:1}.db-body{position:absolute;left:0;right:0;top:29px;bottom:29px;border-left:1px solid rgba(76,226,255,.28);border-right:1px solid rgba(76,226,255,.28);background:linear-gradient(90deg,rgba(5,19,27,.96),rgba(12,48,61,.92),rgba(4,18,27,.96));z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center}.db-body span{color:#5de6ff;font-size:34px;font-weight:830;letter-spacing:-.04em}.db-body strong{font-size:16px}.db-body small{color:#78949f;margin-top:5px}.db-line{position:absolute;height:1px;width:125px;background:linear-gradient(90deg,transparent,#3adcf5,transparent);opacity:.55}.dbl1{left:32px;top:170px;transform:rotate(18deg)}.dbl2{right:24px;top:245px;transform:rotate(-15deg)}.dbl3{left:48px;bottom:115px;transform:rotate(-8deg)}.db-chip{position:absolute;z-index:3;padding:6px 9px;border:1px solid rgba(61,219,255,.16);border-radius:8px;background:rgba(3,13,20,.85);color:#6edbf0;font-size:9px;letter-spacing:.13em}.chip1{left:36px;top:138px}.chip2{right:30px;top:215px}.chip3{left:55px;bottom:92px}.deployment-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.deploy-card{min-height:245px;padding:27px;border-radius:22px;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(9,20,29,.8),rgba(4,11,16,.72))}.deploy-card span{font-size:10px;color:#56ddf5;font-weight:800}.deploy-card h3{font-size:24px;margin:18px 0 9px}.deploy-card p{margin:0;color:#8199a5;font-size:14px;line-height:1.72}.deploy-card-wide{grid-column:1/-1;min-height:190px;background:linear-gradient(120deg,rgba(19,61,78,.28),rgba(28,23,70,.18))}
.spec-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}.spec-list{border-top:1px solid var(--line)}.spec-row{display:flex;justify-content:space-between;gap:30px;padding:18px 0;border-bottom:1px solid var(--line)}.spec-row span{color:#77909d;font-size:13px}.spec-row b{text-align:right;font-size:14px;max-width:64%}.code-card{position:sticky;top:96px;border:1px solid rgba(80,216,255,.13);border-radius:20px;overflow:hidden;background:#050b11;box-shadow:0 25px 80px rgba(0,0,0,.22)}.code-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;color:#78909d}.lights{display:flex;gap:6px}.lights i{width:7px;height:7px;border-radius:50%;background:#32444d}.code-head button{border:0;background:none;color:#52def6;cursor:pointer}pre{margin:0;padding:25px;overflow:auto;color:#b7dce6;font:12.5px/1.72 ui-monospace,SFMono-Regular,Menlo,monospace}.code-foot{display:flex;gap:8px;flex-wrap:wrap;padding:0 20px 20px}.code-foot span{font-size:9px;letter-spacing:.12em;color:#58dff6;border:1px solid rgba(82,222,246,.12);padding:5px 7px;border-radius:6px}.research-note{margin-top:28px;padding:30px;border:1px solid rgba(104,106,255,.14);border-radius:22px;background:linear-gradient(120deg,rgba(45,41,110,.08),rgba(0,161,211,.05))}.research-note h3{font-size:22px;margin:0 0 8px}.research-note p{margin:0;font-size:15px}
.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.application-card{position:relative;min-height:245px;padding:28px;border-radius:22px;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(9,20,29,.75),rgba(4,10,16,.7));overflow:hidden}.application-card:after{content:"";position:absolute;width:130px;height:130px;right:-60px;bottom:-65px;border:1px solid rgba(68,216,255,.09);border-radius:50%}.app-no{font-size:10px;color:#57dff6;font-weight:800}.application-card h3{font-size:23px;margin:28px 0 9px}.application-card p{margin:0;color:#8299a5;font-size:14px;line-height:1.72}
.provenance-section{padding-top:52px}.sources-card{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding:44px;border-radius:30px;border:1px solid rgba(83,218,255,.12);background:linear-gradient(140deg,rgba(13,26,37,.8),rgba(4,10,15,.74))}.sources-card h2{font-size:42px;margin-bottom:14px}.provenance-copy{font-size:14px;margin:0;max-width:650px}.source-links{display:grid;gap:10px}.source-links a{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border:1px solid rgba(255,255,255,.08);border-radius:13px;color:#a8bec8;font-size:14px}.source-links a:hover{color:#fff;border-color:rgba(61,218,255,.24);background:rgba(30,210,255,.04)}
.final-cta{padding-top:130px;padding-bottom:140px;text-align:center}.cta-inner{max-width:760px;margin:auto}.cta-inner>img{width:150px;mix-blend-mode:screen;opacity:.9;margin-bottom:14px}.final-cta .eyebrow{justify-content:center}.final-cta p{max-width:620px;margin:0 auto 28px}.cta-actions{justify-content:center}.final-cta .btn{margin-top:8px}
footer{max-width:var(--max);margin:0 auto;padding:35px 28px 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#6f8996;font-size:12px}.footer-brand{display:block;color:#d7eef5;font-weight:750;font-size:14px}.footer-right{display:flex;gap:25px;align-items:end}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1080px){.source-matrix{grid-template-columns:repeat(3,1fr)}.source-card:last-child{grid-column:2/3}.application-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:15px}}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:560px}.split,.spec-layout,.sources-card,.deployment-layout{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.sources-card{gap:25px}.nav{position:fixed;left:18px;right:18px;top:74px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px;background:rgba(5,13,20,.97);border:1px solid rgba(70,211,255,.15);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.4)}.nav.open{display:flex}.nav a{padding:12px}.nav-toggle{display:block}.code-card{position:static}.deployment-layout{gap:16px}.database-visual{min-height:470px}}
@media(max-width:760px){.source-matrix{grid-template-columns:1fr 1fr}.source-card:last-child{grid-column:1/-1}.source-summary{grid-template-columns:1fr}.coast-benefits{grid-template-columns:1fr}.application-grid{grid-template-columns:1fr}.deployment-cards{grid-template-columns:1fr}.deploy-card-wide{grid-column:auto}.capability-strip{justify-content:flex-start}.capability-strip i{display:none}}
@media(max-width:650px){.site-header{padding:14px 18px}.section{padding:82px 20px}.hero{padding-top:50px}.hero-meta{grid-template-columns:1fr}.hero-visual{min-height:470px}.floating-card{display:none}.ring-one{width:430px;height:430px}.ring-two{width:330px;height:330px}.feature-card{padding:26px}.split{gap:40px}.pipeline-visual{min-height:600px}.pipe-node{width:96px;height:96px}.pn1{left:18px}.pn2{right:17px}.pn3{left:35px}.pn4{right:35px}.pn5{left:27px}.pn6{right:17px}.source-matrix{grid-template-columns:1fr}.source-card:last-child{grid-column:auto}.spec-row{flex-direction:column;gap:5px}.spec-row b{text-align:left;max-width:none}.coast-label{font-size:9px}.shore-label{left:38%}.sources-card{padding:28px}.sources-card h2{font-size:36px}.database-visual{min-height:430px}.db-cylinder{transform:scale(.86)}footer{flex-direction:column;gap:18px}.footer-right{align-items:start;flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v3 — live Cesium tour hero */
.hero-live{display:block;min-height:auto;padding-top:74px;padding-bottom:72px}.hero-live .hero-copy{max-width:940px}.hero-live h1{font-size:clamp(58px,7.2vw,92px);max-width:900px}.hero-live .hero-lead{max-width:810px}.tour-stage{margin-top:54px;position:relative}.tour-stage:before{content:"";position:absolute;z-index:-1;left:6%;right:6%;top:-30px;height:180px;background:radial-gradient(ellipse at center,rgba(25,196,255,.18),transparent 67%);filter:blur(25px)}
.tour-frame{position:relative;border:1px solid rgba(92,225,255,.28);border-radius:26px;overflow:hidden;background:#02070b;box-shadow:0 42px 120px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.025),0 0 80px rgba(11,166,255,.08)}.tour-frame:after{content:"";position:absolute;inset:0;border-radius:26px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 1px 0 rgba(255,255,255,.06)}
.tour-topbar{height:48px;display:grid;grid-template-columns:110px 1fr 110px;align-items:center;padding:0 17px;border-bottom:1px solid rgba(86,219,255,.1);background:linear-gradient(180deg,rgba(13,28,39,.98),rgba(6,14,21,.98));color:#758f9b;font-size:10px;letter-spacing:.08em}.tour-window-dots{display:flex;gap:7px}.tour-window-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#263d47;border:1px solid rgba(255,255,255,.04)}.tour-window-dots i:nth-child(1){background:#39536a}.tour-window-dots i:nth-child(2){background:#315e73}.tour-window-dots i:nth-child(3){background:#287c8f}.tour-address{justify-self:center;min-width:min(480px,58vw);text-align:center;padding:6px 18px;border:1px solid rgba(255,255,255,.055);border-radius:999px;background:rgba(0,0,0,.18);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secure-dot{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#58e2ff;box-shadow:0 0 10px #58e2ff}.tour-live{justify-self:end;display:flex;align-items:center;gap:7px;font-weight:850;color:#87ebfb}.tour-live span{width:6px;height:6px;border-radius:50%;background:#28e8c2;box-shadow:0 0 12px #28e8c2;animation:pulse 2s infinite}
.tour-viewport{position:relative;width:100%;height:clamp(520px,62vw,720px);background:#020609;overflow:hidden}.tour-viewport iframe{display:block;width:100%;height:100%;border:0;background:#020609}.tour-corner-label{position:absolute;z-index:3;left:18px;bottom:18px;padding:9px 12px;border:1px solid rgba(92,225,255,.18);border-radius:10px;background:rgba(2,10,16,.68);backdrop-filter:blur(12px);pointer-events:none;box-shadow:0 15px 35px rgba(0,0,0,.22)}.tour-corner-label b,.tour-corner-label span{display:block}.tour-corner-label b{font-size:9px;letter-spacing:.15em;color:#6ee7fa}.tour-corner-label span{font-size:10px;color:#7c97a4;margin-top:1px}
.tour-outline{position:relative;display:grid;grid-template-columns:1.45fr repeat(3,.72fr) auto;gap:0;margin:0 18px;border:1px solid rgba(81,216,255,.16);border-top:0;border-radius:0 0 20px 20px;background:linear-gradient(100deg,rgba(7,23,32,.96),rgba(5,13,20,.92));box-shadow:0 24px 70px rgba(0,0,0,.25);overflow:hidden}.tour-outline>*{min-height:94px;padding:18px 20px;display:flex;align-items:center}.tour-outline>*+*{border-left:1px solid rgba(81,216,255,.1)}.tour-outline-intro{display:block!important}.outline-kicker{display:block;color:#55dff8;font-size:9px;letter-spacing:.16em;font-weight:850;margin-bottom:5px}.tour-outline-intro strong{font-size:16px;letter-spacing:-.02em}.outline-point{gap:11px}.outline-point i{font-style:normal;color:#4fe0fa;font-size:9px;font-weight:850;border:1px solid rgba(79,224,250,.16);width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto}.outline-point b,.outline-point small{display:block}.outline-point b{font-size:12px;white-space:nowrap}.outline-point small{font-size:10px;color:#738e9a;margin-top:2px;white-space:nowrap}.outline-link{justify-content:center!important;gap:8px;color:#8eeaff;font-size:11px;font-weight:800;white-space:nowrap;transition:.2s}.outline-link:hover{background:rgba(46,208,255,.05);color:#fff}.hero-meta-live{margin-top:38px}.hero-live+.ticker{margin-top:0}
@media(max-width:1040px){.tour-outline{grid-template-columns:1fr 1fr 1fr}.tour-outline-intro{grid-column:1/-1}.outline-link{grid-column:1/-1;min-height:60px}.tour-outline>*:nth-child(2){border-left:0}.tour-outline>*:nth-child(5){border-left:0;border-top:1px solid rgba(81,216,255,.1)}.tour-outline-intro+*{border-left:0}.tour-outline>*{min-height:78px}}
@media(max-width:760px){.hero-live{padding-top:46px}.hero-live h1{font-size:clamp(48px,15vw,68px)}.tour-stage{margin-top:38px;margin-left:-8px;margin-right:-8px}.tour-topbar{grid-template-columns:70px 1fr 66px;height:42px;padding:0 11px}.tour-address{min-width:0;width:100%;font-size:8px;padding:5px 10px}.tour-live{font-size:8px}.tour-viewport{height:62vh;min-height:440px;max-height:620px}.tour-outline{margin:0 8px;grid-template-columns:1fr}.tour-outline>*{border-left:0!important;border-top:1px solid rgba(81,216,255,.1);min-height:62px}.tour-outline-intro{border-top:0!important;grid-column:auto}.outline-link{grid-column:auto}.outline-point b,.outline-point small{white-space:normal}.hero-meta-live{margin-top:30px}}
@media(max-width:520px){.tour-window-dots{gap:4px}.tour-window-dots i{width:6px;height:6px}.tour-live{gap:4px}.tour-corner-label{display:none}.tour-viewport{height:58vh;min-height:400px}}

/* v4 — wider presentation, larger identity, platform navigation + demos */
:root{--max:1475px}
.brand{gap:14px;font-size:17px}.brand-mark{width:51px;height:51px;border-radius:11px}.site-header{max-width:calc(var(--max) + 64px);padding-top:13px;padding-bottom:13px}
.nav{gap:18px}.deployment-cta{padding:10px 16px;background:linear-gradient(110deg,rgba(19,216,255,.12),rgba(39,145,255,.12));border-color:rgba(82,222,255,.34);color:#dffaff;font-weight:780}
.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:6px;border:0;background:none;color:#b7c9d3;padding:10px 0;cursor:pointer;font-size:13px}.nav-dropdown-toggle span{font-size:11px;transition:transform .2s}.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown.open .nav-dropdown-toggle{color:#fff}.nav-dropdown.open .nav-dropdown-toggle span{transform:rotate(180deg)}
.dropdown-menu{position:absolute;top:calc(100% + 10px);left:-18px;width:285px;padding:9px;border-radius:18px;border:1px solid rgba(81,216,255,.16);background:rgba(5,14,21,.97);box-shadow:0 28px 80px rgba(0,0,0,.5);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.2s;z-index:100}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:none}.dropdown-menu a{display:block!important;padding:12px 13px!important;border-radius:11px}.dropdown-menu a:hover{background:rgba(36,205,255,.06)}.dropdown-menu b,.dropdown-menu small{display:block}.dropdown-menu b{font-size:13px;color:#eafaff}.dropdown-menu small{font-size:10px;color:#718e9c;margin-top:2px}
.platform-showcase{padding-top:92px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.platform-grid-four{grid-template-columns:repeat(4,1fr)}.platform-card{position:relative;min-height:385px;padding:34px;border-radius:28px;border:1px solid rgba(83,216,255,.12);background:linear-gradient(150deg,rgba(9,25,35,.88),rgba(4,11,17,.78));overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.platform-card:before{content:"";position:absolute;width:260px;height:260px;right:-115px;top:-115px;border-radius:50%;background:radial-gradient(circle,rgba(26,198,255,.15),transparent 68%)}.platform-card:hover{transform:translateY(-5px);border-color:rgba(83,216,255,.3);box-shadow:0 30px 80px rgba(0,0,0,.25)}.platform-number{position:absolute;right:25px;top:23px;color:#49636e;font-size:10px;font-weight:850;letter-spacing:.12em}.platform-mark{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;border:1px solid rgba(75,222,255,.22);background:linear-gradient(145deg,rgba(19,216,255,.12),rgba(93,79,255,.08));color:#6be7fb;font-weight:900;font-size:15px;letter-spacing:-.02em;box-shadow:inset 0 0 30px rgba(30,197,255,.05)}.platform-card h3{font-size:34px;letter-spacing:-.04em;margin:36px 0 12px}.platform-card p{color:#8da5b1;font-size:15px;line-height:1.75;max-width:420px}.platform-link{position:absolute;left:34px;bottom:30px;color:#69e3f9;font-size:12px;font-weight:800;letter-spacing:.015em}.platform-link i{font-style:normal;margin-left:5px}.platform-band{margin-top:18px;min-height:76px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 24px;border:1px solid rgba(80,217,255,.12);border-radius:18px;background:rgba(5,17,24,.58);color:#6fd7eb;font-size:10px;font-weight:850;letter-spacing:.13em}.platform-band i{width:4px;height:4px;border-radius:50%;background:#5577ff}.platform-band strong{margin-left:auto;color:#9ab0ba;font-size:12px;letter-spacing:0;font-weight:650}

/* standalone platform demo pages */
.platform-page .site-header{position:sticky}.platform-hero{padding-top:74px;padding-bottom:48px}.platform-hero-copy{max-width:980px}.platform-hero h1{font-size:clamp(58px,7vw,96px);max-width:1050px}.platform-hero .hero-lead{max-width:850px}.platform-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.platform-badges span{padding:8px 11px;border-radius:999px;border:1px solid rgba(80,218,255,.13);background:rgba(8,24,33,.56);color:#73dff2;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.demo-stage{margin-top:42px}.demo-frame{border:1px solid rgba(92,225,255,.28);border-radius:28px;overflow:hidden;background:#02070b;box-shadow:0 42px 120px rgba(0,0,0,.52),0 0 70px rgba(11,166,255,.07)}.demo-viewport{height:clamp(590px,68vw,820px);background:#020609}.demo-viewport iframe{display:block;width:100%;height:100%;border:0}.demo-caption{display:grid;grid-template-columns:1.35fr repeat(3,.7fr) auto;align-items:stretch;margin:0 18px;border:1px solid rgba(81,216,255,.16);border-top:0;border-radius:0 0 20px 20px;background:rgba(5,15,22,.94);overflow:hidden}.demo-caption>div,.demo-caption>a{padding:18px 20px;min-height:82px;display:flex;flex-direction:column;justify-content:center}.demo-caption>*+*{border-left:1px solid rgba(81,216,255,.09)}.demo-caption strong{font-size:14px}.demo-caption small{color:#708b98;margin-top:2px}.demo-caption .cap-title span{color:#58def6;font-size:9px;letter-spacing:.14em;font-weight:850;margin-bottom:5px}.demo-caption .cap-action{align-items:center;flex-direction:row;gap:7px;color:#85e9fa;font-size:11px;font-weight:800;white-space:nowrap}.platform-detail{display:grid;grid-template-columns:1fr 1fr;gap:18px}.platform-detail article{padding:32px;border:1px solid var(--line2);border-radius:24px;background:linear-gradient(145deg,rgba(8,21,30,.72),rgba(5,12,17,.62))}.platform-detail h3{font-size:24px;margin:0 0 10px}.platform-detail p{margin:0;color:#89a1ad;line-height:1.75}.platform-nav-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.platform-nav-card{padding:24px;border:1px solid var(--line2);border-radius:20px;background:rgba(6,17,24,.6);transition:.2s}.platform-nav-card:hover,.platform-nav-card.current{border-color:rgba(77,216,255,.27);background:rgba(9,27,37,.76)}.platform-nav-card small,.platform-nav-card strong{display:block}.platform-nav-card small{color:#5ddcf3;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.platform-nav-card strong{font-size:21px;margin-top:8px}.platform-nav-card span{display:block;color:#7e98a5;font-size:12px;margin-top:6px}
@media(max-width:1220px){.deployment-cta{display:none}.nav{gap:14px}.platform-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.brand-mark{width:44px;height:44px}.brand{font-size:16px}.nav-dropdown{width:100%}.nav-dropdown-toggle{width:100%;justify-content:space-between;padding:12px;color:#c3d3db}.dropdown-menu{position:static;width:100%;display:none;opacity:1;visibility:visible;transform:none;background:rgba(0,0,0,.16);box-shadow:none;margin-bottom:4px}.nav-dropdown.open .dropdown-menu{display:block}.nav-dropdown:hover .dropdown-menu:not(:focus-within){display:none}.nav-dropdown.open:hover .dropdown-menu{display:block}.platform-grid{grid-template-columns:1fr}.platform-card{min-height:315px}.demo-caption{grid-template-columns:1fr 1fr}.demo-caption .cap-title{grid-column:1/-1}.demo-caption>*{border-top:1px solid rgba(81,216,255,.09)}.demo-caption>*+*{border-left:0}.demo-caption .cap-title{border-top:0}.platform-detail{grid-template-columns:1fr}.platform-nav-cards{grid-template-columns:1fr}}
@media(max-width:650px){.brand-mark{width:42px;height:42px}.brand>span{font-size:14px}.platform-card{padding:27px}.platform-link{left:27px}.platform-band strong{width:100%;margin-left:0}.demo-stage{margin-left:-8px;margin-right:-8px}.demo-viewport{height:64vh;min-height:460px}.demo-caption{margin:0 8px;grid-template-columns:1fr}.demo-caption .cap-title{grid-column:auto}.demo-caption>div,.demo-caption>a{min-height:62px}.platform-nav-cards{grid-template-columns:1fr}}

/* v5 — compact production validation */
.validation-section{padding-top:58px}.validation-shell{padding:34px;border-radius:30px;border:1px solid rgba(112,231,255,.14);background:linear-gradient(145deg,rgba(8,24,28,.88),rgba(4,11,14,.84));box-shadow:0 32px 90px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.02)}.validation-head{display:grid;grid-template-columns:1.18fr .82fr;gap:34px;align-items:end;padding-bottom:28px;border-bottom:1px solid rgba(133,228,171,.11)}.validation-head h2{font-size:clamp(38px,4.2vw,60px);letter-spacing:-.05em;line-height:1;margin:14px 0 14px}.validation-head>div:first-child p{margin:0;max-width:800px;color:#91a8a5;line-height:1.7;font-size:14px}.validation-head strong{color:#dfffc4}.validation-verdict{padding:22px 24px;border-radius:20px;border:1px solid rgba(190,255,134,.16);background:linear-gradient(145deg,rgba(127,190,66,.08),rgba(35,85,56,.045))}.verdict-label,.analysis-kicker{display:block;color:#bff58f;font-size:9px;font-weight:900;letter-spacing:.15em;margin-bottom:8px}.validation-verdict>strong{display:block;font-size:20px;letter-spacing:-.02em}.validation-verdict p{margin:8px 0 0;color:#92a99e;font-size:12px;line-height:1.62}.validation-metrics{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:18px 0}.validation-metrics>div{min-height:98px;padding:14px 13px;border:1px solid rgba(188,245,143,.11);border-radius:14px;background:rgba(7,15,12,.46)}.validation-metrics span,.validation-metrics strong,.validation-metrics small{display:block}.validation-metrics span{font-size:8px;letter-spacing:.13em;color:#789080;font-weight:850}.validation-metrics strong{margin-top:9px;color:#e5ffc9;font-size:15px;letter-spacing:-.02em}.validation-metrics strong.ok{color:#c8ff9d}.validation-metrics small{margin-top:3px;color:#60766a;font-size:8px;line-height:1.35}.validation-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}.validation-table-wrap,.validation-analysis{border:1px solid rgba(188,245,143,.11);border-radius:18px;background:rgba(5,14,11,.48);overflow:hidden}.table-title{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(188,245,143,.1)}.table-title span{font-weight:820;color:#e8ffd1;font-size:12px}.table-title small{color:#63766d;font-size:9px}.validation-table{width:100%;border-collapse:collapse}.validation-table th,.validation-table td{padding:9px 16px;text-align:left;border-bottom:1px solid rgba(188,245,143,.07);font-size:11px}.validation-table th{font-size:8px;letter-spacing:.11em;color:#6c8273;text-transform:uppercase;font-weight:850}.validation-table td{color:#93a89d}.validation-table td:nth-child(2),.validation-table th:nth-child(2){text-align:right}.validation-table td:last-child,.validation-table th:last-child{text-align:right}.validation-table b{color:#cfff9e}.validation-table tbody tr:last-child td{border-bottom:0}.validation-analysis{padding:22px 24px}.validation-analysis h3{font-size:24px;letter-spacing:-.035em;margin:3px 0 10px;color:#e7f8ef}.validation-analysis p{color:#8da39a;font-size:12px;line-height:1.7;margin:0 0 10px}.validation-note{margin-top:14px;padding:11px 12px;display:flex;gap:9px;align-items:flex-start;border-radius:12px;background:rgba(176,236,119,.045);border:1px solid rgba(188,245,143,.08);color:#72877c;font-size:9px;line-height:1.55}.validation-note i{width:6px;height:6px;margin-top:4px;flex:0 0 auto;border-radius:50%;background:#c4ff90;box-shadow:0 0 11px rgba(196,255,144,.45)}
@media(max-width:1280px){.validation-metrics{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.validation-head,.validation-grid{grid-template-columns:1fr}.validation-head{align-items:start}.validation-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.validation-shell{padding:20px;border-radius:22px}.validation-metrics{grid-template-columns:1fr 1fr}.validation-metrics>div{min-height:88px}.table-title{align-items:flex-start;flex-direction:column;gap:2px}.validation-table th,.validation-table td{padding:9px 10px;font-size:10px}.validation-analysis{padding:18px}.validation-analysis h3{font-size:21px}}


/* v6 — complete section navigation + hero deployment CTA */
.site-header{max-width:calc(var(--max) + 90px);padding-left:28px;padding-right:28px}
.nav{gap:15px;font-size:11px;letter-spacing:.015em;white-space:nowrap}
.nav>a,.nav-dropdown-toggle{padding-top:10px;padding-bottom:10px}

.hero-intro{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(360px,.66fr);gap:58px;align-items:center}
.hero-live .hero-copy{max-width:900px}
.hero-deployment-card{position:relative;overflow:hidden;padding:34px 34px 30px;border-radius:28px;border:1px solid rgba(72,220,255,.28);background:linear-gradient(145deg,rgba(7,27,38,.93),rgba(4,13,21,.96));box-shadow:0 34px 100px rgba(0,0,0,.34),0 0 70px rgba(24,188,255,.08),inset 0 1px rgba(255,255,255,.04)}
.hero-deployment-card:before{content:"";position:absolute;width:330px;height:330px;right:-175px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(30,210,255,.24),rgba(58,105,255,.08) 42%,transparent 70%);pointer-events:none}
.hero-deployment-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet));opacity:.9}
.hero-cta-kicker{display:block;color:#63e5fa;font-size:9px;font-weight:900;letter-spacing:.18em;margin-bottom:14px}
.hero-deployment-card h2{position:relative;margin:0;max-width:470px;font-size:clamp(29px,2.35vw,42px);line-height:1.03;letter-spacing:-.045em;color:#f3fbff}
.hero-deployment-card>p{position:relative;margin:18px 0 0;color:#90a9b5;font-size:14px;line-height:1.75}
.hero-cta-stats{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:25px 0 12px}
.hero-cta-stats span{padding:14px 15px;border:1px solid rgba(80,219,255,.12);border-radius:14px;background:rgba(2,12,18,.5)}
.hero-cta-stats b,.hero-cta-stats small{display:block}.hero-cta-stats b{font-size:17px;color:#dff9ff}.hero-cta-stats small{margin-top:2px;color:#637f8d;font-size:9px}
.hero-contact-btn{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:61px;margin-top:12px;padding:0 20px;border-radius:16px;background:linear-gradient(115deg,#19d7ff 0%,#2798ff 62%,#7560ff 100%);color:#021019;font-size:13px;font-weight:900;box-shadow:0 17px 46px rgba(27,162,255,.2);transition:transform .25s,box-shadow .25s}
.hero-contact-btn span{font-size:18px}.hero-contact-btn:hover{transform:translateY(-2px);box-shadow:0 22px 60px rgba(27,162,255,.3)}
.hero-cta-note{position:relative;display:block;margin-top:11px;color:#587584;font-size:8px;text-transform:uppercase;letter-spacing:.09em}
.hero-live .tour-stage{margin-top:62px}

@media(max-width:1380px){.nav{gap:11px;font-size:10px}.site-header{padding-left:22px;padding-right:22px}.brand{font-size:15px}.brand-mark{width:46px;height:46px}.hero-intro{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:36px}}
@media(max-width:1140px){.hero-intro{grid-template-columns:1fr}.hero-deployment-card{max-width:760px}.hero-live .hero-copy{max-width:940px}}
@media(max-width:980px){.nav{gap:0;font-size:13px;white-space:normal}.nav>a{width:100%;padding:12px;color:#c3d3db}.hero-deployment-card{padding:28px}.hero-contact-btn{min-height:58px}}
@media(max-width:650px){.hero-intro{gap:34px}.hero-deployment-card{padding:23px;border-radius:22px}.hero-cta-stats{grid-template-columns:1fr}.hero-deployment-card h2{font-size:30px}.hero-contact-btn{padding:0 16px;font-size:12px}.hero-live .tour-stage{margin-top:42px}}

/* v7 — four deployment platforms */
@media(max-width:1280px) and (min-width:981px){.platform-grid-four{grid-template-columns:repeat(2,1fr)}.platform-nav-cards{grid-template-columns:repeat(2,1fr)}}


/* Commercial CTA expansion */
.cta-commercial-copy{max-width:980px;margin:14px auto 0;color:var(--muted);line-height:1.75}
.cta-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1040px;margin:26px auto 28px}
.cta-offer-grid span{display:flex;flex-direction:column;gap:7px;padding:18px 20px;border:1px solid rgba(82,211,255,.17);background:linear-gradient(180deg,rgba(20,44,58,.34),rgba(8,16,24,.58));border-radius:16px;text-align:left}
.cta-offer-grid b{color:#eef8ff;font-size:.98rem;letter-spacing:.01em}
.cta-offer-grid small{color:var(--muted);font-size:.79rem;line-height:1.5}
@media (max-width:760px){.cta-offer-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(3rem,13vw,5rem)}}

/* v8 — mobile-first refinement; desktop presentation intentionally unchanged */
@media (max-width:980px){
  body.nav-open{overflow:hidden}
  .site-header{height:72px;padding:10px 16px;max-width:none;background:rgba(3,7,11,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .brand{gap:9px;font-size:14px;min-width:0}.brand-mark{width:44px!important;height:44px!important;border-radius:10px}.brand>span{white-space:nowrap}
  .nav-toggle{display:grid;place-content:center;position:relative;z-index:102;width:46px;height:46px;border:1px solid rgba(84,217,255,.13);border-radius:13px;background:rgba(8,22,31,.76)}
  .nav-toggle span{width:20px;transition:transform .22s,opacity .22s}.nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .nav{position:fixed;z-index:101;top:80px;left:12px;right:12px;bottom:auto;max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain;display:none!important;padding:10px;border-radius:20px;background:rgba(4,12,18,.985);border:1px solid rgba(77,215,255,.17);box-shadow:0 28px 90px rgba(0,0,0,.58);-webkit-overflow-scrolling:touch}
  .nav.open{display:flex!important}
  .nav>a,.nav-dropdown-toggle{width:100%;min-height:46px;padding:11px 13px!important;border-radius:11px;color:#c4d7df;text-align:left;font-size:13px}
  .nav>a:hover,.nav>a:focus-visible,.nav-dropdown-toggle:hover,.nav-dropdown-toggle:focus-visible{background:rgba(43,199,246,.065);color:#fff}
  .nav-dropdown{width:100%}.nav-dropdown-toggle{justify-content:space-between}
  .dropdown-menu{position:static;width:100%;margin:2px 0 6px;padding:5px;border-radius:13px;box-shadow:none;transform:none;display:none;opacity:1;visibility:visible;background:rgba(10,25,34,.74)}
  .nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:none}
  .nav-dropdown.open .dropdown-menu{display:block}
  .dropdown-menu a{padding:10px 11px!important}.dropdown-menu b{font-size:12px}.dropdown-menu small{font-size:9px}

  .section{width:100%;padding-left:20px;padding-right:20px}
  .hero-live{padding-top:42px;padding-bottom:58px}.hero-intro{grid-template-columns:1fr;gap:30px}.hero-live .hero-copy{max-width:none}
  .hero-copy h1,.hero-live h1{font-size:clamp(46px,12.5vw,74px);line-height:.96;letter-spacing:-.055em;margin-top:20px}
  .hero-kicker{font-size:10px;line-height:1.65}.hero-lead{font-size:16px;line-height:1.72}.hero-actions{margin-top:26px}.hero-actions .btn{flex:1 1 210px}
  .hero-deployment-card{max-width:none;padding:27px;border-radius:23px}.hero-deployment-card h2{font-size:clamp(28px,7.5vw,37px)}.hero-deployment-card>p{font-size:13px}.hero-cta-stats{grid-template-columns:1fr 1fr}.hero-contact-btn{min-height:60px}

  .tour-stage{margin-top:40px;margin-left:0;margin-right:0}.tour-frame{border-radius:20px}.tour-viewport{height:min(64dvh,600px);min-height:390px}.tour-outline{margin:0 6px;border-radius:0 0 16px 16px}
  .tour-outline>*{padding:14px 15px}.outline-point{gap:10px}.outline-point i{width:27px;height:27px}.tour-outline-intro strong{font-size:15px}
  .hero-meta{gap:10px}.hero-meta>div{padding:14px 0}.hero-meta strong{font-size:16px}

  .section-heading{margin-bottom:32px}.section-heading h2,.split-copy h2,.sources-card h2,.final-cta h2{font-size:clamp(38px,10vw,58px);line-height:1.03}.section-heading p,.split-copy p,.research-note p,.final-cta p,.provenance-copy{font-size:15px;line-height:1.7}
  .feature-card,.platform-card,.source-card{min-height:auto}.feature-card{padding:27px}.platform-card{padding:27px 27px 74px}.platform-link{left:27px;bottom:25px}.platform-grid-four{grid-template-columns:1fr 1fr}.platform-card h3{font-size:30px;margin-top:28px}.platform-card p{font-size:14px}.platform-band strong{width:100%;margin-left:0}
  .source-matrix{grid-template-columns:1fr 1fr}.source-card:last-child{grid-column:1/-1}.source-card{min-height:230px}.source-summary{padding:23px}
  .split{gap:42px}.pipeline-visual{min-height:560px}.coast-visual{min-height:390px}.deployment-layout{gap:24px}

  .spec-layout{gap:24px}.code-card{overflow:hidden}.code-card pre{max-width:100%;overflow-x:auto;font-size:11px;-webkit-overflow-scrolling:touch}
  .application-grid{grid-template-columns:1fr 1fr}
  .validation-shell{overflow:hidden}.validation-grid{grid-template-columns:1fr}.validation-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.validation-table{min-width:560px}.validation-analysis{min-width:0}

  .platform-hero{padding-top:52px}.platform-hero-copy h1{font-size:clamp(44px,11.5vw,72px)}.platform-badges{gap:7px}.platform-badges span{font-size:9px;padding:8px 10px}
  .demo-frame{border-radius:20px}.demo-viewport{height:min(65dvh,660px);min-height:420px}.demo-caption{grid-template-columns:1fr 1fr;margin:0 7px}.demo-caption .cap-title{grid-column:1/-1}.demo-caption .cap-action{grid-column:1/-1;align-items:center}.demo-caption>*{border-top:1px solid rgba(81,216,255,.1)}.demo-caption .cap-title{border-top:0}.demo-caption>*+*{border-left:0}.demo-caption>div:nth-child(even){border-right:1px solid rgba(81,216,255,.1)}
  .platform-detail{grid-template-columns:1fr}.platform-nav-cards{grid-template-columns:1fr 1fr}
  .cta-inner{padding-left:20px;padding-right:20px}.cta-offer-grid{grid-template-columns:1fr}.final-cta .cta-actions{justify-content:center}.final-cta .btn{flex:1 1 230px}
  footer{padding-left:20px;padding-right:20px}
}

@media (max-width:640px){
  .site-header{height:66px;padding:8px 12px}.brand{font-size:13px}.brand-mark{width:40px!important;height:40px!important}.nav{top:73px;left:8px;right:8px;max-height:calc(100dvh - 82px)}
  .section{padding:70px 16px}.hero-live{padding-top:36px}.eyebrow{font-size:10px;letter-spacing:.14em;line-height:1.5}.hero-copy h1,.hero-live h1{font-size:clamp(42px,13.5vw,62px)}
  .hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%;min-height:52px}.hero-deployment-card{padding:22px}.hero-cta-stats{grid-template-columns:1fr 1fr}.hero-cta-stats span{padding:12px}.hero-contact-btn{align-items:center;font-size:12px;line-height:1.3;padding:14px 16px;min-height:62px}
  .tour-topbar{grid-template-columns:52px minmax(0,1fr) 50px}.tour-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tour-viewport{height:56dvh;min-height:350px}.tour-outline{grid-template-columns:1fr}.tour-outline>*{min-height:58px}.tour-outline .outline-link{min-height:55px}
  .hero-meta{grid-template-columns:1fr}.hero-meta>div{padding:9px 0}.platform-grid-four,.source-matrix,.application-grid,.platform-nav-cards{grid-template-columns:1fr}.source-card:last-child{grid-column:auto}.platform-card{padding:24px 24px 70px}.platform-band{padding:16px 18px;gap:10px}.platform-band i{display:none}.platform-band strong{font-size:11px;line-height:1.5}
  .feature-card{padding:23px;border-radius:21px}.capability-strip{font-size:9px;line-height:1.55;padding:15px 17px}.capability-strip i{display:none}
  .pipeline-visual{min-height:500px;transform:translateZ(0)}.pipe-node{transform:scale(.86)}
  .coast-visual{min-height:330px}.coast-benefits{grid-template-columns:1fr}.database-visual{min-height:360px}.db-cylinder{transform:scale(.72)}
  .validation-shell{padding:17px}.validation-metrics{grid-template-columns:1fr 1fr;gap:7px}.validation-metrics>div{padding:12px}.validation-table{min-width:520px}.validation-table th,.validation-table td{font-size:9px}
  .platform-hero{padding-top:40px}.platform-hero-copy h1{font-size:clamp(40px,12vw,58px)}.demo-viewport{height:57dvh;min-height:360px}.demo-caption{grid-template-columns:1fr}.demo-caption .cap-title,.demo-caption .cap-action{grid-column:auto}.demo-caption>div:nth-child(even){border-right:0}.demo-caption>div,.demo-caption>a{min-height:65px;padding:14px 15px}
  .final-cta img{width:78px}.cta-offer-grid span{padding:16px}.footer-right{width:100%}
}

@media (max-width:380px){
  .brand>span{font-size:12px}.brand-mark{width:37px!important;height:37px!important}.section{padding-left:14px;padding-right:14px}.hero-copy h1,.hero-live h1{font-size:40px}.hero-deployment-card h2{font-size:27px}.hero-cta-stats{grid-template-columns:1fr}.tour-viewport{min-height:320px}.validation-metrics{grid-template-columns:1fr}
}

@media (hover:none) and (pointer:coarse){
  .platform-card:hover,.btn-primary:hover,.hero-contact-btn:hover{transform:none}.nav-dropdown:hover .dropdown-menu{display:none}.nav-dropdown.open .dropdown-menu{display:block}
}

/* v9 — four-column hero metrics + responsive overflow hardening */
.hero-meta-live{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.hero-meta-live>div{
  min-width:0;
}
.hero-meta-live strong,
.hero-meta-live span{
  overflow-wrap:anywhere;
}

/* Prevent responsive grid/flex children from forcing horizontal overflow. */
.hero-intro,
.hero-copy,
.hero-deployment-card,
.tour-stage,
.tour-frame,
.tour-viewport,
.tour-outline,
.platform-grid,
.feature-grid,
.source-matrix,
.split,
.deployment-layout,
.deployment-cards,
.spec-layout,
.application-grid,
.validation-shell,
.validation-grid,
.cta-offer-grid{
  min-width:0;
}
img,
svg,
video{
  max-width:100%;
}
pre,
code{
  max-width:100%;
}

/* Tablet: keep the four metrics balanced as a 2 × 2 grid. */
@media (max-width:980px){
  .hero-meta-live{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 18px;
  }
  .hero-meta-live>div{
    padding:14px 0;
  }
}

/* Phone: stack metrics cleanly and remove any risk of text collision. */
@media (max-width:640px){
  .hero-meta-live{
    grid-template-columns:1fr;
    gap:0;
  }
  .hero-meta-live>div{
    padding:10px 0;
  }
  .hero-meta-live strong{
    font-size:16px;
  }
  .hero-meta-live span{
    font-size:12px;
    line-height:1.5;
  }

  .tour-frame,
  .demo-frame,
  .validation-shell,
  .database-visual,
  .pipeline-visual,
  .coastline-panel{
    max-width:100%;
  }
}

/* Very narrow phones: allow long interface strings to wrap safely. */
@media (max-width:380px){
  .brand>span,
  .hero-contact-btn,
  .outline-link,
  .platform-link{
    overflow-wrap:anywhere;
  }
}

/* v11 — Mesh / Industry Comparison
   Uses the same panel language, spacing rhythm and cyan/violet accents as the
   feature, source, deployment and coastline sections above. */
.industry-comparison{
  position:relative;
  margin-top:96px;
}
.industry-comparison:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:8%;
  right:8%;
  top:74px;
  height:260px;
  background:radial-gradient(ellipse at center,rgba(19,216,255,.075),transparent 68%);
  filter:blur(26px);
  pointer-events:none;
}
.industry-comparison-head{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:64px;
  align-items:end;
  margin-bottom:42px;
  padding-bottom:28px;
  border-bottom:1px solid var(--line);
}
.industry-comparison-head h3{
  margin:16px 0 0;
  max-width:590px;
  font-size:clamp(34px,4.6vw,60px);
  line-height:1;
  letter-spacing:-.052em;
}
.industry-comparison-head p{
  margin:0;
  max-width:670px;
  color:#93a9b5;
  font-size:16px;
  line-height:1.75;
}
.industry-comparison-pairs{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  min-width:0;
}
.comparison-pair{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:20px;
  border:1px solid rgba(88,218,255,.12);
  border-radius:var(--radius);
  background:linear-gradient(145deg,rgba(10,23,33,.80),rgba(5,11,17,.74));
  box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
}
.comparison-pair:before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-72px;
  top:-84px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(34,189,255,.14),transparent 70%);
  pointer-events:none;
}
.comparison-pair:nth-child(2):before{
  background:radial-gradient(circle,rgba(134,92,255,.13),transparent 70%);
}
.comparison-pair-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:38px;
  margin-bottom:17px;
  padding:0 2px 14px;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.comparison-pair-head span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#66dff8;
  font-size:10px;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.comparison-pair-head span:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 12px rgba(19,216,255,.8);
}
.comparison-pair:nth-child(2) .comparison-pair-head span{color:#a99aff}
.comparison-pair:nth-child(2) .comparison-pair-head span:before{
  background:var(--violet);
  box-shadow:0 0 12px rgba(134,92,255,.8);
}
.comparison-pair-head small{
  color:#6f8793;
  font-size:10px;
  letter-spacing:.055em;
  text-align:right;
}
.comparison-images{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  min-width:0;
}
.comparison-images:before{
  content:"VS";
  position:absolute;
  z-index:6;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(83,218,255,.2);
  border-radius:50%;
  background:rgba(3,11,17,.92);
  box-shadow:0 8px 25px rgba(0,0,0,.45),0 0 18px rgba(19,216,255,.08);
  color:#8cecff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  pointer-events:none;
}
.comparison-figure{
  margin:0;
  min-width:0;
}
.comparison-image-wrap{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
  border:1px solid rgba(88,218,255,.16);
  border-radius:17px;
  background:#02070b;
  box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.025);
}
.comparison-figure:nth-child(2) .comparison-image-wrap{
  border-color:rgba(255,255,255,.11);
}
.comparison-image-wrap:before{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,rgba(2,8,13,.33) 100%);
}
.comparison-image-wrap:after{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),inset 0 1px 0 rgba(255,255,255,.055);
}
.comparison-image-wrap img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease;
}
.comparison-pair:hover .comparison-image-wrap img{
  transform:scale(1.018);
}
.comparison-badge{
  position:absolute;
  z-index:5;
  left:11px;
  bottom:11px;
  max-width:calc(100% - 22px);
  padding:7px 10px;
  border:1px solid rgba(92,225,255,.22);
  border-radius:999px;
  background:rgba(2,10,16,.80);
  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);
  color:#70eaff;
  font-size:8px;
  font-weight:850;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.comparison-badge-muted{
  color:#d2e0e5;
  border-color:rgba(255,255,255,.16);
  background:rgba(8,13,17,.8);
}
.comparison-figure figcaption{
  min-height:29px;
  padding:10px 3px 0;
  color:#77909d;
  font-size:9px;
  font-weight:700;
  line-height:1.45;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(max-width:1080px){
  .industry-comparison-pairs{grid-template-columns:1fr}
  .comparison-pair{padding:20px}
}
@media(max-width:980px){
  .industry-comparison{margin-top:82px}
  .industry-comparison-head{grid-template-columns:1fr;gap:18px;margin-bottom:30px;padding-bottom:24px}
  .industry-comparison-head p{max-width:760px;font-size:15px}
}
@media(max-width:640px){
  .industry-comparison{margin-top:70px}
  .industry-comparison-head{margin-bottom:24px}
  .industry-comparison-head h3{font-size:clamp(34px,10vw,48px)}
  .comparison-pair{padding:14px;border-radius:21px}
  .comparison-pair-head{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:13px;padding-bottom:11px}
  .comparison-pair-head small{text-align:left}
  .comparison-images{grid-template-columns:1fr;gap:14px}
  .comparison-images:before{display:none}
  .comparison-image-wrap{border-radius:14px}
  .comparison-figure figcaption{padding-top:8px}
}
@media(prefers-reduced-motion:reduce){
  .comparison-image-wrap img{transition:none}
}


/* Legal & Privacy page */
.footer-legal-link{color:#8fdff0;transition:.2s}.footer-legal-link:hover{color:#fff}
.legal-page .site-header{max-width:calc(var(--max) + 64px)}
.legal-header-nav{display:flex;align-items:center;gap:18px;font-size:12px;color:#9db3be}
.legal-header-nav a{transition:.2s}.legal-header-nav a:hover{color:#fff}
.legal-brand-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;border:1px solid rgba(77,215,255,.22);background:linear-gradient(145deg,rgba(16,91,111,.42),rgba(24,29,81,.38));color:#63e7ff;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 0 28px rgba(23,216,255,.12)}

.legal-hero{padding-top:88px;padding-bottom:56px}
.legal-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:54px;align-items:end}
.legal-hero h1{font-size:clamp(52px,7vw,92px);max-width:860px;margin-bottom:22px}
.legal-hero-lead{max-width:720px;color:#9eb3be;font-size:19px;line-height:1.75}
.legal-summary-card{border:1px solid rgba(82,220,255,.15);border-radius:24px;padding:24px;background:linear-gradient(145deg,rgba(9,22,31,.84),rgba(4,10,16,.8));box-shadow:0 25px 80px rgba(0,0,0,.24);position:relative;overflow:hidden}
.legal-summary-card:before{content:"";position:absolute;width:170px;height:170px;right:-80px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(29,196,255,.16),transparent 70%)}
.legal-summary-kicker{display:block;font-size:9px;font-weight:850;letter-spacing:.17em;color:#5fdff7;margin-bottom:13px}
.legal-summary-card>a{position:relative;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid rgba(255,255,255,.06);color:#b8cbd4}
.legal-summary-card>a b{color:#55dff7;font-size:9px}.legal-summary-card>a span{font-size:12px;font-weight:720}.legal-summary-card>a i{font-style:normal;color:#5f7a87}
.legal-summary-card>a:hover span{color:#fff}.legal-summary-card small{display:block;padding-top:13px;border-top:1px solid rgba(255,255,255,.06);color:#667f8b;font-size:10px;letter-spacing:.07em;text-transform:uppercase}

.legal-section{padding-top:42px;padding-bottom:128px}
.legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;align-items:start}
.legal-toc{position:sticky;top:105px}
.legal-toc-inner{padding:18px;border:1px solid rgba(73,210,249,.11);border-radius:18px;background:rgba(4,13,19,.67);backdrop-filter:blur(14px)}
.legal-toc-inner>span{display:block;color:#4fdcf5;font-size:9px;font-weight:850;letter-spacing:.16em;margin-bottom:9px}
.legal-toc a{display:block;padding:10px 0;border-top:1px solid rgba(255,255,255,.05);font-size:11px;color:#8199a5;transition:.2s}.legal-toc a:hover{color:#fff;padding-left:4px}

.legal-document{min-width:0}
.legal-document>h1{scroll-margin-top:110px;position:relative;font-size:clamp(32px,4.2vw,54px);line-height:1.04;letter-spacing:-.045em;margin:82px 0 26px;padding:34px 34px 30px;border:1px solid rgba(76,217,255,.14);border-radius:24px;background:linear-gradient(135deg,rgba(13,32,43,.78),rgba(7,12,22,.72));overflow:hidden}
.legal-document>h1:first-child{margin-top:0}
.legal-document>h1:after{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(27,194,255,.14),transparent 68%);pointer-events:none}
.legal-document h2{scroll-margin-top:110px;font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:38px 0 12px;color:#eaf9fd}
.legal-document h3{font-size:16px;margin:28px 0 8px;color:#d5edf4}
.legal-document p{color:#92a9b4;font-size:14.5px;line-height:1.82;margin:0 0 16px}
.legal-document>p:nth-child(2),.legal-document>h1+p{color:#65dff5;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.legal-document strong{color:#dceff5}
.legal-document ul{margin:8px 0 24px;padding:18px 22px 18px 38px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(5,15,21,.54);color:#8fa6b1}
.legal-document li{padding:4px 0;font-size:14px;line-height:1.7}
.legal-document li::marker{color:#48dff8}
.legal-document a{color:#62e3fa;border-bottom:1px solid rgba(98,227,250,.25)}.legal-document a:hover{color:#fff;border-color:#fff}
.legal-document blockquote{margin:20px 0;padding:18px 20px;border-left:2px solid #43dff8;background:rgba(35,189,229,.05);border-radius:0 14px 14px 0}
.legal-document blockquote p{margin:0}
.legal-document hr{border:0;border-top:1px solid var(--line);margin:45px 0}

@media(max-width:900px){
  .legal-hero-grid,.legal-layout{grid-template-columns:1fr}
  .legal-toc{position:static}
  .legal-toc-inner{display:flex;flex-wrap:wrap;gap:0 18px;align-items:center}
  .legal-toc-inner>span{width:100%}.legal-toc a{border-top:0;padding:7px 0}
}
@media(max-width:700px){
  .legal-header-nav>a:not(.nav-cta){display:none}
  .legal-hero{padding-top:62px;padding-bottom:30px}
  .legal-hero-grid{gap:28px}
  .legal-hero-lead{font-size:16px}
  .legal-section{padding-top:24px;padding-bottom:86px}
  .legal-document>h1{padding:25px 22px;margin-top:60px}
  .legal-document h2{font-size:20px}
  .legal-document p,.legal-document li{font-size:13.5px}
}

/* Mobile live-terrain viewport — comfortably tall without filling the entire screen.
   `vh` is the broad fallback; `svh` keeps the height stable around mobile
   browser chrome so the iframe does not jump as the address bar expands/collapses. */
@media (max-width:760px){
  .tour-viewport{
    height:80vh;
    height:80svh;
    min-height:440px;
    max-height:none;
  }

  /* CookieConsent mobile layout — definitive 3-button row.
     The consent library nests actions inside separate button groups. On small
     screens those groups can keep their own grid/flex sizing, which makes the
     visible buttons look widely separated even when the declared gap is tiny.
     Flatten the groups and make the button area itself a strict 3-column grid. */
  #cc-main .cm{
    width:min(430px,calc(100vw - 12px)) !important;
    max-width:none !important;
    box-sizing:border-box !important;
  }
  #cc-main .cm__body,
  #cc-main .cm__texts{
    min-width:0 !important;
  }
  #cc-main .cm__btns{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-auto-flow:column !important;
    align-items:stretch !important;
    justify-content:stretch !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:12px !important;
    gap:6px !important;
    column-gap:6px !important;
    row-gap:0 !important;
  }
  #cc-main .cm__btn-group{
    display:contents !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
  }
  #cc-main .cm__btn-group + .cm__btn-group,
  #cc-main .cm__btn-group:first-child,
  #cc-main .cm__btn-group:last-child{
    margin:0 !important;
    padding:0 !important;
  }
  #cc-main .cm__btn{
    grid-column:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:40px !important;
    margin:0 !important;
    padding:8px 5px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    font-size:11px !important;
    line-height:1 !important;
  }
}


/* Extra-tight phones: retain the same 3-column row, just reclaim a few pixels. */
@media (max-width:380px){
  #cc-main .cm{width:calc(100vw - 8px) !important}
  #cc-main .cm__btns{padding:8px !important;gap:4px !important;column-gap:4px !important}
  #cc-main .cm__btn{min-height:38px !important;padding:7px 3px !important;font-size:10px !important}
}
@media (max-width:340px){
  #cc-main .cm{width:calc(100vw - 6px) !important}
  #cc-main .cm__btns{padding:6px !important;gap:3px !important;column-gap:3px !important}
  #cc-main .cm__btn{padding-left:2px !important;padding-right:2px !important;font-size:9.5px !important;letter-spacing:-.01em !important}
}

/* v9 — performance pass ---------------------------------------------------
   Visual design/layout is intentionally unchanged. These rules reduce work
   that the browser performs outside the viewport and during active scrolling. */

/* Isolate the three permanent full-viewport decorative layers. This gives the
   compositor clearer boundaries and prevents their contents from invalidating
   normal document layout. */
#meshCanvas,.grain,body:before{pointer-events:none}
#meshCanvas,.grain{contain:strict}

/* Each large self-contained panel/card can be painted independently. */
.tour-frame,.feature-card,.source-card,.pipeline-visual,.coastline-panel,
.database-visual,.deploy-card,.code-card,.application-card,.sources-card,
.industry-comparison,.comparison-pair,.hero-deployment-card{contain:paint}

/* Skip style/layout/paint work for distant page sections until they approach
   the viewport. `auto` intrinsic sizing remembers the section's measured size,
   so revisits do not introduce a visual jump. Unsupported browsers simply
   ignore this optimisation. */
@supports (content-visibility:auto){
  main>.section:not(.hero-live){content-visibility:auto;contain-intrinsic-size:auto 900px}
  .industry-comparison{content-visibility:auto;contain-intrinsic-size:auto 900px}
  .comparison-pair{content-visibility:auto;contain-intrinsic-size:auto 560px}
}

/* The Cesium subtree is expensive to composite. Let the browser omit its paint
   work once it is well offscreen while preserving exactly the same viewport,
   styling and interactive content whenever it is visible. */
@supports (content-visibility:auto){
  .tour-frame{content-visibility:auto;contain-intrinsic-size:auto 720px}
}

/* Continuous decorative motion competes directly with scroll rendering. Freeze
   it only for the brief period in which the user is actively scrolling; the
   animation resumes from the same visual design immediately afterwards. */
html.perf-scrolling .ticker-track,
html.perf-scrolling .pulse,
html.perf-scrolling .tour-live span,
html.perf-scrolling .ring-two,
html.perf-scrolling .scanline,
html.perf-scrolling .pipe-svg path{animation-play-state:paused!important}

/* No animation needs to burn CPU/GPU while the tab is hidden. */
html.perf-page-hidden *,
html.perf-page-hidden *:before,
html.perf-page-hidden *:after{animation-play-state:paused!important}

/* Prevent image decode/paint from becoming synchronous scroll work. */
.comparison-image-wrap img{content-visibility:auto}

/* Mobile compositor tuning. No visual properties are changed. */
@media(max-width:980px){
  .site-header,.nav,.tour-corner-label,.coast-label,.legal-toc-inner{isolation:isolate}
  .tour-viewport{overscroll-behavior:contain}
  #meshCanvas{backface-visibility:hidden}
}

/* On touch devices, avoid browser tap-highlight paint invalidations over the
   large interactive terrain surface while retaining all pointer interaction. */
@media(hover:none) and (pointer:coarse){
  .tour-viewport,.tour-viewport iframe{-webkit-tap-highlight-color:transparent}
}


/* v12 — FINAL mobile CookieConsent equal-button lock ----------------------
   Keep Accept / Reject / Settings on one row with mathematically identical
   outer dimensions. This deliberately bypasses any differing intrinsic widths
   or nested button-group sizing coming from CookieConsent. */
@media (max-width:760px){
  #cc-main .cm__btns{
    display:flex !important;
    flex-flow:row nowrap !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:12px !important;
    gap:6px !important;
  }

  #cc-main .cm__btn-group{
    display:contents !important;
    margin:0 !important;
    padding:0 !important;
  }

  #cc-main .cm__btns > .cm__btn,
  #cc-main .cm__btns .cm__btn-group > .cm__btn{
    flex:0 0 calc((100% - 12px) / 3) !important;
    inline-size:calc((100% - 12px) / 3) !important;
    width:calc((100% - 12px) / 3) !important;
    min-width:calc((100% - 12px) / 3) !important;
    max-width:calc((100% - 12px) / 3) !important;
    block-size:46px !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 4px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    font-size:11px !important;
    line-height:1 !important;
  }
}

@media (max-width:380px){
  #cc-main .cm__btns{
    padding:8px !important;
    gap:4px !important;
  }
  #cc-main .cm__btns > .cm__btn,
  #cc-main .cm__btns .cm__btn-group > .cm__btn{
    flex-basis:calc((100% - 8px) / 3) !important;
    inline-size:calc((100% - 8px) / 3) !important;
    width:calc((100% - 8px) / 3) !important;
    min-width:calc((100% - 8px) / 3) !important;
    max-width:calc((100% - 8px) / 3) !important;
    block-size:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    font-size:10px !important;
  }
}

@media (max-width:340px){
  #cc-main .cm__btns{
    padding:6px !important;
    gap:3px !important;
  }
  #cc-main .cm__btns > .cm__btn,
  #cc-main .cm__btns .cm__btn-group > .cm__btn{
    flex-basis:calc((100% - 6px) / 3) !important;
    inline-size:calc((100% - 6px) / 3) !important;
    width:calc((100% - 6px) / 3) !important;
    min-width:calc((100% - 6px) / 3) !important;
    max-width:calc((100% - 6px) / 3) !important;
    font-size:9.5px !important;
  }
}