:root{--bg:#101012;--card:#19191d;--text:#f2f0ee;--muted:#a5a2ae;--accent:#b9a1f5;--line:#303036}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{max-width:1180px;margin:auto;padding:0 32px}nav{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:30px;font-weight:800;letter-spacing:-1.5px}.logo span{color:var(--accent)}.navlinks{display:flex;gap:30px;align-items:center;font-size:14px}.tag{display:inline-flex;align-items:center;gap:9px;color:var(--accent);text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:bold}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding:85px 0 70px}h1{font-size:clamp(55px,6.3vw,82px);line-height:1.04;letter-spacing:-4px;margin:26px 0}h1 em{font-family:Georgia,serif;font-weight:normal;color:var(--accent)}.lead{color:var(--muted);max-width:440px;font-size:18px}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 24px;border-radius:50px;background:var(--accent);color:#15121c;font-weight:bold;border:none;cursor:pointer}.button.secondary{background:transparent;border:1px solid #57515f;color:var(--text)}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.small{font-size:12px;color:var(--muted)}.visual{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#3b2c52 0%,#211a2b 45%,transparent 70%)}.phone{width:278px;border:6px solid #363439;border-radius:44px;padding:12px;background:#131316;box-shadow:0 30px 80px #0008;transform:rotate(5deg)}.island{width:80px;height:18px;border-radius:30px;background:#000;margin:0 auto 14px}.screen{background:#e2d8ca;border-radius:25px;overflow:hidden;position:relative;height:385px}.screen svg{width:100%;height:100%}.phone-label{font-size:12px;display:flex;justify-content:space-between;padding:16px 5px 9px}.floating{position:absolute;background:#232128;border:1px solid #51455e;border-radius:16px;padding:17px;box-shadow:0 15px 40px #0005;font-size:13px}.floating.one{left:0;bottom:90px}.floating.two{right:-5px;top:90px}.floating span{display:block;font-size:10px;letter-spacing:1px;color:var(--accent)}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 0;color:#c9c5d0;font-size:12px;letter-spacing:2px;text-transform:uppercase}section{padding:85px 0}h2{font-size:clamp(34px,4vw,50px);letter-spacing:-1.8px;line-height:1.15;margin:18px 0 25px}h3{font-size:21px;letter-spacing:-.5px}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.heading p{max-width:330px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.step{border-top:1px solid var(--line);padding-top:24px}.number{font-size:12px;color:var(--accent)}.step p{color:var(--muted);font-size:15px}.demo{display:grid;grid-template-columns:1.1fr 1fr;background:var(--card);border:1px solid var(--line);border-radius:26px;overflow:hidden}.demo-art{background:#cdbba7;position:relative;min-height:390px;display:flex;justify-content:center;align-items:center}.demo-art>svg{width:100%;height:390px}.demo-art .badge{position:absolute;left:20px;bottom:20px;border-radius:30px;background:#101012c9;padding:8px 13px;font-size:10px;letter-spacing:1px}.demo-controls{padding:44px}.demo-controls p{color:var(--muted);font-size:14px}.designs{display:flex;gap:10px;margin:25px 0}.designs button{background:#242329;color:var(--text);border:1px solid #4b4853;border-radius:30px;padding:10px 17px;cursor:pointer}.designs button[aria-pressed=true]{background:var(--accent);color:#19141f;border-color:var(--accent)}label{display:block;font-size:13px;margin-top:20px}input[type=range]{width:100%;accent-color:var(--accent);margin-top:12px}.faq{max-width:800px;margin:auto}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;font-size:17px}details p{color:var(--muted);font-size:15px}.launch{text-align:center;background:#1c1823;border:1px solid #3a3049;border-radius:26px;padding:65px 24px}.launch p{color:var(--muted);max-width:500px;margin:0 auto 25px}footer{border-top:1px solid var(--line);padding:35px 0}.footer-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-links{display:flex;flex-wrap:wrap;gap:25px;font-size:13px;color:var(--muted)}.bottom{margin-top:25px;font-size:11px;color:#85818d;display:flex;justify-content:space-between}.document{max-width:760px;padding:70px 0 100px}.document h1{font-size:52px;letter-spacing:-2px}.document p,.document li{color:var(--muted)}.notice{padding:22px;background:var(--card);border-left:3px solid var(--accent);margin:30px 0}.document a{color:var(--accent)}@media(max-width:800px){.wrap{padding:0 22px}nav{height:78px}.navlinks{gap:18px}.navlinks .button{display:none}.hero{grid-template-columns:1fr;padding-top:55px;gap:10px}h1{letter-spacing:-2.5px}.visual{min-height:480px}.floating.one{left:0}.floating.two{right:0}.ribbon{flex-wrap:wrap;font-size:10px;justify-content:center}.heading{display:block}.steps{grid-template-columns:1fr;gap:22px}section{padding:55px 0}.demo{grid-template-columns:1fr}.demo-controls{padding:28px}.footer-top{align-items:start;flex-direction:column}.bottom{flex-direction:column;gap:8px}.document h1{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
