:root{--ink:#071326;--panel:rgba(8,24,47,.78);--line:rgba(132,221,255,.2);--cyan:#67e8f9;--violet:#9b8cff;--lime:#8ef0b7}
html{background:#050b18}body.waypoint-future{background:radial-gradient(75rem 42rem at 86% -10%,#163c7b55,transparent 67%),radial-gradient(55rem 42rem at -12% 36%,#462b9950,transparent 72%),#050b18;color:#e8f4ff;overflow-x:hidden}body.waypoint-future:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#6ccef60c 1px,transparent 1px),linear-gradient(90deg,#6ccef60c 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#0008,transparent 68%)}
.waypoint-future header{background:rgba(5,12,28,.76);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.waypoint-future .navbar{min-height:82px}.waypoint-future .name{color:#f5fbff;letter-spacing:.035em}.waypoint-future .tag,.waypoint-future .small{color:#a8c4dc}.waypoint-future .navlinks a,.waypoint-future .footer a{color:#bbd4e8}.waypoint-future .navlinks a:hover{color:var(--cyan)}
.waypoint-future .hero{position:relative;padding:100px 0 84px;isolation:isolate}.waypoint-future .hero:after{content:"";position:absolute;right:-9rem;top:2rem;width:34rem;height:34rem;border:1px solid #67e8f933;border-radius:50%;box-shadow:0 0 0 4rem #67e8f908,0 0 7rem #5d4bd850;z-index:-1;animation:orbit 16s linear infinite}.waypoint-future .kicker{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);letter-spacing:.17em;text-transform:uppercase;font-weight:800}.waypoint-future .kicker:before{content:"";width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 16px var(--lime);animation:pulse 2s infinite}.waypoint-future .h1{font-size:clamp(3.15rem,7vw,6.4rem);max-width:850px;line-height:.96;letter-spacing:-.065em;color:#f7fbff;text-wrap:balance}.waypoint-future .h2{color:#f6fbff;letter-spacing:-.04em}.waypoint-future .p{font-size:1.15rem;max-width:680px;color:#bfd1e4}.waypoint-future .btn{border-radius:999px;transition:transform .2s,box-shadow .2s}.waypoint-future .btn.primary{background:linear-gradient(135deg,#66e9ff,#8e8cff);color:#061124;box-shadow:0 10px 35px #68daf03d}.waypoint-future .btn.primary:hover{transform:translateY(-2px);box-shadow:0 15px 42px #8e8cff55}.waypoint-future .btn.ghost{border-color:#80dfff66;color:#dff7ff;background:#0a1c3644}
.waypoint-future .card{background:linear-gradient(145deg,#10284be6,#08172ee6);border:1px solid var(--line);box-shadow:inset 0 1px #fff1,0 20px 60px #0005;border-radius:18px}.waypoint-future .hero-card{position:relative;overflow:hidden}.waypoint-future .hero-card:before{content:"SYSTEM ONLINE";position:absolute;right:18px;top:16px;color:#8ef0b7;font:700 10px/1 ui-monospace,monospace;letter-spacing:.16em}.waypoint-future .badge{background:#0b213ddd;border:1px solid #86dfff38;color:#cfeeff;border-radius:999px}.waypoint-future .section{position:relative}.waypoint-future .grid .card{transition:transform .25s,border-color .25s,box-shadow .25s}.waypoint-future .grid .card:hover{transform:translateY(-6px);border-color:#7eeaff80;box-shadow:0 24px 50px #0007}.waypoint-future .footer{background:#040a15;border-top:1px solid var(--line)}
.future-status{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #80dfff1c;color:#a8c4dc;font:700 11px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;text-transform:uppercase}.future-status span:last-child{color:var(--lime)}.future-telemetry{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;max-width:610px}.future-telemetry div{padding:12px 14px;border:1px solid #83eaff2d;border-radius:12px;background:#071a32a6}.future-telemetry b{display:block;color:#f4fbff;font-size:1.2rem}.future-telemetry span{display:block;margin-top:4px;color:#90aec8;font:700 9px/1 ui-monospace,monospace;letter-spacing:.11em}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45;transform:scale(.72)}}@media(max-width:760px){.waypoint-future .hero{padding-top:66px}.waypoint-future .hero:after{width:20rem;height:20rem;right:-10rem}.future-status{font-size:9px}.future-telemetry{grid-template-columns:1fr 1fr}.future-telemetry div:last-child{grid-column:span 2}}@media(prefers-reduced-motion:reduce){.waypoint-future .hero:after,.waypoint-future .kicker:before{animation:none}.waypoint-future .grid .card,.waypoint-future .btn{transition:none}}
