:root{--azure:#007ba7;--ink:#143f4b;--gold:#c8a04f;--cream:#fbf8f1;--muted:#526970;--line:#dbe3e4}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--azure);outline-offset:5px}header{max-width:1320px;margin:auto;padding:30px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font:29px Georgia,serif}.brand span{display:block;font:10px/2 system-ui;letter-spacing:2px}.website{font-size:14px;text-decoration:none}.website span{margin-left:12px}main{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;padding:62px 48px 70px;align-items:start}.intro{padding-top:14px}.eyebrow,.topline{font-size:12px;font-weight:650;letter-spacing:1.7px}.eyebrow{color:#6c572b;margin:0 0 24px}h1{font:clamp(38px,4.1vw,59px)/1.13 Georgia,serif;letter-spacing:-1.8px;margin:0 0 26px}h2{font:32px/1.2 Georgia,serif;letter-spacing:-.4px;margin:28px 0 12px}h3{font:24px/1.25 Georgia,serif;margin:8px 0 12px}.lead{font-size:23px;line-height:1.4;margin:0 0 20px}.lead em{color:var(--azure);font-family:Georgia,serif}.intro>p:not(.eyebrow):not(.lead){max-width:380px;color:var(--muted)}.journey{display:flex;flex-wrap:wrap;gap:18px;margin:32px 0 20px;font:18px Georgia,serif}.journey span+span{border-left:1px solid var(--gold);padding-left:18px}.micro{font-size:14px}.signature{margin-top:36px;font:21px Georgia,serif}.signature span{display:block;margin-top:7px;font:13px system-ui;color:var(--muted)}.workspace{background:#fff;border:1px solid #e2e6e5;border-radius:4px;padding:34px 36px;box-shadow:0 16px 54px #17434c08;border-top:4px solid var(--azure)}.topline{display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:1.3px}.topline span:last-child{white-space:nowrap;color:var(--muted)}progress{appearance:none;width:100%;height:3px;border:0;margin-top:20px;background:#e6edef}progress::-webkit-progress-bar{background:#e6edef}progress::-webkit-progress-value{background:var(--azure)}progress::-moz-progress-bar{background:var(--azure)}.hint{font-size:15px;color:var(--muted);margin:0 0 24px}fieldset{border:0;padding:0;margin:0}legend{padding:0;width:100%}.options{display:grid;gap:10px}.option{position:relative;display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:16px;border-radius:3px;cursor:pointer;transition:background .15s,border-color .15s}.option:hover{border-color:var(--azure);background:#f7fbfc}.option:has(input:checked){border-color:var(--azure);background:#eff8fb;box-shadow:inset 3px 0 var(--azure)}.option input{accent-color:var(--azure);width:18px;height:18px;flex-shrink:0;margin:0}.option b{font-weight:550;display:block;line-height:1.45}.option small{display:block;font-size:13px;color:var(--muted);line-height:1.5;margin-top:3px}.controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:16px;background:var(--azure);color:white;border:1px solid var(--azure);border-radius:3px;padding:13px 23px;text-decoration:none;font-weight:600;line-height:1.5}.primary:hover{background:#006b92}.textbutton{border:0;padding:5px 0;color:var(--muted);background:none;text-decoration:underline;text-underline-offset:4px;font-size:14px}.quiet{font-size:12px;color:var(--muted);margin:23px 0 0;line-height:1.6}.result-label{color:#776031;font-size:12px;letter-spacing:1.5px;margin-top:28px}.result-intro{color:var(--muted)}.reflection{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.step-label{font-size:12px;letter-spacing:1.4px;color:#786033}.reflection p{margin:8px 0}.impulse{background:var(--cream);padding:20px;margin:24px 0;border-left:3px solid var(--gold)}.impulse p{margin:8px 0}.invitation{background:#eff7fa;padding:24px;margin-top:26px}.invitation .primary{width:100%;text-align:center;margin-top:8px}.invitation small{font-size:13px;display:block;color:var(--muted);margin-top:10px}.secondary{margin:26px 0 8px;padding-top:24px;border-top:1px solid var(--line)}.secondary a{font-weight:600;color:var(--azure)}.secondary p{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1224px;margin:auto;padding:24px 0 35px;color:var(--muted);font-size:13px}footer>p{font:17px Georgia,serif}footer nav{display:flex;gap:24px;flex-wrap:wrap;align-items:center}footer nav a,footer nav button{font-size:13px}#privacy-note{max-width:800px;margin-top:20px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px}.skip:focus{top:10px}h2:focus{outline:none}@media(max-width:950px){main{gap:35px;padding:40px 28px}.workspace{padding:28px 24px}header{padding:24px 28px}footer{margin:0 28px}h1{font-size:43px}}@media(max-width:700px){header{padding:20px}.brand{font-size:25px}.brand span{font-size:9px}.website{font-size:12px}main{grid-template-columns:1fr;gap:24px;padding:30px 20px 40px}.intro{padding:0}.eyebrow{margin-bottom:14px}h1{font-size:37px;letter-spacing:-1px}h1 br{display:none}h1{margin-bottom:14px}.lead{font-size:21px;margin-bottom:12px}.intro>p:not(.eyebrow):not(.lead){max-width:none;margin-bottom:0}.journey{margin:20px 0 12px}.signature{display:none}.workspace{padding:24px 20px}h2{font-size:28px}.option{padding:14px}.topline{font-size:10px;letter-spacing:1px}.invitation{padding:20px}footer{margin:0 20px}footer nav{gap:12px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
header .brand{font-size:clamp(21px,3.8vw,29px)}header .brand span{font-size:14px;letter-spacing:.3px;line-height:1.8}header{gap:20px;flex-wrap:wrap}
header .brand-with-logo{display:flex;align-items:center;gap:24px}header .brand-with-logo img{display:block;width:144px;height:144px;object-fit:contain}header .brand-with-logo span{font:clamp(16px,2vw,21px)/1.4 Georgia,serif;letter-spacing:0;max-width:190px}@media(max-width:700px){header .brand-with-logo{gap:14px}header .brand-with-logo img{width:116px;height:116px}header .brand-with-logo span{max-width:145px}body header{padding-top:12px;padding-bottom:12px;gap:10px}}