@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{color:#193130;font-synthesis:none;background:#f3f7f4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(800px 500px at 88% 0,#dceee6 0,#0000 65%),#f3f7f4;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}header,main,footer{max-width:1200px;margin:auto;padding-left:28px;padding-right:28px}header{justify-content:space-between;align-items:center;height:76px;display:flex}.brand{letter-spacing:-.04em;font-size:20px;font-weight:700}.brand-mark{color:#f6c55a;background:#193f3a;border-radius:9px;place-items:center;width:26px;height:26px;margin-right:8px;display:inline-grid}.header-note,.eyebrow,.result-kicker{letter-spacing:.12em;text-transform:uppercase;font:500 10px DM Mono,monospace}.header-note{color:#627873}.hero{justify-content:space-between;align-items:center;padding:70px 8% 64px;display:flex}.eyebrow{color:#47816d;margin:0 0 16px}.hero h1{letter-spacing:-.055em;color:#173b36;margin:0;font:500 clamp(42px,6vw,70px)/1.02 Playfair Display,serif}.hero h1 em{color:#539279}.hero-copy{color:#61746f;max-width:500px;margin:23px 0 0;font-size:17px;line-height:1.6}.hero-orb{border:1px solid #a9cdbd;border-radius:50%;place-items:center;width:190px;height:190px;animation:7s ease-in-out infinite float;display:grid;box-shadow:inset 0 0 0 22px #e6f1eb}.hero-orb span{background:radial-gradient(circle at 32% 28%,#d7fff0,#58ac87 55%,#1d5348);border-radius:50%;width:90px;height:90px}.workspace{grid-template-columns:minmax(0,1.55fr) minmax(315px,.85fr);align-items:start;gap:24px;display:grid}.form-card,.result-panel{background:#ffffffd1;border:1px solid #d8e4dd;border-radius:25px;box-shadow:0 16px 45px #1f463912}.form-card{padding:34px}.form-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.form-heading h2{letter-spacing:-.035em;margin:0;font:500 29px/1.1 Playfair Display,serif}.clear-btn{color:#58716a;text-underline-offset:3px;background:0 0;border:0;padding:5px;font-size:13px;text-decoration:underline}fieldset{border:0;border-top:1px solid #e0e9e4;margin:29px 0 0;padding:26px 0 0}legend{align-items:center;gap:9px;padding:0 0 18px;font-size:14px;font-weight:700;display:flex}legend b{color:#377b65;background:#e1f0e8;border-radius:7px;place-items:center;width:25px;height:25px;font:500 10px DM Mono,monospace;display:grid}.grid{gap:18px;display:grid}.grid-three{grid-template-columns:repeat(3,1fr)}.grid-two{grid-template-columns:repeat(2,1fr)}.field{min-width:0}.field label,.stress-options>span:first-child{color:#4b625c;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.control{position:relative}.field input,.field select{color:#1f3730;background:#f9fcfa;border:1px solid #cfddd5;border-radius:10px;outline:0;width:100%;height:46px;padding:0 12px;transition:all .2s}.field select{appearance:auto}.field input:focus,.field select:focus{border-color:#4f9478;box-shadow:0 0 0 3px #dff1e8}.field input[aria-invalid=true],.field select[aria-invalid=true],.stress-options.has-error>div{border-color:#ce685e}.unit{color:#778a84;pointer-events:none;font-size:11px;position:absolute;top:14px;right:11px}.control:has(.unit) input{padding-right:45px}.hint{color:#82938e;margin-top:5px;font-size:10px;display:block}.error{color:#bd5148;margin-top:5px;font-size:11px;display:block}.stress-options{margin-top:24px}.stress-options>div{border:1px solid #0000;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.stress-options button{color:#506760;background:#f9fcfa;border:1px solid #cfddd5;border-radius:9px;height:39px;font-size:12px;font-weight:600;transition:all .2s}.stress-options button.selected{color:#fff;background:#2c735d;border-color:#2c735d}.stress-options button:nth-child(3).selected{background:#c47b3c;border-color:#c47b3c}.stress-options button:nth-child(4).selected{background:#c95c55;border-color:#c95c55}.submit-btn{color:#fff;background:#194d42;border:0;border-radius:12px;width:100%;height:55px;margin-top:28px;font-weight:700;transition:all .2s;box-shadow:0 10px 18px #194d4233}.submit-btn:hover:not(:disabled){background:#123d34;transform:translateY(-1px)}.submit-btn span{margin-left:8px;font-size:18px}.submit-btn:disabled{opacity:.75;cursor:wait}.spinner{vertical-align:-2px;border:2px solid #9fc7b8;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:7px;animation:.7s linear infinite spin;display:inline-block}.result-panel{text-align:center;color:#eaf6ef;background:linear-gradient(145deg,#143e36,#215f50);border:0;flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:42px 31px;display:flex;position:sticky;top:22px}.result-panel h2{letter-spacing:-.04em;margin:8px 0 11px;font:500 28px/1.14 Playfair Display,serif}.result-panel>p:not(.result-kicker){color:#bad2c7;max-width:285px;margin:0;font-size:13px;line-height:1.65}.result-kicker{color:#8ed0af}.gauge-wrap{width:255px;margin:8px auto -4px}.gauge{width:100%;overflow:visible}.gauge-track,.gauge-value{fill:none;stroke-width:13px;stroke-linecap:round}.gauge-track{stroke:#ffffff21}.gauge-value{stroke:url(#gauge-gradient);stroke-dasharray:314;transition:stroke-dashoffset 1.3s cubic-bezier(.2,.9,.3,1)}.score{align-items:baseline;gap:7px;margin-top:-12px;display:flex}.score strong{letter-spacing:-.09em;font:500 56px DM Mono,monospace}.score span{color:#a9c8ba;font:13px DM Mono,monospace}.signal{color:#d0fae3;background:#7de0a729;border-radius:999px;margin:4px 0 13px;padding:5px 11px;font-size:12px;font-weight:700}.signal.strained{color:#ffd2cc;background:#ef756e2e}.signal.balanced{color:#ffdf9c;background:#f3bb542e}.secondary-btn{color:#fff;background:0 0;border:1px solid #ffffff59;border-radius:9px;margin-top:24px;padding:10px 16px;font-size:12px;font-weight:700}.privacy-note{color:#aac6ba;border-top:1px solid #ffffff24;margin-top:28px;padding-top:19px;font-size:11px;line-height:1.55}.privacy-note span{color:#8ed0af;margin-right:5px}.status-icon{color:#ffb5ac;background:#7f3b3b;border:1px solid #ef8c83;border-radius:50%;place-items:center;width:47px;height:47px;margin-bottom:12px;font:700 20px DM Mono;display:grid}.loading-orbit{border:1px solid #79b99a;border-radius:50%;place-items:center;width:100px;height:100px;margin-bottom:20px;animation:1.8s infinite pulse;display:grid}.loading-orbit i{background:#b2f0cb;border-radius:50%;width:13px;height:13px;animation:1.2s linear infinite orbit;position:absolute}.loading-orbit i:nth-child(2){animation-delay:.4s}.loading-orbit i:nth-child(3){animation-delay:.8s}.result-enter{animation:.45s reveal}.idle .gauge{opacity:.55}footer{text-align:center;color:#7c9088;padding-top:32px;padding-bottom:43px;font-size:11px;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes pulse{50%{box-shadow:0 0 0 18px #86d2a700}}@keyframes orbit{to{transform:rotate(360deg)translate(42px)rotate(-360deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=900px){.hero{padding:42px 4%}.hero-orb{display:none}.workspace{grid-template-columns:1fr}.result-panel{min-height:390px;position:static}}@media (width<=620px){header,main,footer{padding-left:16px;padding-right:16px}header{height:63px}.header-note{display:none}.hero{padding:43px 5px 37px}.hero h1{font-size:43px}.hero-copy{font-size:15px}.form-card{padding:23px 19px}.form-heading h2{font-size:25px}.grid-three,.grid-two{grid-template-columns:1fr}.stress-options>div{grid-template-columns:repeat(2,1fr)}.result-panel{min-height:360px;padding:30px 20px}.gauge-wrap{width:225px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--bg:#f5f7f2;--surface:#ffffffd1;--text:#173b35;--muted:#63766f;--accent:#43886d;--accent-soft:#e0f0e7;--border:#d7e2da;--input:#f9fcfa;--panel:#16463c;--panel-2:#216653;--panel-text:#eff9f1;--panel-muted:#bad5c8;--particle:#33856526}[data-theme=dark]{--bg:#10201e;--surface:#182f2bd1;--text:#edf5ee;--muted:#a8bbb0;--accent:#8ed4ae;--accent-soft:#203f37;--border:#315047;--input:#1c3732;--panel:#113c34;--panel-2:#1c604f;--panel-text:#f1fbf3;--panel-muted:#bdd7ca;--particle:#82e7b430}body{background:var(--bg);color:var(--text);transition:background .45s,color .35s;overflow-x:hidden}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-orb{filter:blur(58px);opacity:.32;border-radius:50%;width:46vw;height:46vw;animation:18s ease-in-out infinite alternate drift;display:block;position:absolute}.orb-a{background:#a9ddc4;top:-25vw;right:-12vw}.orb-b{background:#d8e9a9;animation-delay:-6s;bottom:-32vw;left:-22vw}.orb-c{opacity:.13;background:#9cd9cb;width:28vw;height:28vw;animation-delay:-11s;top:38%;left:47%}.particle{left:var(--x);top:var(--y);background:var(--particle);width:3px;height:3px;box-shadow:0 0 12px var(--particle);animation:particle var(--duration) ease-in-out var(--delay) infinite;border-radius:50%;position:absolute}header,main,footer{z-index:1;position:relative}.header-actions{align-items:center;gap:18px;display:flex}.theme-toggle{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:99px;align-items:center;gap:7px;padding:4px 10px 4px 5px;font-size:11px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 7px 20px #133a2f14}.theme-toggle span{width:27px;height:27px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;font-size:15px;display:grid}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.form-card{background:var(--surface);border-color:var(--border)}.field input,.field select{background:var(--input);color:var(--text);border-color:var(--border)}.field label,.stress-options>span:first-child,.header-note,.hero-copy,footer{color:var(--muted)}.hero h1,.form-heading h2{color:var(--text)}.eyebrow{color:var(--accent)}.hero{padding-top:78px;padding-bottom:72px}.hero-eyebrow{animation:.65s both heroUp}.hero h1{animation:.8s .15s both heroUp}.hero h1 em{animation:.8s .3s both heroUp;display:inline-block}.hero-copy{animation:.8s .45s both heroUp}.hero-orb{border-color:color-mix(in srgb,var(--accent) 38%,transparent);width:215px;height:215px;box-shadow:inset 0 0 0 21px color-mix(in srgb,var(--accent-soft) 80%,transparent),0 0 70px color-mix(in srgb,var(--accent) 14%,transparent)}.hero-orb i{border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);border-radius:50%;animation:5.5s ease-in-out infinite breathe;position:absolute}.hero-orb i:first-child{inset:-17px}.hero-orb i:nth-child(2){animation-delay:-1.7s;inset:18px}.hero-orb i:nth-child(3){opacity:.32;animation-delay:-3s;inset:-39px}.hero-orb span{animation:5.5s ease-in-out infinite breathe}.progress{gap:8px;margin-top:27px;display:flex}.progress div{color:var(--muted);align-items:center;gap:6px;font-size:11px;transition:all .3s;display:flex}.progress div:not(:last-child):after{content:"";background:var(--border);width:25px;height:1px;margin-left:3px}.progress b{border:1px solid var(--border);border-radius:50%;place-items:center;width:21px;height:21px;font:500 10px DM Mono;transition:all .3s;display:grid}.progress .complete{color:var(--accent)}.progress .complete b{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent)}fieldset{border-color:var(--border)}legend b{color:var(--accent);background:var(--accent-soft)}.field:focus-within label{color:var(--accent)}.field input:hover,.field select:hover{border-color:color-mix(in srgb,var(--accent) 52%,var(--border))}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 17%,transparent);transform:translateY(-1px)}.stress-options button{background:var(--input);color:var(--muted);border-color:var(--border)}.stress-options button.selected{background:linear-gradient(135deg,var(--accent),#246a58);border-color:var(--accent);box-shadow:0 7px 16px color-mix(in srgb,var(--accent) 26%,transparent)}.submit-btn{background:linear-gradient(110deg,#174b40,#438c70,#174b40) 0 0/200% 100%;transition:all .3s}.submit-btn:hover:not(:disabled){background-position:100% 0;transform:translateY(-2px)}.result-panel{background:radial-gradient(circle at 50% 28%,#70ca9d2e,transparent 35%),linear-gradient(145deg,var(--panel),var(--panel-2));color:var(--panel-text)}.result-panel>p:not(.result-kicker){color:var(--panel-muted)}.result-sheen{background:linear-gradient(105deg,#0000 43%,#ffffff14 50%,#0000 57%);animation:1.2s .4s both sheen;position:absolute;inset:-90% -30%}.reveal-a,.reveal-b,.reveal-c,.reveal-d{animation:.55s both reveal}.reveal-b{animation-delay:.38s}.reveal-c{animation-delay:.62s}.reveal-d{animation-delay:.78s}@keyframes drift{to{transform:translate(-8vw,5vh)scale(1.1)}}@keyframes particle{50%{opacity:.28;transform:translate(8px,-28px)}}@keyframes breathe{50%{opacity:.55;transform:scale(1.06)}}@keyframes heroUp{0%{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}@keyframes sheen{0%{transform:translate(-55%)}to{transform:translate(55%)}}@media (width<=620px){.theme-toggle small{display:none}.theme-toggle{padding:4px}.progress span{display:none}.progress div:not(:last-child):after{width:34px}.header-actions{gap:8px}}@media (prefers-reduced-motion:reduce){.ambient{display:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
