
:root{--ink:#10151d;--paper:#fafaf8;--mist:#e9ebee;--line:#d6d9de;--red:#e30613;--red-d:#b8050f;--steel:#2e5c8a;--muted:#5a6472;--plate:#ffffff}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter','Helvetica Neue',Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.65;font-size:16.5px}
h1,h2,h3,.plate{font-family:'Archivo','Helvetica Neue',Arial,sans-serif}
a{color:var(--steel);text-decoration:none}a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.topbar{background:var(--ink);color:#c8cdd4;font-size:.85rem}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:flex-end;padding-top:7px;padding-bottom:7px}
.topbar a{color:#fff}
header.site{background:var(--ink);color:#fff;border-bottom:4px solid var(--red)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.logo{font-family:'Archivo';font-weight:800;font-size:1.25rem;letter-spacing:-.01em;color:#fff}
.logo .cross{display:inline-block;width:.95em;height:.95em;background:var(--red);position:relative;vertical-align:-.12em;margin-right:.45em;border-radius:2px}
.logo .cross:before,.logo .cross:after{content:"";position:absolute;background:#fff}
.logo .cross:before{left:41%;top:16%;width:18%;height:68%}
.logo .cross:after{top:41%;left:16%;height:18%;width:68%}
nav.main{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
nav.main a{color:#dfe3e8;font-size:.95rem}
.btn{display:inline-block;background:var(--red);color:#fff !important;font-weight:700;padding:.7em 1.35em;border-radius:6px;text-decoration:none !important}
.btn:hover{background:var(--red-d)}
.btn.ghost{background:transparent;border:2px solid #fff}
.hero{background:linear-gradient(180deg,var(--ink) 0%,#1b2330 100%);color:#fff;padding:56px 0 60px}
.hero .kicker{color:#9fb3c8;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.hero h1{font-size:clamp(1.9rem,4.5vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.12;max-width:22ch}
.hero p.lead{margin-top:18px;max-width:62ch;color:#c8cdd4;font-size:1.06rem}
.hero .actions{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap}
.plate{display:inline-flex;align-items:center;gap:.5em;background:var(--plate);color:#111;border:2px solid #111;border-radius:8px;padding:.28em .7em .28em .55em;font-weight:800;font-size:1.5rem;letter-spacing:.04em;box-shadow:0 3px 0 rgba(0,0,0,.35);margin-bottom:20px}
.plate .pc{width:1em;height:1em;background:var(--red);border-radius:2px;position:relative}
.plate .pc:before,.plate .pc:after{content:"";position:absolute;background:#fff}
.plate .pc:before{left:41%;top:16%;width:18%;height:68%}
.plate .pc:after{top:41%;left:16%;height:18%;width:68%}
.crumbs{font-size:.85rem;color:var(--muted);padding:14px 0}
.crumbs a{color:var(--muted)}
section{padding:52px 0}
section.alt{background:var(--mist)}
h2{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;letter-spacing:-.015em;margin-bottom:8px}
.sub{color:var(--muted);max-width:70ch;margin-bottom:28px}
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 22px}
.card h3{font-size:1.05rem;font-weight:700;margin-bottom:6px}
.card p{font-size:.94rem;color:#39414d}
.card .tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.cantonlist .card{position:relative;padding-left:86px;min-height:96px}
.cantonlist .mini{position:absolute;left:20px;top:22px;font-family:'Archivo';font-weight:800;font-size:1.15rem;background:#fff;border:2px solid #111;border-radius:6px;padding:.12em .4em;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:16px 20px}
.faq summary{font-weight:700;cursor:pointer}
.faq p{margin-top:10px;color:#39414d}
.rev .card{border-top:4px solid var(--red)}
.rev .who{margin-top:12px;font-weight:700;font-size:.9rem}
.rev .loc{color:var(--muted);font-weight:400}
.ctaband{background:var(--red);color:#fff;text-align:center}
.ctaband h2{color:#fff}
.ctaband p{max-width:60ch;margin:0 auto 24px;color:#ffe1e3}
.ctaband .btn{background:#fff;color:var(--red) !important}
.contact .card a{word-break:break-word}
footer.site{background:var(--ink);color:#aeb6c0;font-size:.9rem;padding:44px 0 32px}
footer.site a{color:#dfe3e8}
footer.site .grid{gap:32px}
footer.site h3{color:#fff;font-size:.95rem;margin-bottom:10px}
footer.site ul{list-style:none}
footer.site li{margin-bottom:6px}
.legal{margin-top:30px;border-top:1px solid #2a3240;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:640px){.hero{padding:40px 0}.topbar .wrap{justify-content:flex-start}}
