:root{font-family:Arial,Helvetica,sans-serif;color:#173449;background:#f5f7f9;font-synthesis:none;--blue:#17639b;--muted:#607480}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.grid-bg{position:absolute;inset:0 0 auto;height:900px;z-index:-1;background-image:radial-gradient(#c6d4de 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to right,#000,transparent 60%);opacity:.48}header,main,footer{max-width:1180px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:32px 28px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:12px;font-weight:700;line-height:1.45;letter-spacing:.02em}.brand img{border-radius:50%;mix-blend-mode:multiply}.about{font-size:13px;text-decoration:none}.about span{margin-left:14px}main{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start;padding:48px 28px 64px}.intro{padding-top:24px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--blue)}h1{font-size:clamp(44px,4.5vw,65px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:26px 0}h1 em{font-family:Georgia,serif;color:var(--blue);font-weight:400}.lead{font-size:21px;line-height:1.55;max-width:430px;margin:0 0 18px}.summary{font-size:15px;line-height:1.7;color:var(--muted);max-width:410px}.benefits{list-style:none;padding:0;margin:34px 0;display:grid;gap:22px}.benefits li{display:flex;gap:16px;align-items:center}.icon{height:40px;width:40px;display:grid;place-items:center;border:1px solid #cddde8;border-radius:12px;color:var(--blue);font-size:22px;background:#f8fbfd}.benefits strong,.benefits div>span{display:block}.benefits strong{font-size:14px;font-weight:600;margin-bottom:6px}.benefits div>span{font-size:13px;color:var(--muted);line-height:1.5}.geometry{max-width:370px;margin-top:36px;color:#6a8397}.geometry svg{width:100%;height:100px;fill:#17639b;stroke:#17639b;stroke-width:1;opacity:.55}.geometry svg path{fill:none}.geometry .guides{stroke:#bacbd8;stroke-dasharray:3 5}.geometry>span{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin:10px 0 0 22px}.card{background:white;border:1px solid #e0e8ee;border-radius:22px;padding:32px 34px;box-shadow:0 18px 55px #16354b09;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:34px;right:34px;height:3px;background:var(--blue);border-radius:0 0 3px 3px}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.tag{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--blue)}.time{font-size:11px;color:#80909a}h2{font-size:30px;letter-spacing:-.035em;font-weight:500;margin:20px 0 9px}.form-intro{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 24px}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:#748694;letter-spacing:.03em}.progress{height:3px;background:#edf2f5;border-radius:4px;margin:9px 0 23px;overflow:hidden}.progress span{display:block;height:100%;background:var(--blue);width:0;transition:width .3s}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px}label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}label>span:not(.optional){color:#6c879b}.optional{font-size:10px;color:#8898a3;font-weight:400;margin-left:6px}input:not([type=checkbox]){width:100%;height:46px;border:1px solid #d8e2e9;border-radius:8px;padding:0 13px;color:#173449;outline:none;background:#fcfdfe;font-size:14px;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#9aa7af;font-size:12px}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #17639b12;background:#fff}input[aria-invalid=true]{border-color:#b34747}input.valid{border-color:#88acbb}.error{display:block;color:#a73535;font-size:11px;line-height:1.5}.error:not(:empty){margin-top:5px}.consent{display:flex;align-items:start;gap:10px;margin:21px 0 0;line-height:1.6;font-size:11px;font-weight:400}.consent input{width:16px;height:16px;margin:1px 0;flex-shrink:0;accent-color:var(--blue)}.consent>span{color:#607480!important}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--blue);color:white;border:0;border-radius:9px;padding:17px 18px;margin-top:20px;font-size:13px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}.submit:hover{background:#104c79;box-shadow:0 6px 18px #17639b22;transform:translateY(-1px)}.submit .arrow{font-size:20px;line-height:16px;font-weight:400;transition:transform .2s}.submit:hover .arrow{transform:translateX(3px)}.submit:disabled{opacity:.65;cursor:wait;transform:none}.privacy-note{font-size:10px;line-height:1.7;color:#8b99a3;text-align:center;margin:16px 0 0}.text-button{border:0;background:none;padding:0;font-size:10px;color:#607b8f;text-decoration:underline;text-underline-offset:3px}#status{font-size:12px;color:#a73535;line-height:1.6;margin:10px 0 0}#status:empty{display:none}.trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}footer{border-top:1px solid #dce5eb;display:flex;justify-content:space-between;padding:24px 28px 32px;color:#80909c;font-size:11px}footer a{text-decoration:none}dialog{border:1px solid #dce5eb;border-radius:20px;padding:36px;max-width:560px;width:calc(100% - 32px);color:#173449;box-shadow:0 30px 100px #13394f30}dialog::backdrop{background:#0f273c66;backdrop-filter:blur(3px)}dialog p{font-size:13px;line-height:1.75;color:#607480}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;color:#6c879b}.success-icon{width:64px;height:64px;background:#eaf4f6;color:#17639b;display:grid;place-items:center;border-radius:50%;font-size:28px;margin:40px auto 24px}#success{text-align:center;padding:20px 0 60px}#success h3{font-size:25px;font-weight:500}#success p{font-size:14px;line-height:1.7;color:var(--muted)}#success a{display:inline-block;margin-top:20px;font-size:13px;color:var(--blue)}:focus-visible{outline:3px solid #76a9ce;outline-offset:4px}[hidden]{display:none!important}@media(max-width:900px){main{gap:35px;padding-top:20px}.card{padding:28px 24px}.lead{font-size:18px}}@media(max-width:680px){header{padding:20px}.brand{font-size:10px;gap:8px}.brand img{width:44px;height:44px}.about{font-size:11px}main{display:block;padding:12px 20px 40px}.intro{padding-top:12px}h1{font-size:48px;margin:22px 0}.lead{font-size:18px;max-width:100%}.summary{max-width:100%}.benefits{gap:16px;margin:26px 0}.geometry{display:none}.card{margin-top:32px;padding:28px 22px;border-radius:16px}.row{gap:12px}footer{margin:0 20px;padding:20px 0;flex-direction:column;gap:14px}input:not([type=checkbox]){font-size:16px}.card h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Refined layout and locally rendered Lucide icons. */
:root{background:#f7f9fa}header{padding-top:26px;padding-bottom:26px}main{gap:72px;padding-top:32px}.intro{padding-top:12px}h1{font-size:clamp(42px,4vw,58px);margin:0 0 24px}.lead{font-size:19px;line-height:1.55}.summary{font-size:14px}.benefits{margin:30px 0 0;gap:23px}.icon{flex:0 0 36px;width:36px;height:36px;border:0;border-radius:9px;background:#eaf1f6}.lucide{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.icon .lucide{width:20px;height:20px}.about,footer a,#success a{display:inline-flex;align-items:center;gap:8px}.about .lucide,footer .lucide{width:16px;height:16px}.card{border-radius:16px;box-shadow:0 8px 32px #16354b05;padding:28px 30px}.card:before{display:none}.card h2{margin:0 0 10px;font-size:29px}.form-intro{margin-bottom:22px}.submit{padding:15px 17px}.submit .lucide{width:19px;height:19px;transition:transform .2s}.submit:hover .lucide{transform:translateX(3px)}.close{padding:8px;display:grid;place-items:center}.success-icon .lucide{width:32px;height:32px}footer{margin-top:8px}.privacy-note{color:#6d7f8b}
@media(max-width:900px){main{gap:32px}.card{padding:26px 24px}}@media(max-width:680px){header{padding:20px}.intro{padding-top:8px}main{padding-top:16px}h1{font-size:44px}.lead{font-size:18px}.card{padding:25px 22px;margin-top:30px}.benefits{gap:18px}footer{margin-top:0}.brand{letter-spacing:0}.about{gap:4px}}

/* Commissioner: a humanist sans with a quieter, consistent type hierarchy. */
:root{font-family:"Commissioner",Arial,sans-serif}h1{font-weight:550;letter-spacing:-.045em;line-height:1.12}h1 em{font-family:inherit;font-style:normal;font-weight:550}.card h2{font-weight:550;letter-spacing:-.025em}.brand{font-weight:600;letter-spacing:0}.summary{font-size:16px;line-height:1.7;margin:0;max-width:420px}.benefits{margin-top:36px}.benefits strong{font-weight:600}.form-intro{font-size:13px}input:not([type=checkbox]){font-family:inherit}.submit{font-weight:600;letter-spacing:0}@media(max-width:680px){.summary{font-size:15px}.benefits{margin-top:28px}h1{font-size:43px}}

.brand{gap:13px;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.055em}.brand-symbol{display:block;position:relative;overflow:hidden;width:46px;height:53px;flex:0 0 46px}.brand .brand-symbol img{position:absolute;width:100px;height:100px;max-width:none;left:-27px;top:-24px;border-radius:0;mix-blend-mode:multiply}@media(max-width:680px){.brand{font-size:9px;gap:9px;letter-spacing:.04em}.brand-symbol{width:37px;height:43px;flex-basis:37px}.brand .brand-symbol img{width:80px;height:80px;left:-21.6px;top:-19.2px}.about{font-size:10px}}
