:root{color-scheme:dark;--pink:#fe2c55;--cyan:#20d7cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090a10;color:#f5f6fa;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}header,main,footer{position:relative;z-index:1}header{max-width:1540px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:22px;letter-spacing:-1px}.beta{font:10px monospace;color:var(--cyan);border:1px solid #24534f;padding:5px 7px;letter-spacing:1px;margin-left:4px}.nav-link{font-size:13px;color:#c5c6d1}.nav-link span{color:var(--cyan);margin-left:18px}.hero{max-width:1540px;margin:28px auto 0;padding:15px 5% 55px;display:grid;grid-template-columns:43% 57%;align-items:center;min-height:710px}.eyebrow{font:10px monospace;letter-spacing:2.5px;color:#abaebb;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan)}h1{font-size:clamp(56px,5.5vw,86px);line-height:.99;letter-spacing:-5px;margin:26px 0 24px;font-weight:850}h1 em{font-style:normal;color:var(--cyan)}.pink{color:var(--pink)}.cyan{color:var(--cyan)}.intro{color:#a3a6b6;font-size:15px;line-height:1.8;margin-bottom:30px}.signup{max-width:420px}h2{font-size:18px;letter-spacing:-.4px;margin:0 0 8px}.signup>p{font-size:12px;color:#9498ab;margin:0 0 19px}.fields{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}label{display:block;font-size:11px;color:#b8bbca}input{display:block;width:100%;min-width:0;margin-top:8px;padding:14px 12px;background:#12141e;border:1px solid #2b2e3d;border-radius:7px;color:white;font-size:12px}input:focus{outline:2px solid var(--cyan);outline-offset:2px}button[type=submit]{width:100%;margin-top:12px;padding:15px 18px;border:0;border-radius:7px;background:var(--pink);color:white;font-weight:bold;font-size:13px;display:flex;justify-content:space-between;cursor:pointer;transition:background .2s,transform .2s}button[type=submit]:hover{background:#ff446c;transform:translateY(-2px)}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button:disabled{opacity:.6;cursor:wait}.fine{font-size:10px;color:#7c8196;line-height:1.5}.status{font-size:12px;line-height:1.5;color:var(--cyan)}.trap{position:absolute;left:-10000px}.scene{height:600px;position:relative;perspective:1200px;min-width:0}.stage{position:absolute;inset:40px -60px 40px -25px;transform-style:preserve-3d;transform:rotateX(7deg) rotateY(-17deg) rotateZ(-6deg);animation:drift 14s ease-in-out infinite}.screen{position:absolute;background:#151620;border:1px solid #414351;border-radius:12px;overflow:hidden;box-shadow:0 35px 70px #0009,0 0 35px #20d7cc08;backface-visibility:hidden}.screen img{display:block;width:100%;height:auto}.main-screen{width:94%;top:50px;left:0;transform:translateZ(0)}.window-bar{height:30px;display:flex;align-items:center;gap:12px;padding:0 12px;font:8px monospace;letter-spacing:1px;color:#858a9d;background:linear-gradient(100deg,#222431,#12131c)}.dots{color:#646a7e;font-size:8px}.online{margin-left:auto;color:var(--cyan)}.gift-screen{width:56%;left:-25px;top:294px;transform:translateZ(85px) rotateY(7deg);border-color:#69404f}.sound-screen{width:52%;right:-5px;top:352px;transform:translateZ(135px) rotateY(-5deg);border-color:#265653}.floating{position:absolute;transform:translateZ(170px)}.tag{padding:14px 17px;border:1px solid #383142;background:#1b1725e8;border-radius:8px;font-size:11px;box-shadow:0 16px 40px #0007;white-space:nowrap}.tag-one{top:13px;right:45px;transform:translateZ(80px) rotate(6deg)}.tag-one span{color:var(--pink);margin-right:9px}.tag-two{left:55px;top:510px;font:9px monospace;letter-spacing:1.5px}.tag-two i{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--cyan);margin-right:8px}.cube{position:absolute;right:2px;top:210px;transform:translateZ(190px) rotate(12deg);filter:drop-shadow(0 20px 25px #000a)}.cube img{border-radius:26px;box-shadow:5px 7px 0 #194b4b,-3px -2px 0 #803349}.orbit{position:absolute;border:1px solid #25303f66;border-radius:50%;inset:40px -45px;transform:rotate(-25deg) scaleY(.73);pointer-events:none}.orbit-two{transform:rotate(40deg) scaleY(.7);border-color:#44273866}.preview-label{position:absolute;bottom:-4px;right:20px;font:9px monospace;letter-spacing:2px;color:#777e94}.preview-label span{color:var(--cyan);margin-left:30px}.feature-strip{max-width:1390px;margin:0 auto;display:flex;justify-content:space-between;gap:18px;padding:26px 5%;border-top:1px solid #222430;border-bottom:1px solid #222430;color:#b2b5c3;font-size:12px}.feature-strip b{font:10px monospace;color:#596176;margin-right:15px}footer{max-width:1540px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;color:#666d82;font-size:10px}.privacy-link{background:none;border:0;color:#9096a9;font-size:10px;cursor:pointer}.glow{position:fixed;width:650px;height:650px;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.13}.glow-a{background:#00847c;right:-130px;top:80px}.glow-b{background:#8c1042;left:32%;top:280px;width:450px;height:450px;opacity:.15}dialog{max-width:480px;background:#141621;color:#c0c4d3;padding:40px;border:1px solid #373b50;border-radius:15px;font-size:14px;line-height:1.7}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{color:white;font-size:24px}.close{position:absolute;right:15px;top:10px;border:0;background:none;color:white;font-size:26px;cursor:pointer}@keyframes drift{0%,100%{transform:rotateX(7deg) rotateY(-17deg) rotateZ(-6deg) translateY(0)}50%{transform:rotateX(3deg) rotateY(-11deg) rotateZ(-3deg) translateY(-15px)}}@media(min-width:1600px){.scene{height:650px}.stage{inset:40px -40px}}@media(max-width:1000px){.hero{grid-template-columns:48% 52%}h1{font-size:65px}.scene{height:520px}.stage{inset:70px -20px 0 0}.gift-screen{top:220px}.sound-screen{top:290px}.tag-two{top:430px}.cube{top:150px}.cube img{width:70px;height:70px}.tag-one{right:0}}@media(max-width:720px){header{padding:22px 6%}.brand{font-size:18px}.nav-link{font-size:11px}.nav-link span{margin-left:8px}.hero{display:flex;flex-direction:column;margin-top:12px;padding:0 6% 35px;min-height:0}.copy{width:100%;z-index:2}h1{font-size:64px;letter-spacing:-3.5px;margin:22px 0}.intro{font-size:14px}.signup{max-width:none}.scene{width:100%;height:380px;margin-top:30px}.stage{inset:5px 15px 0 5px}.main-screen{top:30px}.gift-screen{top:170px}.sound-screen{top:220px}.cube{top:135px}.cube img{width:55px;height:55px}.tag{font-size:8px;padding:10px}.tag-one{top:0;right:0}.tag-two{top:320px;left:10px;font-size:7px}.window-bar{height:22px;font-size:6px}.orbit{inset:10px 0}.preview-label{bottom:-5px;font-size:7px}.feature-strip{display:grid;grid-template-columns:1fr 1fr;font-size:10px;padding:22px 6%;gap:22px}footer{padding:24px 6%;gap:12px;flex-wrap:wrap;font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(min-width:721px){.copy{position:relative;z-index:2}.scene{clip-path:inset(-100px -200px -100px 0)}}
/* The 3D feature universe replaces the screenshot montage. */
.hero{grid-template-columns:42% 58%;padding-bottom:38px;min-height:730px}.scene.scene-3d{height:670px;perspective:none;clip-path:none;isolation:isolate;margin-left:15px}.scene-3d:before{content:'';position:absolute;inset:9% 0 14%;background:radial-gradient(ellipse at 70% 40%,#fe2c5512,transparent 62%),radial-gradient(ellipse at 28% 65%,#20d7cc16,transparent 60%);border-radius:50%;pointer-events:none}#world{position:absolute;inset:0 -40px 50px;cursor:grab;touch-action:pan-y}#world canvas{width:100%;height:100%;display:block;mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 90%,transparent)}.scene-top{position:absolute;top:4px;left:10px;right:0;display:flex;justify-content:space-between;align-items:center;z-index:2}.scene-top .eyebrow{font-size:8px;letter-spacing:2px}.scene-top button{font:9px monospace;color:#a5adbd;background:#131722b0;border:1px solid #2c3441;border-radius:20px;padding:9px 12px;cursor:pointer}.scene-caption{position:absolute;left:25px;bottom:80px;pointer-events:none;text-shadow:0 2px 16px #080910,0 2px 10px #080910}.scene-caption>span{font:9px monospace;letter-spacing:2px;color:var(--cyan)}.scene-caption h2{font-size:32px;letter-spacing:-1px;line-height:1.08;margin:12px 0 8px}.scene-caption p{font-size:10px;color:#9ba8bc;margin:0}.scene-tabs{position:absolute;bottom:24px;left:25px;display:flex;gap:7px}.scene-tabs button{border:1px solid #303343;background:#121621cc;border-radius:24px;padding:10px 16px;font-size:10px;color:#9ba5bb;cursor:pointer;transition:background .3s,color .3s,border-color .3s}.scene-tabs button[aria-pressed=true]{border-color:#20d7cc80;color:#d8fffb;background:#123531b0}.scene-tabs button:hover{border-color:#20d7cc}.scene-note{position:absolute;bottom:0;left:25px;font:7px monospace;letter-spacing:1.1px;color:#656e84}.features{max-width:1390px;margin:0 auto;padding:42px 5% 20px;border-top:1px solid #242737}.features-heading{margin-bottom:32px}.features-heading h2{font-size:28px;letter-spacing:-1px;margin:13px 0}.features-heading>p:last-child{font-size:13px;color:#8e98ad}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px}.feature-grid article{border-top:1px solid #2a2d3b;padding:25px 0 28px}.feature-number{font:9px monospace;color:#737f94;letter-spacing:1.5px}.feature-grid h3{font-size:19px;letter-spacing:-.5px;margin:15px 0 12px;line-height:1.2}.feature-grid p{font-size:12px;color:#949eb2;line-height:1.8;max-width:340px;margin:0 0 20px}.feature-state{font:8px monospace;color:#5cb7af;letter-spacing:1px}.feature-state.planned{color:#ed7995}.roadmap-note{max-width:900px;font-size:10px;line-height:1.8;color:#727c92;margin:10px 0 0}.world-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a2b3c7;font-size:14px}.scene-3d .scene-top .eyebrow{margin:0}
@media(min-width:1600px){.scene.scene-3d{height:720px}.scene-caption{bottom:90px}}@media(max-width:1100px) and (min-width:721px){.hero{grid-template-columns:44% 56%}.scene.scene-3d{height:640px;margin-left:0}#world{inset:15px -35px 80px}.scene-caption{left:16px;bottom:92px}.scene-caption h2{font-size:27px}.scene-tabs{left:16px;bottom:36px}.scene-tabs button{padding:9px 12px;font-size:9px}.scene-note{left:16px;bottom:10px;font-size:6px}.scene-top{left:15px}.scene-top .eyebrow{font-size:7px;letter-spacing:1px}.feature-grid{gap:0 24px}}
@media(max-width:720px){.hero{padding-bottom:30px;min-height:0}.scene.scene-3d{height:550px;width:100%;margin:26px 0 0}#world{inset:20px -20px 80px}.scene-top{left:0;right:0}.scene-top .eyebrow{font-size:7px}.scene-caption{left:5px;bottom:88px}.scene-caption h2{font-size:28px}.scene-tabs{left:5px;bottom:32px}.scene-note{left:5px;bottom:6px;font-size:6px}.features{padding:30px 6% 15px}.features-heading h2{font-size:25px;line-height:1.15}.feature-grid{grid-template-columns:1fr 1fr;gap:0 20px}.feature-grid h3{font-size:17px}.feature-grid p{font-size:11px}.feature-number{font-size:8px}.feature-state{font-size:7px;line-height:1.6;display:block}.roadmap-note{font-size:9px}.scene-tabs button{font-size:9px;padding:9px 13px}}
@media(max-width:380px){.feature-grid{grid-template-columns:1fr}.scene.scene-3d{height:510px}}
.discord-field{grid-column:1/-1}.feature-extra{display:flex;flex-wrap:wrap;gap:10px;padding-top:10px}.feature-extra span{font-size:10px;color:#9aa7bb;border:1px solid #2b3341;border-radius:30px;padding:9px 12px}.hero{min-height:800px}.scene.scene-3d{height:710px}@media(max-width:720px){.hero{min-height:0}.scene.scene-3d{height:550px}}
/* Pricing and the three-way product comparison */
.site-nav{display:flex;align-items:center;gap:28px}.hero-price{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:420px;margin:-10px 0 27px;padding:12px 14px;background:#0f2022;border:1px solid #204440;border-radius:8px}.hero-price>strong{font-size:23px;letter-spacing:-.8px;color:#c4fff6}.hero-price>strong span{font-size:10px;font-weight:normal;letter-spacing:0;color:#91acae;margin-left:5px}.hero-price>span{font-size:10px;color:#a0b9ba}.hero-price b{color:var(--cyan);margin-left:10px}.hero{min-height:860px}.comparison{max-width:1390px;margin:35px auto 0;padding:55px 5% 25px;border-top:1px solid #242737;scroll-margin-top:25px}.comparison-top{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center;margin-bottom:42px}.comparison-copy h2{font-size:clamp(32px,3.8vw,50px);line-height:1.05;letter-spacing:-2px;margin:24px 0}.comparison-copy h2 em{font-style:normal;color:var(--cyan)}.comparison-copy>p:not(.eyebrow){font-size:14px;color:#9aa5ba;line-height:1.9}.saving-pills{display:flex;flex-direction:column;gap:12px;margin-top:28px}.saving-pills>span{font-size:12px;color:#9ca8ba}.saving-pills strong{color:#e0fffa;font-size:24px;letter-spacing:-.7px;display:inline-block;width:68px}.launch-price{padding:30px;border:1px solid #29665e;border-radius:15px;background:radial-gradient(ellipse at 100% 0,#17423b66,transparent 65%),#11161f;position:relative}.plan-label{font:9px monospace;letter-spacing:2px;color:var(--cyan)}.price-amount{display:flex;align-items:baseline;gap:2px;font-size:78px;letter-spacing:-5px;font-weight:800;margin:20px 0 4px}.price-amount>span{font-size:35px;letter-spacing:-1px;align-self:flex-start;padding-top:9px}.price-amount small{font-size:11px;font-weight:normal;letter-spacing:0;color:#94b2ad;margin-left:13px;white-space:nowrap}.launch-price>p:not(.price-note){font-size:12px;color:#a8b5c8}.launch-price ul{list-style:none;padding:0;margin:22px 0;color:#c2ccda;font-size:11px;line-height:2.5}.launch-price li:before{content:'✓';color:var(--cyan);margin-right:10px}.price-cta{background:var(--pink);padding:15px;border-radius:7px;display:flex;justify-content:space-between;font-size:12px;font-weight:bold}.price-cta:hover{background:#ff456b}.price-note{font-size:9px;line-height:1.8;color:#7e90a8;margin:13px 0 0}.comparison-table-wrap{overflow-x:auto;border:1px solid #293243;border-radius:12px;background:#0f131d}.comparison-table{border-collapse:collapse;text-align:left;width:100%;table-layout:fixed;min-width:780px;font-size:11px;line-height:1.65}.comparison-table caption{text-align:left;font:9px monospace;letter-spacing:1px;padding:19px 22px;color:#7f91a9;border-bottom:1px solid #293243}.comparison-table th,.comparison-table td{padding:20px 22px;border-bottom:1px solid #252e3c;vertical-align:top;overflow-wrap:break-word}.comparison-table thead th{font-size:15px;background:#141a27;padding-top:24px;padding-bottom:24px}.comparison-table th:first-child{width:25%}.comparison-table tbody th{color:#b6c3d6;font-weight:normal;font-size:11px}.comparison-table td{color:#8e9db4}.comparison-table .one-column{background:#11252388;color:#d5fff5;border-left:1px solid #244f47;border-right:1px solid #244f47}.comparison-table thead .one-column{background:#14362e}.comparison-table th small,.comparison-table td small{display:block;font-size:9px;font-weight:normal;color:#7a8ba4;margin-top:7px;line-height:1.6}.comparison-table .one-column small{color:#84b5a9}.comparison-table tbody tr:last-child>*{border-bottom:0}.comparison-table .price-row td{font-size:27px;color:#c0cddd;letter-spacing:-1px;font-weight:bold}.comparison-table .price-row .one-column{color:var(--cyan)}.comparison-table .price-row small{letter-spacing:0}.table-brand{font-weight:900;letter-spacing:-.5px}.comparison-notes{font-size:10px;color:#6f7e96;line-height:1.9;margin-top:20px}.comparison-notes>p{max-width:1050px}.comparison-notes summary{cursor:pointer;color:#9db2c8;display:list-item}.comparison-notes details a{display:inline-block;color:#7eada7;text-decoration:underline;margin:0 20px 7px 0}.comparison-trademarks{font-size:9px;color:#596880}@media(max-width:1000px){.comparison-top{gap:30px;grid-template-columns:1fr 1fr}.comparison-copy h2{font-size:37px;letter-spacing:-1.5px}.launch-price{padding:24px}.comparison-table th,.comparison-table td{padding:17px}.hero-price{gap:6px}.hero-price>span{font-size:8px}}@media(max-width:720px){.site-nav{gap:15px}.site-nav .nav-link{font-size:9px}.compare-nav{max-width:55px;line-height:1.4}.hero{min-height:0}.hero-price{margin:0 0 25px;max-width:none}.hero-price>span{font-size:10px}.comparison{padding:35px 6% 20px;margin-top:20px}.comparison-top{grid-template-columns:1fr;gap:25px;margin-bottom:25px}.comparison-copy h2{font-size:36px;letter-spacing:-1.5px}.comparison-copy .eyebrow{font-size:8px;letter-spacing:1.6px}.comparison-copy>p:not(.eyebrow){font-size:12px}.saving-pills{flex-direction:row;gap:20px;margin-top:22px}.saving-pills>span{font-size:10px;line-height:1.8;max-width:150px}.saving-pills strong{display:block;font-size:28px}.launch-price{padding:25px}.price-amount{font-size:76px}.comparison-table{min-width:790px}.comparison-notes{font-size:9px}.comparison-table-wrap:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.comparison-trademarks{font-size:8px}}
/* Keep the short comparison readable without sideways scrolling on phones. */
@media(max-width:720px){.comparison-table{min-width:0;font-size:10px;line-height:1.5}.comparison-table th:first-child{width:31%}.comparison-table th,.comparison-table td{padding:13px 7px}.comparison-table thead th{font-size:10px;padding:16px 7px}.comparison-table tbody th{font-size:10px}.comparison-table th small,.comparison-table td small{font-size:7px;line-height:1.5}.comparison-table .price-row td{font-size:19px;letter-spacing:-.7px}.comparison-table caption{font-size:7px;letter-spacing:.4px;padding:13px 10px}}
