@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;--ink:#e9fbf8;--muted:#a4c7c5;--deep:#061e28;--deep2:#092e37;--teal:#087584;--mint:#77ead1;--line:rgba(151,226,216,.15);--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--deep);color:var(--ink);font-family:var(--body);overflow-x:hidden}
a{color:inherit;text-decoration:none}
.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.18;z-index:-1;animation:drift 14s ease-in-out infinite alternate}
.ambient-one{width:450px;height:450px;right:4%;top:60px;background:#087584}
.ambient-two{width:340px;height:340px;left:-120px;top:880px;background:#145e68;animation-delay:-7s}
.topbar{height:88px;max-width:1200px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font:700 20px var(--display);letter-spacing:-.7px}
.brand img{object-fit:cover;border-radius:13px;box-shadow:0 0 24px #2dd4bf21}
.brand-accent{color:var(--mint)}
.top-link{font-size:13px;color:var(--muted);transition:color .2s ease}
.top-link span{color:var(--mint);margin-left:6px}.top-link:hover,.back-top:hover{color:var(--mint)}
.hero{position:relative;max-width:1200px;min-height:610px;margin:0 auto;padding:92px 34px 96px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:30px}
.hero-copy{position:relative;z-index:2;padding-bottom:10px}
.status,.release-mark{display:inline-flex;align-items:center;gap:9px;color:var(--mint);font-size:10px;font-weight:700;letter-spacing:1.5px}
.status-dot{width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 14px #77ead1;animation:pulse 2s ease-in-out infinite}
h1,h2,h3,p{margin-top:0}
h1{font:600 clamp(62px,8vw,100px)/.98 var(--display);letter-spacing:-7px;margin:28px 0 22px}
h1 span{color:var(--mint)}
.lede{max-width:420px;font:500 21px/1.5 var(--display);color:#ddf6f1;margin-bottom:12px}
.sublede{max-width:415px;color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:28px}
.button{height:50px;padding:0 19px;display:inline-flex;align-items:center;gap:18px;background:var(--mint);color:#05252e;border-radius:8px;font-size:13px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-3px);box-shadow:0 9px 32px #77ead13a}.button span{font-size:18px}
.world-art{position:relative;height:405px;border:1px solid #8be9d322;border-radius:18px;overflow:hidden;background:linear-gradient(155deg,#0e6570 0%,#104653 47%,#092c37 100%);box-shadow:0 26px 90px #0004;isolation:isolate}
.world-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#8bede520,transparent 48%),radial-gradient(ellipse at 72% 32%,#9ef3cd20,transparent 34%);z-index:-1}
.sun{position:absolute;width:100px;height:100px;right:19%;top:17%;border-radius:50%;background:linear-gradient(145deg,#b7f2ce,#64d8c1);box-shadow:0 0 70px #7cebd650;animation:sunrise 5s ease-in-out infinite alternate}
.mountain{position:absolute;bottom:45px;width:130%;left:-14%;clip-path:polygon(0 100%,0 68%,11% 68%,20% 29%,26% 43%,37% 6%,43% 27%,51% 39%,58% 15%,67% 40%,73% 47%,81% 19%,89% 48%,94% 47%,100% 15%,100% 100%)}
.mountain-back{height:76%;background:linear-gradient(135deg,#125c63,#0c414b 72%);transform:translateY(8px);opacity:.9}
.mountain-front{height:54%;background:linear-gradient(150deg,#0d4c53,#082f3a 78%);clip-path:polygon(0 100%,0 57%,12% 57%,24% 34%,34% 52%,47% 16%,56% 47%,66% 32%,75% 59%,86% 38%,100% 54%,100% 100%);left:-4%;width:112%}
.horizon-glow{position:absolute;bottom:44px;height:90px;left:0;right:0;background:linear-gradient(0deg,#082a34a6,transparent);z-index:1}
.pixel{position:absolute;background:#a2f0d1;opacity:.65;animation:float 4s ease-in-out infinite alternate}
.pixel-a{width:9px;height:9px;right:14%;top:26%}.pixel-b{width:5px;height:5px;right:30%;top:43%;animation-delay:-1s}.pixel-c{width:7px;height:7px;left:20%;top:39%;animation-delay:-2s}
.world-caption{position:absolute;z-index:2;bottom:0;left:0;right:0;height:46px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a1eddf22;background:#062630b8;color:#b4d8d3;font:600 9px var(--display);letter-spacing:1.4px}
.loading-bars{display:flex;gap:4px}.loading-bars i{display:block;width:4px;height:4px;border-radius:50%;background:var(--mint);animation:dot 1.2s ease-in-out infinite}.loading-bars i:nth-child(2){animation-delay:.18s}.loading-bars i:nth-child(3){animation-delay:.36s}
.scroll-note{position:absolute;bottom:28px;left:34px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.3px;color:#739894}
.scroll-note span{width:25px;height:1px;background:var(--mint)}
.about{max-width:1200px;margin:0 auto;padding:64px 34px 110px}
.section-heading{max-width:650px;margin-bottom:37px}
.eyebrow{color:var(--mint);font-size:10px;font-weight:700;letter-spacing:1.7px;margin-bottom:15px}
h2{font:500 clamp(33px,4vw,47px)/1.12 var(--display);letter-spacing:-1.8px;margin-bottom:14px}
.section-heading>p:last-child,.release>p{color:var(--muted);font-size:14px;line-height:1.8;max-width:620px;margin-bottom:0}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.feature{position:relative;min-width:0;min-height:225px;padding:23px 23px 20px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#ffffff08,#ffffff02);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.feature:hover{transform:translateY(-5px);border-color:#77ead158;background:linear-gradient(145deg,#77ead111,#ffffff03)}
.feature-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:var(--mint);font-size:20px;background:#77ead114;margin-bottom:19px}
.feature h3{font:600 17px var(--display);letter-spacing:-.35px;margin-bottom:8px}
.feature p{font-size:12px;line-height:1.7;color:var(--muted);max-width:275px;margin-bottom:18px}
.feature-state{font-size:9px;font-weight:700;letter-spacing:1.2px;color:#71cbbd}
.privacy{max-width:1132px;margin:0 auto 86px;padding:56px 54px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,#0b3039,#081f29 75%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:start}
.privacy-copy h2{max-width:420px}.privacy-lede{color:#d7eeea;font:500 16px/1.75 var(--display);max-width:440px;margin-bottom:15px}.privacy-note{color:var(--muted);font-size:12px;line-height:1.8;max-width:440px}
.privacy-steps{display:grid;gap:11px;min-width:0}.privacy-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;min-width:0;padding:15px 16px;border:1px solid #77ead11a;border-radius:10px;background:#ffffff04}.privacy-step h3,.privacy-step p{overflow-wrap:anywhere}.privacy-step>span{font:600 12px var(--display);color:var(--mint);padding-top:2px}.privacy-step h3{font:600 14px var(--display);margin-bottom:5px}.privacy-step p{color:var(--muted);font-size:11px;line-height:1.7;margin-bottom:0}
.site-host-note{grid-column:1/-1;color:#789895;font-size:10px;line-height:1.7;margin:0;border-top:1px solid var(--line);padding-top:15px}
.roadmap{max-width:1132px;margin:0 auto 82px;padding:30px 40px;display:flex;flex-wrap:wrap;align-items:center;gap:15px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.roadmap-label{white-space:nowrap;color:var(--mint);font-size:9px;font-weight:700;letter-spacing:1.2px;display:flex;align-items:center;gap:8px}.roadmap-label .status-dot{width:6px;height:6px}.roadmap>p{font:500 14px var(--display);margin:0}.roadmap-tags{margin-left:auto;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.roadmap-tags span{font-size:8px;font-weight:700;letter-spacing:.8px;color:#a0c8c2;border:1px solid var(--line);border-radius:20px;padding:7px 9px}
.release{position:relative;overflow:hidden;max-width:1132px;margin:0 auto 82px;padding:53px 54px;border:1px solid #77ead12d;border-radius:16px;background:linear-gradient(108deg,#0b424a,#092e39 65%,#092630)}
.release:after{content:"";position:absolute;width:280px;height:280px;right:7%;top:-165px;border-radius:50%;border:1px solid #77ead12a;box-shadow:0 0 0 28px #77ead108,0 0 0 58px #77ead106}
.release h2{position:relative;z-index:1;margin:17px 0 10px}.release>p{position:relative;z-index:1;max-width:570px}
.release-line{position:relative;z-index:1;display:flex;align-items:center;gap:10px;max-width:300px;margin:29px 0 19px}.release-line span:first-child,.release-line span:last-child{height:1px;background:#77ead15c;flex:1}.release-spark{color:var(--mint);font-size:13px}
.release-foot{color:#82b3ae;font-size:9px;letter-spacing:1.6px}
footer{max-width:1200px;margin:auto;padding:22px 34px 30px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:#789895;font-size:11px}
.footer-brand{font:700 13px var(--display);color:var(--ink)}.back-top{margin-left:auto;transition:color .2s ease}
.reveal{opacity:0;transform:translateY(17px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes pulse{50%{opacity:.55;box-shadow:0 0 5px #77ead1}}
@keyframes dot{0%,65%,100%{opacity:.35;transform:scale(.8)}30%{opacity:1;transform:scale(1.25)}}
@keyframes float{to{transform:translateY(-10px);opacity:1}}
@keyframes drift{to{transform:translate(25px,36px) scale(1.12)}}
@keyframes sunrise{to{transform:translateY(-8px);box-shadow:0 0 95px #7cebd666}}
@media(max-width:960px){.roadmap{align-items:flex-start;flex-direction:column;gap:13px}.roadmap-tags{margin-left:0;justify-content:flex-start}}
@media(max-width:760px){.topbar{height:72px;padding:0 20px}.brand{font-size:17px}.brand img{width:40px;height:40px}.hero{padding:69px 21px 82px;grid-template-columns:1fr;gap:38px}.hero h1{font-size:clamp(62px,15vw,88px);letter-spacing:-5px}.world-art{height:310px}.scroll-note{left:21px}.about{padding:40px 21px 75px}.cards{grid-template-columns:1fr}.feature{min-height:185px}.privacy{margin:0 21px 65px;padding:36px 25px;grid-template-columns:1fr;gap:25px}.site-host-note{grid-column:auto}.roadmap{margin:0 21px 65px;padding:25px 0}.release{margin:0 21px 65px;padding:36px 25px}.release:after{right:-80px}footer{padding:20px 21px;flex-wrap:wrap;gap:9px 16px}.back-top{margin-left:auto}}
@media(max-width:410px){.top-link{font-size:12px}.brand{gap:8px}.hero{padding-top:52px}.world-art{height:260px}.release h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}