:root{--bg:#0a0a0a;--bg-elevated:#141414;--text:#b4b4b4;--text-dim:#8a8a8a;--text-bright:#e8e8e8;--border:#222;--accent:#6b8afd;--accent-dim:#6b8afd26;--font:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--text);font:16px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);margin:0}#root{padding:80px 40px 120px}.page-layout{grid-template-columns:minmax(0,720px) auto;align-items:start;gap:80px;display:grid}.main-content{text-align:left;min-width:0}.side-screenshots{flex-flow:row;justify-content:center;gap:24px;padding-top:40px;display:flex;position:sticky;top:80px}.phone-frame{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:44px;padding:10px;transition:transform .3s;position:relative;box-shadow:0 0 0 1px #ffffff0f,0 32px 80px #000000b3,0 8px 24px #0006}.phone-frame:first-child{z-index:3;transform:translateY(-20px)rotate(-3deg)}.phone-frame:nth-child(2){z-index:2;transform:translateY(10px)rotate(2deg)}.phone-frame:nth-child(3){z-index:1;transform:translateY(-10px)rotate(-1deg)}.phone-frame:hover{z-index:10;transform:translateY(-8px)rotate(0)scale(1.02)}.screenshot{background:#000;border-radius:34px;width:280px;display:block}@media (width<=1100px){.phone-frame:nth-child(3){display:none}}.mobile-screenshots{display:none}@media (width<=960px){.page-layout{grid-template-columns:1fr;gap:48px}.side-screenshots{display:none}.mobile-screenshots{flex-flow:row;justify-content:center;gap:16px;margin:48px 0;padding-bottom:8px;display:flex;overflow-x:auto}.mobile-screenshots .phone-frame:first-child,.mobile-screenshots .phone-frame:nth-child(2),.mobile-screenshots .phone-frame:nth-child(3){flex-shrink:0;transform:none}.phone-frame:hover{transform:translateY(-4px)scale(1.02)}.screenshot{width:220px}}@media (width<=600px){#root{padding:40px 16px 64px}.phone-frame{border-radius:32px;padding:8px}.screenshot{border-radius:24px;width:160px}}h1,h2,h3{font-family:var(--font);color:var(--text-bright);letter-spacing:0;margin:0;font-weight:400;line-height:1.2}h1{margin-bottom:20px;font-size:2.6rem;line-height:1.1}h2{border-bottom:1px solid var(--border);margin-top:64px;margin-bottom:16px;padding-bottom:8px;font-size:1.25rem}h3{color:var(--text-bright);margin-top:32px;margin-bottom:8px;font-size:1.05rem}p{margin:0 0 16px}a{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}a:hover{border-bottom-color:var(--accent)}ul{margin:0 0 16px;padding-left:20px}li{margin-bottom:6px}.muted{color:var(--text-dim)}.small{font-size:.85rem}.divider{background:var(--border);border:none;height:1px;margin:56px 0}.feature{margin-bottom:32px}.feature p:last-child{margin-bottom:0}.header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:80px;display:flex}.logo{font-family:var(--font);color:var(--text-bright);letter-spacing:-.02em;font-size:1rem}.nav-links{font-family:var(--font);font-size:.85rem}.nav-links a{color:var(--text-dim);border-bottom:none;margin-left:20px}.nav-links a:hover{color:var(--text)}.hero{margin-bottom:48px}.hero p{color:var(--text);font-size:1.15rem;line-height:1.6}.primary-cta{border:1px solid var(--accent);background:var(--accent);color:#050505;min-height:44px;font-family:var(--font);border-radius:8px;justify-content:center;align-items:center;margin-top:10px;padding:0 18px;font-size:.9rem;line-height:1;display:inline-flex}.primary-cta:hover{border-color:var(--accent)}.hero-meta{font-family:var(--font);color:var(--text-dim);flex-wrap:wrap;gap:6px;margin-top:28px;font-size:.8rem;display:flex}.hero-meta span:after{content:"·";color:var(--border);margin-left:6px}.hero-meta span:last-child:after{content:none}.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.benefit-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;padding:18px}.benefit-card h3{margin-top:0}.benefit-card p{margin-bottom:0}@media (width<=720px){.benefit-grid{grid-template-columns:1fr}}.footer{border-top:1px solid var(--border);color:var(--text-dim);font-size:.8rem;font-family:var(--font);margin-top:80px;padding-top:32px}