.hero{background:radial-gradient(ellipse at 60% 40%, #4c91d829 0%, transparent 60%), radial-gradient(ellipse at 20% 80%, #a8d8f014 0%, transparent 50%), var(--navy);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(#a8d8f012 1px,#0000 1px),linear-gradient(90deg,#a8d8f012 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-tag{border:1px solid var(--border);color:var(--accent);letter-spacing:2px;text-transform:uppercase;background:#4c91d82e;border-radius:20px;margin-bottom:1.5rem;padding:.3rem 1rem;font-family:Courier New,monospace;font-size:.78rem;display:inline-block}.hero h1{letter-spacing:-.5px;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.15}.hero h1 .accent{color:var(--accent)}.hero h1 .blue{color:var(--blue-light)}.hero-sub{color:var(--muted);max-width:560px;margin:1.5rem 0 2.5rem;font-size:1.1rem;line-height:1.7}.hero-stats{border-top:1px solid var(--border);gap:2.5rem;margin-top:3.5rem;padding-top:2.5rem;display:flex}.stat-val{color:var(--accent);font-family:Courier New,monospace;font-size:1.8rem;font-weight:800}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:.2rem;font-size:.78rem}.platform-panel{background:var(--navy2);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 20px 60px #00000080,0 0 0 1px #a8d8f01f}.platform-panel__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.platform-kicker,.platform-status,.platform-layer small{font-family:Courier New,monospace}.platform-kicker{color:var(--ice-blue);letter-spacing:.15em;font-size:.75rem}.platform-status{color:var(--muted);font-size:.68rem}.platform-status i{background:var(--ice-blue);border-radius:50%;width:7px;height:7px;margin-right:.35rem;display:inline-block}.platform-flow{padding-top:1.5rem}.platform-layer{border:1px solid var(--border);background:#071b3380;border-radius:10px;align-items:center;gap:1rem;padding:1rem;display:flex}.platform-layer--highlight{background:#4c91d82e;border-color:#a8d8f08c}.platform-layer__icon{width:38px;height:38px;color:var(--ice-blue);background:#a8d8f01f;border-radius:9px;flex-shrink:0;place-items:center;font-size:1.1rem;display:grid}.platform-layer strong,.platform-layer small{display:block}.platform-layer strong{color:var(--text);font-size:.95rem}.platform-layer small{color:var(--muted);margin-top:.25rem;font-size:.7rem}.platform-connector{height:30px;color:var(--atmosphere-blue);place-items:center;display:grid}@media (max-width:768px){.platform-panel__header{flex-direction:column;align-items:flex-start}.hero-stats{flex-wrap:wrap;gap:1.5rem}}
.overview{background:var(--navy2)}.overview-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;height:100%;padding:2rem;transition:border-color .2s,transform .2s}.overview-card:hover{border-color:var(--blue);transform:translateY(-4px)}.ov-icon{width:48px;height:48px;color:var(--accent);background:#4c91d826;border-radius:10px;justify-content:center;align-items:center;margin-bottom:1.2rem;font-size:1.3rem;display:flex}.ov-title{margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.ov-text{color:var(--muted);font-size:.88rem;line-height:1.6}
.feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;height:100%;padding:1.8rem;transition:all .25s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--blue), var(--accent));opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:#a8d8f066;transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.f-icon{color:var(--accent);margin-bottom:1rem;font-size:1.8rem}.f-title{margin-bottom:.5rem;font-size:1rem;font-weight:700}.f-text{color:var(--muted);font-size:.85rem;line-height:1.65}.f-bullets{margin-top:.8rem;padding:0;list-style:none}.f-bullets li{color:var(--muted);padding:.2rem 0;font-size:.82rem}.f-bullets li:before{content:"→ ";color:var(--accent)}
.how{background:var(--navy2)}.step-wrap{align-items:flex-start;gap:1.5rem;display:flex}.step-num{border:1px solid var(--border);width:48px;height:48px;color:var(--accent);background:#4c91d826;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Courier New,monospace;font-size:1rem;font-weight:700;display:flex}.step-content h5{margin-bottom:.4rem;font-weight:700}.step-content p{color:var(--muted);font-size:.88rem;line-height:1.6}.step-connector{background:var(--border);width:1px;height:40px;margin:.5rem 0 .5rem 23px}
.video-section{background:var(--navy)}.gif-placeholder{background:var(--navy2);border:1px dashed #a8d8f059;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;min-height:360px;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.gif-placeholder:hover{border-color:var(--accent)}.gif-placeholder i{color:var(--accent);font-size:2.5rem}.gif-placeholder span{color:var(--text);font-size:1rem;font-weight:700}.gif-placeholder small{color:var(--muted);font-family:Courier New,monospace}
.reports{background:var(--navy2)}.report-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:1rem;padding:1.4rem 1.6rem;transition:all .2s;display:flex}.report-card:hover{border-color:var(--blue);transform:translate(4px)}.report-icon{color:var(--accent);flex-shrink:0;margin-top:2px;font-size:1.3rem}.report-title{font-size:.95rem;font-weight:600}.report-meta{color:var(--muted);margin-top:.2rem;font-size:.78rem}.report-badge{border:1px solid var(--border);color:var(--accent);background:#4c91d826;border-radius:20px;padding:.15rem .6rem;font-family:Courier New,monospace;font-size:.7rem;display:inline-block}
.who-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:12px;padding:1.8rem;transition:all .2s}.who-card:hover{border-color:var(--blue);transform:translateY(-3px)}.who-icon{color:var(--accent);margin-bottom:1rem;font-size:2.2rem}.who-title{margin-bottom:.4rem;font-weight:700}.who-text{color:var(--muted);font-size:.85rem}
.roadmap{background:var(--navy2)}.phase-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;height:100%;padding:2rem;position:relative}.phase-badge{letter-spacing:2px;border-radius:20px;margin-bottom:1rem;padding:.25rem .8rem;font-family:Courier New,monospace;font-size:.7rem;display:inline-block}.phase-1 .phase-badge{color:var(--accent);background:#a8d8f01a;border:1px solid #a8d8f04d}.phase-2 .phase-badge{color:var(--blue-light);background:#4c91d81a;border:1px solid #4c91d84d}.phase-3 .phase-badge{color:var(--ice-blue);background:#163047b3;border:1px solid #a8d8f040}.phase-title{margin-bottom:1rem;font-size:1rem;font-weight:700}.phase-list{padding:0;list-style:none}.phase-list li{color:var(--muted);border-bottom:1px solid #ffffff0a;padding:.3rem 0;font-size:.85rem}.phase-list li:last-child{border-bottom:none}.phase-list li:before{content:"▸ ";color:var(--accent)}
.cta-section{background:linear-gradient(135deg, var(--navy2) 0%, var(--navy3) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6rem 0;overflow:hidden}.cta-glow{pointer-events:none;background:radial-gradient(#4c91d829 0%,#0000 70%);width:600px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
