:root{--accent:#0b5fff;--accent-strong:#0047cc;--accent-soft:#eef4ff;--ink:#18181b;--muted:#71717a;--subtle:#a1a1aa;--border:#e4e4e7;--surface:#fff;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--shadow-sm:0 1px 2px #18181b0f;--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--accent);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.onboarding-shell{background:var(--accent);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:100svh;padding:12px;display:grid;overflow:hidden}.onboarding-panel{border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;min-width:0;min-height:calc(100svh - 24px);padding:clamp(28px,4.4vw,68px);display:flex;box-shadow:0 18px 50px #00195829}.panel-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.wordmark{color:var(--ink);letter-spacing:-.065em;font-size:23px;font-weight:780;line-height:1;text-decoration:none}.step-label,.eyebrow{color:var(--subtle);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:700}.panel-content{width:min(100%,500px);margin:auto;padding:56px 0}.eyebrow{color:var(--accent);margin-bottom:16px;display:inline-block}h1{color:var(--ink);letter-spacing:-.058em;margin:0;font-size:clamp(38px,4.4vw,58px);font-weight:680;line-height:.98}.intro{max-width:460px;color:var(--muted);margin:22px 0 34px;font-size:15px;line-height:1.65}.provider-list{gap:12px;display:grid}.provider-option{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:78px;color:var(--ink);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:15px;padding:14px 16px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:grid}.provider-option:hover{background:#fbfdff;border-color:#0b5fff6b;box-shadow:0 3px 10px #18181b12}.provider-option:active{background:var(--accent-soft)}.provider-option:focus-visible{border-color:var(--accent);outline-offset:2px;outline:3px solid #0b5fff24}.provider-option:disabled{cursor:wait;opacity:.7}.provider-copy{gap:5px;min-width:0;display:grid}.provider-copy strong{letter-spacing:-.015em;font-size:14px;font-weight:650}.provider-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.provider-action{color:var(--accent);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.provider-action .arrow{font-size:18px;font-weight:400;line-height:1}.provider-action.connected{color:var(--accent-strong)}.provider-action.connected:before{background:var(--accent);content:"";border-radius:999px;width:7px;height:7px}.provider-mark{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.microsoft-mark{grid-template-rows:repeat(2,8px);grid-template-columns:repeat(2,8px);gap:2px}.microsoft-mark i{background:currentColor;width:8px;height:8px;display:block}.google-mark{letter-spacing:-.07em;font-size:20px;font-weight:760}.spinner{border:2px solid #0b5fff3d;border-top-color:var(--accent);border-radius:999px;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{border-radius:var(--radius-sm);background:var(--accent-soft);color:#24436f;border:1px solid #0b5fff33;align-items:center;gap:10px;min-height:42px;margin:-12px 0 18px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.notice>span{background:var(--accent);color:#fff;border-radius:999px;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.notice-error{color:#991b1b;background:#fff7f7;border-color:#b91c1c2e}.notice-error>span{background:#b91c1c}.permission-note{border-top:1px solid var(--border);align-items:flex-start;gap:12px;margin-top:23px;padding-top:22px;display:flex}.permission-note p{color:var(--muted);gap:4px;margin:0;font-size:11px;line-height:1.55;display:grid}.permission-note strong{color:#3f3f46;font-size:12px;font-weight:650}.lock-mark{background:var(--accent-soft);border-radius:8px;flex:none;place-items:end center;width:28px;height:28px;display:grid;position:relative}.lock-mark:before{border:1.5px solid var(--accent);content:"";border-bottom:0;border-radius:7px 7px 0 0;width:9px;height:8px;position:absolute;top:6px}.lock-mark span{background:var(--accent);border-radius:3px;width:13px;height:11px;margin-bottom:5px}.panel-footer{color:var(--subtle);font-size:11px;line-height:1.5}.brand-stage{border-radius:var(--radius-lg);color:#fff;min-width:0;min-height:calc(100svh - 24px);position:relative;overflow:hidden}.stage-copy{max-width:460px;position:absolute;bottom:clamp(28px,5vw,72px);left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px)}.stage-copy span{letter-spacing:.16em;margin-bottom:18px;font-size:11px;font-weight:750;display:block}.stage-copy p{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3.4vw,48px);font-weight:590;line-height:1.08}.stage-orbit{border:1px solid #ffffff3d;border-radius:999px;position:absolute}.orbit-one{width:min(40vw,560px);height:min(40vw,560px);top:-13vw;right:-10vw}.orbit-two{background:#ffffff0d;width:min(24vw,340px);height:min(24vw,340px);top:7vw;right:6vw}@media (max-width:900px){.onboarding-shell{grid-template-columns:minmax(0,1fr)}.brand-stage{display:none}.onboarding-panel{min-height:calc(100svh - 24px)}.panel-content{width:min(100%,540px)}}@media (max-width:560px){.onboarding-shell{padding:8px}.onboarding-panel{border-radius:18px;min-height:calc(100svh - 16px);padding:26px 22px}.panel-content{padding:52px 0 44px}h1{font-size:40px}.intro{margin-bottom:28px;font-size:14px}.provider-option{grid-template-columns:42px minmax(0,1fr)}.provider-action{grid-column:2;justify-self:start}.provider-mark{grid-row:1/span 2;width:42px;height:42px}.provider-copy span{white-space:normal}.step-label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}