/* Public home follows the live workspace's type, colours and restrained surfaces. */
#auth-root:has(.landing-v4){display:block;padding:0;background:radial-gradient(ellipse at 50% 28%,#efedff70,transparent 48%),#f7f8fc;color:#19253f;font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.landing-v4{width:min(1360px,100%);padding:0 40px;margin:0 auto}.landing-v4 .landing-header{height:84px;gap:24px;border-bottom:1px solid #e5e9f2;position:relative;z-index:2}.landing-v4 .auth-brand{margin:0;line-height:1}.landing-v4 .auth-brand .splitflow-wordmark{width:165px!important;height:auto!important;max-height:none!important}.landing-v4 .landing-header nav{display:flex;align-items:center;gap:28px;margin:0 0 0 auto;padding:0;height:auto}.landing-v4 .landing-header nav a{padding:6px 0;font-size:12px;color:#8994aa;border-radius:0;background:none;font-weight:500}.landing-v4 .landing-header nav a:hover{color:#635beb}.landing-v4 .landing-login{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 0 16px;min-height:40px;padding:9px 18px;border:1px solid #e0e4ef;border-radius:8px;background:#fff;color:#596781;font:600 12px inherit;cursor:pointer}.landing-login:hover{border-color:#b9b0f7;color:#635beb}
.landing-v4 .public-home{max-width:none;margin:0;padding:0!important}.home-intro{text-align:center;padding:56px 20px 46px}.home-eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:600;color:#8d85b6;display:inline-flex;align-items:center;gap:8px}.home-eyebrow i{width:5px;height:5px;border-radius:50%;background:#8274ed}.home-intro h1{font-size:clamp(38px,4.4vw,62px);font-weight:650;line-height:1.12;letter-spacing:-2.7px;margin:20px 0 18px;color:#19253f}.home-intro h1 em{font-style:normal;color:#635beb}.home-intro>p{font-size:15px;line-height:1.8;color:#8490a7;margin:0}.home-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin:27px 0 22px}.home-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:46px;padding:12px 20px;border:1px solid #635beb;border-radius:9px;background:#635beb;color:white;box-shadow:0 4px 10px #635beb15;font:600 12px Manrope,Arial,sans-serif;cursor:pointer}.home-primary:hover{background:#554bcf}.home-actions>a{display:flex;gap:16px;font-size:12px;color:#7d89a2;align-items:center}.home-platforms{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#99a3b5}.home-platforms svg{width:14px;height:14px}.home-platforms>span{margin:0 6px;color:#b9bfd0}.home-platforms .home-platform-note{margin-left:10px;font-size:10px;color:#a0a8b8}
.home-showcase{scroll-margin-top:20px;margin:0 auto 60px;max-width:1200px}.home-preview-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7e8aa1;margin:0 0 14px;padding-right:4px}.home-preview-title small{font-size:9px;color:#a3abbd}.home-devices{position:relative;padding:0 142px 24px 0}.home-devices figure{margin:0}.home-desktop{border:1px solid #dfe4ef;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 16px 50px #33425d0a}.home-browser-bar{height:30px;border-bottom:1px solid #e9edf4;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#99a3b7;background:#fff}.home-browser-bar>span:first-child{display:flex;gap:4px;width:85px}.home-browser-bar i{width:5px;height:5px;border-radius:50%;background:#ddd9f3}.home-browser-bar small{font-size:8px;font-weight:400}.home-browser-bar .home-preview-lock{width:85px;text-align:right;font-size:7px;color:#a9afbf}.home-desktop>img{display:block;width:100%;height:auto}.home-desktop figcaption{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid #e7ebf3;font-size:10px;color:#a0a8b8;background:white}.home-desktop figcaption>span,.home-phone figcaption>span{font-weight:600;color:#717e98}.home-desktop figcaption>a{margin-left:auto;font-size:15px;color:#9586cb;min-width:24px;text-align:right}
.home-phone{position:absolute;right:0;bottom:0;width:228px;filter:drop-shadow(0 16px 24px #26344b12)}.home-phone-frame{border:5px solid #26324a;border-radius:31px;background:#f7f8fc;overflow:hidden;box-shadow:inset 0 0 0 1px #728097}.home-phone-status{position:relative;height:27px;display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:650;color:#26334b;padding:0 15px;background:#f7f8fc}.home-phone-status i{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:57px;height:15px;border-radius:20px;background:#26324a}.home-phone-status>span:last-child{font-size:6px;letter-spacing:1px}.home-phone-frame>img{display:block;width:100%;height:auto}.home-phone-indicator{height:14px;position:relative;background:white}.home-phone-indicator:after{content:'';position:absolute;bottom:4px;width:65px;height:3px;left:50%;transform:translateX(-50%);border-radius:8px;background:#26324a}.home-phone figcaption{text-align:center;font-size:9px;color:#939eb3;margin:12px -12px 0;white-space:nowrap}.home-phone figcaption>span{margin-right:7px}.home-device-toggle{display:none}
.home-workflow{border-top:1px solid #e3e8f1;padding:52px 0;scroll-margin-top:24px}.home-section-heading{text-align:center}.home-section-heading h2{font-size:30px!important;line-height:1.3;font-weight:600;letter-spacing:-1px;color:#2c3953;margin:16px 0 34px}.home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-feature-grid article{padding:24px;border:1px solid #e3e8f0;background:#fff;border-radius:12px}.home-feature-grid article>div{display:flex;align-items:center;justify-content:space-between;color:#a5adbe}.home-feature-grid article>div svg{width:22px;height:22px;color:#8a7ce1}.home-feature-grid article>div span{font-size:10px}.home-feature-grid h3{font-size:14px;margin:22px 0 10px;font-weight:600;color:#52617a}.home-feature-grid p{margin:0;font-size:12px;color:#99a3b6;line-height:1.85}.home-final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 36px;background:#f0edff75;border:1px solid #e5e0fb;border-radius:13px;margin:0 0 48px}.home-final-cta h2{font-size:22px!important;letter-spacing:-.6px;margin:0 0 8px;font-weight:600}.home-final-cta p{margin:0;font-size:12px;color:#929cb0}.landing-v4 .landing-footer{border-top:1px solid #e3e8f1;padding:23px 0;font-size:10px;color:#a0aabc}.landing-v4 .landing-footer span:first-child{color:#8c97ad}
.landing-v4 .auth-panel:not([hidden]){position:fixed;inset:0;z-index:1000;background:#18243b55;backdrop-filter:blur(7px);display:grid;place-items:center;padding:24px;overflow:auto}.landing-v4 .auth-panel .auth-card{position:relative;width:min(100%,390px);max-height:calc(100dvh - 40px);overflow:auto;background:white}.landing-v4 .auth-close{width:36px;height:36px}.landing-v4 button:focus-visible,.landing-v4 a:focus-visible{outline:2px solid #998df3;outline-offset:4px}.landing-v4 .auth-card input{font-size:16px}
@media(max-width:1000px){.landing-v4{padding:0 28px}.home-devices{padding-right:112px}.home-phone{width:190px}.home-intro{padding-top:42px}.home-intro h1{font-size:48px}.home-phone figcaption{font-size:8px}.home-feature-grid{gap:12px}.home-feature-grid article{padding:20px}.home-feature-grid h3{font-size:13px}.home-primary{gap:20px}}
@media(max-width:700px){
#auth-root:has(.landing-v4){overflow-x:clip}.landing-v4{padding:0 18px}.landing-v4 .landing-header{height:72px;gap:12px}.landing-v4 .auth-brand .splitflow-wordmark{width:143px!important}.landing-v4 .landing-header nav{display:none}.landing-v4 .landing-login{margin-left:auto;min-height:38px;padding:8px 12px;font-size:11px;gap:10px}.home-intro{padding:36px 0 28px}.home-eyebrow{font-size:8px;letter-spacing:1.2px}.home-intro h1{font-size:clamp(31px,7.8vw,44px)!important;letter-spacing:-1.6px;line-height:1.16;margin:17px 0}.home-intro>p{font-size:12px;line-height:1.8}.home-actions{gap:20px;margin:23px 0 20px}.home-primary{font-size:11px;min-height:44px;padding:11px 15px;gap:22px}.home-actions>a{font-size:11px;gap:9px}.home-platforms{font-size:9px}.home-platforms .home-platform-note{display:none}.home-showcase{margin-bottom:36px;scroll-margin-top:10px}.home-preview-title{font-size:10px;margin-bottom:13px}.home-preview-title small{font-size:8px}.home-device-toggle{display:flex;width:max-content;margin:0 auto 20px;padding:4px;border:1px solid #e2def3;background:#fff;border-radius:10px;gap:4px}.home-device-toggle button{border:0;border-radius:7px;padding:9px 23px;min-height:36px;font:500 11px Manrope,Arial,sans-serif;color:#9a93ad;background:none;cursor:pointer}.home-device-toggle button[aria-pressed=true]{color:#635beb;background:#eeebff}.home-devices{padding:0;min-height:0}.home-phone{position:relative;right:auto;bottom:auto;width:min(250px,86%);margin:0 auto!important;filter:drop-shadow(0 12px 18px #26344b0c)}.home-phone-frame{border-width:5px;border-radius:32px}.home-phone figcaption{margin-top:14px;font-size:9px}.home-showcase[data-device=phone] .home-desktop{display:none}.home-showcase[data-device=desktop] .home-phone{display:none}.home-desktop{border-radius:9px}.home-browser-bar{height:26px;padding:0 9px}.home-browser-bar small{font-size:7px}.home-browser-bar .home-preview-lock{display:none}.home-browser-bar>span:first-child{width:auto}.home-desktop figcaption{font-size:9px;padding:11px}.home-workflow{padding:32px 0}.home-section-heading h2{font-size:24px!important;margin:14px 0 24px}.home-feature-grid{grid-template-columns:1fr;gap:10px}.home-feature-grid article{padding:20px}.home-feature-grid h3{margin:16px 0 8px;font-size:14px}.home-feature-grid p{font-size:12px}.home-final-cta{padding:26px 20px;display:block;text-align:center;margin-bottom:30px}.home-final-cta h2{font-size:20px!important}.home-final-cta p{font-size:11px}.home-final-cta .home-primary{margin-top:22px;gap:24px}.landing-v4 .landing-footer{font-size:9px;gap:12px}.landing-v4 .landing-footer>span:last-child{display:none}.landing-v4 .auth-panel:not([hidden]){padding:12px}.landing-v4 .auth-card{max-height:calc(100dvh - 24px)!important;padding:26px!important}.landing-v4 .auth-card h1{font-size:25px!important}.landing-v4 .auth-card>p{font-size:12px}.landing-v4 .auth-kicker{font-size:8px}
}
@media(prefers-reduced-motion:no-preference){.home-primary{transition:background .15s,transform .15s}.home-primary:hover{transform:translateY(-1px)}}
@media(min-width:701px){.home-phone{top:74px;bottom:auto}.home-intro{padding-top:40px;padding-bottom:34px}}

/* Password visibility control stays separate from form submission. */
.landing-v4 .auth-password-field{position:relative;margin-top:6px}
.landing-v4 .auth-password-field input{width:100%;box-sizing:border-box;padding-right:48px;margin-top:0}
.landing-v4 .auth-password-toggle{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;color:#7d89a1;cursor:pointer}
.landing-v4 .auth-password-toggle:hover{color:#635beb;background:#f3f1ff}
.auth-eye-slash{display:none}.auth-password-toggle[aria-pressed="true"] .auth-eye-slash{display:block}

#auth-code{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.25em;font-size:22px;min-height:48px}