:root{
  --bg:#06173b;
  --bg2:#0a2454;
  --text:#f7fbff;
  --muted:#b8c8e8;
  --line:rgba(255,255,255,.12);
  --cyan:#32e2ff;
  --green:#54f7a8;
  --pink:#ff56d9;
  --purple:#8c5bff;
  --gold:#ffd75f;
  --panel:rgba(12,35,82,.72);
  --shadow:0 28px 80px rgba(0,0,0,.32);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,#061539 0%,#091e4c 48%,#061536 100%);color:var(--text);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.aurora{position:fixed;border-radius:50%;filter:blur(100px);opacity:.25;pointer-events:none;z-index:-1}
.aurora-a{width:620px;height:620px;background:#1ee9ff;left:-260px;top:120px}
.aurora-b{width:680px;height:680px;background:#b634ff;right:-280px;top:-120px}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:14px max(24px,calc((100vw - 1180px)/2));background:rgba(4,15,42,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px}.brand img{width:42px;height:42px;object-fit:contain;border-radius:12px}.topbar nav{display:flex;gap:28px;color:#dce8ff;font-size:14px}.topbar nav a:hover{color:#7ff1ff}.mini-cta,.ghost-button{padding:11px 18px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(255,255,255,.06)}
.hero{max-width:1180px;margin:0 auto;padding:88px 24px 72px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:56px;min-height:720px}.eyebrow{display:inline-flex;align-items:center;gap:8px;letter-spacing:.16em;font-size:12px;font-weight:800;color:#7defff}.hero h1{font-size:clamp(54px,6.5vw,92px);line-height:.92;letter-spacing:-.055em;margin:18px 0 24px}.hero h1 span{background:linear-gradient(90deg,#54f7a8,#3de4ff,#c067ff,#ff65ce);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:19px;line-height:1.7;color:#c4d4ef;max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.play-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;border-radius:16px;background:linear-gradient(135deg,#29dfff 0%,#4b8cff 45%,#8d5cff 100%);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 14px 36px rgba(35,180,255,.28),inset 0 1px 0 rgba(255,255,255,.35);min-width:190px;font-weight:850;transition:transform .2s ease,box-shadow .2s ease}.play-button:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(35,180,255,.38),inset 0 1px 0 rgba(255,255,255,.4)}.download-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-size:28px;font-weight:900;line-height:1}.download-label{display:block;font-size:18px;line-height:1;letter-spacing:.01em}.play-button.large{padding:15px 24px}.ghost-button{display:flex;align-items:center;justify-content:center;color:#eaf2ff}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.trust-row span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);font-size:13px;color:#cad8ef}
.hero-visual{position:relative;height:610px;display:grid;place-items:center}.phone-shell{position:relative;border-radius:44px;padding:10px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.045));box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.18);overflow:hidden}.phone-shell img{border-radius:34px;width:100%;height:100%;object-fit:cover}.hero-visual .phone-shell{width:338px;height:600px}.tilt-right{transform:rotate(5deg)}.logo-orbit{position:absolute;width:144px;height:144px;border-radius:50%;right:10px;top:42px;background:radial-gradient(circle at 30% 30%,#43f0ff,#6d42ff 52%,#ff47d5);padding:10px;box-shadow:0 0 60px rgba(67,240,255,.34)}.logo-orbit img{border-radius:50%}.float-chip{position:absolute;padding:10px 13px;border-radius:14px;background:rgba(7,25,67,.88);border:1px solid rgba(103,237,255,.35);box-shadow:0 12px 28px rgba(0,0,0,.22);font-weight:800;font-size:13px}.chip-1{left:4px;top:118px}.chip-2{right:-14px;bottom:134px}.chip-3{left:-16px;bottom:48px}
.stats-strip{max-width:1180px;margin:0 auto 84px;padding:18px 22px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:24px}.stats-strip div{padding:14px 18px;border-right:1px solid var(--line)}.stats-strip div:last-child{border-right:0}.stats-strip b{display:block;font-size:24px}.stats-strip span{display:block;color:#9fb2d6;font-size:13px;margin-top:5px}.section{max-width:1180px;margin:0 auto;padding:54px 24px 94px}.section-head{max-width:780px}.section-head.center{text-align:center;margin:0 auto}.section h2,.showcase h2,.feature-story h2,.download-card h2{font-size:clamp(38px,4.4vw,62px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 20px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.feature-card{padding:25px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 14px 34px rgba(0,0,0,.14)}.feature-card .icon{font-size:30px}.feature-card h3{font-size:20px;margin:15px 0 8px}.feature-card p{margin:0;color:#aebfdc;line-height:1.6;font-size:14px}.feature-card.cyan{box-shadow:inset 0 1px 0 rgba(66,236,255,.32),0 14px 34px rgba(0,0,0,.14)}.feature-card.purple{box-shadow:inset 0 1px 0 rgba(150,92,255,.42),0 14px 34px rgba(0,0,0,.14)}.feature-card.pink{box-shadow:inset 0 1px 0 rgba(255,86,217,.4),0 14px 34px rgba(0,0,0,.14)}.feature-card.green{box-shadow:inset 0 1px 0 rgba(84,247,168,.36),0 14px 34px rgba(0,0,0,.14)}.feature-card.gold{box-shadow:inset 0 1px 0 rgba(255,215,95,.38),0 14px 34px rgba(0,0,0,.14)}
.showcase{padding:92px 24px;background:radial-gradient(circle at 50% 0%,rgba(55,229,255,.12),transparent 55%)}.screen-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:34px auto 28px}.screen-tabs button{border:1px solid var(--line);color:#c8d8f3;background:rgba(255,255,255,.04);padding:10px 15px;border-radius:999px;cursor:pointer}.screen-tabs button.active{background:linear-gradient(90deg,#32d8ff,#785dff);color:white;border-color:transparent}.screen-stage{position:relative;display:flex;justify-content:center;align-items:center;gap:26px;min-height:680px}.screen-phone{width:350px;height:620px;padding:10px;border-radius:44px;background:linear-gradient(145deg,#7df3ff,#7a58ff 60%,#ff66cf);box-shadow:0 28px 80px rgba(0,0,0,.32);overflow:hidden}.screen-phone img{width:100%;height:100%;object-fit:cover;border-radius:34px}.nav-arrow{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;font-size:30px;cursor:pointer}.nav-arrow:hover{background:rgba(255,255,255,.14)}
.feature-story{max-width:1180px;margin:0 auto;padding:86px 24px;display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.feature-story.reverse .story-copy{order:2}.feature-story.reverse .story-collage{order:1}.story-copy p{color:#b6c7e5;line-height:1.75;font-size:17px}.story-copy ul{padding-left:18px;color:#d9e5f8;line-height:1.9}.story-image{width:330px;height:590px;justify-self:center}.story-collage{height:590px;position:relative}.story-collage img{position:absolute;width:220px;height:390px;object-fit:cover;border-radius:32px;border:7px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.story-collage img:nth-child(1){left:0;top:80px;transform:rotate(-7deg)}.story-collage img:nth-child(2){left:155px;top:0;z-index:2}.story-collage img:nth-child(3){right:0;top:110px;transform:rotate(7deg)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.mini-grid div{padding:15px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.045)}.mini-grid b,.mini-grid span{display:block}.mini-grid span{font-size:12px;color:#9db0d4;margin-top:5px}.download-card{max-width:1180px;margin:80px auto 110px;padding:34px;border-radius:32px;border:1px solid rgba(92,235,255,.3);background:linear-gradient(135deg,rgba(27,207,255,.12),rgba(122,77,255,.14),rgba(255,87,210,.10));display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:28px}.download-card .download-logo{width:110px;height:110px;object-fit:contain;border-radius:26px}.download-card h2{font-size:36px;margin:8px 0}.download-card p{color:#b8c8e8;margin:0}footer{max-width:1180px;margin:0 auto;padding:30px 24px 44px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;color:#aabbd8}.footer-brand img{width:36px;height:36px}.footer-links{display:flex;gap:18px;font-size:13px}footer small{grid-column:1/-1;color:#6f82a8;margin-top:12px}
@media(max-width:960px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:56px}.hero-copy{text-align:center}.hero p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{height:560px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-story,.feature-story.reverse{grid-template-columns:1fr;text-align:center}.feature-story.reverse .story-copy,.feature-story.reverse .story-collage{order:initial}.story-copy ul{text-align:left;display:inline-block}.story-collage{max-width:620px;width:100%;margin:0 auto}.download-card{grid-template-columns:88px 1fr}.download-card .play-button{grid-column:1/-1;justify-self:center}.stats-strip{grid-template-columns:repeat(2,1fr)}.stats-strip div:nth-child(2){border-right:0}.stats-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:620px){.topbar{padding:10px 16px}.brand span{display:none}.mini-cta{padding:10px 12px}.hero{padding:42px 18px 46px}.hero h1{font-size:52px}.hero p{font-size:16px}.hero-visual{height:470px}.hero-visual .phone-shell{width:260px;height:460px}.logo-orbit{width:100px;height:100px;right:5px;top:28px}.float-chip{font-size:11px}.feature-grid{grid-template-columns:1fr}.stats-strip{margin:0 16px 60px}.section,.feature-story{padding-left:18px;padding-right:18px}.screen-stage{min-height:560px}.screen-phone{width:286px;height:508px}.nav-arrow{display:none}.story-image{width:286px;height:508px}.story-collage{height:515px}.story-collage img{width:170px;height:302px}.story-collage img:nth-child(2){left:50%;transform:translateX(-50%)}.story-collage img:nth-child(1){left:-4px;top:130px}.story-collage img:nth-child(3){right:-4px;top:140px}.mini-grid{grid-template-columns:1fr}.download-card{margin:56px 16px 76px;grid-template-columns:1fr;text-align:center}.download-card .download-logo{margin:auto}.download-card h2{font-size:31px}footer{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links{justify-content:center}}