@font-face{font-family:Manrope;src:url('fonts/manrope-latin.woff2') format('woff2');font-display:swap;font-weight:200 800}
@font-face{font-family:'DM Sans';src:url('fonts/dmsans-latin.woff2') format('woff2');font-display:swap;font-weight:100 1000}
:root{font-family:'DM Sans',Arial,sans-serif;color:#14264a;background:#faf9f5;line-height:1.65}
h1,h2,h3,h4,.brand{font-family:Manrope,Arial,sans-serif}h1{letter-spacing:-.045em;font-weight:800}h2{letter-spacing:-.025em}
.wrap{width:min(100% - 3rem,72rem)}.brand{font-size:.82rem;font-weight:650}.brand img{flex:none}.brand strong{display:block;font-size:1rem;margin-top:2px}
.header-row{padding-block:1.1rem}.header-tools{display:flex;align-items:center;gap:.8rem}.header-tools button{font-size:.85rem;padding:.45rem .7rem;min-height:44px}
.pilot-tag{background:#f7de96;color:#14264a}.top-nav{gap:1.5rem;padding-block:.4rem .85rem}.top-nav a{font-weight:650;min-height:36px}.eyebrow{color:#09685d;letter-spacing:.12em}
.hero{display:grid;grid-template-columns:1.05fr 1fr;max-width:none;gap:3rem;align-items:center;padding:3.4rem 0 1.8rem}.hero h1{font-size:clamp(2.6rem,4.9vw,4.1rem);line-height:1.13;margin:1rem 0 1.25rem}.hero h1 span{color:#087567}.hero-copy>p:not(.eyebrow){max-width:34rem}.hero .lede{font-size:1.2rem;line-height:1.6;color:#394a62}.hero-visual img{display:block;width:100%;height:auto;max-width:540px}.visual-caption{display:flex;flex-direction:column;gap:.25rem;font-size:.91rem;max-width:28rem;margin:.4rem 1.25rem;color:#394a62}.visual-caption strong{color:#14264a}
.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin:1.5rem 0 1rem}.action-link{display:inline-flex;gap:1rem;align-items:center;background:#14264a;color:#fff;border-radius:12px;padding:.8rem 1rem;text-decoration:none;font-weight:750;min-height:48px}.action-link:hover{background:#243d66}
button{border-color:#14264a;background:#14264a;border-radius:12px;min-height:48px}button:hover{background:#243d66}button.secondary,.example-buttons button{border-color:#b9c9cf;color:#14264a;background:#fff}.hero-actions button.secondary{border-color:#14264a}button.secondary:hover,.example-buttons button:hover{background:#e6f3ef}
a{color:#09685d}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a64317;outline-offset:4px}p.small,.small,.hint,.chosen-answer{color:#394a62}
.privacy-promise{display:flex;align-items:flex-start;gap:1rem;border:1px solid #b5d5ca;border-left:5px solid #087567;border-radius:14px;background:#eaf5ee;padding:1rem 1.3rem;margin:1rem 0 2.5rem}.safe-symbol{display:grid;place-items:center;flex:none;background:#087567;color:#fff;width:34px;height:34px;border-radius:50%;font-weight:800}.privacy-promise p{margin:.25rem 0 0;font-size:.92rem;max-width:60rem}
.how-it-works{padding:0 0 1.5rem}.how-it-works>h2{font-size:1.6rem}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.3rem 0}.how-grid article{background:#fff;border:1px solid #d8e1e4;border-radius:18px;padding:1.3rem}.how-grid h3{font-size:1.04rem;margin:.7rem 0 .5rem}.how-grid p{font-size:.92rem;color:#394a62;margin:0}.number{font-size:.85rem;font-weight:800;display:inline-grid;place-items:center;min-width:36px;height:36px;background:#f7de96;border-radius:10px}
.examples{border-top:1px solid #d8e1e4;padding-block:1.4rem 2rem}.examples>h2{font-size:1.45rem}.check-card,.result{border-color:#cbd9df;border-radius:22px;padding:1.75rem;box-shadow:0 7px 28px #14264a08}.check-card{scroll-margin-top:1rem}.card-heading{align-items:center}.progress{color:#09685d;background:#e6f3ef;white-space:nowrap}
#step-progress{width:100%;height:7px;display:block;border:0;border-radius:20px;overflow:hidden;accent-color:#087567;margin:.6rem 0 1rem}#step-progress::-webkit-progress-bar{background:#e3e9ed}#step-progress::-webkit-progress-value{background:#087567}
.step-nav{gap:.5rem}.step-nav button{border-width:1px;border-color:#aebfc7;min-height:44px;color:#14264a;font-size:.82rem;padding:.5rem .7rem}.step-nav button[aria-current]{background:#14264a;color:white}.question{max-width:60rem;padding:1rem 0 1.25rem}.question label{font-size:1.05rem}.question select{border-color:#667e8c;border-radius:10px;color:#14264a;min-height:52px}.question-source summary{min-height:44px}.step-intro{color:#394a62}
.direction{padding:1.3rem;border-radius:15px}.result-panel{border-radius:15px}.finding{border-radius:14px}.alternative-card{border-radius:18px}.result-actions{justify-content:flex-start}.form-actions{padding-top:1.4rem}
.larger-text{font-size:18px}.larger-text .small,.larger-text .hint,.larger-text .chosen-answer{font-size:1rem}.larger-text .step-nav button{font-size:.92rem}.larger-text .brand{font-size:.9rem}
@media(max-width:800px){.hero{gap:1.3rem}.hero h1{font-size:2.9rem}.top-nav{gap:.7rem 1.2rem}.how-grid article{padding:1rem}.check-card,.result{padding:1.2rem}.header-tools{gap:.5rem}}
@media(max-width:600px){.wrap{width:calc(100% - 2rem)}.hero{grid-template-columns:1fr;padding-top:2rem;gap:1rem}.hero h1{font-size:2.8rem}.hero-visual{max-width:30rem;margin-inline:auto}.hero-visual img{max-height:340px;object-fit:contain}.hero .lede{font-size:1.1rem}.how-grid{grid-template-columns:1fr}.how-grid article{display:grid;grid-template-columns:42px 1fr;gap:0 .65rem}.how-grid .number{grid-row:1/3}.how-grid h3{margin:0 0 .4rem}.how-grid p{grid-column:2}.header-row{align-items:flex-start}.header-tools{flex-direction:column;align-items:flex-end}.pilot-tag{font-size:.68rem}.brand strong{font-size:.9rem}.brand img{width:38px;height:38px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions>*{text-align:center;justify-content:center}.card-heading{align-items:flex-start;flex-direction:column;gap:.4rem}.progress{margin:.1rem 0}.privacy-promise{padding:1rem;gap:.6rem}.safe-symbol{width:28px;height:28px}.step-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.step-nav button{width:100%;height:100%;text-align:left}.top-nav a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:380px){.hero h1{font-size:2.4rem}.brand{gap:.4rem;font-size:.72rem}.brand strong{font-size:.78rem}.header-tools button{font-size:.75rem;padding:.4rem .5rem}.step-nav button{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.header-tools,.hero,.privacy-promise,.how-it-works{display:none!important}.wrap{width:100%}.result{padding:0;border:0;box-shadow:none}.larger-text{font-size:10pt}}