/* vat-leak-check brand (thiet-ke handoff, order o-ff44fb). Copy verbatim as thuong-hieu.css. Accent #3730a3 (indigo). */
:root{color-scheme:light dark;--bg:#f7f8fc;--surface:#ffffff;--line:#d6d9ea;--text:#12142b;--muted:#4a4e6b;--brand:#3730a3;--brand-hover:#2b2680;--brand-ink:#3730a3;--brand-soft:#eceefd;--on-brand:#ffffff;--warn-bg:#fdf0d5;--warn-ink:#92400e;--bad-bg:#fdecec;--bad-ink:#9b1c1c;--ok-bg:#e6f6ee;--ok-ink:#166534}
@media (prefers-color-scheme:dark){:root{--bg:#0f1020;--surface:#181a33;--line:#33365a;--text:#eceefb;--muted:#b8bbd9;--brand:#818cf8;--brand-hover:#a5b4fc;--brand-ink:#a5b4fc;--brand-soft:#23264d;--on-brand:#0f1030;--warn-bg:#3b2f12;--warn-ink:#fcd34d;--bad-bg:#3a1a1f;--bad-ink:#fca5a5;--ok-bg:#12301f;--ok-ink:#86efac}}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-wrap:anywhere}
a{color:var(--brand-ink)}
.topbar,header,main,footer{max-width:720px;margin:0 auto;padding:0 16px}
.topbar{padding-top:8px;padding-bottom:8px;display:flex;align-items:center}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-weight:700;font-size:1.125rem;color:var(--brand-ink);text-decoration:none;white-space:nowrap}
.logo{width:28px;height:28px;flex:none}
h1{font-size:1.75rem;line-height:1.25;margin:.2em 0 .3em}
h2{font-size:1.25rem;line-height:1.3;margin:0 0 12px}
h4{margin:12px 0 4px;color:var(--brand-ink)}
section{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:16px 0}
label{display:block;margin:10px 0;font-weight:600}
input,select,textarea{font:inherit;font-weight:400;width:100%;min-height:48px;padding:0 12px;margin-top:6px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px}
button{font:inherit;font-weight:600;display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;padding:0 20px;background:var(--brand);color:var(--on-brand);border:1px solid var(--brand);border-radius:10px;cursor:pointer}
button:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.muted{color:var(--muted);font-size:.875rem}
blockquote{margin:.6em 0;padding:.4em .8em;border-left:3px solid var(--brand);background:var(--brand-soft);border-radius:0 8px 8px 0}
footer{padding-bottom:48px;color:var(--muted);font-size:.875rem}

[hidden]{display:none!important}
small{color:var(--muted)}
hr{border:0;border-top:1px solid var(--line);margin:16px 0}


.topbar,header,main,footer{max-width:1000px}
.hero{padding:24px 0 8px}
.hero p{font-size:1.125rem;color:var(--muted);max-width:60ch}
.lead{font-weight:600}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;background:var(--brand);color:var(--on-brand);border:1px solid var(--brand);border-radius:10px;font-weight:600;text-decoration:none}
.cta:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.cta.outline{background:transparent;color:var(--brand-ink)}
.cta.outline:hover{background:var(--brand-soft)}
section.problem{border-left:4px solid var(--bad-ink);background:var(--bad-bg)}
section.solution{border-left:4px solid var(--ok-ink);background:var(--ok-bg)}
section.legal{border-left:4px solid var(--warn-ink);background:var(--warn-bg)}
section.legal h2{color:var(--warn-ink)}
ul{padding-left:1.25rem}
.steps{list-style:none;padding:0;margin:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:36px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.steps li:first-child{border-top:0}
.steps li::before{content:counter(s);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font-weight:700}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none}
.features li{padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:12px}
.features h3{margin:0 0 6px;font-size:1rem;color:var(--brand-ink);display:flex;align-items:center;gap:8px}
.features svg{flex:none}
.features p{margin:0}
.price{font-size:2.5rem;font-weight:700;color:var(--brand-ink);margin:4px 0}
.center{text-align:center}
@media (max-width:640px){.hero h1{font-size:1.5rem}.cta{width:100%}}