.onboarding-terminal{position:relative;background:#27272b;border:1px solid #27272b;border-radius:14px;overflow:hidden;box-shadow:0 1px #ffffff0a inset,0 30px 60px -20px #00000059,0 10px 25px -10px #00000040;font-family:ui-monospace,SF Mono,Menlo,Consolas,Liberation Mono,monospace;color:#e5e5e7}.ot-chrome{display:flex;align-items:center;gap:14px;padding:10px 14px;background:linear-gradient(180deg,#15151a,#101015);border-bottom:1px solid #27272b;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#6b6b73}.ot-chrome-dots{display:flex;gap:6px}.ot-chrome-dots span{width:10px;height:10px;border-radius:50%;background:#2a2a2f}.ot-chrome-dots span:nth-child(1){background:#683737}.ot-chrome-dots span:nth-child(2){background:#816b32}.ot-chrome-dots span:nth-child(3){background:#336e3b}.ot-chrome-title{flex:1;text-align:center;color:#8a8a92;font-weight:500}.ot-chrome-status{color:#d69c08;font-weight:600;min-width:70px;text-align:right}.ot-chrome-status:before{content:"● ";color:#d69c08}.onboarding-terminal[data-state=running] .ot-chrome-status:before{animation:ot-blink 1s steps(2,end) infinite}.ot-overlay{pointer-events:none;position:absolute;inset:36px 0 0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0px,rgba(255,255,255,.012) 1px,transparent 1px,transparent 3px);z-index:1;mix-blend-mode:screen}.onboarding-terminal:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%);pointer-events:none;z-index:1}.ot-screen{position:relative;z-index:2;padding:36px 32px 32px;min-height:460px}.ot-stage{display:none}.onboarding-terminal[data-state=idle] .ot-stage--idle,.onboarding-terminal[data-state=running] .ot-stage--running,.onboarding-terminal[data-state=result] .ot-stage--result{display:block}.ot-prompt{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#b8860b;margin-bottom:14px}.ot-prompt-marker{color:#b8860b;font-weight:700}.ot-prompt-label{font-size:.9rem;color:#c9a24a}.ot-question{font-family:"Source Serif 4",Georgia,serif;font-size:1.65rem;line-height:1.25;color:#f5f5f7;margin-bottom:24px;font-weight:500}.ot-question--sm{font-size:1.35rem;margin-bottom:16px}.ot-choices{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.ot-choice{display:flex;align-items:center;gap:16px;width:100%;padding:14px 16px;background:#101014;border:1px solid #232328;border-radius:8px;color:#e5e5e7;text-align:left;cursor:pointer;transition:all .2s ease;font-family:inherit}.ot-choice:hover{background:#15151b;border-color:#b8860b;transform:translate(2px)}.ot-choice:hover .ot-choice-key{background:#b8860b;color:#0a0a0c;border-color:#b8860b}.ot-choice-key{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #3a3a42;border-radius:4px;font-size:14px;font-weight:600;color:#c9a24a;flex-shrink:0;transition:all .2s ease}.ot-choice-body{display:flex;flex-direction:column;gap:2px}.ot-choice-title{font-family:"Source Sans 3",system-ui,sans-serif;font-size:16px;font-weight:400;color:#f5f5f7}.ot-choice-meta{font-size:14px;letter-spacing:.05em;color:#8f8f94;text-transform:uppercase}.ot-footnote{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#8f8f94}.ot-cursor{display:inline-block;width:7px;height:14px;background:#b8860b;animation:ot-blink 1s steps(2,end) infinite}@keyframes ot-blink{0%,50%{opacity:1}51%,to{opacity:0}}.ot-block{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease;margin-bottom:24px}.ot-block.is-active{opacity:1;transform:translateY(0)}.ot-block:last-child{margin-bottom:0}.ot-q2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ot-field{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#101014;border:1px solid #1f1f23;border-left:2px solid #B8860B;border-radius:6px;min-height:64px}.ot-field-label{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#6b6b73}.ot-field-value{font-family:"Source Serif 4",Georgia,serif;font-size:1.15rem;color:#f5f5f7;font-weight:500;font-feature-settings:"tnum" 1}.ot-q3-typed{padding:14px 16px;background:#101014;border:1px solid #1f1f23;border-left:2px solid #B8860B;border-radius:6px;font-family:"Source Serif 4",Georgia,serif;font-size:1.05rem;line-height:1.5;color:#e5e5e7;font-style:italic;min-height:52px}.ot-q3-quote{color:#b8860b;font-style:normal;font-size:1.4em;line-height:0;vertical-align:-.15em}.ot-q3-cursor{display:inline-block;width:2px;height:1em;background:#b8860b;vertical-align:-.15em;margin:0 1px;animation:ot-blink .7s steps(2,end) infinite}.ot-q3-cursor.is-done{display:none}.ot-log{font-size:14px;line-height:1.7;color:#8a8a92;letter-spacing:.02em}.ot-log-line{display:flex;align-items:baseline;gap:10px;opacity:0;animation:ot-line-in .4s ease forwards}.ot-log-line .ot-log-tick{color:#b8860b;flex-shrink:0}.ot-log-line .ot-log-msg{color:#c9c9d1}.ot-log-line.is-done .ot-log-msg:after{content:" ✓";color:#6b9e6e;font-weight:600}@keyframes ot-line-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.ot-result{padding:8px 4px;animation:ot-fade-in .6s ease}@keyframes ot-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ot-result-eyebrow{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:#b8860b;font-weight:600}.ot-result-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b8860b;box-shadow:0 0 8px #b8860b99}.ot-result-phase{font-family:"Source Serif 4",Georgia,serif;font-size:2rem;line-height:1.15;color:#f5f5f7;font-weight:500;margin-top:10px}.ot-result-divider{height:1px;background:linear-gradient(90deg,#B8860B 0%,transparent 60%);margin:18px 0 20px}.ot-result-section{margin-bottom:18px}.ot-result-section:last-of-type{margin-bottom:24px}.ot-result-label{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#6b6b73;margin-bottom:8px}.ot-result-focus{font-family:"Source Serif 4",Georgia,serif;font-size:1.1rem;color:#e5e5e7;font-style:italic;line-height:1.4}.ot-result-primary{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;background:#b8860b14;border:1px solid rgba(184,134,11,.35);border-radius:8px}.ot-step-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.ot-step-row{display:flex;align-items:flex-start;gap:14px;padding:10px 14px;background:#101014;border:1px solid #1f1f23;border-radius:6px}.ot-step-num{font-family:"Source Serif 4",Georgia,serif;font-size:1.25rem;color:#b8860b;font-weight:500;line-height:1;flex-shrink:0;width:28px;font-feature-settings:"tnum" 1}.ot-step-content{display:flex;flex-direction:column;gap:3px;font-family:"Source Sans 3",system-ui,sans-serif}.ot-step-kind{font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:#b8860b;font-weight:600}.ot-step-title{font-size:17px;color:#f5f5f7;line-height:1.35}.ot-result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px;padding-top:20px;border-top:1px solid #1f1f23}.ot-result-cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;background:#b8860b;color:#0a0a0c;font-family:"Source Sans 3",system-ui,sans-serif;font-size:15px;font-weight:500;letter-spacing:.02em;border-radius:7px;text-decoration:none;transition:all .2s ease}.ot-result-cta:hover{background:#d4a017;transform:translateY(-1px);box-shadow:0 8px 20px -8px #d4a01780}.ot-result-replay{background:transparent;border:1px solid #2a2a32;color:#8a8a92;padding:10px 18px;border-radius:7px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;letter-spacing:.08em;cursor:pointer;transition:all .2s ease}.ot-result-replay:hover{border-color:#b8860b;color:#b8860b}@media(max-width:640px){.ot-screen{padding:28px 18px 24px;min-height:480px}.ot-question{font-size:1.3rem}.ot-question--sm{font-size:1.1rem}.ot-q2-grid{grid-template-columns:1fr}.ot-result-phase{font-size:1.6rem}.ot-chrome-title{font-size:11px}.ot-result-actions{flex-direction:column;align-items:stretch}.ot-result-cta,.ot-result-replay{text-align:center}}@media(prefers-reduced-motion:reduce){.ot-block,.ot-log-line,.ot-result{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.ot-cursor,.ot-q3-cursor,.ot-chrome-status:before{animation:none!important}}
