:root{--bg:#f7f9ff;--ink:#121827;--muted:#667085;--line:#e5e9f5;--brand:#635bff;--brand2:#22c7b8;--card:#ffffff;--dark:#101828;--soft:#eef3ff;--warn:#ffb020}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 20% 0%,#e9efff 0,#f7f9ff 36%,#fff 100%);color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92vw);margin:auto}.nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,233,245,.8)}.navin{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo{display:flex;gap:10px;align-items:center;font-weight:900;letter-spacing:-.03em}.mark{width:36px;height:36px;border-radius:13px;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 12px 28px rgba(99,91,255,.28)}.links{display:flex;gap:22px;align-items:center;color:#475467;font-size:14px}.links a:hover{color:var(--brand)}.btn{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);padding:12px 18px;border-radius:999px;font-weight:750;background:white;box-shadow:0 10px 26px rgba(16,24,40,.06)}.btn.primary{background:linear-gradient(135deg,var(--brand),#835cff);color:white;border-color:transparent}.hero{padding:84px 0 50px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.eyebrow{display:inline-flex;gap:10px;align-items:center;border:1px solid #dce4ff;background:#fff;border-radius:999px;padding:8px 12px;color:#344054;font-size:13px;font-weight:700}.eyebrow b{color:var(--brand)}h1{font-size:clamp(44px,6vw,82px);line-height:.96;letter-spacing:-.07em;margin:22px 0 18px}.lead{font-size:19px;color:#475467;max-width:650px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.phone-stage{position:relative;min-height:560px}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.75}.orb.one{width:220px;height:220px;background:#dfe7ff;right:40px;top:5px}.orb.two{width:180px;height:180px;background:#c9fff7;left:10px;bottom:60px}.device{position:absolute;right:64px;top:20px;width:310px;min-height:540px;border-radius:42px;background:#101828;padding:14px;box-shadow:0 36px 100px rgba(16,24,40,.28);transform:rotate(3deg)}.screen{border-radius:32px;background:linear-gradient(180deg,#fff,#f3f6ff);min-height:512px;padding:18px;overflow:hidden}.screen-top{display:flex;justify-content:space-between;align-items:center}.pill{border-radius:999px;background:#eef3ff;color:#344054;padding:6px 10px;font-size:12px;font-weight:800}.chart{height:150px;margin:20px 0;border-radius:24px;background:linear-gradient(135deg,#eef3ff,#fff);position:relative;border:1px solid #e1e6f6}.chart:before{content:"";position:absolute;inset:30px 18px 36px;border-bottom:4px solid var(--brand);border-right:4px solid var(--brand);border-radius:0 0 18px 0;transform:skewY(-12deg)}.coin-row{display:grid;gap:10px}.coin{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid #edf1fa;border-radius:18px;padding:12px;box-shadow:0 8px 18px rgba(16,24,40,.04)}.float{position:absolute;background:#fff;border:1px solid #edf1fa;border-radius:24px;padding:16px;box-shadow:0 18px 48px rgba(16,24,40,.12)}.float.a{left:5px;top:92px;width:210px}.float.b{right:0;bottom:70px;width:230px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 70px}.metric{background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:24px;padding:22px}.metric strong{font-size:28px;display:block;letter-spacing:-.04em}.metric span{color:var(--muted);font-size:13px}.section{padding:72px 0}.section.alt{background:linear-gradient(180deg,#fff,#f7f9ff)}.section h2{font-size:clamp(32px,4vw,54px);line-height:1.03;letter-spacing:-.055em;margin:0 0 14px}.section p.sub{color:#667085;max-width:760px;font-size:18px}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:0 20px 60px rgba(16,24,40,.06)}.feature-lane{display:grid;gap:16px}.lane{display:grid;grid-template-columns:60px 1fr;gap:16px;padding:20px;border-radius:26px;background:#fff;border:1px solid var(--line)}.icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#eef3ff,#d9fff9);display:grid;place-items:center;font-weight:900;color:var(--brand)}.app-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.console{background:#101828;color:white;border-radius:30px;padding:24px;min-height:350px;box-shadow:0 26px 70px rgba(16,24,40,.16)}.console small{color:#aab4c3}.console-line{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}.masonry{columns:3 260px;column-gap:18px}.masonry article{break-inside:avoid;background:white;border:1px solid var(--line);border-radius:28px;padding:24px;margin:0 0 18px}.tag{display:inline-flex;border-radius:999px;background:#eef3ff;color:#4b44d6;padding:6px 10px;font-size:12px;font-weight:800}.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq details{background:white;border:1px solid var(--line);border-radius:22px;padding:18px}.footer{background:#101828;color:#d0d5dd;padding:50px 0;margin-top:40px}.footer a{color:white}.page-hero{padding:64px 0 34px}.crumb{font-size:13px;color:#667085}.content{background:white;border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:0 16px 44px rgba(16,24,40,.05)}.article-body h2{margin-top:34px;font-size:28px}.article-body p{color:#344054}.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{background:white;border:1px solid var(--line);border-radius:26px;padding:24px}.reserved{border:1px dashed #b7c1d6;background:#fbfcff}.code{white-space:pre-wrap;background:#111827;color:#e5e7eb;padding:22px;border-radius:20px;overflow:auto;font-size:13px}@media(max-width:860px){.hero-grid,.split,.app-grid{grid-template-columns:1fr}.links{display:none}.phone-stage{min-height:500px}.device{right:20px}.metrics,.faq,.article-list{grid-template-columns:1fr}.masonry{columns:1}h1{font-size:46px}}