:root{--accent-light: #f5f5f7;--accent: #2f3033;--accent-dark: #161719;--accent-soft: rgba(0, 0, 0, .045);--bg: #f5f5f7;--bg-elev: #ffffff;--text: #1d1d1f;--text-soft: #424245;--muted: #6e6e73;--line: rgba(0, 0, 0, .1);--line-soft: rgba(0, 0, 0, .06);--brand: var(--accent);--brand-hover: var(--accent-dark);--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 12px 32px rgba(0, 0, 0, .06)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-hover);text-decoration:underline}.page-shell{min-height:100svh;padding:24px}.panel{max-width:720px;margin:56px auto;padding:0 24px;background:transparent;border:none;box-shadow:none}.kicker{display:inline-block;color:var(--brand);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}h1,h2,h3{margin:0;line-height:1.2;color:var(--text);letter-spacing:-.015em;font-weight:600}h1{font-size:clamp(2rem,4vw,3rem);margin-top:14px;letter-spacing:-.025em;font-weight:700}h2{font-size:1.25rem;margin-top:36px}h3{font-size:1rem;margin-top:28px}p,li{color:var(--text-soft);line-height:1.65;font-size:1rem}ul{margin:8px 0 0;padding-left:20px}code{background:#0000000d;border-radius:4px;padding:1px 6px;font-size:.88em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--text)}.meta{margin-top:8px;font-size:.95rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.btn{display:inline-flex;align-items:center;border-radius:980px;padding:10px 22px;border:1px solid transparent;text-decoration:none;font-weight:500;font-size:.95rem;transition:background .15s,border-color .15s,color .15s}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.btn-secondary{background:transparent;color:var(--text);border-color:var(--line)}.btn-secondary:hover{background:#0000000a;color:var(--text)}.section{margin-top:24px}.small{font-size:.88rem}.footer.small{margin-top:48px;padding-top:20px;border-top:1px solid var(--line-soft);color:var(--muted)}.footer a{color:var(--muted)}.footer a:hover{color:var(--text)}.hero{max-width:720px;margin:80px auto 0;text-align:center;padding:0 24px}.hero-logo{width:88px;height:88px;margin-bottom:28px;filter:grayscale(1) saturate(.08) contrast(1.04) drop-shadow(0 8px 24px rgba(0,0,0,.12))}.hero h1{font-size:clamp(2.4rem,5vw,3.6rem);margin:0;line-height:1.05;letter-spacing:-.03em;font-weight:700}.hero-sub{margin:18px auto 0;max-width:560px;font-size:1.15rem;color:var(--muted);line-height:1.55}.hero .actions{justify-content:center;margin-top:32px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));column-gap:32px;row-gap:0;max-width:920px;margin:96px auto 0;padding:0 24px}.feature{padding:24px 0;border-top:1px solid var(--line-soft)}.feature h3{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 6px}.feature p{font-size:.95rem;color:var(--muted);margin:0;line-height:1.55}kbd{background:#0000000f;border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:.85em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--text)}.showcase{max-width:1080px;margin:96px auto 0;padding:0 24px;text-align:center}.showcase-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 24px}.showcase-frame{border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--bg-elev);margin-top:28px}.showcase-frame img{display:block;width:100%;height:auto}.showcase-popups{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.popup-shot{border-radius:10px;border:1px solid var(--line);box-shadow:0 4px 12px #0000000f;width:220px;height:auto;background:var(--bg-elev)}.pro{max-width:980px;margin:96px auto 0;padding:0 24px}.pro-copy{max-width:680px}.pro h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-top:12px;letter-spacing:-.02em;font-weight:700}.pro-note,.pro-links{color:var(--muted);font-size:.9rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:36px}.price-card{display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 1px 2px #0000000a}.price-card-featured{border-color:#0000002e;box-shadow:0 1px 2px #0000000a,0 14px 34px #00000014}.price-card h3{font-size:1.05rem;margin:0}.price{margin:12px 0 0;color:var(--text);font-size:2.4rem;font-weight:700;letter-spacing:-.02em;line-height:1}.price-meta{margin:8px 0 0;font-size:.92rem;line-height:1.5;color:var(--muted)}.price-card ul{margin:0;padding-left:18px}.price-card li{font-size:.92rem;line-height:1.65;color:var(--text-soft)}.price-card .btn{align-self:flex-start}.pro-links{margin-top:18px}.site-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;max-width:920px;margin:96px auto 32px;padding:24px 24px 0;border-top:1px solid var(--line-soft);font-size:.88rem;color:var(--muted)}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--text);text-decoration:none}.footer-links{display:flex;gap:20px}@media(max-width:640px){.page-shell{padding:0}.hero{margin-top:56px}.panel{margin:24px auto;padding:0 20px}.site-footer{flex-direction:column;text-align:center}}
