:root{
  --bg:#021615;--bg2:#041e1d;--panel:#052725;--line:rgba(29,238,205,.23);
  --text:#f4fffd;--muted:#a9c8c4;--accent:#0ce4c2;--accent2:#08bda6;
  --max:1180px;--radius:12px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 8%,rgba(0,231,196,.11),transparent 28%),radial-gradient(circle at 8% 55%,rgba(0,190,165,.06),transparent 24%);z-index:-1}
.container{width:min(var(--max),calc(100% - 56px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(1,16,15,.84);backdrop-filter:blur(16px);border-bottom:1px solid rgba(28,227,198,.12)}
.nav{height:72px;display:flex;align-items:center;gap:30px}.brand img{width:76px;height:auto;display:block}.nav-links{display:flex;gap:32px;margin-left:90px}.nav-links a,.footer a{color:#d7e9e6;text-decoration:none;font-size:13px}.nav-links a.active,.nav-links a:hover{color:var(--accent)}.nav-links a.active{border-bottom:2px solid var(--accent);padding-bottom:8px}.login-btn{margin-left:auto;background:transparent;border:1px solid rgba(19,225,195,.65);color:#effffb;border-radius:999px;padding:9px 22px;cursor:pointer}.menu-btn{display:none;background:none;border:0;color:white;font-size:24px}
.hero{overflow:hidden;min-height:570px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:570px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:3px;color:var(--accent);font-weight:700}.hero h1{font-size:58px;line-height:.96;margin:14px 0 18px;letter-spacing:-2px}.hero h1 span,h2 span{color:var(--accent)}.hero p{max-width:520px;color:#d0dfdd;line-height:1.5;font-size:15px}.cta{border:0;background:linear-gradient(135deg,#0af0c9,#05bca5);color:#001d19;font-weight:800;padding:13px 20px;border-radius:999px;cursor:pointer;box-shadow:0 8px 35px rgba(0,220,190,.18);transition:.2s}.cta:hover{transform:translateY(-2px);filter:brightness(1.06)}.cta span{font-size:19px;margin-left:16px}.hero-points{display:flex;align-items:center;gap:14px;margin-top:22px;color:#a9c8c4;font-size:11px}.hero-points i{height:22px;border-left:1px solid #41615e}.hero-art{height:540px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art img{width:100%;max-width:700px;filter:drop-shadow(0 0 35px rgba(0,242,208,.12))}.platform-badge{position:absolute;width:50px;height:50px;border:1px solid rgba(20,240,205,.5);background:#02211f;border-radius:50%;display:grid;place-items:center;color:white;font-weight:800;box-shadow:0 0 20px rgba(0,238,203,.2)}.platform-badge small{position:absolute;top:53px;white-space:nowrap;font-size:8px;color:#8ab7b1}.b1{left:15%;top:24%}.b2{right:13%;top:31%}.b3{right:27%;bottom:17%}.b4{left:18%;bottom:21%}
.platform-strip{background:#031f1d;border-bottom:1px solid var(--line)}.platform-strip .container{padding:14px 0}.platforms{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;color:#dcebe9;font-size:13px}.platforms span{padding-right:14px;border-right:1px solid rgba(170,210,204,.18);white-space:nowrap}.platforms b{color:var(--accent);font-size:17px;white-space:nowrap}.platforms b small{display:block;font-size:7px;color:#84aaa5;text-align:center}
.section{padding:28px 0;border-bottom:1px solid var(--line)}.heading h2{font-size:26px;margin:0 0 2px;letter-spacing:1px}.heading p{margin:0;color:#a8c6c2;font-size:12px;line-height:1.35}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.cards article{min-height:122px;background:linear-gradient(160deg,rgba(5,42,39,.95),rgba(2,27,26,.88));border:1px solid rgba(37,214,190,.2);border-radius:10px;padding:15px;transition:.2s}.cards article:hover{border-color:rgba(36,237,208,.55);transform:translateY(-3px)}.icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:rgba(8,220,193,.09);border:1px solid rgba(15,229,198,.25);font-size:21px}.cards h3{font-size:12px;margin:10px 0 5px}.cards p{font-size:10px;color:#92b2ad;margin:0;line-height:1.45}
.how{padding-top:24px;padding-bottom:24px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}.steps>div{position:relative;text-align:center}.steps>div:not(:last-child):after{content:"→";position:absolute;right:-10px;top:8px;color:var(--accent);font-size:15px}.steps strong{width:25px;height:25px;border-radius:50%;background:var(--accent);color:#00221d;display:inline-grid;place-items:center;font-size:11px}.steps h3{font-size:10px;margin:10px 0 3px}.steps p{font-size:9px;color:#8eaca8;line-height:1.35;margin:0}
.release-cta{position:relative;overflow:hidden;border-bottom:1px solid var(--line);min-height:132px}.release-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.release-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr 1fr auto;align-items:center;gap:30px;min-height:132px}.release-inner h2{font-size:18px;margin:0}.release-inner p{font-size:9px;color:#a7c6c1;margin:5px 0 0}.stats{display:flex;gap:28px}.stats div{padding-left:18px;border-left:1px solid rgba(14,229,198,.25)}.stats b{display:block;color:var(--accent);font-size:17px}.stats span{font-size:9px;color:#9ab8b3}
.footer{padding:12px 0;background:#021312}.footer-inner{display:grid;grid-template-columns:120px 1fr auto auto;gap:25px;align-items:center}.footer img{width:66px}.footer-links{display:flex;gap:25px}.social{font-size:12px;color:#a5c1bd}.footer small{color:#6f8e89;font-size:8px}
.modal{position:fixed;inset:0;background:rgba(0,7,7,.75);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.open{display:flex}.modal-card{width:min(430px,100%);background:#062321;border:1px solid rgba(31,236,204,.35);border-radius:16px;padding:28px;position:relative;box-shadow:0 25px 80px #000}.modal-card h2{margin:0 0 5px}.modal-card>p{color:#93b4af;font-size:12px;margin:0 0 20px}.close{position:absolute;right:15px;top:12px;background:none;border:0;color:#d8f5f1;font-size:28px;cursor:pointer}.modal form{display:grid;gap:13px}.modal label{font-size:11px;color:#b8d2ce}.modal input,.modal textarea{width:100%;margin-top:6px;border:1px solid rgba(117,179,169,.22);border-radius:8px;background:#031b19;color:white;padding:12px;outline:none;font:inherit}.modal input:focus,.modal textarea:focus{border-color:var(--accent)}.modal .cta{width:100%}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#0be0be;color:#00211c;padding:12px 18px;border-radius:999px;font-weight:800;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:120}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.nav-links{margin-left:20px;gap:18px}.hero h1{font-size:48px}.cards{grid-template-columns:repeat(2,1fr)}.release-inner{grid-template-columns:1fr 1fr}.release-inner>.cta{grid-column:1/-1;width:max-content}.platforms{overflow:auto;justify-content:flex-start;padding-bottom:4px}.platforms span{flex:none}.footer-inner{grid-template-columns:1fr auto}.footer small{grid-column:1/-1}}
@media(max-width:650px){.container{width:min(100% - 30px,560px)}.nav{height:62px}.nav-links{display:none;position:absolute;top:62px;left:0;right:0;margin:0;padding:16px 20px;background:#031816;border-bottom:1px solid var(--line);flex-direction:column;gap:17px}.nav-links.open{display:flex}.menu-btn{display:block;margin-left:6px}.login-btn{margin-left:auto}.hero-grid{grid-template-columns:1fr;min-height:0;padding-top:35px}.hero{min-height:0}.hero-art{height:330px;order:-1}.hero-art img{width:125%}.hero h1{font-size:45px}.hero-copy{padding-bottom:40px}.hero-points{flex-wrap:wrap}.hero-points i{display:none}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr;gap:22px}.steps>div:not(:last-child):after{display:none}.release-inner{grid-template-columns:1fr}.stats{justify-content:space-between}.release-inner>.cta{grid-column:auto}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.social{display:none}}
@media(max-width:430px){.cards{grid-template-columns:1fr}.platform-badge{transform:scale(.82)}.hero h1{font-size:40px}}

.contact{padding:30px 0;background:rgba(2,26,24,.45)}
.contact-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:35px;align-items:center}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-card{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--text);background:linear-gradient(160deg,rgba(5,42,39,.95),rgba(2,27,26,.88));border:1px solid rgba(37,214,190,.2);border-radius:10px;padding:16px;transition:.2s}
.contact-card:hover{border-color:rgba(36,237,208,.55);transform:translateY(-3px)}
.contact-icon{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:rgba(8,220,193,.09);border:1px solid rgba(15,229,198,.25);font-size:18px}
.contact-card span{display:block;color:#89aaa5;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.contact-card strong{font-size:12px;word-break:break-word}
@media(max-width:900px){.contact-inner{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.contact-cards{grid-template-columns:1fr}}