@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";
:root{--glacier-0:#fff;--glacier-25:#f8fafc;--glacier-50:#f4f6f9;--glacier-100:#edf1f6;--glacier-200:#dee5ee;--glacier-300:#cdd7e3;--glacier-400:#9aa2af;--ink-350:#9aa2af;--ink-540:#697180;--ink-700:#3a414b;--ink-900:#1b1e23;--accent-200:#f0f5fa;--accent-300:#e9f0f7;--accent-400:#8fa6c4;--accent-500:#5e7ca6;--accent-600:#4b6893;--accent-700:#3e5a82;--accent-800:#2f4566;--accent-900:#22334c;--char-950:#14171b;--char-900:#1b1e23;--char-850:#242830;--char-800:#2e333c;--char-outline:#4a515c;--char-inactive:#353b45;--char-muted:#697180;--char-secondary:#b4bcc7;--char-primary:#f4f6f9;--bg:var(--glacier-50);--text-primary:var(--ink-900);--text-secondary:var(--ink-540);--accent:var(--accent-500);--accent-press:var(--accent-700);--accent-on:#fff;--outline:var(--glacier-300);--divider:var(--glacier-200);--focus-ring:var(--accent-500);--butter-400:var(--accent-300)}
:root,[data-theme=light]{--surface-card:#ffffff8c;--surface-card-solid:#ffffffb8;--matte-paper:linear-gradient(180deg,#ffffffa8 0%,#ffffff7a 100%);--matte-olive:linear-gradient(160deg,#f0f5fa 0%,#e9f0f7 100%);--matte-olive-text:var(--accent-800);--smoked-glass:#ffffffb3;--smoked-glass-border:#ffffffb3;--page-glow:radial-gradient(1100px 620px at 12% -8%, #9ab2d133 0%, #9ab2d100 62%), radial-gradient(900px 560px at 88% 4%, #b2c5dd29 0%, #b2c5dd00 60%), linear-gradient(180deg, #f4f6f9 0%, #edf1f6 100%);--aura-here:radial-gradient(circle,#5e7ca633 0%,#5e7ca600 70%);--blur-glass:18px}
:root{--font-body:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-display:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--type-display-size:32px;--type-display-line:1.06;--type-display-weight:500;--type-display-tracking:-.02em;--type-h1-size:27px;--type-h1-line:1.14;--type-h1-weight:500;--type-h1-tracking:-.012em;--type-h2-size:21px;--type-h2-line:1.2;--type-h2-weight:500;--type-h2-tracking:-.012em;--type-bodyl-size:18px;--type-bodyl-line:1.65;--type-bodyl-weight:400;--type-bodyl-tracking:0em;--type-bodyl-measure:36ch;--type-body-size:17px;--type-body-line:1.65;--type-body-weight:400;--type-body-tracking:0em;--type-bodysec-size:15px;--type-bodysec-line:1.55;--type-bodysec-weight:400;--type-bodysec-tracking:0em;--type-label-size:16px;--type-label-line:1.3;--type-label-weight:500;--type-label-tracking:0em;--type-eyebrow-size:12px;--type-eyebrow-line:1.3;--type-eyebrow-weight:400;--type-eyebrow-tracking:.14em;--type-eyebrow-family:var(--font-mono);--type-eyebrow-transform:uppercase;--type-honest-size:13px;--type-honest-line:1.5;--type-honest-weight:400;--type-honest-tracking:.01em}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--space-10:72px;--space-11:96px;--radius-sm:8px;--radius-md:18px;--radius-lg:26px;--radius-pill:999px;--shape-organic-1:42% 58% 53% 47%/45% 41% 59% 55%;--shape-organic-2:58% 42% 47% 53%/55% 59% 41% 45%;--shape-organic-3:50% 50% 42% 58%/58% 42% 50% 50%;--border-hair:1px;--border-thick:1.5px;--border-path:2px;--border-path-thick:3px;--container-max:430px;--gutter:20px;--tap-min:44px}
:root{--ease-standard:cubic-bezier(.4,0,.2,1);--ease-out-soft:cubic-bezier(.16,1,.3,1);--ease-in-out-slow:cubic-bezier(.45,0,.55,1);--duration-tap:.18s;--duration-tap-return:.22s;--duration-zoom:.38s;--duration-fade:.28s;--duration-breath:3.6s;--duration-pulse:1.8s}@keyframes pulse-center{0%{opacity:.5;transform:scale(.85)}70%{opacity:0}to{opacity:0;transform:scale(2.1)}}@keyframes motion-breath{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes motion-tap{0%{transform:scale(1)}40%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes fade-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes zoom-in-soft{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes zoom-out-soft{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root,[data-theme=light]{--shadow-card:inset 0 1px 0 #ffffffb3, 0 1px 2px #1b1e2308, 0 10px 30px -14px #2e3e5829;--shadow-raised:inset 0 1px 0 #ffffffbf, 0 2px 4px #1b1e230a, 0 20px 46px -18px #2e3e5838;--shadow-popover:inset 0 1px 0 #fffc, 0 8px 16px #1b1e230f, 0 28px 56px -22px #2e3e5842;--shadow-glass:0 1px 2px #1b1e2308,0 12px 34px -16px #2e3e582e;--shadow-glass-hover:0 2px 6px #1b1e230d,0 22px 50px -18px #2e3e583d}
*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);background-image:var(--page-glow);color:var(--text-primary);font-family:var(--font-body);font-size:var(--type-body-size);line-height:var(--type-body-line);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;margin:0;padding:0}.shell{justify-content:center;min-height:100dvh;padding:0 20px;display:flex}.column{flex-direction:column;width:100%;max-width:430px;min-height:100dvh;padding:28px 0 32px;display:flex}.eyebrow{font-family:var(--type-eyebrow-family);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);text-transform:var(--type-eyebrow-transform);color:var(--text-secondary);margin:0 0 10px}h1.question{font-size:var(--type-h1-size);line-height:var(--type-h1-line);font-weight:var(--type-h1-weight);letter-spacing:var(--type-h1-tracking);color:var(--text-primary);margin:0}.sub{font-size:var(--type-bodysec-size);color:var(--text-secondary);margin:8px 0 0}.options{flex-direction:column;gap:10px;margin:24px 0 0;display:flex}.option,.other-field,.prof-input,.prof-chosen{-webkit-backdrop-filter:blur(var(--blur-glass))}.option{text-align:left;background:var(--matte-paper);border:1px solid var(--smoked-glass-border);border-radius:var(--radius-md);width:100%;min-height:56px;box-shadow:var(--shadow-card);color:var(--text-primary);font-family:inherit;font-size:var(--type-body-size);cursor:pointer;transition:box-shadow .28s var(--ease-standard), transform .18s var(--ease-out-soft), background .28s var(--ease-standard);align-items:center;gap:12px;padding:14px 16px;line-height:1.4;display:flex}@media (hover:hover){.option:hover{box-shadow:var(--shadow-raised)}}.option:active{transform:scale(.985)}.option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.option[data-selected=true]{background:var(--matte-olive);color:var(--matte-olive-text);box-shadow:var(--shadow-raised)}.mark{border:2px solid var(--outline);width:22px;height:22px;transition:border-color .28s var(--ease-standard);border-radius:50%;flex:none;place-items:center;display:grid}.mark.square{border-radius:7px}.option[data-selected=true] .mark{border-color:var(--matte-olive-text)}.mark span{border-radius:inherit;background:var(--matte-olive-text);width:10px;height:10px;transition:transform .18s var(--ease-out-soft);transform:scale(0)}.option[data-selected=true] .mark span{transform:scale(1)}.other-field{border:1px solid var(--outline);background:var(--surface-card);width:100%;color:var(--text-primary);font-family:inherit;font-size:var(--type-body-size);resize:none;border-radius:16px;margin:8px 0 0;padding:14px 16px}.other-field:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.counter{font-size:var(--type-honest-size);color:var(--text-secondary);text-align:right;margin:6px 0 0}.button{background:var(--accent);width:auto;min-height:52px;color:var(--accent-on);font-family:inherit;font-size:var(--type-label-size);font-weight:var(--type-label-weight);cursor:pointer;box-shadow:var(--shadow-card);transition:transform .18s var(--ease-out-soft), background .18s var(--ease-standard);border:none;border-radius:28px;align-self:flex-end;padding:14px 30px}.button:active{background:var(--accent-press);transform:scale(.97)}.button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.button[disabled]{opacity:.45;cursor:default;transform:none}.button.ghost{color:var(--text-secondary);box-shadow:none;font-weight:500;font-size:var(--type-bodysec-size);background:0 0;align-self:center;min-height:44px}.footer{flex-direction:column;margin-top:auto;padding-top:24px;display:flex}.progress-line{font-size:var(--type-honest-size);font-weight:var(--type-honest-weight);color:var(--text-secondary);margin:0 0 20px}.back{color:var(--text-secondary);font-family:inherit;font-size:var(--type-honest-size);cursor:pointer;background:0 0;border:none;margin:0 0 4px;padding:8px 0}.back:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.reflect{flex-direction:column;flex:1;justify-content:center;padding:32px 0;display:flex}.reflect-said{font-size:var(--type-bodyl-size);line-height:var(--type-bodyl-line);color:var(--text-primary);max-width:30ch;margin:0 0 32px}.reflect-said b{font-weight:600}.reflect-number{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 24px;font-size:30px;font-weight:700;line-height:1.2}.reflect-tail{font-size:var(--type-bodyl-size);line-height:var(--type-bodyl-line);color:var(--text-secondary);margin:0}.result-card{background:var(--matte-olive);color:var(--matte-olive-text);box-shadow:var(--shadow-card);border-radius:28px;padding:22px 20px}.result-card .eyebrow{color:var(--matte-olive-text);opacity:.75}.result-name{font-size:var(--type-h2-size);margin:0 0 8px;font-weight:600;line-height:1.25}.result-desc{font-size:var(--type-body-size);margin:0 0 16px;line-height:1.55}.result-shift{font-size:var(--type-bodysec-size);opacity:.85;margin:0 0 4px;line-height:1.5}.trail{justify-content:space-between;align-items:center;width:100%;margin:0 0 20px;display:flex;position:relative}.trail:before{content:"";background:var(--divider);height:1px;position:absolute;top:50%;left:6px;right:6px;transform:translateY(-50%)}.trail-node{cursor:pointer;background:0 0;border:none;flex:1 1 0;place-items:center;min-width:0;height:44px;padding:0;display:grid;position:relative}.trail-node[disabled]{cursor:default}.trail-node:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-4px;border-radius:12px}.trail-dot{background:var(--bg);width:14px;height:14px;box-shadow:0 0 0 2px var(--outline);transition:background .42s var(--ease-out-soft), box-shadow .42s var(--ease-out-soft), transform .42s var(--ease-out-soft);border-radius:50%;display:block}.trail-node[data-state=filled] .trail-dot{background:var(--accent);box-shadow:0 0 0 2px var(--accent)}@media (hover:hover){.trail-node[data-state=filled]:hover .trail-dot{transform:scale(1.18)}}.trail-node[data-state=filled]:active .trail-dot{transform:scale(.92)}.trail-node[data-state=here] .trail-dot{background:var(--accent-700);box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--accent-700);transform:scale(1.3)}.trail-node[data-state=ahead] .trail-dot{background:var(--bg);box-shadow:0 0 0 2px var(--outline);opacity:.8}.reveal{flex-direction:column;flex:1;min-height:0;display:flex}.levels{flex-direction:column;gap:10px;margin:18px 0 0;display:flex}.level-line{background:var(--smoked-glass);border:1px solid var(--smoked-glass-border);font-size:var(--type-bodysec-size);opacity:.95;border-radius:16px;margin:0;padding:14px 16px;line-height:1.45}.levels-bridge{font-size:var(--type-bodysec-size);opacity:.8;flex-direction:column;margin:14px 0 0;line-height:1.5;display:flex}.result-area{margin:0 0 22px}.result-area:last-of-type{margin-bottom:0}.result-type{border-top:var(--border-hair) solid color-mix(in oklab, var(--matte-olive-text) 22%, transparent);margin:0 0 16px;padding:14px 0 0}.result-type:last-child{margin-bottom:0}.result-card .result-lead{font-size:var(--type-bodysec-size);letter-spacing:0;text-transform:none;color:var(--matte-olive-text);opacity:.8;margin:0 0 10px;line-height:1.45}.recognition-group{margin:0 0 18px}.recognition-group:last-of-type{margin-bottom:0}.recognition-group .eyebrow{margin:0 0 8px}.option-group{margin:0 0 20px}.option-group .eyebrow{opacity:.66;margin:0 0 8px}.option-group+.options{margin-top:4px}.prof-input{border:1px solid var(--outline);background:var(--surface-card);width:100%;color:var(--text-primary);font-family:inherit;font-size:var(--type-body-size);border-radius:20px;margin:20px 0 0;padding:16px 18px}.prof-input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.prof-list{margin:20px 0 0}.prof-skip{margin:8px 0 0}.prof-chosen{background:var(--surface-card);box-shadow:var(--shadow-card);border-radius:20px;margin:16px 0 0;padding:16px 18px}.prof-chosen-name{font-size:var(--type-body-size);color:var(--text-primary);margin:0;font-weight:600}.prof-chosen-group{font-size:var(--type-honest-size);color:var(--text-secondary);margin:6px 0 0;line-height:1.5}.option.product{text-align:left;align-items:flex-start}.option.product .mark{flex:none;margin-top:2px}.product-note{color:var(--text-secondary);font-weight:400}.result-cta-note{font-size:var(--type-body-size);line-height:var(--type-bodyl-line);margin:26px 0 0;font-weight:600}.option.ready-made{border:1px solid var(--accent);align-items:flex-start}.option.ready-made .mark{margin-top:2px}.option.ready-made[data-selected=true]{border-color:var(--matte-olive-text)}.ready-made-link{color:inherit;margin:10px 0 0;font-weight:600;text-decoration:underline;display:inline-block}.intro-card{border-radius:var(--radius-md);background:var(--accent-300);color:var(--accent-800);padding:24px 22px}.result-automation{border-left:2px solid var(--matte-olive-text);line-height:var(--type-bodyl-line);margin:10px 0 0;padding:0 0 0 14px}.dots{flex:1;justify-content:center;align-items:center;gap:12px;padding:48px 0;display:flex}.dots span{background:var(--accent);opacity:.35;width:8px;height:8px;animation:dot-breath var(--duration-breath) var(--ease-in-out-slow) infinite;border-radius:50%}.dots span:nth-child(2){animation-delay:calc(var(--duration-breath) / -3)}.dots span:nth-child(3){animation-delay:calc(var(--duration-breath) / -3 * 2)}@keyframes dot-breath{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.embed .shell,.embed .column{min-height:0}.embed .column{padding:8px 0 16px}