:root{--mint:#17F3AF;--mint-50:#E0FDF4;--purple:#6E1AE6;--purple-50:#EDE9FF;--purple-dk:#4A10A3;--cyan:#01CFEC;--cyan-50:#E0FAFF;--yellow:#FFD900;--yellow-50:#FFFBCC;--orange:#FF8C00;--orange-50:#FFF3E0;--red:#FF1400;--red-50:#FFE5E3;--ink:#2E2C2F;--charcoal:#4A4A48;--pearl:#E8E8E5;--white:#FFF}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.7 Nunito,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--purple-dk)}
:focus-visible{outline:3px solid var(--purple);outline-offset:2px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{margin:0 0 .5em;line-height:1.2}
h1{font-size:clamp(34px,5.4vw,52px);font-weight:900;letter-spacing:-.02em}
h2{font-size:28px;font-weight:800;letter-spacing:-.01em}
h3{font-size:18px;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px}
.skip:focus{left:16px;top:16px;background:var(--white);padding:8px 14px;z-index:9}
header{border-bottom:1px solid var(--pearl)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}
.logo img{width:150px}
nav ul{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;margin:0;padding:0;list-style:none}
nav a{color:var(--ink);font-weight:700;text-decoration:none;display:inline-block;padding:6px 0}
nav a:hover{color:var(--purple-dk)}
nav a[aria-current=page]{color:var(--purple-dk);box-shadow:inset 0 -2px 0 var(--purple)}
.btn{display:inline-block;border-radius:50px;padding:12px 26px;font-weight:700;text-decoration:none;border:2px solid transparent}
.btn-cta{background:var(--purple);color:var(--white)}
.btn-cta:hover{background:var(--purple-dk)}
.btn-line{border-color:var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--white)}
nav .btn{padding:6px 18px;color:var(--white)}
nav .btn:hover{color:var(--white)}
.label{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--charcoal);margin:0 0 10px}
.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:56px}
.hero img{width:100%;max-width:300px;margin-left:auto}
.lead{font-size:19px;color:var(--charcoal);max-width:38em}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
section{padding:40px 0}
.head{padding-top:44px;padding-bottom:8px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid.two{grid-template-columns:repeat(2,1fr)}
.card{border-radius:16px;padding:22px 24px}
.card>:last-child{margin-bottom:0}
.line{border:1px solid var(--pearl)}
.t-mint{background:var(--mint-50)}.t-purple{background:var(--purple-50)}.t-cyan{background:var(--cyan-50)}.t-yellow{background:var(--yellow-50)}.t-orange{background:var(--orange-50)}.t-red{background:var(--red-50)}
.num{font-weight:900;font-size:13px;letter-spacing:.08em;color:var(--purple-dk);margin:0 0 6px}
.note{font-size:14px;color:var(--charcoal)}
.tablewrap{overflow-x:auto;border:1px solid var(--pearl);border-radius:16px;margin:0 0 12px}
table{width:100%;border-collapse:collapse;min-width:440px}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--pearl)}
th{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#F7F7F5}
tr:last-child td{border-bottom:0}
ul.plain{margin:0 0 1em;padding-left:20px}
ul.plain li{margin-bottom:4px}
.band{background:var(--ink);color:var(--white);border-radius:16px;padding:30px 32px;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between}
.band h2{margin:0 0 4px;font-size:24px}
.band p{margin:0;color:#E8E8E5}
.band .btn{background:var(--mint);color:var(--ink)}
footer{margin-top:40px;background:var(--ink);color:#E8E8E5;font-size:14px}
footer a{color:var(--white)}
.foot{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding-top:36px;padding-bottom:36px}
.foot h3{font-size:14px;color:var(--white);margin-bottom:8px}
.foot p{margin:0 0 4px}
.fine{border-top:1px solid #4A4A48;padding-top:14px;padding-bottom:18px}
.fine p{margin:0}
@media (max-width:820px){.hero{grid-template-columns:1fr;padding-top:36px;padding-bottom:36px;gap:24px}.hero img{max-width:170px;margin:0;order:-1}.grid,.grid.two,.foot{grid-template-columns:1fr}.wrap{padding-left:16px;padding-right:16px}nav ul{gap:2px 14px}}
@media (max-width:820px) and (min-width:520px){.grid{grid-template-columns:repeat(2,1fr)}}