:root { --pico-primary: #278de6; --pico-primary-hover: #1377cc; --pico-border-radius: 1.1rem; }
body { background: linear-gradient(180deg,#eefaff 0%,#fff5ef 100%); min-height:100vh; color:#17334b; }
nav { padding:1.5rem 0; }.brand {display:flex;align-items:center;gap:.55rem;font-weight:800;color:#17334b;text-decoration:none}.brand img{width:2.25rem;height:2.25rem;border-radius:50%}
.hero {display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:2rem;min-height:65vh}.hero-logo{width:min(100%,27rem);border-radius:2.5rem;box-shadow:0 1.25rem 3.5rem rgba(60,135,190,.22)}
.eyebrow{color:#1878cd;font-weight:700;letter-spacing:.06em;text-transform:uppercase}h1{font-size:clamp(3rem,8vw,5.6rem);line-height:.98;margin-bottom:1rem}.lead{font-size:1.25rem;max-width:42rem}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.actions>*{margin-bottom:0}.fine-print,footer{color:#587289}article,.notice{background:rgba(255,255,255,.73);border:1px solid rgba(255,255,255,.9);box-shadow:0 .7rem 2rem rgba(90,120,145,.09)}.notice{margin:3rem 0;padding:2rem;border-radius:1.1rem}footer{padding:2rem 0}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding:2rem 0}.hero-logo{max-width:17rem}}