:root{--purple:#8562d7;--purple-strong:#7047c5;--lavender:#cdbff8;--pale:#f5f0ff;--ink:#241631;--muted:#6b5d7c;--line:#e7ddf5;--ease:cubic-bezier(.2,.7,.15,1)}
*{box-sizing:border-box}body{margin:0;background:#fdfbff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--purple-strong);outline-offset:6px}img,svg{display:block;max-width:100%}h1,h2,p{margin:0}::selection{background:#d9c9ff;color:var(--ink)}.skip{position:fixed;left:20px;top:-100px;z-index:10;background:white;border:1px solid var(--line);padding:14px 20px;border-radius:8px}.skip:focus{top:16px}.auth-header,.auth-layout,.auth-footer{width:min(1280px,calc(100% - 96px));margin-inline:auto}.auth-header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;min-height:44px}.brand img{width:182px;height:auto}.back-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px;color:var(--muted)}.back-link svg{width:17px;height:17px;transition:transform .25s}.back-link:hover{color:var(--purple-strong)}.back-link:hover svg{transform:translateX(-3px)}.auth-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:5%;min-height:calc(100svh - 180px);padding-bottom:20px}.perspective{min-height:626px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #e9def7;border-radius:24px;background:radial-gradient(ellipse at 70% 78%,#e7d9fa 0,transparent 62%),linear-gradient(145deg,#f8f4ff,#f1e9fc)}.perspective:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.28;background-image:radial-gradient(#aa8bd3 .55px,transparent .55px);background-size:7px 7px;mask-image:linear-gradient(125deg,transparent 10%,black)}.perspective-copy{padding:52px 44px 0;position:relative;z-index:2}.eyebrow{font-size:9px;line-height:1.6;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:var(--purple-strong)}.perspective .eyebrow{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.65px}.perspective .eyebrow>span{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--purple)}.perspective h1{font-size:clamp(40px,4.25vw,61px);line-height:1.08;letter-spacing:-2.9px;margin-top:30px;font-weight:700}.perspective h1 em{color:var(--purple);font-style:normal}.perspective-note{font-size:14px;line-height:1.8;color:#76618d;margin-top:23px}.signal-art{position:absolute;left:-7%;right:-7%;top:375px;height:230px}.waveform{position:absolute;inset:0;width:100%;height:100%}.wave-bars{opacity:.7}.signal-tag{position:absolute;z-index:1;display:flex;align-items:center;gap:7px;background:#fdfbff;border:1px solid #decef2;border-radius:7px;padding:9px 12px;box-shadow:0 5px 14px #7051990a;font-size:10px;font-weight:500;color:#6e508d}.signal-tag:after{content:'';position:absolute;left:20px;top:100%;height:24px;width:1px;background:#b69cda}.signal-tag>span{width:4px;height:4px;background:var(--purple);border-radius:50%;flex-shrink:0}.tag-open{left:21%;top:24px}.tag-build{left:58%;top:1px}.tag-build:after{height:37px}.signal-legend{position:absolute;bottom:8px;left:17%;right:17%;display:flex;align-items:center;gap:15px;font-size:8px;color:#78638f}.signal-legend>span{display:flex;align-items:center;gap:5px}.signal-legend i{width:5px;height:5px;border-radius:50%;background:var(--purple)}.signal-legend .tension{background:#ce679b}.signal-legend .illustration-label{margin-left:auto;font-size:7px;color:#88749d}.perspective-footer{position:absolute;left:44px;bottom:26px;font-size:9px;letter-spacing:.4px;color:#887199}.sign-in{display:flex;justify-content:center;align-items:center;padding:40px 10px 50px;outline:none}.sign-in-inner{width:100%;max-width:354px}.welcome-eyebrow{font-size:8px;letter-spacing:1.65px}.sign-in h2{font-size:42px;line-height:1.12;letter-spacing:-1.7px;font-weight:700;margin-top:16px}.sign-in-intro{margin-top:15px;color:var(--muted);font-size:14px;line-height:1.7}.providers{display:flex;flex-direction:column;gap:12px;margin-top:34px}.provider{display:flex;align-items:center;gap:13px;min-height:58px;padding:15px 17px;border:1px solid #dcd2e8;border-radius:9px;background:#fff;box-shadow:0 2px 3px #24163102;font-size:13px;font-weight:600;line-height:1.5;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s}.provider:hover{border-color:#bba2e4;background:#faf7ff;box-shadow:0 4px 12px #8562d70d;transform:translateY(-1px)}.provider-icon{width:21px;height:21px;flex-shrink:0}.microsoft-icon{width:19px;height:19px;margin:1px}.provider-arrow{margin-left:auto;width:16px;height:16px;color:#9b83b8;flex-shrink:0;transition:transform .25s}.provider:hover .provider-arrow{transform:translateX(3px)}.handoff-note{display:flex;gap:6px;align-items:center;justify-content:center;font-size:10px;line-height:1.6;color:#8b799b;margin-top:18px}.handoff-note svg{width:12px;height:12px;flex-shrink:0}.new-account{border-top:1px solid var(--line);padding-top:26px;margin-top:32px;font-size:12px;color:var(--muted);line-height:1.6}.new-account a{display:inline-flex;align-items:center;gap:5px;color:var(--purple-strong);font-weight:600;min-height:44px;margin:-14px 0 -14px 5px}.new-account a:hover{text-decoration:underline;text-underline-offset:4px}.auth-footer{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#8d7a9e;font-size:9px;line-height:1.6}.auth-footer>span:last-child{color:#8b6bb3}.motion-ok .perspective-copy{animation:login-reveal 1.25s var(--ease) both}.motion-ok .waveform{animation:wave-reveal 2.4s var(--ease) both;animation-delay:.25s}.motion-ok .signal-tag{animation:login-reveal 1.2s var(--ease) both}.motion-ok .tag-open{animation-delay:.65s}.motion-ok .tag-build{animation-delay:1.05s}@keyframes login-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes wave-reveal{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
@media(min-width:1600px){.auth-layout{min-height:min(760px,calc(100svh - 180px))}.perspective h1{font-size:63px}.signal-art{top:auto;bottom:69px}.perspective-copy{padding-top:64px}.auth-header{height:120px}}
@media(max-width:1100px){.auth-header,.auth-layout,.auth-footer{width:calc(100% - 64px)}.auth-layout{gap:3%;grid-template-columns:1.1fr 1fr}.perspective{min-height:600px}.perspective-copy{padding:38px 30px 0}.perspective h1{font-size:45px;letter-spacing:-2.1px}.perspective .eyebrow{font-size:7px;letter-spacing:1px}.signal-art{top:354px}.perspective-footer{left:30px}.sign-in{padding-inline:18px}.sign-in h2{font-size:36px}.welcome-eyebrow{font-size:7px;letter-spacing:1.25px}.sign-in-intro{font-size:13px}.provider{font-size:12px}.provider-arrow{width:14px}.handoff-note{font-size:9px}}
@media(min-width:761px) and (max-width:1000px){.perspective h1{font-size:clamp(32px,4.25vw,42px);letter-spacing:-1.8px}.signal-art{top:320px}}
@media(max-width:760px){.auth-header,.auth-layout,.auth-footer{width:calc(100% - 40px)}.auth-header{height:83px}.brand img{width:151px}.back-link{font-size:0;gap:0;width:44px;justify-content:center}.back-link svg{width:20px;height:20px}.back-link:after{content:'Back to website';position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.auth-layout{display:flex;flex-direction:column;gap:0;min-height:calc(100svh - 155px);padding-bottom:0}.sign-in{order:0;padding:47px 10px 56px;flex:1}.sign-in-inner{max-width:354px}.welcome-eyebrow{font-size:8px;letter-spacing:1.5px}.sign-in h2{font-size:39px;margin-top:14px}.sign-in-intro{font-size:13px;margin-top:14px}.providers{margin-top:28px}.provider{font-size:13px;min-height:57px}.handoff-note{font-size:9px;margin-top:17px}.new-account{margin-top:28px;padding-top:24px;font-size:12px}.perspective{order:1;min-height:215px;border-radius:17px;margin-bottom:10px}.perspective-copy{padding:28px 24px 28px;max-width:75%}.perspective .eyebrow{font-size:6px;letter-spacing:.7px;gap:6px}.perspective h1{font-size:27px;letter-spacing:-1px;line-height:1.13;margin-top:15px}.perspective-note,.perspective-footer{display:none}.signal-art{top:39px;height:180px;left:39%;right:-74%;opacity:.48;pointer-events:none;z-index:-1}.signal-tag,.signal-legend{display:none}.auth-footer{min-height:70px;align-items:center;font-size:8px;gap:15px}.auth-footer>span:last-child{text-align:right}}
@media(max-width:359px){.auth-header,.auth-layout,.auth-footer{width:calc(100% - 32px)}.sign-in{padding-inline:4px}.sign-in h2{font-size:36px}.provider{font-size:12px;padding-inline:14px}.perspective-copy{padding-left:20px;max-width:87%}.perspective h1{font-size:25px}.perspective .eyebrow{font-size:6px;letter-spacing:.4px}.auth-footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Signup: account choices, free trial and transparent team pricing. */
.sign-in-inner{max-width:390px}.sign-in h2{font-size:46px;letter-spacing:-2px}.providers{margin-top:27px}.provider{border-color:#c9b4ec;box-shadow:inset 0 1px 3px #7047c510,0 3px 10px #7047c508}.trial-details{text-align:center;margin-top:23px}.trial-details strong{font-size:16px;color:#7047c5}.trial-details p{font-size:11px;line-height:1.8;margin-top:7px;color:#6b5d7c}.trial-details p span{margin:0 5px}.team-plan{margin-top:29px;padding:22px 24px;border:1px solid #e7ddf5;border-radius:14px;background:linear-gradient(135deg,#f8f4ff,#f1eafb)}.plan-label{font-size:8px;letter-spacing:1.5px;color:#6b5d7c;font-weight:700}.price{font-size:28px;font-weight:700;letter-spacing:-1px;margin-top:10px;line-height:1.4}.price span{font-size:12px;font-weight:400;letter-spacing:0;color:#6b5d7c}.plan-detail{font-size:12px;line-height:1.6;color:#6b5d7c;margin-top:5px}.handoff-note{font-size:10px;text-align:center;margin-top:18px}.new-account{margin-top:18px;padding-top:20px}.perspective h1{font-size:clamp(40px,4.1vw,59px)}
@media(max-width:760px){.sign-in{padding-top:22px;padding-bottom:35px}.sign-in h2{font-size:40px}.trial-details p{font-size:10px}.team-plan{margin-top:24px}.perspective h1{font-size:27px}.perspective{min-height:220px}.perspective-copy{max-width:85%}.price{font-size:27px}}

/* Readable signup typography, consistent with the landing page. */
.back-link,.provider,.sign-in-intro,.trial-details p,.plan-detail,.new-account,.handoff-note,.auth-footer,.perspective-note{font-size:14px;line-height:1.65}
.eyebrow,.perspective .eyebrow,.welcome-eyebrow,.plan-label,.perspective-footer{font-size:12px;line-height:1.6;letter-spacing:1px}
.provider{font-size:16px;min-height:60px}.trial-details strong{font-size:18px}.price span{font-size:14px}
.signal-tag{font-size:12px}.signal-legend{font-size:11px}.signal-legend .illustration-label{font-size:10px}
@media(max-width:760px){.back-link{font-size:0}.sign-in h2{font-size:40px}.auth-footer{font-size:12px}.perspective .eyebrow{font-size:10px}.perspective-copy{max-width:100%}.provider{font-size:15px}.trial-details p{font-size:13px}}