@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#eaf5ff;--muted:#91a9bd;--blue:#34b8ff;--green:#38e59a;--line:rgba(115,190,235,.18);--bg:#020812}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(76,164,220,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(76,164,220,.025) 1px,transparent 1px);background-size:48px 48px;z-index:20}.skip-link{position:fixed;left:16px;top:-50px;background:#fff;color:#000;padding:12px;z-index:100}.skip-link:focus{top:12px}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:80px;position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(2,8,18,.82);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:13px}.brand-mark,.footer-mark{display:grid;place-items:center;width:47px;height:47px;border:1px solid rgba(62,190,255,.7);background:linear-gradient(145deg,#0d5482,#061521);font-family:'Barlow Condensed';font-size:20px;font-weight:800;letter-spacing:.08em}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font-family:'Barlow Condensed';font-size:18px;letter-spacing:.05em;text-transform:uppercase}.brand-copy small{color:#6f8ba2;font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-top:3px}.site-header nav{display:flex;justify-content:center;gap:32px}.site-header nav a{color:#9eb4c6;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.site-header nav a:hover{color:#fff}.header-cta{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;padding:11px 14px;border:1px solid #208bc8;background:#08243a}.header-cta span{color:var(--blue);margin-left:8px}.menu-toggle{display:none;background:none;border:0;color:white}.hero{min-height:810px;padding:150px 7vw 105px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;isolation:isolate;border-bottom:1px solid var(--line)}.hero-art{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#020812 5%,rgba(2,8,18,.82) 42%,rgba(2,8,18,.28) 78%,#020812),linear-gradient(0deg,#020812,transparent 40%),url('assets/cgn-hero-clean.webp') center/cover no-repeat;filter:saturate(.75) contrast(1.12)}.hero-grid{position:absolute;inset:80px 0 0;z-index:-2;background:radial-gradient(circle at 72% 46%,rgba(21,169,249,.16),transparent 28%)}.hero-copy{max-width:750px}.signal,.eyebrow{font-family:'Barlow Condensed';font-size:12px;font-weight:800;letter-spacing:.2em;color:#66caff;text-transform:uppercase}.signal span{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}h1,h2,h3{font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;margin:0}h1{font-size:clamp(76px,9vw,150px);line-height:.77;letter-spacing:-.035em;margin:30px 0 34px;text-shadow:0 10px 50px #000}h1 em,h2 em{font-style:italic;color:transparent;-webkit-text-stroke:1px #5abff4}.hero-lede{max-width:650px;color:#b1c4d3;font-size:18px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:35px}.button{padding:15px 20px;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;border:1px solid var(--line)}.button.primary{background:linear-gradient(135deg,#159ddd,#066ca9);border-color:#3fc6ff}.button span{margin-left:22px}.button.ghost{background:rgba(4,15,27,.65)}.network-orbit{justify-self:end;position:relative;width:min(41vw,540px);aspect-ratio:1;border:1px solid rgba(60,176,240,.2);border-radius:50%;background:radial-gradient(circle,rgba(7,95,149,.18),transparent 50%)}.network-orbit:before,.network-orbit:after{content:"";position:absolute;border-radius:50%;inset:12%;border:1px dashed rgba(84,189,247,.18)}.network-orbit:after{inset:27%;border-style:solid}.orbit-core{position:absolute;inset:37%;display:grid;place-items:center;align-content:center;border:1px solid #269ad7;background:rgba(3,17,30,.88);transform:rotate(45deg)}.orbit-core b,.orbit-core small{transform:rotate(-45deg)}.orbit-core b{font-family:'Barlow Condensed';font-size:43px}.orbit-core small{font-size:7px;color:#67c8f8}.orbit-node{position:absolute;width:105px;height:62px;padding:10px;border-left:2px solid var(--blue);background:rgba(4,18,31,.9)}.orbit-node small,.orbit-node strong{display:block}.orbit-node small{font-size:7px;color:#74a8c5}.orbit-node strong{font-family:'Barlow Condensed';font-size:24px}.node-one{top:5%;left:17%}.node-two{right:-2%;top:48%}.node-three{left:5%;bottom:6%}.hero-rail{position:absolute;bottom:0;left:7vw;right:7vw;height:74px;border-top:1px solid var(--line);display:flex;align-items:center;gap:54px}.hero-rail span{font-family:'Barlow Condensed';font-size:27px;font-weight:700}.hero-rail small{font:9px Inter;color:#6f8ca2;letter-spacing:.13em;text-transform:uppercase;margin-left:7px}.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:#06111e}.ticker div{width:max-content;padding:14px 0;display:flex;gap:34px;align-items:center;animation:ticker 35s linear infinite}.ticker span{font:800 11px 'Barlow Condensed';letter-spacing:.22em;color:#7191a8}.ticker i{color:#1ba8ed}@keyframes ticker{to{transform:translateX(-35%)}}.section{padding:110px 6vw}.section-heading{display:grid;grid-template-columns:1fr minmax(260px,520px);gap:50px;align-items:end;margin-bottom:46px}.section-heading h2,.briefing h2,.community h2{font-size:clamp(52px,6vw,88px);line-height:.9}.section-heading>p{color:var(--muted);line-height:1.7;margin:0}.feature-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:14px}.feature-card{min-height:650px;position:relative;overflow:hidden;border:1px solid var(--line);background:#07121e;isolation:isolate}.feature-image{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#030a12 5%,rgba(3,10,18,.78) 42%,transparent 78%),var(--art) center/cover no-repeat;filter:saturate(.8);transition:.6s}.feature-card:hover .feature-image{transform:scale(1.025);filter:saturate(1)}.feature-content{position:absolute;inset:auto 0 0;padding:32px}.card-code{font-size:8px;letter-spacing:.16em;color:#67879e}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid rgba(45,226,149,.4);color:#72ecb1;background:rgba(4,28,23,.78);font-size:9px;font-weight:800;text-transform:uppercase}.live-pill i{width:5px;height:5px;background:var(--green);border-radius:50%}.live-pill.amber{color:#ffd08c;border-color:#bd7522}.live-pill.gold{color:#ffe068;border-color:#9d8431}.feature-content h3{font-size:clamp(40px,4.6vw,73px);line-height:.86;margin:18px 0 15px}.feature-card:not(:first-child) h3{font-size:48px}.feature-content>p:not(.card-code){color:#a8bdcd;line-height:1.55;font-size:13px}.feature-content ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:5px}.feature-content li{padding:5px 7px;border:1px solid var(--line);font-size:8px;text-transform:uppercase}.feature-content>a{display:flex;justify-content:space-between;margin-top:21px;padding-top:15px;border-top:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.feature-content>a span{color:var(--blue)}.briefing{padding-top:35px}.briefing-panel{padding:70px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;border:1px solid var(--line);background:radial-gradient(circle at 12% 50%,rgba(0,133,210,.15),transparent 30%),linear-gradient(135deg,#071725,#030b14)}.briefing-copy{font-size:20px;line-height:1.7;color:#adc1d0}.principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.principles article{padding:32px 32px 0 0}.principles article+article{padding-left:32px;border-left:1px solid var(--line)}.principles b{font-size:11px;color:#39b9f5}.principles h3{font-size:28px;margin:11px 0}.principles p{color:#7f9aaf;font-size:13px;line-height:1.6}.roadmap{background:#030a13}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.roadmap-grid article{min-height:245px;padding:28px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);background:linear-gradient(0deg,#05101c 5%,rgba(5,16,28,.65)),var(--thumb) center/cover no-repeat}.roadmap-grid span{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:#6ebcdd}.roadmap-grid h3{font-size:31px;margin:9px 0}.roadmap-grid p{margin:0;color:#7f9bae;font-size:11px}.roadmap-grid b{position:absolute;right:20px;top:20px;padding:5px 7px;border:1px solid #355168;color:#83a1b7;font-size:8px;text-transform:uppercase}.community{margin:0 6vw 100px;padding:65px;display:grid;grid-template-columns:1fr .75fr auto;align-items:center;gap:50px;border:1px solid rgba(48,177,239,.35);background:linear-gradient(120deg,rgba(8,68,104,.46),rgba(4,16,27,.96)),url('assets/cgn-hero-clean.webp') center/cover}.community>p{color:#b6c9d7;line-height:1.7}.community-actions{display:flex;flex-direction:column;gap:9px}.community-actions button,.community-actions a{min-width:190px;padding:14px 17px;border:1px solid #2e9bd0;background:#0874ac;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;text-align:left;cursor:pointer}.community-actions button span{float:right}.community-actions a{background:rgba(2,13,23,.8);border-color:var(--line)}footer{padding:45px 5vw;display:grid;grid-template-columns:auto 1fr auto minmax(260px,470px);align-items:center;gap:24px;border-top:1px solid var(--line);background:#01060c}.footer-mark+div strong{font:18px 'Barlow Condensed';text-transform:uppercase}.footer-mark+div p{margin:5px 0;color:#68849a;font-size:9px;text-transform:uppercase}footer nav{display:flex;gap:18px;font-size:9px;text-transform:uppercase;color:#8fa7b9}.legal{text-align:right;color:#526b7d;font-size:8px;line-height:1.7}.cursor-glow{position:fixed;width:300px;height:300px;pointer-events:none;z-index:2;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(28,165,235,.055),transparent 68%)}
@media(max-width:1050px){.network-orbit{opacity:.6}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:first-child{grid-column:1/-1}.community{grid-template-columns:1fr 1fr}.community-actions{grid-column:1/-1;flex-direction:row}footer{grid-template-columns:auto 1fr auto}.legal{grid-column:1/-1;text-align:left}.header-cta{display:none}}@media(max-width:760px){.site-header{height:68px;padding:0 20px;grid-template-columns:1fr auto}.brand-copy{display:none}.menu-toggle{display:grid;width:42px;height:42px;align-content:center;gap:4px}.menu-toggle span{width:20px;height:1px;background:#fff}.menu-toggle b{position:absolute;opacity:0}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;padding:25px;background:#030b14;flex-direction:column}.site-header nav.open{display:flex}.hero{min-height:760px;padding:130px 25px 90px;display:block}.network-orbit{display:none}h1{font-size:82px}.hero-lede{font-size:15px}.hero-actions{flex-direction:column}.button{text-align:center}.hero-rail{left:25px;right:25px;gap:20px}.hero-rail span{font-size:20px}.hero-rail small{display:block;margin:3px 0}.section{padding:80px 20px}.section-heading{display:block}.section-heading>p{margin-top:20px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card:first-child{grid-column:auto;min-height:560px}.briefing-panel{padding:35px 25px;display:block}.briefing-copy{font-size:16px}.principles{grid-template-columns:1fr}.principles article+article{padding-left:0;border-left:0;border-top:1px solid var(--line)}.roadmap-grid{grid-template-columns:1fr}.community{margin:0 20px 70px;padding:38px 25px;display:block}.community>p{margin:25px 0}.community-actions{flex-direction:column}.community h2{font-size:55px}footer{grid-template-columns:auto 1fr;padding:35px 22px}footer nav{display:none}.legal{grid-column:1/-1}.cursor-glow{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}

/* Command-center identity — matched to the CGN key art. */
:root{--amber:#eaa33b;--steel:#a9bbc9}.site-header{background:linear-gradient(90deg,rgba(1,7,13,.97),rgba(3,15,26,.94));border-bottom-color:rgba(63,188,246,.28);box-shadow:0 12px 40px rgba(0,0,0,.42)}.brand-mark,.footer-mark{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);border:0;outline:1px solid #48c8ff;background:linear-gradient(145deg,#17394e,#040c13);text-shadow:0 1px 0 #fff,0 0 14px #20aff1}.header-cta,.button.primary,.community-actions button{background:linear-gradient(180deg,#168dc2,#07557e);box-shadow:inset 0 1px #66d7ff,0 0 25px rgba(22,163,222,.16)}.header-cta:after,.button.primary:after{content:"";display:block;height:2px;margin-top:8px;background:linear-gradient(90deg,var(--amber),transparent)}.hero{min-height:clamp(680px,52vw,930px);padding:80px 6vw 0;display:block;background:#01070c}.hero-art{inset:80px 0 0;background:linear-gradient(0deg,#020812 0%,transparent 20%,transparent 80%,rgba(2,8,18,.25)),url('assets/cgn-command-center.png') center/cover no-repeat;filter:none}.hero-grid{inset:80px 0 0;background:linear-gradient(90deg,rgba(0,0,0,.34),transparent 18%,transparent 82%,rgba(0,0,0,.34));mask-image:none}.hero-console{position:absolute;left:6vw;bottom:92px;display:flex;align-items:center;gap:24px;padding:13px 14px 13px 17px;border-left:2px solid var(--blue);background:rgba(1,9,16,.9);box-shadow:0 12px 30px #000}.hero-console .signal{margin:0;white-space:nowrap}.hero-console .hero-actions{margin:0}.hero-console .button{padding:11px 15px}.hero-rail{left:auto;right:6vw;bottom:0;width:max-content;gap:36px;padding:0 20px;border:1px solid var(--line);border-bottom:0;background:rgba(2,12,21,.92)}.ticker{border-color:rgba(48,178,236,.27);box-shadow:inset 0 1px rgba(234,163,59,.12)}.ticker i{color:var(--amber)}.section-heading h2,.briefing h2,.community h2{text-shadow:0 2px 0 #000,0 0 28px rgba(28,166,229,.08)}.feature-card,.roadmap-grid article,.briefing-panel,.community{border-color:rgba(69,172,222,.28);box-shadow:inset 0 0 45px rgba(1,10,18,.5),0 16px 45px rgba(0,0,0,.18)}.feature-card:before,.roadmap-grid article:after{content:"";position:absolute;left:0;top:0;width:38%;height:2px;background:linear-gradient(90deg,var(--amber),transparent);z-index:3}.feature-content{background:linear-gradient(0deg,rgba(1,8,14,.97),rgba(1,8,14,.78) 70%,transparent)}.feature-content>a{border-top-color:rgba(79,187,238,.3)}.live-pill{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.briefing-panel{background:radial-gradient(circle at 10% 45%,rgba(11,133,191,.2),transparent 32%),linear-gradient(120deg,#071724,#020a12)}.principles b,.roadmap-grid span{color:#5bcaff}.principles article{position:relative}.principles article:before{content:"";position:absolute;top:0;left:0;width:40px;height:2px;background:var(--amber)}.roadmap-grid article{background-color:#04101a}.community{background:linear-gradient(90deg,rgba(1,11,19,.94),rgba(3,24,38,.75),rgba(1,9,16,.93)),url('assets/cgn-command-center.png') center/cover}.community:before{content:"";position:absolute;inset:12px;pointer-events:none;border:1px solid rgba(85,188,235,.12)}.community{position:relative}.footer-mark{filter:drop-shadow(0 0 12px rgba(36,176,234,.25))}
@media(max-width:760px){.hero{min-height:650px;padding-top:68px}.hero-art{inset:68px 0 0;background-position:center top}.hero-console{left:20px;right:20px;bottom:104px;display:block}.hero-console .signal{margin-bottom:10px}.hero-console .hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-rail{left:20px;right:20px;width:auto;padding:0 12px;justify-content:space-between;gap:6px}.hero-rail span{font-size:18px}.hero-rail small{font-size:7px}.community{background-position:center}}

/* Community panel uses the command-center language without duplicating the logo art. */
.community{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 35%,rgba(13,143,205,.22),transparent 33%),radial-gradient(circle at 82% 65%,rgba(234,163,59,.08),transparent 24%),linear-gradient(115deg,#071a2a,#020a12 62%,#061522)}
.community:before{content:"";position:absolute;inset:12px;pointer-events:none;border:1px solid rgba(85,188,235,.14);clip-path:polygon(0 0,37% 0,39% 5px,61% 5px,63% 0,100% 0,100% 100%,64% 100%,62% calc(100% - 5px),38% calc(100% - 5px),36% 100%,0 100%)}
.community:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(75,179,228,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(75,179,228,.06) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,transparent 64%)}
.community>*{position:relative;z-index:1}

/* Preserve the complete command-center banner and all embedded lettering. */
@media(min-width:761px){.hero{height:870px;min-height:0;max-height:none;background:radial-gradient(circle at 50% 48%,#09243a 0,#020812 58%)}.hero-art{background-size:100% 100%,auto 100%;background-position:center,center;background-repeat:no-repeat}.hero-grid{background:linear-gradient(90deg,#020812 0,transparent 20%,transparent 80%,#020812 100%)}}

/* CGN command-center scrollbar. */
html{scrollbar-width:thin;scrollbar-color:#168ec6 #020812}
::-webkit-scrollbar{width:13px;height:13px}
::-webkit-scrollbar-track{background:linear-gradient(90deg,#01060b,#051521);border-left:1px solid rgba(69,180,230,.16)}
::-webkit-scrollbar-thumb{border:3px solid #03101a;border-radius:0;background:linear-gradient(180deg,#51ccff 0,#137fae 52%,#0b506f 100%);box-shadow:inset 0 0 0 1px rgba(181,231,255,.28)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#78dcff 0,#1ba5dc 60%,#b97923 100%)}
::-webkit-scrollbar-corner{background:#020812}

/* v2 — cinematic interface and gloss pass. */
body{opacity:0;transition:opacity .45s ease}body.system-online{opacity:1}.site-header{transform:translateY(-100%);transition:transform .7s cubic-bezier(.2,.8,.2,1) .1s}body.system-online .site-header{transform:none}.hero-art{opacity:0;filter:brightness(.2) saturate(.3);transition:opacity 1.1s ease .2s,filter 1.4s ease .25s}body.system-online .hero-art{opacity:1;filter:brightness(1) saturate(1)}.hero:after{content:"";position:absolute;inset:80px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(68,197,255,.12) 48%,transparent 52%);background-size:100% 220%;animation:bootScan 3.4s ease-out .25s 1 both}.hero-console,.hero-rail{opacity:0;transform:translateY(16px);transition:opacity .65s ease 1s,transform .65s ease 1s}body.system-online .hero-console,body.system-online .hero-rail{opacity:1;transform:none}@keyframes bootScan{from{background-position:0 100%}to{background-position:0 -100%}}
.brand-mark,.footer-mark,.button,.header-cta,.community-actions button,.community-actions a{position:relative;overflow:hidden}.button:before,.header-cta:before,.community-actions button:before,.community-actions a:before{content:"";position:absolute;inset:-40% auto -40% -45%;width:28%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transition:left .6s ease}.button:hover:before,.header-cta:hover:before,.community-actions button:hover:before,.community-actions a:hover:before{left:125%}.button,.header-cta,.community-actions button,.community-actions a{transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.button:hover,.header-cta:hover,.community-actions button:hover,.community-actions a:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 10px 30px rgba(22,163,222,.24)}
.section-heading:after{content:"CGN // SECURE NETWORK";display:block;grid-column:1/-1;margin-top:20px;padding-top:9px;border-top:1px solid var(--line);font:700 7px Inter;letter-spacing:.2em;color:#426b84;background:linear-gradient(90deg,var(--amber) 0 42px,transparent 42px) top left/100% 2px no-repeat}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease var(--delay,0ms),transform .75s cubic-bezier(.2,.7,.2,1) var(--delay,0ms)}.reveal.revealed{opacity:1;transform:none}
.feature-card{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .2s ease,border-color .35s ease,box-shadow .35s ease}.feature-card:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(84,207,255,.17),transparent 32%);opacity:0;transition:opacity .3s}.feature-card:hover:after{opacity:1}.feature-card:hover{border-color:rgba(89,211,255,.62);box-shadow:0 28px 65px rgba(0,0,0,.46),0 0 30px rgba(24,158,216,.12)}.feature-card:nth-child(2):hover{border-color:rgba(235,169,62,.6);box-shadow:0 28px 65px rgba(0,0,0,.46),0 0 30px rgba(235,156,35,.1)}.feature-card:nth-child(3):hover{border-color:rgba(255,214,80,.55);box-shadow:0 28px 65px rgba(0,0,0,.46),0 0 30px rgba(75,138,255,.13)}.feature-content{transform:translateZ(18px)}.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.09) 46%,transparent 58%);transform:translateX(-120%);transition:transform .95s ease}.feature-card:hover .feature-image:after{transform:translateX(120%)}
.live-pill i{animation:statusPulse 1.8s ease-in-out infinite}@keyframes statusPulse{50%{opacity:.35;box-shadow:0 0 16px currentColor}}.roadmap-grid article{transition:transform .3s ease,border-color .3s ease,background-color .3s ease}.roadmap-grid article:hover{transform:translateY(-5px);border-color:rgba(76,190,239,.52);background-color:#071a28}.principles article:before{box-shadow:0 0 14px rgba(234,163,59,.45)}
.scroll-progress{position:fixed;z-index:80;right:2px;top:92px;bottom:18px;width:3px;background:rgba(32,115,153,.16);pointer-events:none}.scroll-progress i{display:block;width:100%;height:var(--progress,0%);background:linear-gradient(#62d6ff,#159bd4 80%,var(--amber));box-shadow:0 0 10px rgba(48,192,247,.65)}.scroll-progress:before{content:"";position:absolute;top:var(--progress,0%);left:-3px;width:9px;height:2px;background:#b7efff;box-shadow:0 0 10px #47c9ff}.community{transition:border-color .35s ease,box-shadow .35s ease}.community:hover{border-color:rgba(72,200,250,.5);box-shadow:inset 0 0 60px rgba(13,112,160,.08),0 22px 60px rgba(0,0,0,.3)}
@media(prefers-reduced-motion:reduce){body,.site-header,.hero-art,.hero-console,.hero-rail,.reveal{opacity:1;transform:none;transition:none}.hero:after,.live-pill i{animation:none}.feature-card{transform:none}.feature-image:after{display:none}}

/* v3 — tighter editorial project cards and complete roadmap artwork. */
.feature-grid{grid-template-columns:1.15fr 1fr 1fr;gap:12px}.feature-card{min-height:520px}.feature-content{padding:25px}.feature-content h3{font-size:54px;margin:14px 0 11px}.feature-card:not(:first-child) h3{font-size:39px}.feature-content>p:not(.card-code){font-size:12px;line-height:1.5}.feature-content ul{margin:12px 0}.feature-content>a{margin-top:15px;padding-top:13px}.roadmap-grid article{min-height:270px;background:linear-gradient(0deg,rgba(2,9,15,.97) 0%,rgba(3,12,20,.68) 52%,rgba(2,8,14,.18) 100%),var(--thumb) center/cover no-repeat}.roadmap-grid article:hover{background:linear-gradient(0deg,rgba(2,9,15,.95) 0%,rgba(3,12,20,.5) 55%,rgba(2,8,14,.08) 100%),var(--thumb) center/cover no-repeat}.roadmap-grid h3{text-shadow:0 2px 12px #000}.roadmap-grid p{color:#a9c9dc;text-shadow:0 2px 8px #000}
@media(max-width:1050px){.feature-card{min-height:500px}.feature-card:first-child{min-height:540px}}@media(max-width:760px){.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card:first-child{min-height:500px}.feature-content h3,.feature-card:not(:first-child) h3{font-size:42px}}

/* Fail open if JavaScript is delayed or an older cached script is present. */
body:not(.system-online){animation:pageFallback .01s linear 1.8s forwards}@keyframes pageFallback{to{opacity:1}}body:not(.system-online) .site-header{animation:headerFallback .01s linear 1.8s forwards}@keyframes headerFallback{to{transform:none}}body:not(.system-online) .hero-art{animation:artFallback .01s linear 1.8s forwards}@keyframes artFallback{to{opacity:1;filter:brightness(1) saturate(1)}}body:not(.system-online) .hero-console,body:not(.system-online) .hero-rail{animation:consoleFallback .01s linear 1.8s forwards}@keyframes consoleFallback{to{opacity:1;transform:none}}

/* v7 — complete key art in a feathered layer over a full-width ambient extension. */
.hero{overflow:hidden;background:#020812}.hero:before{content:"";position:absolute;inset:80px -3% 0;z-index:-4;pointer-events:none;background:url('assets/cgn-command-center.png') center/cover no-repeat;filter:blur(34px) brightness(.26) saturate(1.25);transform:scale(1.08);opacity:.88}.hero-art{z-index:-2}.hero-grid{z-index:-1}
@media(min-width:761px){.hero{height:880px;min-height:0;max-height:none}.hero-art{background:none;mask-image:none;-webkit-mask-image:none;overflow:visible}.hero-art:before{content:"";position:absolute;inset:0;display:block;background:url('assets/cgn-command-center.png') center/auto 100% no-repeat;mask-image:radial-gradient(ellipse 72% 95% at 50% 45%,#000 62%,rgba(0,0,0,.92) 76%,rgba(0,0,0,.38) 91%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 72% 95% at 50% 45%,#000 62%,rgba(0,0,0,.92) 76%,rgba(0,0,0,.38) 91%,transparent 100%)}.hero-grid{background:linear-gradient(90deg,rgba(2,8,18,.72),transparent 17%,transparent 83%,rgba(2,8,18,.72)),linear-gradient(0deg,#020812 0,rgba(2,8,18,.94) 7%,transparent 27%,transparent 92%,rgba(2,8,18,.2))}.hero-console{bottom:94px}.hero-rail{bottom:0}}

/* v8 — feather the true image rectangle on every side. */
@media(min-width:761px){.hero-art:before{inset:0 auto 0 50%;width:min(100%,1525px);transform:translateX(-50%);background-size:100% 100%;background-position:center;background-repeat:no-repeat;mask-image:radial-gradient(ellipse 76% 88% at 50% 46%,#000 54%,rgba(0,0,0,.96) 65%,rgba(0,0,0,.68) 76%,rgba(0,0,0,.22) 88%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 76% 88% at 50% 46%,#000 54%,rgba(0,0,0,.96) 65%,rgba(0,0,0,.68) 76%,rgba(0,0,0,.22) 88%,transparent 100%)}.hero-grid{background:linear-gradient(90deg,#020812 0,rgba(2,8,18,.86) 12%,transparent 27%,transparent 73%,rgba(2,8,18,.86) 88%,#020812 100%),linear-gradient(0deg,#020812 0,rgba(2,8,18,.96) 8%,transparent 28%,transparent 84%,rgba(2,8,18,.72) 100%)}}

/* v9 — purpose-built full-bleed artwork with responsive HTML branding. */
.hero{height:760px;min-height:0;background:#020812}.hero:before{display:none}.hero-art{inset:80px 0 0;background:url('assets/cgn-hero-v9.png') center/cover no-repeat;mask-image:none;-webkit-mask-image:none}.hero-art:before{display:none}.hero-grid{inset:80px 0 0;background:linear-gradient(90deg,rgba(2,8,18,.86) 0,rgba(2,8,18,.42) 26%,transparent 54%),linear-gradient(0deg,#020812 0,rgba(2,8,18,.88) 8%,transparent 35%,rgba(2,8,18,.12) 100%)}.hero-message{position:absolute;z-index:2;left:6vw;bottom:104px;width:min(520px,42vw);padding:24px 26px 22px;border-left:2px solid var(--blue);background:linear-gradient(90deg,rgba(1,9,16,.94),rgba(1,9,16,.72) 76%,transparent);filter:drop-shadow(0 18px 30px rgba(0,0,0,.42))}.hero-message .signal{margin:0 0 11px}.hero-message h1{font-size:58px;line-height:.82;margin:0 0 18px;letter-spacing:-.02em}.hero-message h1 em{font-size:.92em}.hero-message>p:not(.signal){margin:0;color:#acd2e7;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.hero-message .hero-actions{margin-top:20px}.hero-rail{bottom:0}.hero-console{display:none}
@media(max-width:760px){.hero{height:690px;min-height:0}.hero-art{inset:68px 0 0;background-position:58% center}.hero-grid{inset:68px 0 0;background:linear-gradient(0deg,#020812 0,rgba(2,8,18,.85) 30%,transparent 72%)}.hero-message{left:20px;right:20px;bottom:100px;width:auto;padding:20px}.hero-message h1{font-size:43px}.hero-message .hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-message>p:not(.signal){font-size:10px}}

/* v10 — clean sky and restored CGN motto. */
.hero-art{background-image:url('assets/cgn-hero-v10.png')}.hero-message .motto{margin:0 0 8px;color:#f0f7fb;font-family:'Barlow Condensed';font-size:19px;font-weight:700;font-style:italic;letter-spacing:.08em;text-transform:uppercase}.hero-message .hero-support{margin:0;color:#86b8d2;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.hero-message>p:not(.signal){margin-left:0}.hero-message .hero-actions{margin-top:18px}

/* v11 — premium glass command modules and seamless CoH3 artwork. */
.hero-message{width:min(570px,44vw);padding:26px 28px 24px;border:1px solid rgba(92,205,251,.28);border-left:3px solid #39c9ff;background:linear-gradient(120deg,rgba(2,13,23,.94),rgba(5,30,46,.82) 68%,rgba(4,19,31,.5));clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:inset 0 1px rgba(172,232,255,.12),inset 0 0 45px rgba(35,166,222,.06),0 24px 55px rgba(0,0,0,.48);backdrop-filter:blur(12px)}.hero-message:before{content:"CGN // PRIMARY NETWORK";position:absolute;right:28px;top:16px;font:700 7px Inter;letter-spacing:.17em;color:#43748d}.hero-message:after{content:"";position:absolute;left:28px;right:28px;bottom:13px;height:1px;background:linear-gradient(90deg,var(--amber),rgba(65,193,243,.5),transparent)}.hero-message h1{background:linear-gradient(180deg,#fff 8%,#bdd5e3 55%,#6e9bb4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 25px rgba(0,0,0,.3)}.hero-message h1 em{color:transparent;-webkit-text-stroke:1px #44caff;filter:drop-shadow(0 0 12px rgba(25,170,231,.2))}.hero-message .motto{color:#f6fbff;text-shadow:0 0 14px rgba(73,195,244,.16)}.hero-message .hero-support{padding-left:12px;border-left:1px solid var(--amber)}.hero-message .button{clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.hero-rail{height:88px;padding:0 8px;border:1px solid rgba(72,186,235,.32);border-bottom:0;background:linear-gradient(180deg,rgba(7,29,44,.92),rgba(1,10,17,.97));clip-path:polygon(15px 0,100% 0,100% 100%,0 100%,0 15px);box-shadow:inset 0 1px rgba(141,222,255,.12),0 -10px 35px rgba(0,0,0,.24);backdrop-filter:blur(10px)}.hero-rail span{height:56px;min-width:154px;display:flex;align-items:center;padding:0 22px;position:relative}.hero-rail span+span{border-left:1px solid rgba(83,173,216,.24)}.hero-rail span:after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:1px;background:linear-gradient(90deg,var(--amber),transparent)}.hero-rail small{line-height:1.45}.feature-card:first-child .feature-image{background-position:center 42%;filter:saturate(.88) contrast(1.04)}
@media(max-width:760px){.hero-message{width:auto;padding:21px 20px}.hero-message:before{display:none}.hero-rail{height:78px;padding:0 4px}.hero-rail span{min-width:0;padding:0 8px}.hero-rail span:after{left:8px;right:8px}}
/* v12 — E-Day joins the live network */
@media (min-width: 901px) {
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-card { min-height: 490px; }
  .roadmap-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

.feature-card.eday-card { --project-accent: #f04438; }
.feature-card.eday-card::before { background: linear-gradient(90deg, #f04438, #ff9f43 58%, transparent); }
.feature-card.eday-card .live-pill { border-color: rgba(240,68,56,.75); color: #ffb0a8; background: rgba(87,16,12,.58); }
.feature-card.eday-card .live-pill i { background: #ff4d40; box-shadow: 0 0 12px #ff4d40; }

@media (max-width: 1200px) and (min-width: 701px) {
  .roadmap-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}