@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('experience.css?v=2');
@import url('posters.css?v=18');
:root{--navy:#102f45;--cream:#f6f3ec;--gold:#b89148;--muted:#6b7a7e;--line:#dbe1dd}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font-family:'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea{outline-offset:4px}header{height:84px;padding:0 5%;display:flex;align-items:center;gap:25px;background:#fffdf8;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:2px;color:var(--navy);text-decoration:none;display:flex;align-items:center;gap:10px}.brand span{color:var(--gold);font-size:34px}.brand em{font-size:11px;font-style:normal;font-weight:400}header small{margin-left:auto;font-size:10px;letter-spacing:2px;color:var(--muted)}.quiet,.secondary{border:1px solid var(--line);background:transparent;padding:11px 16px;border-radius:4px;color:var(--navy)}main{max-width:1400px;margin:auto;min-height:calc(100vh - 160px)}h1,h2,h3{font-family:'Libre Baskerville',Georgia,serif;font-weight:400}h1{font-size:clamp(38px,4.5vw,62px);line-height:1.17;margin:26px 0}h1 em{color:#39748a}p{line-height:1.7}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);font-weight:700;text-transform:uppercase}.landing{display:grid;grid-template-columns:1.05fr 1fr;min-height:680px}.intro{padding:85px 8% 55px}.lead{font-size:17px;color:var(--muted);max-width:450px}.primary{background:var(--navy);color:white;border:0;border-radius:4px;padding:15px 24px;font-weight:600}.primary:hover{background:#24526a}.primary:disabled{opacity:.4;cursor:default}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}.small{font-size:12px;color:var(--muted)}.hero{background:linear-gradient(0deg,#062b4580,transparent 65%),url('assets/ocean.jpg') center 45%/cover;display:flex;align-items:flex-end;padding:45px}.heroQuote{color:white;font:24px/1.5 'Libre Baskerville',Georgia;max-width:340px}.heroQuote small{display:block;color:#f0cf8a;font:10px 'DM Sans';letter-spacing:2px;margin-top:16px}.features{display:flex;gap:25px;margin-top:45px;border-top:1px solid var(--line);padding-top:22px}.features span{font-size:12px;line-height:1.7}.features b{display:block;font:24px Georgia}.workspace{display:grid;grid-template-columns:200px minmax(350px,1fr) 320px;gap:32px;padding:42px 5%}.rail{border-right:1px solid var(--line);padding-right:20px}.railTitle{font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:20px}.stepBtn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 0;text-align:left;background:none;border:0;color:var(--muted);font-size:13px}.stepBtn.active{color:var(--navy);font-weight:700}.stepNum{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:10px;flex-shrink:0}.active .stepNum{background:var(--navy);color:white}.form h2{font-size:30px;line-height:1.35;margin:18px 0 12px}.desc{font-size:14px;color:var(--muted);margin-bottom:28px}.field{display:block;margin:20px 0}.field span{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.field small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin:7px 0}.field input,.field textarea{width:100%;border:1px solid #ccd7d5;border-radius:5px;padding:12px 14px;background:#fffefb;color:var(--navy)}textarea{resize:vertical;min-height:75px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#e9eeeb;border:0;border-radius:20px;padding:7px 11px;font-size:11px;color:#355463}.progress{height:3px;background:#e4e8e2;margin-bottom:20px}.progress i{display:block;height:3px;background:var(--gold)}.preview{background:#fffdf9;padding:22px;border:1px solid var(--line);border-radius:8px;align-self:start;position:sticky;top:24px}.preview h3{font-size:20px;margin:5px 0}.pie{width:200px;height:200px;border-radius:50%;margin:24px auto;position:relative;box-shadow:0 0 0 7px #f2eee4}.pie:after{content:'A fuller life';position:absolute;inset:55px;background:var(--cream);border:3px solid white;border-radius:50%;display:grid;place-items:center;font:italic 17px Georgia;text-align:center}.legend{display:grid;gap:10px}.legendRow{display:flex;gap:8px;align-items:center;font-size:11px}.dot{height:8px;width:8px;border-radius:50%;flex-shrink:0}.legendRow b{margin-left:auto;font-weight:500}.previewNote{font-size:11px;color:var(--muted);line-height:1.7;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.rangeRow{display:grid;grid-template-columns:1fr 85px;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.rangeRow input{width:80px;padding:9px;border:1px solid var(--line);border-radius:4px}.total{margin-top:16px;font-weight:600}.bad{color:#a23a34}.results{padding:45px 6%}.resultHeader{display:flex;align-items:center;justify-content:space-between;gap:20px}.results h1{font-size:40px;margin:15px 0}.tabs{display:flex;gap:8px;margin:24px 0;border-bottom:1px solid var(--line);padding-bottom:14px;flex-wrap:wrap}.tab{border:0;background:transparent;padding:10px 15px;color:var(--muted);border-radius:4px}.tab.active{background:var(--navy);color:white}.outputGrid{display:grid;grid-template-columns:minmax(300px,1fr) 360px;gap:40px}.posterMock{background:linear-gradient(#102f4530,#102f4580),url('assets/ocean.jpg') center/cover;padding:35px;color:white;max-width:650px;aspect-ratio:3/4;box-shadow:0 12px 30px #102f4518}.posterMock h2{font-size:29px;text-align:center;margin:10px 0}.posterMock .sub{text-align:center;color:#f4d799;font-size:12px}.mockPanels{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.mockPanel{background:#f7f2e9ee;color:var(--navy);padding:15px;border:1px solid #d7b66b;min-width:0}.mockPanel h3{font-size:13px;margin:0 0 8px;font-weight:700}.mockPanel p{font-size:12px;line-height:1.55;margin:0;overflow-wrap:anywhere}.posterFooter{text-align:center;letter-spacing:1px;font-size:11px;margin-top:25px}.downloadPanel{background:white;padding:26px;border:1px solid var(--line);align-self:start;border-radius:7px}.downloadPanel h3{font-size:21px}.downloadPanel button{display:block;width:100%;margin:12px 0}.cardPreview{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.cardMock{background:linear-gradient(#123d5830,#123d5860),url('assets/ocean.jpg') center/cover;padding:20px 13px;aspect-ratio:3/5;color:var(--navy);display:flex;flex-direction:column;box-shadow:0 8px 20px #102f4518}.cardInner{background:#f8f4eced;padding:18px 12px;flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center}.cardInner h3{font:700 12px 'DM Sans';line-height:1.4}.cardInner p{font:italic 17px/1.6 Georgia;overflow-wrap:anywhere}.cardMock small{font-size:8px;background:var(--navy);color:white;text-align:center;padding:8px;margin-top:10px}.cardNav{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px}.summary{display:grid;grid-template-columns:1fr 1fr;gap:15px}.summaryItem{background:white;padding:20px;border:1px solid var(--line)}.summaryItem h3{font-size:17px}.summaryItem p{font-size:13px}footer{padding:25px 5%;font-size:11px;color:var(--muted);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 20px;border-radius:5px;display:none;z-index:10}details{font-size:12px;line-height:1.7;margin-top:20px}summary{cursor:pointer;font-weight:600}.mobileStep{display:none}@media(max-width:1100px){.workspace{grid-template-columns:170px 1fr;gap:24px}.workspace>.preview{display:none}.outputGrid{grid-template-columns:1fr 300px}}@media(max-width:720px){header{height:70px;padding:0 20px;gap:10px}header small{display:none}.brand{font-size:13px;letter-spacing:1px}.quiet{margin-left:auto;padding:8px;font-size:11px}.landing{grid-template-columns:1fr}.intro{padding:45px 25px}.hero{min-height:350px;padding:25px}.workspace{display:block;padding:25px}.rail{display:none}.mobileStep{display:block;font-size:12px;color:var(--muted)}.outputGrid{display:block}.downloadPanel{margin-top:24px}.results{padding:25px}.results h1{font-size:30px}.resultHeader{align-items:start}.posterMock{padding:18px}.posterMock h2{font-size:23px}.mockPanel{padding:10px}.mockPanel p{font-size:10px}.mockPanel h3{font-size:11px}.summary{grid-template-columns:1fr}footer{display:block}footer span{display:block;margin-top:10px}.features{gap:20px}}
.areaChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.areaChoice{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #c9d5da;border-radius:12px;background:#ffffffd9;color:#102f45;cursor:pointer}.areaChoice:has(input:checked){border-color:#026630;background:#eff8f1}.areaChoice input{width:20px;height:20px;accent-color:#026630;flex-shrink:0}.areaChoice:focus-within{outline:2px solid #00357b;outline-offset:2px}@media(max-width:600px){.areaChoices{grid-template-columns:1fr}}