:root{--primary:#0b1e3a;--secondary:#5e6f88;--tertiary:#1976d2;--neutral:#f5f8fc;--surface:#fff;--on-primary:#fff;--hairline:#d9e1ec;--rounded-sm:2px;--rounded-md:4px;--rounded-lg:8px;--space-sm:8px;--space-md:16px;--space-lg:32px;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--neutral);color:var(--primary);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:.95rem;line-height:1.6}.page{max-width:880px;padding:var(--space-md) var(--space-md) 80px;margin:0 auto}.nav{padding:var(--space-md) 0;border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;margin-bottom:72px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:600;display:flex}.brand-mark{border-radius:var(--rounded-md);background:var(--primary);width:22px;height:22px;color:var(--on-primary);justify-content:center;align-items:center;font-size:12px;display:inline-flex}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);font-size:.72rem;font-weight:600}.hero{text-align:center;margin-bottom:80px}.display{letter-spacing:-.02em;margin:var(--space-md) auto;max-width:720px;font-size:3.5rem;font-weight:500;line-height:1.08}.lede{color:var(--secondary);max-width:560px;margin:0 auto var(--space-lg);font-size:1.05rem}.install{gap:var(--space-sm);max-width:460px;margin:0 auto var(--space-md);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--rounded-md);align-items:center;padding:4px 4px 4px 14px;display:flex}.install input{font-family:var(--mono);color:var(--primary);background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:.95rem}.btn{font-family:var(--font);border:1px solid var(--hairline);border-radius:var(--rounded-md);cursor:pointer;background:var(--surface);color:var(--primary);align-items:center;gap:var(--space-sm);padding:12px 20px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--tertiary);color:var(--on-primary);border-color:var(--tertiary)}.btn-copy{justify-content:center;min-width:88px;padding:10px 16px}.hero-actions{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.hint{color:var(--secondary);margin-top:var(--space-md);font-size:.85rem}.section{margin-bottom:80px}.h1{letter-spacing:-.01em;margin:var(--space-sm) 0 var(--space-md);font-size:1.9rem;font-weight:500;line-height:1.2}.cards{background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--rounded-lg);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.card{background:var(--surface);color:var(--primary);padding:24px}.card h3{margin:0 0 var(--space-sm);font-size:1rem;font-weight:600}.card p{color:var(--secondary);margin:0;font-size:.9rem}.compare{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--rounded-lg);padding:0 24px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--hairline);vertical-align:top;padding:14px 8px}tr:last-child td{border-bottom:0}th{letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);font-size:.72rem;font-weight:600}th.col-us{color:var(--tertiary)}td.yes{color:var(--primary);font-weight:500}td.no{color:var(--secondary)}.footer{color:var(--secondary);text-align:center;padding-top:var(--space-lg);border-top:1px solid var(--hairline);font-size:.85rem}@media (width<=720px){.display{font-size:2.4rem}.cards{grid-template-columns:1fr}.nav{margin-bottom:40px}}
