@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:'DM Sans';src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--ink:#142043;--muted:#52607b;--royal:#2c46ae;--sky:#a6e7fd;--line:#dfe5ef;--paper:#f7f8fc}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 'DM Sans',system-ui,sans-serif;-webkit-text-size-adjust:100%}
a{color:var(--royal);text-underline-offset:.2em;overflow-wrap:anywhere}
:focus-visible{outline:3px solid var(--royal);outline-offset:5px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:1rem;background:#fff;padding:.5rem 1rem;z-index:10}
.skip:focus{left:1rem}
.wrap{width:min(100% - 48px,1000px);margin-inline:auto}
header{border-bottom:1px solid var(--line);background:#fff}
.top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:84px}
.brand{display:flex;align-items:center;gap:.7rem;color:var(--ink);font:800 1.5rem Manrope,system-ui,sans-serif;text-decoration:none;letter-spacing:-.055em;min-height:44px}
.brand img{width:42px;height:42px;border-radius:12px}
.top nav{display:flex;gap:1.5rem;align-items:center;font-size:.92rem;font-weight:700}
.top nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none}
.top nav a:hover{text-decoration:underline}
.hero{padding:5rem 0 3rem}
.eyebrow{margin:0 0 1rem;color:var(--royal);font-size:.76rem;letter-spacing:.16em;font-weight:800;text-transform:uppercase}
h1,h2{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.055em;line-height:1.17}
h1{font-size:clamp(2.75rem,6vw,5.25rem);margin:0 0 1.25rem;max-width:800px}
h1 span{color:var(--royal)}
.lead{font-size:1.25rem;color:var(--muted);max-width:700px;margin:0}
.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin:1.75rem 0 1rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.7rem 1.5rem;border-radius:16px;background:var(--sky);color:var(--ink);font-weight:700;text-decoration:none;transition:background .15s ease}
.button:hover{background:#92d9f1}
.text-link{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-size:.95rem;font-weight:700;text-decoration:none}
.text-link:hover{text-decoration:underline}
.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(1.5rem,4vw,3rem);margin-bottom:1.25rem;box-shadow:0 10px 36px #14204304}
h2{font-size:1.65rem;margin:0 0 1rem}
p,ul{margin-top:0}
p:last-child,.card ul:last-child{margin-bottom:0}
ul{padding-left:1.4rem}
li+li{margin-top:.35rem}
.callout{background:#eaf7fd;border-color:#cdeaf7}
.small{font-size:.9rem;color:var(--muted)}
.hero .small{margin-top:1.25rem}
.answers h2{margin-bottom:.6rem}
details{border-bottom:1px solid var(--line)}
details:last-child{border-bottom:0}
summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:64px;padding:1rem 0;cursor:pointer;font-weight:700;line-height:1.5;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';flex:none;color:var(--royal);font-size:1.4rem;line-height:1;font-weight:500}
details[open]>summary::after{content:'−'}
.answer{padding:0 1.75rem 1.25rem 0;color:var(--muted)}
.answer strong{color:var(--ink);font-weight:600}
footer{border-top:1px solid var(--line);margin-top:4rem;padding:2rem 0 2.5rem;font-size:.9rem;color:var(--muted)}
.foot{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.foot nav{display:flex;gap:1.5rem;flex-wrap:wrap}
.foot nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.top{min-height:74px;gap:.6rem}.top nav{gap:.8rem;font-size:.82rem}.brand{font-size:1.25rem;gap:.5rem}.brand img{width:36px;height:36px;border-radius:10px}.hero{padding:3.5rem 0 2.25rem}body{font-size:16px}.lead{font-size:1.12rem}.card{border-radius:20px}.hero-actions{gap:.75rem 1.25rem;margin-top:1.5rem}h2{font-size:1.45rem}.answer{padding-right:0}summary{gap:.8rem}.foot{gap:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media(forced-colors:active){.card,.button{border:1px solid CanvasText}summary::after{color:ButtonText}}