*{margin:0;padding:0;box-sizing:border-box}:root{--transition-theme: background .3s, color .3s, border-color .3s, box-shadow .3s}[data-theme=dark]{--bg: #0a0a0a;--bg-surface: rgba(255,255,255,.03);--bg-surface-hover: rgba(255,255,255,.06);--bg-header: rgba(10,10,10,.8);--border: rgba(255,255,255,.06);--border-hover: rgba(255,255,255,.1);--text-primary: #fff;--text-body: #e0e0e0;--text-muted: #888;--text-faint: #666;--text-faintest: #555;--logo-text: #fff;--nav-link: #888;--nav-link-hover: #fff;--cta-bg: #fff;--cta-text: #0a0a0a;--cta-bg-hover: #e0e0e0;--secondary-bg: rgba(255,255,255,.06);--secondary-text: #ccc;--secondary-border: rgba(255,255,255,.1);--secondary-bg-hover: rgba(255,255,255,.1);--secondary-text-hover: #fff;--badge-bg: rgba(79,70,229,.1);--badge-border: rgba(79,70,229,.2);--badge-text: #a5b4fc;--hero-glow: rgba(79,70,229,.08);--hero-glow-outer: rgba(124,58,237,.04);--screenshot-bg: #141414;--screenshot-border: rgba(255,255,255,.08);--screenshot-shadow: 0 24px 80px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.05);--screenshot-fade: #0a0a0a;--feature-icon-bg: rgba(79,70,229,.15);--feature-icon-fill: #a5b4fc;--feature-card-text: #777;--comparison-header-bg: rgba(255,255,255,.05);--comparison-header-text: #aaa;--comparison-feature: #ccc;--comparison-border: rgba(255,255,255,.05);--footer-text: #555;--toggle-bg: rgba(255,255,255,.1);--toggle-hover: rgba(255,255,255,.15);--toggle-icon-color: #ccc;--mock-bg: #0f0f0f;--mock-sidebar: #141414;--mock-sidebar-border: #1e1e1e;--mock-input: #1a1a1a;--mock-item-active: #1e1e1e;--mock-text-primary: #ccc;--mock-text-secondary: #888;--mock-text-placeholder: #555;--mock-text-heading: #fff;--mock-text-label: #ddd;--mock-collection-bg: #161616;--mock-collection-border: #1e1e1e;--mock-favicon: #2a2a2a;--mock-title: #ccc;--mock-url: #444;--mock-user-avatar: #2a2a2a;--mock-user-text: #666;--mock-count: #555}[data-theme=light]{--bg: #ffffff;--bg-surface: rgba(0,0,0,.03);--bg-surface-hover: rgba(0,0,0,.06);--bg-header: rgba(255,255,255,.85);--border: rgba(0,0,0,.08);--border-hover: rgba(0,0,0,.15);--text-primary: #1a1a1a;--text-body: #333;--text-muted: #666;--text-faint: #888;--text-faintest: #aaa;--logo-text: #1a1a1a;--nav-link: #666;--nav-link-hover: #1a1a1a;--cta-bg: #1a1a1a;--cta-text: #fff;--cta-bg-hover: #333;--secondary-bg: rgba(0,0,0,.04);--secondary-text: #555;--secondary-border: rgba(0,0,0,.12);--secondary-bg-hover: rgba(0,0,0,.08);--secondary-text-hover: #1a1a1a;--badge-bg: rgba(79,70,229,.08);--badge-border: rgba(79,70,229,.18);--badge-text: #4f46e5;--hero-glow: rgba(79,70,229,.06);--hero-glow-outer: rgba(124,58,237,.03);--screenshot-bg: #f5f5f5;--screenshot-border: rgba(0,0,0,.1);--screenshot-shadow: 0 24px 80px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.06);--screenshot-fade: #ffffff;--feature-icon-bg: rgba(79,70,229,.1);--feature-icon-fill: #4f46e5;--feature-card-text: #666;--comparison-header-bg: rgba(0,0,0,.04);--comparison-header-text: #888;--comparison-feature: #444;--comparison-border: rgba(0,0,0,.06);--footer-text: #999;--toggle-bg: rgba(0,0,0,.06);--toggle-hover: rgba(0,0,0,.1);--toggle-icon-color: #555;--mock-bg: #f0f0f0;--mock-sidebar: #f7f7f7;--mock-sidebar-border: #e5e5e5;--mock-input: #ebebeb;--mock-item-active: #e8e8e8;--mock-text-primary: #444;--mock-text-secondary: #999;--mock-text-placeholder: #bbb;--mock-text-heading: #1a1a1a;--mock-text-label: #333;--mock-collection-bg: #fafafa;--mock-collection-border: #e5e5e5;--mock-favicon: #ddd;--mock-title: #333;--mock-url: #bbb;--mock-user-avatar: #ddd;--mock-user-text: #999;--mock-count: #aaa}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-body);background:var(--bg);transition:var(--transition-theme)}.container{max-width:1200px;margin:0 auto;padding:0 24px}header{padding:20px 0;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;background:var(--bg-header);transition:var(--transition-theme)}header .container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;color:var(--logo-text);text-decoration:none}.logo svg{width:28px;height:28px}.header-right{display:flex;align-items:center;gap:16px}nav{display:flex;gap:32px}nav a{color:var(--nav-link);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}nav a:hover{color:var(--nav-link-hover)}.nav-active{color:var(--nav-link-hover)!important}.theme-toggle{width:36px;height:36px;border-radius:8px;border:none;background:var(--toggle-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;color:var(--toggle-icon-color)}.theme-toggle:hover{background:var(--toggle-hover)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-moon{display:none}.cta-button{background:var(--cta-bg);color:var(--cta-text);padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.cta-button .chrome-logo{width:18px;height:18px;flex-shrink:0}.cta-button:hover{background:var(--cta-bg-hover);transform:translateY(-1px)}.hero{padding:100px 0 60px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse at center,var(--hero-glow) 0%,var(--hero-glow-outer) 40%,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--badge-text);padding:6px 16px;border-radius:100px;font-size:13px;font-weight:500;margin-bottom:28px}.hero-badge span{width:6px;height:6px;background:#22c55e;border-radius:50%}.hero h1{font-size:56px;font-weight:700;color:var(--text-primary);margin-bottom:20px;letter-spacing:-1.5px;line-height:1.1}.hero h1 .gradient-text{background:linear-gradient(135deg,#f3b01c,#ee342f,#8d2676);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:18px;color:var(--text-muted);max-width:540px;margin:0 auto 40px;line-height:1.7}.hero-buttons{display:flex;gap:12px;justify-content:center}.hero-buttons .cta-button{padding:14px 28px;font-size:15px}.hero-buttons .secondary-button{background:var(--secondary-bg);color:var(--secondary-text);border:1px solid var(--secondary-border);padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:500;font-size:15px;transition:all .2s}.hero-buttons .secondary-button:hover{background:var(--secondary-bg-hover);color:var(--secondary-text-hover)}.screenshot-section{padding:40px 0 80px;position:relative}.screenshot-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,var(--screenshot-fade),transparent);pointer-events:none}.screenshot-container{max-width:960px;margin:0 auto}.screenshot{background:var(--screenshot-bg);border-radius:16px;border:1px solid var(--screenshot-border);box-shadow:var(--screenshot-shadow);overflow:hidden;transition:var(--transition-theme)}.screenshot svg{width:100%;display:block}.features{padding:80px 0}.features h2{font-size:36px;font-weight:700;text-align:center;margin-bottom:12px;color:var(--text-primary);letter-spacing:-.5px}.features-subtitle{text-align:center;color:var(--text-faint);margin-bottom:60px;font-size:17px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:28px;border-radius:14px;background:var(--bg-surface);border:1px solid var(--border);transition:all .25s ease}.feature-card:hover{background:var(--bg-surface-hover);border-color:var(--border-hover);transform:translateY(-2px)}.feature-icon{width:40px;height:40px;background:var(--feature-icon-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.feature-icon svg{width:20px;height:20px;fill:var(--feature-icon-fill)}.feature-card h3{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.feature-card p{color:var(--feature-card-text);font-size:14px;line-height:1.6}.comparison{padding:80px 0}.comparison h2{font-size:36px;font-weight:700;text-align:center;margin-bottom:12px;color:var(--text-primary);letter-spacing:-.5px}.comparison-subtitle{text-align:center;color:var(--text-faint);margin-bottom:48px;font-size:17px}.comparison-table{max-width:700px;margin:0 auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:var(--transition-theme)}.comparison-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;padding:14px 24px;border-bottom:1px solid var(--comparison-border);font-size:14px}.comparison-row:last-child{border-bottom:none}.comparison-row.header{background:var(--comparison-header-bg);color:var(--comparison-header-text);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.comparison-row .check{color:#22c55e}.comparison-row .cross{color:var(--text-faintest)}.comparison-row .feature-name{color:var(--comparison-feature)}.comparison-row .price-highlight{color:#22c55e;font-weight:600}.comparison-row .price-other{color:var(--text-muted)}.cta-section{padding:100px 0;text-align:center;position:relative}.cta-section:before{content:"";position:absolute;bottom:50px;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse at center,var(--hero-glow) 0%,transparent 70%);pointer-events:none}.cta-section h2{font-size:40px;font-weight:700;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.5px}.cta-section p{font-size:17px;color:var(--text-faint);margin-bottom:32px}.cta-section .cta-button{padding:14px 32px;font-size:15px}footer{padding:32px 0;border-top:1px solid var(--border);text-align:center;color:var(--footer-text);font-size:13px;transition:var(--transition-theme)}footer .container{display:flex;align-items:center;justify-content:space-between}footer nav{display:flex;align-items:center;gap:24px}footer a,footer nav a{color:#888;text-decoration:none;font-size:13px}footer a:hover,footer nav a:hover{color:var(--nav-link-hover)}.container--narrow{max-width:720px}.policy-content{padding:60px 0 100px}.policy-content h1{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.5px}.policy-updated{color:var(--text-muted);font-size:14px;margin-bottom:40px}.policy-content h2{font-size:20px;font-weight:600;color:var(--text-primary);margin-top:40px;margin-bottom:12px}.policy-content p,.policy-content li{color:var(--text-muted);margin-bottom:8px}.policy-content p{margin-bottom:16px}.policy-content ul{margin:12px 0 16px 24px}.policy-content li strong{color:var(--text-body)}.policy-content a{color:#a5b4fc}.policy-content table{width:100%;border-collapse:collapse;margin:16px 0}.policy-content th,.policy-content td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);font-size:14px}.policy-content th{color:var(--text-muted);font-weight:600}.policy-content td{color:var(--text-body)}.policy-content code{background:var(--bg-surface);padding:2px 6px;border-radius:4px;font-size:13px}@media(max-width:768px){.hero h1{font-size:36px}.hero p{font-size:16px}.features-grid{grid-template-columns:1fr}.comparison-row{grid-template-columns:1fr;text-align:center;gap:4px}.comparison-row.header{display:none}nav{display:none}.hero-buttons{flex-direction:column;align-items:center}}