:root{--serif: var(--font-sans);--br-accent: var(--muted-green);--br-accent-hover: var(--muted-green-dark);--br-accent-tint: var(--sage-tint);--br-accent-faint: var(--sage-faint);--measure-read: 640px;--measure-form: 720px;--measure-wide: 1080px;--topbar-h: 69px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.paper{--bg: #F5F6FB;--bg-alt: #EDEFF7;--surface: #FFFFFF;--surface-2: #FFFFFF;--surface-sunk: rgba(16,19,33,.04);--fg-1: #171A26;--fg-2: #4C5468;--fg-3: #7C849B;--border: rgba(16,19,33,.1);--border-strong: rgba(16,19,33,.2);--line: rgba(16,19,33,.1);--line-2: rgba(16,19,33,.2);--accent-hover: #4463E8;--muted-green-dark: #4463E8;--danger: #C03B2C;--warn: #96702F;--shadow-1: 0 1px 2px rgba(16,19,33,.06);--shadow-2: 0 6px 24px rgba(16,19,33,.1);--shadow-3: 0 18px 50px rgba(16,19,33,.16);--glow: 0 8px 28px rgba(91,124,250,.28);--glow-str: 0 14px 40px rgba(91,124,250,.42);background:var(--bg);color:var(--fg-1);min-height:100vh}#root{min-height:100vh}.serif{font-family:var(--serif);font-weight:800;letter-spacing:-.035em}.grad{background:var(--grad);background-size:220% 220%;-webkit-background-clip:text;background-clip:text;color:transparent}.mono-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);font-weight:500}.body{font-size:18px;line-height:1.62;color:var(--fg-2);text-wrap:pretty}@media (max-width: 640px){.body{font-size:16px}}a{color:var(--br-accent);text-decoration:none}a:hover{color:var(--br-accent-hover);text-decoration:underline;text-underline-offset:3px}.shell{width:100%;max-width:var(--measure-form);margin:0 auto;padding:0 24px}.shell--read{max-width:var(--measure-read)}.topbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:saturate(1.1) blur(8px);backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid var(--border)}.topbar__inner{max-width:var(--measure-form);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brandmark{display:inline-flex;align-items:center;height:40px;cursor:pointer}.wordmark{font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--fg-1);white-space:nowrap}.wordmark i{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.brandmark:hover .wordmark{opacity:.75;transition:opacity var(--dur) var(--ease)}.topbar__right{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.topbar__sep{color:var(--border-strong);margin:0 4px}@media (max-width: 560px){.brandmark{height:34px}.wordmark{font-size:15px}.topbar__right{font-size:10px;letter-spacing:.08em}:root{--topbar-h: 63px}}.form-status{position:sticky;top:var(--topbar-h);z-index:30;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:saturate(1.1) blur(8px);backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid var(--border)}.form-status__meta{max-width:var(--measure-form);margin:0 auto;padding:7px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.progress{height:2px;background:transparent}.progress__fill{height:100%;width:0;background:var(--grad);transition:width .32s var(--ease)}.btn{font-family:var(--font-sans);font-size:16px;font-weight:600;border:none;cursor:pointer;border-radius:var(--r-md);padding:15px 26px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background var(--dur) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),opacity var(--dur) var(--ease)}.btn--primary{background:var(--grad);background-size:160% 160%;color:#fff;box-shadow:var(--glow)}.btn--primary:hover{box-shadow:var(--glow-str);transform:translateY(-2px)}.btn--primary:active{transform:scale(.985)}.btn--primary:disabled{opacity:.4;cursor:not-allowed}.btn .arrow{transition:transform var(--dur) var(--ease)}.btn--primary:hover .arrow{transform:translate(3px)}.btn--block{width:100%}.btn--link{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-sans);font-size:15px;font-weight:500;color:var(--fg-2);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--border-strong);transition:color var(--dur) var(--ease),text-decoration-color var(--dur) var(--ease)}.btn--link:hover{color:var(--fg-1);text-decoration-color:var(--fg-3)}.field{display:flex;flex-direction:column;gap:10px}.field__q{font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:-.01em;color:var(--fg-1);line-height:1.32}.field__sub{font-size:15px;line-height:1.55;color:var(--fg-3);margin-top:-4px}.input,.textarea{font-family:var(--font-sans);font-size:17px;color:var(--fg-1);background:transparent;border:none;border-bottom:1px solid var(--border-strong);padding:12px 2px;outline:none;width:100%;transition:border-color var(--dur) var(--ease),border-width var(--dur) var(--ease);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--fg-3)}.input:focus,.textarea:focus{border-bottom:2px solid var(--br-accent);padding-bottom:11px}.textarea{line-height:1.55;min-height:52px}.radio-group{display:flex;flex-direction:column;gap:2px}.radio{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);font-size:17px;color:var(--fg-1)}.radio:hover{background:var(--surface)}.radio__dot{width:18px;height:18px;border-radius:50%;flex:none;border:1.5px solid var(--border-strong);position:relative;transition:border-color var(--dur) var(--ease)}.radio[data-on=true]{background:var(--br-accent-faint);border-color:var(--br-accent-tint)}.radio[data-on=true] .radio__dot{border-color:var(--br-accent)}.radio[data-on=true] .radio__dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--br-accent)}.note-mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--fg-3)}.note-mono--err{color:var(--danger)}.hairline{border:none;border-top:1px solid var(--border);margin:0}.fade-in{animation:fadeIn .3s var(--ease) both}@keyframes fadeIn{0%{transform:translateY(6px)}to{transform:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.landing{background:radial-gradient(ellipse 62% 46% at 18% 0%,rgba(91,124,250,.2),transparent 70%),radial-gradient(ellipse 52% 40% at 88% 4%,rgba(78,201,160,.13),transparent 70%),radial-gradient(ellipse 44% 34% at 56% 18%,rgba(142,124,245,.14),transparent 72%);background-repeat:no-repeat}.landing__hero{padding:72px 24px 56px}.landing__h1{font-size:46px;line-height:1.04;font-weight:800;letter-spacing:-.045em;color:var(--fg-1);margin:22px 0 0;text-wrap:balance}.landing__sub{max-width:560px;margin:28px 0 0}.landing__cta{display:flex;align-items:center;gap:22px;margin-top:38px;flex-wrap:wrap}.landing__block{padding:52px 24px}.get-grid{display:grid;gap:36px;margin-top:28px}.get-item__k{font-size:21px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;color:var(--fg-1)}.get-item__v{margin:0;font-size:17px}.for-grid{display:grid;gap:40px}.for-list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:14px}.for-list li{position:relative;padding-left:26px;font-size:17px}.for-list li:before{content:"";position:absolute;left:0;top:11px;width:12px;height:1.5px;background:var(--br-accent)}.for-list--not li:before{background:var(--fg-3);width:12px;top:13px;transform:rotate(-12deg)}.landing__builtby{max-width:560px;margin:20px 0 0}.builtby__link{display:inline-block;margin-top:16px;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em}.landing__cta2{padding-top:8px;padding-bottom:72px}.site-footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:64px 0 56px}.site-footer__inner{display:flex;flex-direction:column;align-items:flex-start;gap:0}.site-footer__wordmark{font-size:24px;font-weight:800;letter-spacing:-.01em;color:var(--fg-1);margin:0}.site-footer__wordmark i{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.site-footer__essence{font-size:16px;font-weight:500;color:var(--fg-2);margin:18px 0 0;letter-spacing:0}.site-footer__meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:36px;padding-top:24px;border-top:1px solid var(--border);width:100%}.site-footer__meta .note-mono{color:var(--fg-3)}@media (min-width: 720px){.site-footer{padding:80px 0 64px}.site-footer__wordmark{font-size:28px}.site-footer__essence{font-size:17px}}@media (min-width: 720px){.landing__h1{font-size:60px}.get-grid{grid-template-columns:repeat(3,1fr);gap:32px}.for-grid{grid-template-columns:1fr 1fr;gap:56px}}@media (min-width: 980px){.landing__h1{font-size:68px}}@media (min-width: 720px){.landing .shell,.topbar--wide .topbar__inner{max-width:var(--measure-wide)}}.form-wrap{padding-bottom:96px}.form-head{padding:56px 24px 8px}.form-head__title{font-size:38px;font-weight:800;letter-spacing:-.04em;margin:16px 0 0;color:var(--fg-1)}.form-head__sub{max-width:540px;margin:18px 0 0;font-size:17px}.fsection{padding:44px 0}.fsection__title{font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.28;margin:14px 0 0;color:var(--fg-1);text-wrap:balance}.fsection__body{margin-top:24px;display:flex;flex-direction:column;gap:16px}.field__label{font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--fg-2);letter-spacing:.01em}.field--inline{gap:8px}.field__nudge{animation:nudgeIn .3s var(--ease) both}@keyframes nudgeIn{0%{opacity:0}to{opacity:1}}.convo-stack{display:flex;flex-direction:column;gap:18px}.convo__head{margin-bottom:16px}.convo__recommended{margin-left:10px;color:var(--br-accent)}.convo--cards[data-error=true]{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.convo--tight[data-error=true]{border-left-color:var(--danger)}.convo__err{margin-top:6px}.convo__fields{display:flex;flex-direction:column;gap:20px}.convo--cards{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px 22px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.convo--cards[data-filled=true]{border-color:var(--br-accent-tint)}.convo--cards:focus-within{border-color:var(--border-strong);box-shadow:var(--shadow-1)}.convo--tight{padding:4px 0 20px 18px;border-left:2px solid var(--border)}.convo--tight[data-filled=true]{border-left-color:var(--br-accent)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--fg-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:8px 16px;cursor:pointer;min-height:38px;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.chip:hover{border-color:var(--fg-3)}.chip[data-on=true]{background:var(--br-accent);border-color:var(--br-accent);color:#fff}.redirect{margin-top:18px;background:var(--slate-faint);border-radius:var(--r-md);padding:18px 20px}.redirect__msg{margin:0;font-size:15px;line-height:1.55;color:var(--fg-2)}.form-submit{margin-top:48px}@media (min-width: 720px){.form-head__title{font-size:44px}.fsection__title{font-size:30px}.convo--cards{padding:28px 26px}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#05070cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);max-width:560px;width:100%;padding:34px 32px 28px;box-shadow:var(--shadow-3);margin:auto}.modal__title{font-size:27px;font-weight:700;letter-spacing:-.03em;line-height:1.25;margin:12px 0 0}.modal__lead{font-size:16px;line-height:1.55;color:var(--fg-2);margin:14px 0 0}.flag-list{margin:26px 0 0;display:flex;flex-direction:column;gap:24px}.flag{border-left:2px solid var(--br-accent);padding-left:16px}.flag__name{color:var(--fg-2)}.flag__why{font-size:14px;line-height:1.5;color:var(--fg-3);margin:6px 0 12px}.flag__input{font-size:16px}.flag__goto{margin-top:10px;font-size:13px}.modal__actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin-top:30px}.gen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.gen__inner{width:100%;max-width:460px}.gen__lines{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}.gen__line{font-family:var(--font-sans);font-size:19px;color:var(--fg-1);opacity:0;transform:translateY(4px);transition:opacity .42s var(--ease),transform .42s var(--ease)}.gen__line[data-on=true]{opacity:1;transform:none}.gen__bar{margin-top:40px;height:2px;background:var(--border);border-radius:2px;overflow:hidden;position:relative}.gen__bar-pulse{position:absolute;top:0;left:0;height:100%;width:38%;background:var(--grad);border-radius:2px;animation:genPulse 1.6s var(--ease) infinite}@keyframes genPulse{0%{left:-40%}to{left:100%}}.results{padding:64px 0 0}.results__wrap{padding-bottom:0}.results__framing{font-size:17px;line-height:1.6;color:var(--fg-2);margin:0 0 28px}.results__calib{color:var(--warn);margin:-12px 0 28px;line-height:1.5;text-transform:none;letter-spacing:.02em}.diagnosis{margin-top:40px}.dx{margin-bottom:40px}.dx__h{font-size:28px;font-weight:800;letter-spacing:-.035em;margin:0 0 14px;color:var(--fg-1)}.dx__b{font-size:18px;line-height:1.68;color:var(--fg-1);margin:0;text-wrap:pretty}.caret{display:inline-block;width:8px;height:1.1em;background:var(--br-accent);margin-left:2px;transform:translateY(2px);animation:blink 1s steps(2) infinite}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.results__skip{text-align:center;margin:24px 0;opacity:.7}.results-tail{margin-top:56px}.block__inner{padding:44px 0}.block__h{font-size:26px;font-weight:700;letter-spacing:-.03em;margin:0 0 14px;color:var(--fg-1)}.block__p{font-size:17px;max-width:560px;margin:0 0 22px}.confirm{color:var(--fg-2);padding:8px 0}.stars{display:flex;gap:6px;margin:6px 0 4px}.star{background:none;border:none;padding:4px;cursor:pointer;line-height:0;transition:transform var(--dur-fast) var(--ease)}.star:hover{transform:translateY(-2px)}.star-label{min-height:18px;margin:6px 0 0}.results__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:30px 0 56px;border-top:1px solid var(--border);margin-top:24px}@media (min-width: 720px){.dx__h{font-size:30px}.dx__b{font-size:19px}.results__framing{font-size:20px}}.vis{margin:0 0 34px}.vis__h{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);font-weight:500;margin:0 0 16px}.vis__verdict{font-size:17px;line-height:1.6;color:var(--fg-1);margin:20px 0 0;text-wrap:pretty}.vis__note{margin:8px 0 0}.sk{display:flex;flex-direction:column;gap:10px}.sk__row{height:58px;border-radius:var(--r-md);background:var(--surface-sunk);border:1px solid var(--border)}.cstrip{display:flex;flex-direction:column;gap:18px}.cstrip__label{color:var(--fg-3);margin:0 0 10px}.cstrip__tiles{display:grid;gap:10px}.cstrip__tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px}.cstrip__group--wins .cstrip__tile{border-left:2px solid var(--br-accent)}.cstrip__who{font-size:13px;font-weight:600;color:var(--fg-1);display:block}.cstrip__problem{font-size:15px;line-height:1.5;color:var(--fg-2);margin:6px 0 0;text-wrap:pretty}.cstrip__outcome{display:inline-block;margin-top:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}@media (min-width: 640px){.cstrip__tiles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.marks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.mark{display:flex;flex-direction:column}.mark__btn{display:flex;align-items:center;gap:12px;background:none;border:none;padding:8px 0;cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:15px;color:var(--fg-2)}.mark__dot{width:11px;height:11px;border-radius:50%;flex:none;border:1.5px solid var(--border-strong);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.mark[data-on=true] .mark__dot{background:var(--br-accent);border-color:var(--br-accent)}.mark[data-on=true] .mark__label{color:var(--fg-1)}.mark__span{padding:0 0 10px 23px}.mark__quote{font-size:14px;line-height:1.55;color:var(--fg-2);margin:0 0 6px}.mark__set,.mark__unset{font-size:12px;margin-left:23px;padding-bottom:6px}
