/* Approved bright workspace direction. Visitor .page / skin rendering is excluded. */
body:has(.site-header){background:#f7f9fc;color:#242a38}
.site-header.site-header{background:#ffffffed;border-bottom-color:#e7ecf4}
.site-header .logo,.lp-footer .logo{color:#202d48}
.site-header .logo i{background:#496bea}
body:has(.site-header) :is(button,.button,input,textarea,select):not(.page *):not(.page){border-color:#dce3ee}
body:has(.site-header) :is(.primary,.button):not(.page *){background:#4165e8;border-color:#4165e8;color:#fff}
body:has(.site-header) :is(button,a):not(.page *):focus-visible{outline:3px solid #a9bcff;outline-offset:3px}
body:has(.site-header) :is(input,textarea,select):not(.page *):focus{border-color:#6a87ed;box-shadow:0 0 0 3px #4165e814}
body:has(.site-header) :is(input[type=checkbox],input[type=range]):not(.page *){accent-color:#4165e8}
body:has(.site-header) :is(.muted,.eyebrow,.account-note,.account-card small,.editor-head p,.item-text p,.workspace-destination small):not(.page *){color:#6b788f}
body:has(.site-header) :is(.panel,.stat,.auth-card,.account-card,.workspace-destination){border-color:#e3e9f2;box-shadow:0 3px 16px #263c6514;border-radius:12px}
body:has(.site-header) :is(.workspace-destination strong,.workspace-public-link){color:#273b64}
body:has(.site-header) .workspace-destination:hover{background:#f5f8ff;border-color:#becdf7}
body:has(.site-header) :is(.workspace-primary-nav a,.workspace-editor-tabs a,.workspace-bottom-nav a){color:#6d7a90}
body:has(.site-header) :is(.workspace-primary-nav a,.workspace-editor-tabs a)[aria-current]{color:#3458d4;border-bottom-color:#496bea}
body:has(.site-header) :is(.workspace-subtabs a,.workspace-bottom-nav a)[aria-current]{background:#eaf0ff;color:#3458d4}
body:has(.site-header) .workspace-bottom-nav{background:#ffffffed;border-color:#e3e9f2}
body:has(.site-header) :is(.segmented,.pill,.notice):not(.page *){background:#eef3fc;color:#526581;border-color:#e0e8f5}
body:has(.site-header) .segmented .selected{background:white}
body:has(.site-header) .dropzone{background:#f8faff;border-color:#bac9e4}
body:has(.site-header) .dropzone.over{background:#eaf0ff;border-color:#496bea}
body:has(.site-header) dialog{background:#fff;color:#242a38;border-color:#e1e7f0}
body:has(.site-header) dialog::backdrop{background:#1c2b4a55}
body:has(.site-header) #drawer nav .selected{background:#edf2ff}
body:has(.site-header) #toast{background:#243550}
body:has(.site-header) .steps .active{background:#496bea}
body:has(.site-header) .auth-story h1{color:#263957}
body:has(.site-header) .phone{box-shadow:0 12px 40px #263c6514}
.ml-landing{--lp-ink:#242d40;--lp-green:#4165e8;--lp-muted:#69778f;background:#fff;color:var(--lp-ink)}
.ml-landing .lp-kicker{color:#4165e8;letter-spacing:.2px}
.ml-landing .lp-hero{padding-top:64px;padding-bottom:64px;grid-template-columns:1fr 1.08fr;gap:40px;min-height:600px}
.ml-landing main{background:linear-gradient(180deg,#f5f9ff 0,white 680px)}
.ml-landing .lp-hero h1{font-size:43px;line-height:1.28;letter-spacing:-1.7px;margin:18px 0 22px;word-break:keep-all}
.ml-landing .lp-hero h1 em{color:#4165e8}
.ml-landing .lp-hero-copy>p:not(.lp-reassurance){color:#69778f;font-size:15px;line-height:1.85}
.ml-landing .lp-text-link{color:#3f5684;border-color:#bccbf0}
.ml-landing .lp-actions .lp-text-link{border:1px solid #c3d0ef;border-radius:8px;padding:12px 16px;background:#fff}
.ml-landing .lp-reassurance{color:#7a879c}
.ml-landing .lp-journey{color:#718098;margin-top:26px}
.ml-landing .lp-journey span{background:#fff;border-color:#e1e8f3}
.ml-landing .lp-hero-visual{height:480px;background:transparent;padding:0;border-radius:0;display:block;min-width:0}
.lp-hero-studio{position:absolute;right:0;top:62px;width:76%;height:340px;border:1px solid #dce5f3;border-radius:12px;background:white;overflow:hidden;box-shadow:0 16px 45px #3d60991c}
.lp-hero-studio>img{width:100%;height:300px;object-fit:cover;object-position:top left}
.ml-landing .lp-hero-visual .lp-phone{position:absolute;left:0;top:0;width:215px;height:440px;border:5px solid white;border-radius:22px;box-shadow:0 14px 42px #31518b20;transform:none;margin:0;overflow:hidden;background:#fff}
.ml-landing .lp-phone img{width:100%;height:auto;display:block}
.ml-landing .lp-phone-bar{background:#fff;color:#7b889c}
.ml-landing .lp-hero-visual figcaption{position:absolute;bottom:8px;width:100%;color:#8390a4;font-size:10px;white-space:normal}
.lp-examples{max-width:var(--frame-width);padding:55px var(--frame-gutter) 62px;margin:auto}
.ml-landing .lp-section-heading h2{font-size:29px;line-height:1.4;letter-spacing:-1px}
.ml-landing .lp-section-heading p{color:#728099;font-size:14px}
.lp-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:28px auto 0;max-width:820px}
.lp-example{padding:24px 24px 0;background:#f6f9ff;border:1px solid #e7edf7;border-radius:12px;overflow:hidden;height:420px}
.lp-example h3{font-size:18px;letter-spacing:-.5px}
.lp-example>p{font-size:12px;color:#718098;margin:6px 0 24px}
.lp-mini{background:white;border:1px solid #e6ebf4;border-radius:16px 16px 0 0;min-height:330px;text-align:center;overflow:hidden;box-shadow:0 5px 18px #2946780a;padding-bottom:20px}
.lp-mini-cover{height:62px;background:linear-gradient(120deg,#dbe9ff,#eef4ff)}
.cover-lilac{background:linear-gradient(120deg,#e2e1f4,#f1effa)}.cover-slate{background:linear-gradient(120deg,#dce5ed,#f2f5f8)}
.lp-mini-avatar{position:relative;display:grid;place-items:center;width:46px;height:46px;margin:-23px auto 8px;border:4px solid white;border-radius:50%;background:#edf3ff;color:#4f6fc2;font-size:17px}
.lp-mini>strong{display:block;font-size:13px}.lp-mini>small{display:block;font-size:10px;color:#8190a5;margin:4px 0 15px}
.lp-mini-row{display:flex;align-items:center;gap:10px;text-align:left;margin:7px 12px;padding:10px;border:1px solid #e7edf6;border-radius:8px;font-size:11px}
.lp-mini-row>b{width:28px;height:28px;display:grid;place-items:center;background:#eef3fc;color:#647cbd;border-radius:7px}
.lp-mini-row small{display:block;font-size:9px;color:#8390a5}.lp-mini-row i{margin-left:auto;color:#9ba8bc;font-style:normal}
.lp-mini-products{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 14px;text-align:left}.lp-mini-products strong{font-size:10px;display:block;margin-top:7px}.lp-mini-products small{font-size:9px;color:#5676c7}
.lp-object{height:95px;border-radius:8px;background:#eff2f6;position:relative;display:grid;place-items:center}
.bag:after{content:'';width:43px;height:42px;background:#4f5a70;border-radius:5px 5px 12px 12px;box-shadow:0 7px 9px #3332}.bag:before{content:'';position:absolute;top:16px;width:25px;height:22px;border:3px solid #4f5a70;border-radius:15px}
.cup:after{content:'';width:40px;height:43px;background:#a7b9d5;border-radius:4px 4px 14px 14px}.cup:before{content:'';position:absolute;right:17%;width:18px;height:23px;border:5px solid #a7b9d5;border-radius:50%}
.lp-mini-work{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 14px}.lp-mini-work>div{display:grid;place-content:center;min-height:65px;background:#eef2f8;font-size:12px;letter-spacing:1px;color:#526681}.lp-mini-work>div:nth-child(2n){background:#e5ebf4}.lp-mini-work small{font-size:6px;margin-top:5px;color:#8190a5}
.lp-example-note{text-align:center;color:#8996aa;font-size:10px;margin-top:17px}
.ml-landing .lp-tour{padding-top:58px;padding-bottom:58px;border-top:1px solid #edf1f7}
.ml-landing .lp-tabs{border-color:#e3eaf5}.ml-landing .lp-tabs button{color:#7b879d}.ml-landing .lp-tabs button[aria-selected=true]{color:#4165e8;border-color:#4165e8}
.ml-landing .lp-feature-number{color:#6f86c4}.ml-landing .lp-tour-copy p,.ml-landing .lp-tour-copy ul{color:#70809a}
.ml-landing .lp-screen{border-color:#e1e8f3;box-shadow:0 12px 35px #31518b0d}
.ml-landing .lp-window-bar{background:#fafcff;border-color:#e6edf7;color:#7485a0}.ml-landing .lp-window-bar>span{background:#dce5f3}.ml-landing .lp-window-bar small{color:#8090a8}
.ml-landing .lp-screen img{background:#f8faff}.ml-landing .lp-screen figcaption{color:#8390a5;border-color:#e7edf7}
.ml-landing .lp-start{background:#f3f7ff}.ml-landing .lp-steps li{border-color:#dce5f4}.ml-landing .lp-steps li>span{background:#e2ebff;color:#4165e8}.ml-landing .lp-steps p,.ml-landing .lp-steps small{color:#73829b}
.ml-landing .lp-faq details{border-color:#e6ecf5}.ml-landing .lp-faq p{color:#73829b}
.ml-landing .lp-final{background:#eef4ff;border:1px solid #e0e9fa;border-radius:12px}.ml-landing .lp-final h2{font-size:27px}
.ml-landing .lp-footer{color:#8490a4;border-color:#e6ecf5}
@media(max-width:1000px){.ml-landing .lp-hero{gap:24px}.ml-landing .lp-hero h1{font-size:35px}.lp-hero-studio{width:75%}.ml-landing .lp-hero-visual .lp-phone{width:185px;height:405px}.lp-example{padding:18px 14px 0}.lp-example>p{min-height:38px}}
@media(max-width:650px){.ml-landing .lp-hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:25px;gap:30px;min-height:0}.ml-landing .lp-hero h1{font-size:33px;letter-spacing:-1.3px}.ml-landing .lp-hero-copy>p:not(.lp-reassurance){font-size:14px}.ml-landing .lp-hero-visual{width:100%;max-width:430px;height:385px}.ml-landing .lp-hero-visual .lp-phone{width:170px;height:350px;left:4px}.lp-hero-studio{top:44px;height:275px;width:73%}.lp-hero-studio>img{height:240px}.lp-examples{padding-top:35px;padding-bottom:32px}.lp-example-grid{grid-template-columns:1fr;gap:18px}.lp-example{height:auto;display:grid;grid-template-columns:minmax(0,1fr) 145px;column-gap:16px;padding:18px 14px 0}.lp-example h3{font-size:16px;align-self:end}.lp-example>p{font-size:12px;grid-column:1;align-self:start;margin-top:8px}.lp-example .lp-mini{grid-column:2;grid-row:1/3;height:220px;min-height:220px}.lp-mini-cover{height:42px}.lp-mini-row{padding:7px;margin:6px;font-size:9px;gap:5px}.lp-mini-row small{font-size:8px}.lp-mini-row>b{width:20px;height:20px;flex-shrink:0}.lp-mini>strong{font-size:11px}.lp-mini>small{font-size:8px;padding:0 4px}.lp-mini-avatar{width:38px;height:38px;margin-top:-19px;font-size:13px}.lp-mini-products{gap:6px;margin:0 7px}.lp-object{height:65px}.lp-mini-products strong{font-size:8px}.bag:after{width:28px;height:30px}.bag:before{top:8px;width:19px;height:17px}.cup:after{width:25px;height:32px}.cup:before{right:8%;width:13px;height:18px;border-width:4px}.lp-mini-work{margin:0 7px;gap:4px}.lp-mini-work>div{font-size:8px;min-height:42px}.lp-mini-work small{font-size:5px}.ml-landing .lp-section-heading h2{font-size:25px}.ml-landing .lp-tour{padding-top:35px;padding-bottom:35px}.ml-landing .lp-final h2{font-size:23px}.ml-landing .lp-actions{gap:10px}.ml-landing .lp-actions .button,.ml-landing .lp-actions .lp-text-link{font-size:11px;padding:11px 12px}}
@media(prefers-reduced-motion:reduce){.ml-landing *{scroll-behavior:auto}}