/* Onboarding carries the landing page's cream, forest, orange and typography. */
body.flow-open{overflow:hidden}
dialog.onboarding-flow{inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;border-radius:0;padding:0;background:var(--paper);overflow-y:auto}
.onboarding-flow>.close{display:none}
.flow-top{max-width:1440px;margin:auto;padding:24px 48px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}
.flow-top .brand{font-size:32px}.flow-top .brand img{width:29px;height:29px}.flow-top-note{display:none}
.flow-exit{background:none;border:0;color:var(--ink);font-size:12px;padding:12px 0 12px 24px}.flow-exit span{margin-left:15px}
.flow-layout{display:grid;grid-template-columns:37% 63%;max-width:1344px;margin:auto;min-height:calc(100dvh - 155px)}
.flow-aside{background:#e6eadc;padding:52px 44px 28px;display:flex;flex-direction:column;border-right:1px solid #ccd3c2;position:relative;overflow:hidden}
.onboarding-flow .flow-aside>.eyebrow{font-size:9px;color:var(--green);letter-spacing:1px;line-height:1.6}
.onboarding-flow .flow-aside h2{font:clamp(34px,3.5vw,52px)/1.12 Anton;letter-spacing:0;margin:24px 0 20px}.flow-aside h2 em{font-style:normal;color:var(--orange)}
.onboarding-flow .flow-aside>p:not(.eyebrow){font:16px/1.6 Tight;max-width:270px;margin:0;color:#51614f}
.flow-steps{padding:0;margin:44px 0 40px;list-style:none;display:grid;gap:27px}.flow-steps li{display:flex;gap:16px;align-items:center;color:#737f6c}.flow-steps li>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #b7c2ac;border-radius:50%;font-size:10px}.flow-steps strong{font:650 15px Tight}.onboarding-flow .flow-steps small{font-size:11px;margin-top:6px;color:#718069}.flow-steps .active{color:var(--ink)}.flow-steps .active>span{background:var(--ink);border-color:var(--ink);color:var(--paper)}.flow-steps .done>span{background:#ccdabd;border-color:#ccdabd;color:var(--green)}
.flow-aside-bottom{margin-top:auto;display:flex;align-items:center;gap:17px;border-top:1px solid #c1cbb7;padding-top:24px}.field-mark{font:44px Anton;color:#8c9e7f}.onboarding-flow .flow-aside-bottom p{font:13px/1.6 Tight;margin:0;color:#617358}
.flow-main{padding:52px 64px 40px;min-width:0}.onboarding-flow .flow-kicker{font-size:10px;letter-spacing:1.4px;font-weight:600;color:var(--green);margin:0 0 20px}.onboarding-flow h1{font:700 clamp(32px,3.4vw,48px)/1.08 Tight;letter-spacing:-1.5px;margin:0 0 20px;overflow-wrap:anywhere}.onboarding-flow h1 span{color:var(--green)}.onboarding-flow h1:focus{outline:none}.onboarding-flow .flow-intro{font:16px/1.65 Tight;color:var(--muted);margin:0 0 28px;max-width:470px}
.flow-form{margin-top:35px}.onboarding-flow .flow-form label{font-size:13px;font-weight:600;margin:0 0 12px}.onboarding-flow .flow-form input{padding:18px 16px;font-size:16px;border:1px solid #aeb9a2;background:#fbfaf4;border-radius:0}.onboarding-flow .input-hint{font-size:11px;margin:10px 0 0}
.flow-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.onboarding-flow .flow-actions .button{margin:0;width:auto;min-width:220px}.flow-actions>.back{padding:12px 0;font-size:12px}.flow-form .flow-actions{display:block}.onboarding-flow .flow-form .button{width:100%}.flow-actions>span{display:block;text-align:center;font-size:10px;color:var(--muted);margin-top:13px}.onboarding-flow .flow-disclosure{font-size:11px;line-height:1.7;color:#6b7468;margin:24px 0 0}
.flow-promise{border-top:1px solid var(--line);margin-top:36px;padding-top:24px;display:flex;gap:18px}.flow-promise>span{font:28px Tight;color:var(--orange)}.onboarding-flow .flow-promise p{font-size:12px;line-height:1.8;margin:0}.flow-promise strong{color:var(--ink);font-weight:600}
.flow-bottom{max-width:1344px;margin:auto;padding:20px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.6px;color:var(--muted)}
.selection-summary{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px;font-size:10px;color:var(--muted)}.selection-summary>span:first-child{font-weight:650;color:var(--green)}
.flow-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.onboarding-flow label.flow-source{display:flex;gap:10px;align-items:center;margin:0;padding:16px 12px;border:1px solid var(--line);cursor:pointer;min-height:89px;background:#faf9f2}.flow-source:has(input:checked){background:#e5ecd9!important;border-color:#687e58!important;box-shadow:inset 0 0 0 1px #687e58}.flow-source img{object-fit:contain;border-radius:5px;width:27px;height:27px;flex-shrink:0}.flow-source>span{flex:1}.flow-source strong{font:700 15px Tight}.onboarding-flow .flow-source small{font-size:9px;line-height:1.45;margin-top:5px}.flow-source input{flex-shrink:0;margin:0;width:17px;height:17px}
.team-choice{border:1px solid #8a9e79;background:#faf9f1;padding:24px}.team-choice-top{display:flex;align-items:center;gap:15px}.team-crest{width:42px;height:50px;background:#244e3a;color:#e8efdb;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);display:grid;place-items:center;font:21px Anton}.team-choice-top strong{font:700 22px Tight}.onboarding-flow .team-choice-top small{font-size:11px;margin-top:5px}.choice-check{margin-left:auto;width:24px;height:24px;background:var(--green);color:white;display:grid;place-items:center;border-radius:50%;font-size:12px}.team-roster{margin-top:24px;border-top:1px solid var(--line)}.team-roster>div{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #dce0d2}.team-roster>div>span{font-size:9px;color:var(--muted);width:42px}.team-roster strong{font:650 15px Tight}.onboarding-flow .team-roster small{font-size:12px;margin:0 0 0 auto}.team-roster-highlight strong{color:var(--green)}.onboarding-flow .team-choice>p{font-size:12px;margin:19px 0 0}.connection-later{display:flex;gap:16px;padding:24px 0}.connection-later>span{font:24px Tight;color:var(--muted)}.connection-later strong{font:650 15px Tight}.onboarding-flow .connection-later p{font-size:12px;line-height:1.6;margin:7px 0 0}.connection-later+.flow-actions{margin-top:8px}
.workspace-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;font:650 16px Tight}.workspace-meta b{font:11px Inter;color:var(--muted)}.saved-mix{padding:14px 0 22px}.saved-mix strong{font-size:10px;text-transform:uppercase;letter-spacing:.8px}.onboarding-flow .saved-mix p{font-size:12px;margin:7px 0 0;line-height:1.5}.first-insight{background:#faf9f2;border:1px solid var(--line);padding:24px}.first-insight .insight-source strong{font-size:17px}.first-insight .insight-source>span{font-size:9px}.onboarding-flow .first-insight h2{font:700 28px/1.15 Tight;letter-spacing:-.7px;margin:20px 0 12px}.onboarding-flow .first-insight>p{font-size:13px;line-height:1.7}.first-insight>a{font-size:10px;text-decoration:underline;text-underline-offset:4px}.onboarding-flow .first-insight .example-note{font-size:10px;color:#737b6d;line-height:1.6}.move-comparison{display:grid;grid-template-columns:1fr 18px 1fr;gap:12px;margin-top:22px;align-items:center}.move-comparison>div{padding:15px;background:#eeeee4}.move-comparison>div.move-player{background:#e3ead5}.move-comparison strong{font:700 15px Tight;display:block;margin:12px 0}.onboarding-flow .move-comparison small{font-size:8px;margin:0;letter-spacing:.5px}.move-comparison b{font:700 25px Tight}.move-comparison b small{display:inline}.move-result{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:20px}.move-result>strong{font:700 23px Tight;color:var(--green)}.move-result small{font:11px Inter;display:inline}.move-result>span{font-size:9px;color:var(--muted)}.onboarding-flow .first-insight .button{margin-top:20px}.onboarding-flow .move-status{font-size:10px;margin-bottom:0}.onboarding-flow #review-setup{font-size:12px;padding-top:24px}
@media(min-width:1440px){.flow-layout{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media(max-width:1000px){.flow-main{padding:40px 32px}.flow-aside{padding:40px 28px}.flow-source-grid{grid-template-columns:1fr}.onboarding-flow label.flow-source{min-height:76px}.flow-top{padding:20px 28px}.flow-top-note{display:none}.flow-exit{margin-left:auto}.flow-layout{grid-template-columns:34% 66%}}
@media(max-width:650px){.flow-top{padding:16px 20px}.flow-top .brand{font-size:27px}.flow-top .brand img{width:25px;height:25px}.flow-layout{display:block;min-height:0}.flow-aside{padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.flow-aside>.eyebrow,.flow-aside>h2,.flow-aside>p,.flow-aside-bottom{display:none}.flow-steps{display:flex;justify-content:space-between;gap:10px;margin:0}.flow-steps li{gap:7px}.flow-steps li>span{width:24px;height:24px;font-size:9px}.flow-steps strong{font-size:12px}.flow-steps small{display:none}.flow-main{padding:32px 22px}.onboarding-flow h1{font-size:37px}.onboarding-flow .flow-intro{font-size:16px}.flow-source-grid{gap:9px}.onboarding-flow label.flow-source{padding:15px;min-height:75px}.flow-source strong{font-size:17px}.onboarding-flow .flow-source small{font-size:11px}.selection-summary{font-size:10px}.selection-summary>span:last-child{max-width:155px;text-align:right}.flow-actions{gap:15px}.onboarding-flow .flow-actions .button{min-width:0;flex:1;gap:18px}.flow-bottom{padding:20px 22px;display:block;font-size:8px}.flow-bottom>span{display:block;margin:0 0 8px}.team-choice{padding:18px}.team-choice-top strong{font-size:21px}.team-roster{margin-top:18px}.team-roster strong{font-size:14px}.first-insight{padding:18px}.workspace-meta{flex-wrap:wrap}.move-comparison{gap:7px;grid-template-columns:1fr 12px 1fr}.move-comparison>div{padding:12px}.move-comparison strong{font-size:14px}.move-result{align-items:start}.move-result>span{max-width:70px;line-height:1.5;text-align:right}.flow-exit{font-size:11px}.flow-exit span{margin-left:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Own-team connection is the primary path; the sample is an optional preview. */
.connect-team-card{background:#faf9f2;border:1px solid #8a9e79;padding:26px}
.connect-team-heading{display:flex;align-items:center;gap:15px}.connect-team-heading img{object-fit:contain;border-radius:8px;background:white;padding:5px;flex-shrink:0}
.onboarding-flow .connect-label{font-size:9px;letter-spacing:1px;color:var(--green);font-weight:650;margin:0 0 7px}
.onboarding-flow .connect-team-heading h2{font:700 25px/1.15 Tight;letter-spacing:-.5px;margin:0}
.onboarding-flow .connect-team-card>p{font:15px/1.6 Tight;margin:19px 0;color:var(--muted)}
.connect-steps{list-style:none;padding:0;margin:22px 0;display:grid;gap:14px;font-size:12px}.connect-steps li{display:flex;gap:12px;align-items:center}.connect-steps li span{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border:1px solid #c1cbb5;border-radius:50%;font-size:10px;color:var(--green)}
.onboarding-flow .connect-team-card .button{margin:2px 0 0;width:100%}
.onboarding-flow .connect-team-card .connect-note{font:10px/1.7 Inter;margin:14px 0 0;color:#68735f}
.team-path-divider{display:flex;align-items:center;gap:14px;margin:26px 0;font-size:8px;letter-spacing:1px;color:var(--muted)}.team-path-divider:before,.team-path-divider:after{content:'';height:1px;background:var(--line);flex:1}
.sample-team-option{padding:0 2px}.onboarding-flow .sample-team-option h2{font:700 21px Tight;letter-spacing:-.3px;margin:0 0 9px}.onboarding-flow .sample-team-option p{font:14px/1.6 Tight;margin:0;color:var(--muted);max-width:450px}
.sample-team-button{background:transparent;color:var(--ink);border:1px solid #9faa94;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:13px 17px;font:600 12px Inter;width:100%;margin-top:18px}.sample-team-button:hover{background:#e5eadc}.sample-team-button span{font-size:20px;font-weight:400}
.sample-connect-prompt{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.sample-connect-prompt strong{font:700 20px Tight}.onboarding-flow .sample-connect-prompt p{font:14px/1.6 Tight;margin:8px 0 0}
@media(max-width:650px){.connect-team-card{padding:20px}.onboarding-flow .connect-team-heading h2{font-size:22px}.connect-team-heading{gap:12px}.connect-team-heading img{width:35px;height:35px}.onboarding-flow .connect-label{font-size:8px}.team-path-divider{font-size:7px;gap:10px}.onboarding-flow .connect-team-card .connect-note{font-size:11px}.sample-team-button{font-size:12px}}

.default-source-summary{display:flex;align-items:flex-start;gap:13px;border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.source-ready-mark{display:grid;place-items:center;background:#dfe8d2;color:var(--green);width:26px;height:26px;border-radius:50%;flex-shrink:0;font-size:12px}.default-source-summary strong{font:700 18px Tight}.onboarding-flow .default-source-summary p{font:12px/1.7 Inter;margin:8px 0 0;color:var(--muted)}

.onboarding-flow .flow-form label:not(:first-child){margin-top:22px}.password-field{position:relative}.onboarding-flow .password-field input{width:100%;border:1px solid #aeb9a2;background:#fbfaf4;border-radius:0;font-size:16px;padding:18px 76px 18px 16px}.password-field button{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:10px;border:0;background:none;color:var(--green);font-size:12px}.account-switch{text-align:center!important;font-size:12px!important;margin-top:20px}.account-switch button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:var(--green);font-size:12px;padding:8px}.onboarding-flow .button:disabled{opacity:.65;cursor:wait}.onboarding-flow #account-error{font-size:12px;line-height:1.6;margin:18px 0}

.paste-team-card{margin-top:20px}.return-workspace{font-size:14px;margin:22px 0}.return-workspace a{color:var(--green);text-underline-offset:4px}.onboarding-flow a[aria-disabled="true"]{opacity:.6;cursor:wait}

.team-paths{display:grid;grid-template-columns:1fr 1fr;gap:16px}.team-paths .connect-team-card{padding:20px;display:flex;flex-direction:column;min-width:0;margin-top:0}.team-paths .connect-team-heading{align-items:flex-start}.team-paths .connect-team-heading img{width:30px;height:30px}.onboarding-flow .team-paths .connect-team-heading h2{font-size:23px}.team-paths .connect-steps{line-height:1.6;margin:8px 0 24px}.onboarding-flow .team-paths .button{margin-top:auto;padding:16px 12px;font-size:12px}.team-paths .connect-team-card>p{font-size:14px}@media(max-width:850px){.team-paths{grid-template-columns:1fr}}