.connect-screen{max-width:1120px}.connect-screen h1{max-width:760px;font-size:clamp(32px,4.4vw,56px);line-height:1.08}.connect-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:32px;margin-top:28px;align-items:start}.connect-layout .business-summary{margin:0 0 20px}.ai-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-choice{display:flex;align-items:center;gap:12px;padding:17px 15px;border:1px solid var(--line,#d9d8e0);border-radius:14px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.ai-choice img{width:27px;height:27px;object-fit:contain}.ai-choice span{display:grid;gap:4px}.ai-choice small{font-size:11px}.ai-choice[aria-pressed=true]{border:2px solid #6050d8;padding:16px 14px;background:rgba(96,80,216,.08)}.ai-choice:active{transform:scale(.98)}.connect-panel{border:1px solid var(--line,#d9d8e0);border-radius:20px;padding:28px}.connect-panel h2{font-size:26px;margin:0 0 12px}.connect-panel p,.connect-panel li{line-height:1.6}.connect-panel ol{padding-left:22px;margin:22px 0}.connect-panel li+li{margin-top:12px}.copy-row{display:flex;gap:8px;margin:8px 0 24px}.copy-row input{min-width:0;flex:1;border:1px solid #9a96ac;border-radius:10px;padding:12px;background:transparent;color:inherit;font:inherit}.connect-panel .button{white-space:nowrap}.connect-panel .check-actions{align-items:center;gap:18px}.connect-panel a:not(.button){color:inherit}.connect-panel [role=status]{font-size:13px}.connect-screen button:focus-visible,.connect-screen a:focus-visible{outline:3px solid #6050d8;outline-offset:4px}@media(max-width:767px){.connect-layout{grid-template-columns:1fr;gap:24px}.connect-panel{padding:22px}.ai-choice{padding:14px 12px}.ai-choice[aria-pressed=true]{padding:13px 11px}}@media(prefers-color-scheme:dark){.ai-choice img{filter:brightness(0) invert(1)}}[data-theme=dark] .ai-choice img{filter:brightness(0) invert(1)}

.ai-choice:last-child{grid-column:1/-1}#connect-theme{float:right;margin:0 0 16px 16px}.connect-screen h1{clear:both}
.connect-screen [hidden]{display:none!important}

/* Calm onboarding: coloured identities, neutral surfaces, one Uptold accent. */
.connect-screen{--choice-bg:#fff;--choice-hover:#f7f7f5;--choice-line:#deded9;--choice-text:#242522;--choice-muted:#65675f;--selected-bg:#f7f6fc;--panel-bg:#fff;max-width:1050px;margin-inline:auto}
.connect-screen h1{font-size:clamp(34px,4vw,48px);max-width:720px;letter-spacing:-.045em}
.connect-screen .check-lead{max-width:560px;color:var(--choice-muted)}
.connect-layout{gap:48px;margin-top:32px;align-items:start}
.connect-screen .business-summary{background:none;border:0;border-radius:0;border-bottom:1px solid var(--choice-line);padding:0 0 20px;margin-bottom:24px}
.connect-screen .business-summary strong{font-size:18px;letter-spacing:-.02em}.connect-screen .business-summary p{font-size:13px;display:inline;margin-right:8px}
.connect-screen .ai-choices{gap:10px}
.connect-screen .ai-choice{min-height:76px;padding:16px;gap:12px;background:var(--choice-bg);border:1px solid var(--choice-line);border-radius:10px;position:relative;color:var(--choice-text);box-shadow:none}
.connect-screen .ai-choice:hover{background:var(--choice-hover);border-color:#aaa9a3}
.connect-screen .ai-choice img{width:28px;height:28px;padding:0;background:none;border-radius:0;filter:none!important;flex-shrink:0}
.connect-screen .ai-choice span{gap:4px}.connect-screen .ai-choice strong{font-size:15px;font-weight:600}.connect-screen .ai-choice small{font-size:11px;color:var(--choice-muted)}
.connect-screen .ai-choice[aria-pressed=true]{padding:16px;border:1px solid #6551d5;background:var(--selected-bg);box-shadow:inset 0 0 0 1px #6551d5}
.connect-screen .ai-choice[aria-pressed=true]::after{content:'✓';margin-left:auto;color:var(--accent);font-size:14px;font-weight:700}
.connect-screen .connect-panel{background:var(--panel-bg);border:1px solid var(--choice-line);border-radius:12px;padding:30px;box-shadow:0 2px 4px #00000004}
.connect-screen .connect-panel h2{font-size:26px;letter-spacing:-.035em;border:0;padding:0;margin-bottom:12px}.connect-screen .connect-panel>p{font-size:14px;line-height:1.6;color:var(--choice-muted)}
.connect-screen .connect-panel ol{padding-left:20px;margin-block:24px}.connect-screen .connect-panel ol li{padding-left:5px;font-size:14px;line-height:1.65;margin-block:12px}.connect-screen .connect-panel ol li::marker{color:var(--choice-muted);font-weight:500}
.connect-screen #connect-address{background:none;border-radius:0;padding:0;margin-bottom:24px}.connect-screen #connect-address label{font-size:12px;color:var(--choice-muted)}
.connect-screen .copy-row{margin:8px 0 0;gap:12px}.connect-screen .copy-row input{background:var(--choice-hover);border-color:var(--choice-line);border-radius:7px;color:var(--choice-text);font-size:13px}
.connect-screen .check-actions{display:flex;flex-direction:column;align-items:stretch;gap:16px}.connect-screen .check-actions .button{width:100%;border-radius:9px;min-height:48px;font-size:14px;box-shadow:none}.connect-screen #connect-guide{text-align:center;font-size:13px}
.connect-screen .score-method{border-top:1px solid var(--choice-line);padding-top:18px}.connect-screen .check-preview-note{font-size:11px;line-height:1.6;color:var(--choice-muted)}
[data-theme=dark] .connect-screen{--choice-bg:#20211f;--choice-hover:#292a27;--choice-line:#3c3d38;--choice-text:#f4f4f0;--choice-muted:#b5b7ae;--selected-bg:#292536;--panel-bg:#20211f}
[data-theme=dark] .connect-screen .ai-choice[data-provider=grok] img{filter:invert(1)!important}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) .connect-screen{--choice-bg:#20211f;--choice-hover:#292a27;--choice-line:#3c3d38;--choice-text:#f4f4f0;--choice-muted:#b5b7ae;--selected-bg:#292536;--panel-bg:#20211f}html:not([data-theme=light]) .connect-screen .ai-choice[data-provider=grok] img{filter:invert(1)!important}}
@media(max-width:767px){.connect-layout{gap:24px}.connect-screen .connect-panel{padding:24px}.connect-screen .ai-choice,.connect-screen .ai-choice[aria-pressed=true]{padding:14px;min-height:72px}.connect-screen .ai-choice img{width:26px;height:26px}.connect-screen .ai-choice strong{font-size:14px}}

.connect-screen #open-assistant[aria-disabled=true]{opacity:.55;cursor:default;pointer-events:none}.connect-screen #connection-status{font-size:12px;margin-top:16px}.connect-screen .connect-panel .check-actions{margin-top:28px}
#check-signin{max-width:620px;margin-inline:auto}.signin-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px;margin-block:28px}.signin-business{font-weight:600;padding-bottom:20px;border-bottom:1px solid var(--line)}.marketing-choice{display:flex;align-items:flex-start;gap:12px;margin:24px 0;font-size:14px;line-height:1.5}.marketing-choice input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent);flex-shrink:0}.marketing-choice small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.signin-card>.button,.signin-card form .button{width:100%;border-radius:9px;min-height:48px}.google-signin img{width:20px;height:20px}.google-signin{display:flex;gap:12px;justify-content:center;align-items:center}#email-signin{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}#email-signin summary{cursor:pointer;font-size:14px}#signin-email-form label{display:block;font-size:13px;margin:20px 0 8px}#signin-email{width:100%;padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;border-radius:8px;margin-bottom:14px}#signin-error{color:#b03426;font-size:14px}#signin-status{font-size:14px;margin-top:18px}#check-signin [hidden]{display:none!important}#check-signin button:disabled{opacity:.6;cursor:wait}#signin-back{margin-top:8px}
.copy-row{align-items:stretch}.copy-row input{height:48px;min-height:48px}.copy-row button{flex:none;height:48px;min-height:48px;display:inline-flex;align-items:center}
