:root{--text:#1f2933;--muted:#6b7280;--bg:#f7f8fa;--card:#fff;--border:#e3e6ea;--accent:#2563eb;--accent-hover:#1d4ed8;--error:#b91c1c;--success:#15803d;color:var(--text);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}input,button{font:inherit}a{color:var(--accent)}.landing{color:var(--text)}.container{max-width:960px;margin:0 auto;padding:0 20px}.topnav{justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;padding:18px 20px;display:flex}.topnav a{color:var(--accent);font-weight:500;text-decoration:none}.topnav a.brand{color:var(--text);align-items:center;gap:9px;display:inline-flex}.brand-mark{flex-shrink:0;display:block}.brand-name{letter-spacing:-.02em;font-size:20px;font-weight:700}.topnav-links{align-items:center;gap:20px;display:flex}.hero{background:linear-gradient(180deg, #eef2ff 0%, var(--bg) 100%);padding:44px 20px 52px}.hero-inner{align-items:center;gap:48px;max-width:1080px;margin:0 auto;display:flex}.hero-copy{flex:50%}.hero-preview{flex:50%;justify-content:center;display:flex}@media (width<=900px){.hero-inner{text-align:center;flex-direction:column;gap:32px}}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:12px;font-size:13px;font-weight:600}.hero-copy h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(30px,4vw,44px);line-height:1.1}.lede{color:var(--muted);max-width:540px;margin:0 0 24px;font-size:18px}.hero-form{max-width:540px;margin:0}.hero-form input{padding:14px 16px}.hero-form button{white-space:nowrap;padding:14px 22px;font-weight:600}@media (width<=900px){.lede,.hero-form{margin-left:auto;margin-right:auto}}.trust-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--card)}.trust-inner{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 28px;padding-top:14px;padding-bottom:14px;font-size:13px;display:flex}.trust-inner span:before{content:"✓ ";color:var(--success);font-weight:700}.sample-report{background:var(--card);border:1px solid var(--border);text-align:left;border-radius:12px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 12px 32px #0f172a1a}.sample-report-head{border-bottom:1px solid var(--border);background:#f7f8fa;align-items:center;gap:6px;padding:10px 14px;display:flex}.sample-dot{background:#d1d5db;border-radius:50%;width:10px;height:10px}.sample-url{color:var(--muted);margin-left:8px;font-size:13px}.sample-report-body{padding:16px}.sample-summary{margin:0 0 14px;font-size:15px}.sample-report-body ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.sample-report-body li{align-items:center;gap:8px;font-size:13px;display:flex}.sample-rule{flex:1}.sample-report-body li .muted{white-space:nowrap;font-size:12px}.hero-stack{justify-content:center;width:100%;max-width:440px;display:flex;position:relative}.hero-stack .sample-report{z-index:2;position:relative}.sample-statement{z-index:1;background:var(--card);border:1px solid var(--border);text-align:left;border-radius:10px;width:218px;padding:16px 16px 14px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;position:absolute;top:-52px;right:-22px;transform:rotate(4deg);box-shadow:0 8px 24px #0f172a1f}.hero-stack:hover .sample-statement{transform:translate(14px,-48px)rotate(5deg)scale(1.03);box-shadow:0 24px 50px #0f172a38}@media (prefers-reduced-motion:reduce){.sample-statement{transition:none}}.sample-statement-kicker{text-transform:uppercase;letter-spacing:.07em;color:#6b7280;margin:0;font-size:11px}.sample-statement-site{margin:2px 0 10px;font-size:14px;font-weight:600}.sample-statement-status{color:#92400e;background:#fef3c7;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.sample-statement-lines{flex-direction:column;gap:7px;margin:14px 0 12px;display:flex}.sample-statement-lines span{background:#e5e7eb;border-radius:4px;height:7px}.sample-statement-lines span:first-child{width:96%}.sample-statement-lines span:nth-child(2){width:100%}.sample-statement-lines span:nth-child(3){width:88%}.sample-statement-lines span:nth-child(4){width:97%}.sample-statement-lines span:nth-child(5){width:68%}.sample-statement-date{color:#6b7280;margin:0;font-size:11px}@media (width<=900px){.sample-statement{display:none}}.scan-status .dots span{animation:1.4s infinite both dot-blink}.scan-status .dots span:nth-child(2){animation-delay:.2s}.scan-status .dots span:nth-child(3){animation-delay:.4s}@keyframes dot-blink{0%,80%,to{opacity:.2}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.scan-status .dots span{opacity:.6;animation:none}}.why,.features{padding:52px 0}.why{background:var(--bg)}.why h2,.features h2{text-align:center;margin-bottom:28px;font-size:28px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:36px;display:grid}@media (width<=760px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:12px;padding:20px 16px}.stat-num{color:var(--accent);margin-bottom:8px;font-size:24px;font-weight:700;display:block}.stat-label{color:var(--muted);font-size:14px;line-height:1.4}.prose{max-width:680px;margin:0 auto}.prose p{margin-bottom:16px;line-height:1.65}.fineprint{color:var(--muted);border-top:1px solid var(--border);padding-top:16px;font-size:14px}.features{background:#f0f3f8}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}@media (width<=760px){.feature-grid{grid-template-columns:1fr}}.feature{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:22px}.feature h3{margin:0 0 8px;font-size:17px}.feature p{color:var(--muted);margin:0;line-height:1.6}.center{text-align:center}button.big{padding:14px 28px;font-size:17px;font-weight:600}.result.cta{border-color:var(--accent-hover);background:#eef2ff}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;max-width:420px;margin:12vh auto;padding:32px;box-shadow:0 4px 20px #0000000a}.card h1{margin:0 0 8px;font-size:24px}.app-bar{background:var(--card);border-bottom:1px solid var(--border)}.app-bar-inner{align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;display:flex}.app-bar .brand{color:var(--text);text-decoration:none}.app-bar-email{margin-left:auto;font-size:14px}.dashboard{max-width:960px;margin:0 auto;padding:28px 20px 56px}.dashboard>section,.dashboard>.pricing{margin-top:36px}.dashboard h2{margin:0 0 12px;font-size:20px}form{flex-wrap:wrap;gap:8px;display:flex}.card form{flex-direction:column}input:not([type=checkbox]):not([type=radio]){border:1px solid var(--border);border-radius:8px;flex:1;min-width:200px;padding:10px 12px}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 18px}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.6;cursor:default}button.link{color:var(--accent);background:0 0;padding:0}button.link.danger{color:#b42318}.account-settings{border-top:1px solid var(--border);margin-top:36px;padding-top:20px}.account-settings h2{margin:0 0 12px;font-size:16px}.account-settings h3{margin:0 0 10px;font-size:14px}.change-email{margin-bottom:24px}.change-email .muted{margin:0 0 8px;font-size:13px}.change-email-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.change-email-row input{flex:240px;min-width:0}.notify-block{border-top:1px solid var(--border);padding-top:20px}.notify-toggle{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:9px 14px;font-size:14px;display:flex}.notify-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex:none}.account-settings .muted{margin:8px 0 0;font-size:13px}.statement-jurisdiction{flex-direction:column;gap:6px;margin-bottom:4px;font-size:14px;display:flex}.statement-jurisdiction select{width:100%}.statement-locale-note{margin:0 0 12px;font-size:13px}.statement-field-note{flex-basis:100%;margin:0;font-size:13px}.data-export{border-top:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:20px;padding-top:20px;font-size:13px;display:flex}.data-export .muted{margin:0}.account-danger{border-top:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:36px;padding-top:20px;font-size:13px;display:flex}.scan-form{margin-bottom:16px}.full-site-toggle{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:8px;align-items:center;gap:8px;width:fit-content;margin:0 0 16px;padding:9px 14px;font-size:14px;display:flex}.full-site-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex:none}.scan-note{margin:0 0 16px;font-size:14px}.scanning-status{align-items:center;gap:8px;display:flex}.scanning-status .spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite spin}.scanning-status .dots{text-align:left;width:1.5em;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.scanning-status .spinner{animation:none}}.muted{color:var(--muted)}.error{color:var(--error)}.success{color:var(--success)}.result{background:var(--card);border:1px solid var(--border);border-radius:12px;margin:24px 0;padding:20px}.result .scan-meta{margin:2px 0 0;font-size:14px}.severity-group{margin-top:16px}.severity-group ul{margin:8px 0 0;padding-left:18px}.severity-group li{margin-bottom:10px}.badge{color:#fff;border-radius:999px;padding:2px 10px;font-size:13px;display:inline-block}.badge-critical{background:#b91c1c}.badge-serious{background:#c2410c}.badge-moderate{background:#a16207}.badge-minor{background:#4b5563}.badge-sitewide{background:var(--accent);cursor:help;margin-left:8px;font-size:12px}ul.scan-groups{margin:8px 0 0;padding:0;list-style:none}.scan-group{border-bottom:1px solid var(--border)}.scan-group-head{flex-wrap:wrap;align-items:baseline;gap:10px;padding:10px 0;display:flex}.scan-group-head .site{font-size:15px;font-weight:600}.scan-group-head .summary{font-size:13px}.scan-group-head .expand{white-space:nowrap;margin-left:auto;font-size:13px}ul.scan-group-history{border-left:2px solid var(--border);margin:0 0 10px;padding:0 0 0 16px;list-style:none}ul.scan-group-history li{padding:4px 0;font-size:13px}button.rowlink{color:var(--accent);font:inherit;text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;max-width:100%;padding:0;overflow:hidden}button.rowlink:hover{text-decoration:underline}button.rowlink.active{font-weight:600;text-decoration:underline}.result-toolbar{justify-content:flex-end;margin-top:16px;display:flex}.statement-public-form{flex-direction:column;align-items:stretch;max-width:440px;margin-top:8px}.statement-public-form input,.statement-public-form select{width:100%}.statement-output{margin-top:12px}.statement-preview{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;height:360px;margin:8px 0}.site-list{margin:0 0 12px;padding:0;list-style:none}.site-list li{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.site-list li .url{font-weight:500}.site-list li .muted{margin-left:auto;font-size:14px}.result,.result h2,.result p,.severity-group li,.severity-group a{overflow-wrap:anywhere}.site-list li{flex-wrap:wrap}.preview-buttons{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.refund-request{margin-top:20px}.refund-request h3{margin:0 0 4px}.refund-request textarea{width:100%;margin:8px 0;display:block}.site-list li .url{overflow-wrap:anywhere;min-width:0}.plan-badge{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:999px;padding:2px 10px;font-size:13px}.plan-badge.plan-pro,.plan-badge.plan-agency{background:var(--accent);color:#fff;border-color:var(--accent)}.upgrade-note{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:10px 12px}.pricing{margin-top:32px}.tiers{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=720px){.tiers{grid-template-columns:1fr}}.tier{border:1px solid var(--border);background:var(--card);border-radius:12px;flex-direction:column;padding:16px;display:flex}.tier button{align-self:flex-start}.tier.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tier h3{margin:0}.tier .price{margin:4px 0 8px;font-size:22px;font-weight:600}.tier ul{color:var(--muted);flex:1;margin:0 0 12px;padding-left:18px;font-size:14px}.tier ul li{margin-bottom:4px}.caveat{border-top:1px solid var(--border);color:var(--muted);margin-top:36px;padding:20px 0 28px;font-size:13px}.site-footer{border-top:1px solid var(--border);background:#f0f3f8;margin-top:48px;padding:28px 0}.site-footer-inner{flex-wrap:wrap;align-items:center;gap:12px 28px;display:flex}.site-footer-brand{flex-direction:column;gap:2px;font-size:14px;display:flex}.site-footer-links{gap:20px;margin-left:auto;display:flex}.site-footer-links a{color:var(--text);font-size:14px;text-decoration:none}.site-footer-links a:hover{text-decoration:underline}.site-footer-legal{flex-basis:100%;margin:4px 0 0;font-size:12px}.site-footer .muted{color:#475569}.legal{max-width:760px;padding:32px 20px 8px;line-height:1.65}.legal h1{margin-bottom:12px;font-size:30px}.legal h2{margin:28px 0 8px;font-size:20px}.legal ul{padding-left:20px}.legal li{margin-bottom:8px}.legal-draft{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:10px 14px;font-size:14px}
