:root{--ink:#122338;--muted:#5f6b78;--navy:#102942;--blue:#1769aa;--sky:#eaf4fb;--gold:#d49a3a;--line:#dce4eb;--white:#fff;--shadow:0 18px 55px rgba(16,41,66,.12)}
*{box-sizing:border-box}body{margin:0;background:#f7f9fb;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.site-header{height:82px;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--white);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);letter-spacing:.06em}.brand strong,.brand small{display:block}.brand small{font-size:.68rem;letter-spacing:.24em;margin-top:2px}.compass-mark{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:1.35rem}.quiet-link{color:var(--navy);font-weight:700;text-underline-offset:4px}main{width:min(940px,calc(100% - 32px));margin:auto}.hero{text-align:center;padding:68px 16px 34px}.eyebrow{font-size:.76rem;letter-spacing:.18em;font-weight:800;color:var(--blue);margin:0 0 12px}.hero h1{font-family:Georgia,serif;font-size:clamp(2.2rem,7vw,4.4rem);line-height:1.02;margin:0 auto 20px;max-width:780px}.hero>p:last-child{color:var(--muted);font-size:1.12rem;line-height:1.7;max-width:680px;margin:auto}.finder{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:clamp(22px,5vw,52px);min-height:480px}.progress-copy{display:flex;justify-content:space-between;color:var(--muted);font-size:.83rem;font-weight:700}.progress{height:7px;background:#edf1f4;border-radius:20px;margin:10px 0 44px;overflow:hidden}.progress span{display:block;height:100%;width:17%;background:linear-gradient(90deg,var(--blue),#53a5d7);border-radius:inherit;transition:width .25s ease}.question h2{font-family:Georgia,serif;font-size:clamp(1.65rem,5vw,2.55rem);margin:0 0 9px}.question .hint{color:var(--muted);margin:0 0 30px;line-height:1.6}.options{display:grid;gap:12px}.option{appearance:none;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;color:var(--ink);font:inherit;font-weight:750;cursor:pointer;transition:.16s ease}.option:hover,.option:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,170,.1);transform:translateY(-1px)}.option small{display:block;color:var(--muted);font-weight:500;margin-top:5px}.nav-actions{margin-top:26px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 22px;border-radius:10px;border:0;background:var(--blue);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.btn.secondary{background:#fff;border:1px solid var(--line);color:var(--navy)}#backButton[hidden]{display:none}.results-intro{text-align:center;margin-bottom:28px}.results-intro h2{font-family:Georgia,serif;font-size:clamp(2rem,6vw,3.2rem);margin:4px 0 10px}.results-intro p{color:var(--muted)}.recommendations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plan{border:1px solid var(--line);border-radius:18px;padding:26px;position:relative}.plan.best{border:2px solid var(--blue);background:linear-gradient(180deg,#f7fcff,#fff)}.badge{display:inline-block;background:var(--blue);color:#fff;border-radius:20px;padding:6px 10px;font-size:.7rem;letter-spacing:.08em;font-weight:900}.plan h3{font-family:Georgia,serif;font-size:1.65rem;margin:16px 0 4px}.plan .terms{color:var(--blue);font-weight:850;min-height:44px}.plan ul{padding-left:20px;color:var(--muted);line-height:1.55;min-height:126px}.plan .btn{width:100%;margin-top:8px}.help-card{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--navy);color:#fff;border-radius:22px;padding:36px 42px;margin:34px 0 70px}.help-card .eyebrow{color:#8fc9ec}.help-card h2{font-family:Georgia,serif;font-size:2rem;margin:0 0 8px}.help-card p:last-child{color:#d4dde5;margin:0}.help-card .btn{flex:none}footer{padding:28px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;gap:20px;background:#091b2d;color:#c9d4de;font-size:.82rem}@media(max-width:680px){.site-header{height:72px}.quiet-link{display:none}.hero{padding-top:48px}.finder{border-radius:18px;padding:22px 18px}.progress{margin-bottom:32px}.recommendations{grid-template-columns:1fr}.plan ul{min-height:0}.help-card{display:block;padding:30px 24px}.help-card .btn{margin-top:22px;width:100%}footer{display:block;line-height:1.8}}