:root{--bg:#f3f3f4;--surface:#ffffff;--ink:#18181b;--muted:#6b7280;--line:#e5e7eb;--accent:#111827;--shadow:0 12px 28px rgba(17,24,39,0.08);--radius-xl:22px;--radius-lg:14px;--radius-md:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Avenir Next,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}#features,#how-it-works,#privacy,#top{scroll-margin-top:92px}.page-shell{max-width:1280px;margin:22px auto;border:2px solid #d4d4d8;border-radius:var(--radius-xl);background:var(--bg);overflow:clip}.section{padding:48px clamp(18px,3vw,52px)}.section h2{font-size:clamp(2rem,3vw,2.9rem);margin:0 0 14px;letter-spacing:-.02em}.section-lead{color:var(--muted);max-width:760px;margin:0 auto 28px}.top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:40;transition:all .28s ease;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-nav[data-state=initial]{padding-top:0}.top-nav[data-state=scrolled]{background:rgba(255,255,255,.96);padding-top:0}.nav-shell{display:flex;justify-content:space-between;gap:16px;padding:14px clamp(18px,3vw,52px)}.brand,.nav-shell{align-items:center}.brand{display:inline-flex;text-decoration:none;color:var(--ink);line-height:1.1}.brand-logo{width:auto;height:34px;display:block}.desktop-nav{display:flex;gap:28px}.desktop-nav a{color:#3f3f46;text-decoration:none;font-weight:600;font-size:.93rem}.desktop-nav a:hover{color:var(--ink);transform:scale(1.04)}.nav-actions{display:flex;align-items:center;gap:12px}.github-pill{background:#111;color:#fff;border-radius:999px;padding:10px 16px;text-decoration:none;font-weight:700;font-size:.88rem}.github-pill:hover{transform:scale(1.03);background:#000}.menu-toggle{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:#fff;display:grid;grid-gap:4px;gap:4px;padding:10px}.menu-toggle span{display:block;height:2px;background:#222}.mobile-only{display:none}.mobile-menu{display:grid;grid-gap:10px;gap:10px;padding:0 22px 16px;border-top:1px solid var(--line);background:rgba(255,255,255,.95)}.mobile-menu[hidden]{display:none}.mobile-menu a{text-decoration:none;color:#27272a;font-weight:600;padding:6px 0}.hero{text-align:center;padding-top:68px}.badge{display:inline-flex;gap:8px;align-items:center;padding:7px 14px;border-radius:999px;background:#edf7ee;border:1px solid #d4e9d7;color:#355f39;font-size:.84rem;font-weight:700;animation:fadeInUp .5s ease both}.dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.hero h1{font-size:clamp(2.4rem,7vw,5.4rem);line-height:1.03;margin:20px auto 14px;max-width:760px;letter-spacing:-.04em}.hero h1 span{background:linear-gradient(90deg,#6b7280,#111827);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:720px;margin:0 auto;color:var(--muted);font-size:1.12rem}.hero-actions{margin-top:26px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{border-radius:12px;padding:13px 20px;text-decoration:none;font-weight:700;border:1px solid transparent;transition:transform .18s ease,background .18s ease}.btn:hover{transform:scale(1.03)}.btn-dark{background:#131313;color:#fff}.btn-light{background:#f6f6f7;border-color:#d4d4d8;color:#303036}.app-window{margin:34px auto 0;max-width:980px;border-radius:16px;overflow:hidden}.app-window img{width:100%;display:block;height:auto}.trust-strip{margin-top:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;text-align:center}.trust-item{display:grid;grid-gap:8px;gap:8px;place-items:center;color:#5f636b;font-weight:600;font-size:.83rem}.trust-item .icon{font-size:1.15rem}.trust-item .trust-logo{display:block;width:18px;height:18px}.features{background:#f5f5f6;text-align:center}.feature-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);text-align:left;padding:18px}.feature-card h3{margin:12px 0 9px;font-size:1.85rem;letter-spacing:-.02em}.feature-card p{margin:0;color:var(--muted);line-height:1.55}.feature-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:600}.blue .feature-icon{background:#e8f0ff;color:#3b82f6}.purple .feature-icon{background:#f1e8ff;color:#8b5cf6}.emerald .feature-icon{background:#e8f9ef;color:#10b981}.grey .feature-icon{background:#efefef;color:#52525b}.orange .feature-icon{background:#fff2e6;color:#f97316}.pink .feature-icon{background:#ffe8f5;color:#ec4899}.comparison{background:#fff;border-top:1px solid var(--line);text-align:center}.table-wrap{margin-top:24px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:15px 16px;border-bottom:1px solid #ececf1}th{background:#fafafa;font-weight:600}.yes{color:#16a34a}.no,.yes{font-weight:900;margin-right:6px}.no{color:#dc2626}.how-it-works{margin-top:16px;background:#101115;color:#f4f4f5;display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;border-top:1px solid #1f2937}.how-it-works p{color:#d4d4d8}.how-it-works ul{padding-left:1.1rem}.how-it-works li{margin-bottom:8px}.code-window{border:1px solid #2f3137;border-radius:14px;background:#16171d;overflow:hidden}.code-window .window-bar{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:#1f2024;border-bottom:1px solid #2b2d32}.code-window .traffic{width:10px;height:10px;border-radius:999px}.code-window .red{background:#f87171}.code-window .yellow{background:#facc15}.code-window .green{background:#4ade80}.code-window pre{margin:0;padding:16px;color:#e4e4e7;font-size:.9rem;line-height:1.45;overflow:auto}.code-window small{color:#9ca3af;font-weight:700}.privacy{background:linear-gradient(180deg,#f7f9ff,#eef3ff);border-top:1px solid #dbe3f7;border-bottom:1px solid #dbe3f7}.privacy,.privacy h2{text-align:center}.privacy-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.privacy-card{background:rgba(255,255,255,.88);border:1px solid #d9e1f5;border-radius:var(--radius-lg);padding:18px;text-align:left}.privacy-card h3{margin:0 0 8px;font-size:1.18rem;letter-spacing:-.01em}.privacy-card p{margin:0;color:#4b5563;line-height:1.55}.privacy-footnote{margin:18px 0 0;color:#5b6472;font-size:.92rem}.bottom-cta{text-align:center;padding-top:60px;padding-bottom:60px}.bottom-cta p{color:var(--muted);max-width:700px;margin:0 auto}.bottom-cta small{display:block;margin-top:14px;color:#8b8f98}.footer{border-top:1px solid var(--line);background:#f8f8f9}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-gap:24px;gap:24px}.footer-grid h3,.footer-grid h4{margin:0 0 8px}.footer-logo{display:block;width:auto;height:30px;margin-bottom:10px}.footer-grid p{margin:0 0 6px;color:#666a73}.footer-grid p a{display:inline;margin:0}.footer-grid a{display:block;text-decoration:none;color:#3f3f46;margin-bottom:8px}.footer-bottom{margin-top:30px;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;color:#8a8f98;font-size:.92rem}.footer-disclaimer{margin:12px 0 0;color:#9ca3af;font-size:.76rem;line-height:1.4}a:focus-visible,button:focus-visible{outline:3px solid #111827;outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.desktop-nav,.desktop-only{display:none}.mobile-only{display:inline-grid}.feature-grid,.privacy-grid{grid-template-columns:1fr 1fr}.how-it-works{grid-template-columns:1fr}}@media (max-width:720px){.page-shell{margin:0;border-radius:0;border-left:0;border-right:0}.trust-strip{grid-template-columns:1fr 1fr}.feature-grid,.footer-grid,.privacy-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px}.hero{padding-top:44px}}