/* A full-screen, phone-first introduction. The reference's dark canvas is intentional. */
.welcome,.auth-gate{--welcome-bg:#000;--welcome-ink:#f5f5f4;--welcome-muted:#a4a4a7;--welcome-line:#2c2c2c;color-scheme:dark;font-family:Arial,Helvetica,system-ui,sans-serif;background:var(--welcome-bg);color:var(--welcome-ink)}
.bot-tool-suggestions{display:flex;flex-direction:column;gap:12px;width:100%}.bot-suggestion-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:540px}.bot-suggestion-actions button{padding:10px 14px;min-height:44px;border:1px solid var(--line);border-radius:99px;color:var(--text);font-size:13px}.bot-suggestion-actions button:hover{background:var(--surface)}.bot-tool-suggestions>p{font-size:12px;color:var(--muted);line-height:1.5}
#welcome-title:focus{outline:none}
.welcome{position:fixed;inset:0;z-index:60;overflow:hidden}.welcome-shell{height:100dvh;max-width:620px;margin:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
.welcome-top{height:94px;padding:28px 22px 14px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.welcome-top-brand{font-size:11px;letter-spacing:2.2px;color:#939393;font-weight:500}.welcome-round{border:1px solid #292929;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:17px;letter-spacing:1px;padding:0;background:#000;color:#f5f5f4}.welcome-round svg{width:23px;height:23px}.welcome-round:hover{background:#222}.welcome-menu{position:absolute;right:22px;top:78px;width:200px;background:#242424;border:1px solid #383838;border-radius:16px;padding:6px;box-shadow:0 12px 28px #0005}.welcome-menu button{font-size:14px;color:#f5f5f4;text-align:left;padding:14px 12px;width:100%;border-radius:10px}.welcome-menu button:hover{background:#323232}
.welcome-body{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#363636 transparent;min-height:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 28px 16px;position:relative}.welcome h1{font-size:clamp(27px,5.5vw,36px);font-weight:500;line-height:1.22;letter-spacing:-.75px;flex-shrink:0;width:100%;margin:0;outline:none}.welcome-caption{font-size:15px;line-height:1.55;color:var(--welcome-muted);flex-shrink:0;margin:16px 0;max-width:400px}.welcome-subtitle{font-size:14px;color:var(--welcome-muted);line-height:1.5;margin:17px 0 30px;max-width:32ch}.welcome-footer{padding:10px 28px 26px;position:relative;z-index:1;background:#000}.welcome-primary{background:#f3f3f3;color:#111;display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;padding:13px 20px;border-radius:999px;font-size:17px;font-weight:600;text-decoration:none;border:1px solid transparent;line-height:1.3}.welcome-primary:hover{background:#dedede}.welcome-primary:disabled{opacity:.5}.welcome-outline{background:transparent;border-color:#303030;color:#f4f4f4}.welcome-outline:hover{background:#222}.welcome-text-button{color:#a5a5a5;font-size:13px;min-height:44px;padding:10px 14px;display:block;margin:5px auto 0}.welcome-text-button:hover{color:#fff}.welcome-progress{display:flex;justify-content:center;gap:7px;margin:3px auto 20px;height:5px}.welcome-progress>span{height:5px;width:5px;border-radius:999px;background:#414141;transition:width .25s ease,background .25s ease}.welcome-progress>span.current{width:20px;background:#d9d9d9}
.welcome-bot{display:block;width:100px;height:100px;flex-shrink:0}.welcome-scene{position:relative;width:100%;min-height:200px;flex:1;display:grid;place-items:center}.welcome-meet .welcome-hero-bot{width:clamp(125px,29vw,164px);height:auto;aspect-ratio:1;transform:rotate(-8deg)}.welcome-meet{min-height:245px}.welcome-meet+.welcome-caption{margin-bottom:35px}.welcome-desk{min-height:280px}.welcome-computer{width:100%;max-width:460px;overflow:visible}.welcome-desk-bot{width:15%;height:auto;aspect-ratio:1;position:absolute;top:53%;right:7%}.welcome-cursor{width:37px;height:37px;position:absolute;top:44%;right:18%}.welcome-jobs{min-height:300px;max-width:440px;display:block}.welcome-jobs>div{position:absolute;display:flex;align-items:center;flex-direction:column;gap:13px}.welcome-jobs>div:nth-child(1){top:13%;left:50%;transform:translateX(-50%)}.welcome-jobs>div:nth-child(2){top:55%;left:0}.welcome-jobs>div:nth-child(3){top:45%;right:0}.welcome-jobs .welcome-bot{width:90px;height:90px}.welcome-jobs>div>span:last-child{font-size:13px;background:#212121;border-radius:99px;padding:8px 12px;color:#ededed;white-space:nowrap}.welcome-jobs+.welcome-caption{margin-bottom:20px}
.welcome-landing{padding:0;overflow:hidden;justify-content:center;isolation:isolate}.welcome-landing .welcome-brand{z-index:1;pointer-events:none;padding:100px 20px;background:radial-gradient(ellipse at center,#000 35%,#00000 70%);width:100%}.welcome-brand h1{font-size:clamp(38px,9vw,52px);font-weight:500;letter-spacing:-1.7px}.welcome-brand p{font-size:18px;line-height:1.45;color:#959597;margin:20px 0 0}.welcome[data-step=welcome] .welcome-top{height:34px;padding:0}.welcome[data-step=welcome] .welcome-footer{padding-bottom:10px}.welcome-orbit{position:absolute;inset:0;z-index:-1}.orbit-bot{position:absolute;width:80px;height:80px;transform:rotate(var(--tilt,-10deg))}.orbit-0{top:9%;left:12%;--tilt:12deg}.orbit-1{top:6%;right:28%;width:67px;height:67px;--tilt:15deg}.orbit-2{top:26%;right:-2%;width:66px;height:66px;--tilt:-19deg}.orbit-3{top:35%;left:-5%;width:63px;height:63px;--tilt:24deg}.orbit-4{top:56%;left:-10%;width:100px;height:100px;--tilt:-10deg}.orbit-5{top:48%;right:-12%;width:106px;height:106px;--tilt:10deg}.orbit-6{bottom:5%;left:7%;--tilt:8deg}.orbit-7{bottom:2%;left:45%;width:93px;height:93px;--tilt:4deg}.orbit-8{bottom:16%;right:-1%;width:70px;height:70px;--tilt:12deg}
.welcome-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 10px;width:100%;padding-bottom:12px}.welcome-tool{display:flex;align-items:center;flex-direction:column;gap:9px;min-width:0;padding:0;color:#a4a4a7;font-size:13px;line-height:1.3}.welcome-tool-mark{height:81px;width:100%;border:1px solid #2a2a2a;border-radius:18px;display:grid;place-items:center;position:relative;background:#141414;transition:border-color .18s,background .18s}.welcome-tool:hover .welcome-tool-mark{background:#1d1d1d;border-color:#666}.welcome-tool.is-selected .welcome-tool-mark{border-color:#ededeb;background:#232323}.welcome-tool.is-selected{color:#f5f5f4}.welcome-tool-mark img{width:30px;height:30px;object-fit:contain}.welcome-tool-check{display:none;position:absolute;top:6px;right:6px;background:#f3f3f1;color:#151515;width:17px;height:17px;border-radius:50%;place-items:center}.welcome-tool-check svg{width:13px;height:13px}.welcome-tool.is-selected .welcome-tool-check{display:grid}.welcome-tool small{color:#57d6b4;font-size:10px;margin-top:-5px}.welcome-loading{padding:60px 15px;color:#a5a5a5;font-size:15px}.welcome-error{font-size:14px;line-height:1.5;color:#ffc9c3;margin:16px 0}.welcome-error button{display:block;color:#fff;text-decoration:underline;padding:14px;margin:auto}.welcome-connect-list{width:100%;text-align:left;margin:20px 0}.welcome-connect-row{display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid #292929}.welcome-connect-row>img{width:32px;height:32px}.welcome-connect-row>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.welcome-connect-row strong{font-size:15px;font-weight:500}.welcome-connect-row span{font-size:12px;color:#a5a5a5}.welcome-connect-button{border-radius:99px;min-height:44px;background:#ededed;color:#171717;font-size:13px;padding:10px 15px}.welcome-connected{width:38px!important;color:#57d6b4!important}.welcome-connected svg{width:24px}.welcome-ready-team{display:flex;align-items:center;justify-content:center;min-height:190px;flex:1;width:100%}.welcome-ready-team .welcome-bot{width:85px;height:85px;transform:rotate(-12deg)}.welcome-ready-team .welcome-bot:nth-child(2){width:125px;height:125px;transform:translateY(-18px)}.welcome-ready-team .welcome-bot:nth-child(3){transform:rotate(12deg)}.welcome-profile{width:100%;max-width:390px;text-align:left;margin:16px 0 7px}.welcome-profile label,.welcome-key-form label{font-size:14px;display:block;margin-bottom:12px}.welcome-profile label span{float:right;color:#939393;font-size:12px}.welcome-field{font-size:16px;color:#f5f5f4;border:1px solid #3b3b3b;border-radius:14px;padding:16px;width:100%;background:#1a1a1a;min-height:52px}.welcome-field::placeholder{color:#979797}.welcome-field:focus{border-color:#f3f3f1;outline-offset:3px}.welcome-key-form{padding:22px;background:#202020;border:1px solid #353535;border-radius:18px;text-align:left;margin-top:20px;width:100%}.welcome-key-form h2{font-size:20px;margin:0 0 15px}.welcome-key-form p{font-size:13px;line-height:1.5;color:#b5b5b5;margin-bottom:20px}.welcome-key-form .welcome-primary{margin-top:18px;font-size:14px}.welcome-key-form [role=alert]{color:#ffc9c3;margin-top:12px}
/* Sign-in is part of the same visual flow; the existing email API remains the authority. */
.auth-gate{position:fixed;inset:0;overflow:auto;z-index:61;display:grid;place-items:center;padding:35px 25px}.auth-gate .auth-card{border:0;background:none;box-shadow:none;max-width:400px;width:100%;padding:0;text-align:center}.auth-gate .auth-card .wordmark{justify-content:center;color:#f4f4f4;margin-bottom:28px}.auth-gate .auth-characters{justify-content:center;margin:25px 0 32px;display:flex;gap:4px}.auth-gate .auth-characters .avatar{width:57px;height:57px}.auth-gate h1{font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.6px;margin-bottom:17px}.auth-gate .auth-card>p{font-size:14px;line-height:1.55;color:#a4a4a7;margin:15px 0 30px}.auth-gate form{text-align:left;display:grid;gap:12px;margin-top:24px}.auth-gate label{font-size:13px;color:#c9c9c9}.auth-gate .field{font-family:Arial,Helvetica,sans-serif;background:#1b1b1b;border-color:#343434;color:#f4f4f4;min-height:53px;font-size:16px;border-radius:14px}.auth-gate .button.primary{min-height:51px;border-radius:99px;background:#f3f3f3;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:600}.auth-gate .button.quiet{min-height:44px;background:none;color:#aaa;font-size:13px}.auth-gate #code{font-size:22px;letter-spacing:6px;text-transform:uppercase}.auth-gate .auth-card #auth-status{color:#e0e0de;margin:16px 0;font-size:14px}.auth-gate .auth-legal{font-size:11px!important;line-height:1.6!important;margin-top:35px!important}.auth-gate .auth-legal a{text-underline-offset:3px}.auth-gate .auth-change{font-size:13px;color:#bbb;padding:8px 0;min-height:44px;text-decoration:underline}.auth-gate #turnstile-box{min-height:0}.welcome :focus-visible,.auth-gate :focus-visible{outline-color:#f5f5f4}
@media(min-width:700px){.welcome-shell{max-width:610px}.welcome-top{height:100px}.welcome-body{padding-top:35px}.welcome-footer{padding:18px 45px 30px}.welcome-tool-grid{gap:26px 15px;padding:0 16px 18px}.welcome-tool-mark{height:96px}.welcome-brand h1{font-size:56px}.welcome-brand p{font-size:20px}.welcome-orbit{inset:0 -30px}.welcome[data-step=welcome] .welcome-shell{max-width:710px}.welcome[data-step=welcome] .welcome-footer{max-width:500px;width:100%;margin:auto}.orbit-bot{width:96px;height:96px}.welcome h1{font-size:36px}.welcome-caption{font-size:16px}}
@media(max-height:710px){.welcome-top{height:70px;padding-top:15px}.welcome-body{padding-top:14px}.welcome h1{font-size:27px}.welcome-scene{min-height:180px}.welcome-jobs{min-height:240px}.welcome-jobs .welcome-bot{width:67px;height:67px}.welcome-jobs>div>span:last-child{font-size:11px;padding:6px 9px}.welcome-caption{font-size:13px;margin:12px 0}.welcome-footer{padding-bottom:16px}.welcome-progress{margin-bottom:13px}.welcome-subtitle{margin:12px 0 23px}.welcome-ready-team{min-height:140px}.welcome-tool-grid{gap:18px 10px}.welcome-brand p{font-size:16px}.orbit-bot{scale:.82}.welcome[data-step=welcome] .welcome-top{height:5px}}
@media(prefers-reduced-motion:no-preference){.welcome-body>h1,.welcome-body>.welcome-scene,.welcome-body>.welcome-tool-grid,.welcome-body>.welcome-ready-team{animation:welcome-enter .35s ease both}.welcome-body>.welcome-scene{animation-delay:.06s}html:not([data-character-motion=off]) .orbit-bot{animation:welcome-float 7s ease-in-out infinite;animation-delay:calc(var(--robot-delay,0s) - 2s)}html:not([data-character-motion=off]) .orbit-bot:nth-child(2n){animation-duration:9s;animation-delay:-4s}html:not([data-character-motion=off]) .welcome-cursor{animation:welcome-cursor 6s ease-in-out infinite}html:not([data-character-motion=off]) .welcome-task-check{animation:welcome-check 6s ease infinite}@keyframes welcome-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes welcome-float{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -12px;rotate:3deg}}@keyframes welcome-cursor{0%,100%{translate:0 0}40%,65%{translate:-26px 22px}}@keyframes welcome-check{0%,25%{opacity:0}45%,90%{opacity:1}100%{opacity:0}}}
@media(prefers-reduced-motion:reduce){.welcome *,.welcome *::before,.welcome *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}