:root{--ink:#14213d;--tape:#ffc83d;--paper:#f4f6fa;--card:#fff;--line:#d9dfea;--mut:#55627a;--teal:#1f7a6d}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:400 17px/1.6 'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper)}
h1,h2,h3{font-family:'Bricolage Grotesque','DM Sans',sans-serif;line-height:1.1;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(2.6rem,7vw,4.6rem);font-weight:800}h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700}h3{font-size:1.2rem}
p{margin:0 0 1em;max-width:60ch}a{color:inherit}
.w{max-width:1080px;margin:0 auto;padding:0 20px}
header{background:var(--ink);color:#fff}
header .w{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 24px;padding-top:14px;padding-bottom:14px}
.logo{font:800 1.35rem 'Bricolage Grotesque',sans-serif;text-decoration:none}.logo span{color:var(--tape)}
nav{display:flex;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;opacity:.85}nav a:hover,nav a[aria-current]{opacity:1;text-decoration:underline;text-decoration-color:var(--tape);text-underline-offset:6px}
.btn{display:inline-block;font:700 1rem 'DM Sans',sans-serif;padding:14px 24px;border-radius:8px;border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;text-decoration:none}
.btn.p{background:var(--tape);border-color:var(--tape)}.btn:hover{transform:translateY(-2px)}.btn{transition:transform .15s}
.btn.l{border-color:#fff;color:#fff}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hero{padding:64px 0 72px}.hero .w{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero p.lead{font-size:1.2rem;color:var(--mut)}
.label{background:#fff;border:2px dashed var(--ink);border-radius:6px;padding:28px 24px 20px;position:relative;transform:rotate(2deg);box-shadow:8px 8px 0 var(--tape)}
.label:before{content:"";position:absolute;top:-14px;left:50%;width:120px;height:28px;margin-left:-60px;background:rgba(255,200,61,.85);transform:rotate(-3deg)}
.label div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.label div:last-child{border:0}
.label small{color:var(--mut)}.label b{text-align:right}
section{padding:64px 0}section.alt{background:#fff}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{border-top:4px solid var(--tape);padding-top:16px}.step h3 span{color:var(--teal);margin-right:8px}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}
th,td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line)}th{background:var(--ink);color:#fff;font-weight:500}td:last-child{font-weight:700;white-space:nowrap}
.band{background:var(--ink);color:#fff;text-align:center}.band p{margin-inline:auto}
details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 20px;margin-bottom:12px}summary{font-weight:700;cursor:pointer}
iframe.f{width:100%;height:760px;border:0;background:#fff;border-radius:12px}
footer{padding:32px 0;color:var(--mut);font-size:.9rem}
dialog{width:min(560px,94vw);height:85vh;padding:0;border:0;border-radius:14px}dialog::backdrop{background:rgba(20,33,61,.6)}
dialog iframe{width:100%;height:100%;border:0}
dialog button{position:absolute;top:8px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;cursor:pointer;font-size:1.1rem;box-shadow:0 1px 4px rgba(0,0,0,.25)}
@media(max-width:800px){.hero .w,.g3{grid-template-columns:1fr}.hero{padding:40px 0}section{padding:44px 0}.label{transform:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}