*{box-sizing:border-box}
:root{--blue:#159cf7;--cyan:#65d9ff;--ink:#06111f}
html{scroll-behavior:smooth}
body{margin:0;background:#040b15;color:#f7fbff;font-family:Inter,"Noto Sans Sinhala",system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.sky{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 50% 68%,#153b62 0,#091c34 32%,#030812 76%)}
#stars{position:absolute;inset:0;width:100%;height:100%}
.aurora{position:absolute;width:65vw;height:34vw;border-radius:50%;filter:blur(75px);opacity:.16;mix-blend-mode:screen;transition:translate 1.2s ease}
.aurora-a{left:-18vw;top:17vh;background:#128eff;transform:rotate(-18deg);animation:drift-a 26s ease-in-out infinite alternate}
.aurora-b{right:-20vw;top:31vh;background:#58dcff;transform:rotate(20deg);animation:drift-b 31s ease-in-out infinite alternate}
.aurora-c{left:18vw;top:-10vh;width:62vw;height:24vw;background:#3d5cff;opacity:.1;animation:drift-c 38s ease-in-out infinite alternate}
.horizon{position:absolute;left:-10%;right:-10%;bottom:2vh;height:35vh;background:linear-gradient(to top,rgba(45,128,184,.22),transparent 72%);transform:perspective(650px) rotateX(60deg);transform-origin:bottom;animation:breathe 9s ease-in-out infinite alternate}
.mist{position:absolute;border-radius:50%;filter:blur(30px);background:rgba(180,226,255,.09)}
.mist-a{width:55vw;height:9vw;left:-10vw;bottom:7vh;animation:mist 42s ease-in-out infinite alternate}.mist-b{width:45vw;height:8vw;right:-10vw;bottom:13vh;animation:mist 36s ease-in-out infinite alternate-reverse}
@keyframes drift-a{0%{transform:rotate(-18deg);opacity:.13}50%{opacity:.22}100%{transform:rotate(-8deg) translate(8vw,-3vh) scale(1.15);opacity:.15}}
@keyframes drift-b{0%{transform:rotate(20deg);opacity:.16}50%{opacity:.1}100%{transform:rotate(12deg) translate(-7vw,4vh) scale(1.1);opacity:.2}}
@keyframes drift-c{0%{transform:rotate(6deg);opacity:.06}100%{transform:rotate(-4deg) translate(-10vw,5vh) scale(1.2);opacity:.12}}
@keyframes breathe{from{opacity:.7}to{opacity:1}}
@keyframes mist{to{transform:translateX(9vw)}}
@media(prefers-reduced-motion:reduce){.aurora,.horizon,.mist{animation:none}}

.nav{height:84px;padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:11px;font-family:"Space Grotesk";font-size:14px;font-weight:600;letter-spacing:.22em}
.nav-symbol{width:30px;height:22px;object-fit:contain}
.nav-status{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#8ea3ba;display:flex;gap:9px;align-items:center}
.nav-status span{width:7px;height:7px;border-radius:50%;background:#54e2a2;box-shadow:0 0 14px #54e2a2}

.hero{min-height:calc(100vh - 84px);padding:6vh 24px 9vh;display:flex;flex-direction:column;align-items:center;text-align:center}
.eyebrow{font-size:11px;letter-spacing:.36em;color:#8aa0b8;display:flex;align-items:center;gap:13px;margin-bottom:28px}
.eyebrow span{width:38px;height:1px;background:linear-gradient(90deg,transparent,#396887)}
.eyebrow span:last-child{transform:rotate(180deg)}
.brand-panel{width:min(650px,92vw);padding:25px 42px 18px;display:flex;justify-content:center;align-items:center}
.lockup{width:100%;max-width:570px;height:auto;display:block}
.intro{max-width:670px;color:#9cb0c6;font-size:15px;line-height:1.85;margin:30px auto 0}
.intro strong{color:#cceeff;font-weight:500}
.launch-card{margin-top:34px;min-width:min(640px,92vw);padding:14px 14px 14px 16px;border:1px solid rgba(124,193,235,.17);background:rgba(8,26,46,.5);backdrop-filter:blur(18px);border-radius:15px;display:flex;align-items:center;text-align:left;gap:16px}
.status-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border-radius:999px;border:1px solid rgba(85,216,255,.25);background:rgba(85,216,255,.08);color:#dff4ff;font-size:12px;font-weight:500;white-space:nowrap}
.status-chip i{width:7px;height:7px;border-radius:50%;background:#55d8ff;box-shadow:0 0 0 0 rgba(85,216,255,.55);animation:pulse 2s infinite}
.launch-card p{margin:0;flex:1;color:#90a5bb;font-size:12px;line-height:1.5}
.contact-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;background:linear-gradient(135deg,#1aa5ff,#0b6fe0);color:#fff;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 6px 24px rgba(21,156,247,.28);transition:transform .2s ease,box-shadow .2s ease}
.contact-btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(21,156,247,.42)}
.contact-btn span{transition:transform .2s ease}.contact-btn:hover span{transform:translateX(3px)}
.contact-btn:focus-visible,footer a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
.scroll-cue{margin-top:auto;padding-top:55px;color:#8aa0b8;font-size:11px;letter-spacing:.18em;text-transform:uppercase;display:flex;flex-direction:column;gap:10px;align-items:center}
.scroll-cue b{font-size:17px;color:#4ec6ff;animation:bob 1.8s ease-in-out infinite}

.vision{padding:145px clamp(24px,8vw,130px) 120px;background:linear-gradient(180deg,rgba(4,12,23,.45),#050e1a 13%)}
.section-kicker{max-width:1180px;margin:0 auto 65px;color:#48bff5;font-size:11px;letter-spacing:.25em}
.vision-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.vision h2{font-family:"Space Grotesk";font-size:clamp(2.8rem,6vw,5.8rem);font-weight:400;letter-spacing:-.06em;line-height:.95;margin:0}
.vision h2 em{font-style:normal;color:#4dc8ff}.vision-grid p{max-width:520px;color:#93a7bd;font-size:15px;line-height:1.9;margin:0 0 20px}
.pillars{max-width:1180px;margin:105px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid rgba(130,191,230,.12);background:rgba(130,191,230,.12)}
.pillars article{background:#050e1a;padding:32px;min-height:205px}.pillars span{color:#42bff7;font-size:11px;letter-spacing:.15em}.pillars h3{font-family:"Space Grotesk";font-weight:500;font-size:24px;margin:27px 0 10px}.pillars p{color:#8a9eb3;font-size:13px;line-height:1.7;margin:0}
footer{padding:32px clamp(24px,8vw,130px);border-top:1px solid rgba(130,191,230,.1);display:flex;justify-content:space-between;align-items:center;gap:16px;color:#7d93ab;font-size:11px;letter-spacing:.08em}footer a{color:#9bb1c8;transition:color .2s}footer a:hover{color:#fff}footer strong{font-family:"Space Grotesk";letter-spacing:.24em;color:#9bb1c8}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(85,216,255,0)}100%{box-shadow:0 0 0 0 rgba(85,216,255,0)}}
@keyframes bob{50%{transform:translateY(5px)}}
@media(max-width:720px){.nav-status{display:none}.hero{padding-top:5vh}.eyebrow{letter-spacing:.2em}.brand-panel{padding:18px 18px 12px}.launch-card{min-width:0;width:100%;flex-wrap:wrap}.launch-card p{flex-basis:100%}.contact-btn{width:100%;justify-content:center}.vision{padding-top:100px}.vision-grid{grid-template-columns:1fr;gap:42px}.pillars{grid-template-columns:1fr}.pillars article{min-height:auto}footer{flex-direction:column;gap:12px}}