*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fb;color:#0f1b2d;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#1e40af;text-underline-offset:3px}:focus-visible{outline:3px solid #2563eb;outline-offset:4px}header,footer,main{max-width:1120px;margin:auto;padding:24px}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:800;color:#0f1b2d;text-decoration:none}.brand img{width:40px;height:40px}.brand span{color:#0e7490}nav{display:flex;flex-wrap:wrap;gap:16px;align-items:center}nav a{padding:10px 0;min-height:44px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:10px;background:#1e40af;color:white;font-weight:650;text-decoration:none}.btn:hover{background:#1e3a8a}.secondary{background:white;color:#1e40af;border:1px solid #64748b}.hero{display:grid;gap:40px;padding:64px 0 48px;align-items:center}h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.1;letter-spacing:-.04em;max-width:750px;margin:12px 0 24px}h2{font-size:2rem;line-height:1.2;letter-spacing:-.025em}h3{font-size:1.2rem}.eyebrow{color:#0e7490;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.lede{font-size:1.2rem;color:#475569;max-width:650px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 12px}.small{font-size:.9rem;color:#475569}.grid{display:grid;gap:20px}.card{background:white;border:1px solid #cbd5e1;padding:28px;border-radius:14px;box-shadow:0 4px 16px #0f1b2d0a}.step{color:#0e7490;font-weight:700}.section{padding:40px 0}.section>p{max-width:680px;color:#475569}.example{border-left:5px solid #0e7490}.badge{display:inline-block;border-radius:20px;background:#eef2ff;color:#1e40af;padding:4px 12px;font-size:.85rem;font-weight:650}.preview-note{background:#ecfeff;border:1px solid #0e7490;border-radius:10px;padding:16px;margin-top:32px}details{padding:20px 0;border-bottom:1px solid #cbd5e1}summary{font-weight:650;cursor:pointer;min-height:44px}footer{border-top:1px solid #cbd5e1;color:#475569;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;background:white;padding:12px;z-index:1}main{overflow-wrap:anywhere}.card>*:first-child{margin-top:0}.card>*:last-child{margin-bottom:0}@media(min-width:800px){.hero{grid-template-columns:1.4fr 1fr}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){header,main,footer{padding:20px}.hero{padding-top:28px}.card{padding:22px}.btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}