/* Final shared visual layer for the public site and workspace. */
:root{--ui-ink:#22202a;--ui-muted:#706b78;--ui-line:#e7e4eb;--ui-accent:#7151ad;--ui-surface:#fff}
:is(.marketing,.workspace-app) :is(button,a,summary){touch-action:manipulation}
:is(.marketing,.workspace-app) button{cursor:pointer}
:is(.marketing,.workspace-app) :is(button,a,summary,input,textarea,select):focus-visible{outline:3px solid #7c5dba;outline-offset:3px}
.workspace-app{background:#f7f6f9}
.workspace-app .sidebar{border-right:1px solid var(--ui-line)}
.workspace-app .workspace{background:#f7f4fb;border-color:#eee8f3}
.workspace-app .top{height:68px;margin-bottom:24px;border-bottom:1px solid var(--ui-line)}
.workspace-app .heading{margin-bottom:24px}
.workspace-app .heading p{max-width:55ch;line-height:1.55}
.workspace-app .card{border:1px solid #ece9f0;box-shadow:0 8px 28px #29203208}
.workspace-app .primary{box-shadow:none}
.workspace-app :is(.card,.in-block,.in-first-choice,.in-first-theme) button{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.workspace-app :is(.in-first-choice,.in-first-theme):hover{border-color:#a58cce;background:#fcfaff}
.in-first-run .main{padding:0}
.in-first-wizard .in-first-grid{min-height:100dvh;grid-template-columns:minmax(0,1fr) minmax(400px,1fr)}
.in-first-wizard .in-onboard-form{align-self:start;max-width:720px;padding:94px clamp(30px,6vw,88px) 42px}
.in-first-wizard .in-onboard-form h2{font-size:clamp(29px,2.8vw,42px);line-height:1.15;letter-spacing:-.045em;margin:24px 0 28px}
.in-first-wizard .in-form-intro{margin:-12px 0 28px;line-height:1.5;color:var(--ui-muted)}
.in-first-wizard .in-first-counter{margin-bottom:0}
.in-first-wizard .in-first-progress{height:7px;margin-bottom:12px}
.in-first-wizard .in-first-preview{position:sticky;top:0;height:100dvh;min-height:0;box-sizing:border-box;padding:clamp(16px,3vh,28px);overflow:hidden;justify-content:center}
.in-first-wizard .in-first-phone{width:min(100%,300px);height:min(670px,calc(100dvh - 48px));min-height:0;margin:0 auto;padding-top:0;border-width:4px;border-radius:29px;scrollbar-width:thin}
.in-first-wizard .in-first-phone-actions{position:sticky;top:8px;left:auto;right:auto;align-self:stretch;flex:none;height:0;margin:0 -2px;z-index:5}
.in-first-wizard .in-first-phone-actions button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;background:#fffdf0e8;box-shadow:0 3px 12px #17202b1f}
.in-first-wizard .in-first-choice{min-height:76px;border-radius:12px;padding:12px 16px}
.in-first-wizard .in-first-choice strong{font-size:14px}
.in-first-wizard .in-first-choice small{font-size:11px;line-height:1.45}
.in-first-wizard .in-first-choice b{font-size:17px}
.in-first-wizard .in-first-themes{gap:14px}
.in-first-wizard .in-first-theme{border-radius:13px}
.in-first-wizard .in-import-actions{padding-top:14px;border-top:1px solid var(--ui-line)}
.in-first-wizard .in-import-actions .primary{min-height:48px;padding-inline:24px}
.in-first-wizard .in-onboard-form :is(input,textarea){font-size:15px;line-height:1.5}
.cloud-home-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:24px}
.cloud-home-main{gap:16px}
.cloud-home-status{background:linear-gradient(135deg,#faf8ff,#f2edfa)}
.cloud-home-status h2{font-size:clamp(25px,2.3vw,34px);line-height:1.2;max-width:25ch}
.cloud-home-meter{height:7px}
.cloud-home-checklist h2,.cloud-home-preview h2{font-size:20px}
.cloud-home-checklist button{min-height:54px;font-size:14px}
.cloud-home-checklist button:hover{background:#f8f5fc}
.cloud-home-preview{position:sticky;top:24px}
.cloud-home-phone{width:min(100%,310px);height:min(590px,75dvh);scrollbar-width:thin}
.cloud-auth-fields{border:1px solid #f1eaf2;box-shadow:0 20px 70px #49335825}
.cloud-auth-fields h2{letter-spacing:-.045em}
.cloud-auth-intro{font-size:14px;line-height:1.55;color:#766e78}
.cloud-auth-fields label{font-size:13px;color:#514b56}
.cloud-auth-fields .primary,.cloud-auth-fields input{font-size:14px}
.cloud-auth-fields .in-auth-switch,.cloud-auth-fields .in-auth-switch button{font-size:12px}
.marketing .mk-main h2{letter-spacing:-.045em}
.marketing .mk-main p{color:#696170}
.marketing .mk-tile{border:1px solid #eee9f1;transition:transform .22s ease,box-shadow .22s ease}
.marketing .mk-tile:hover{transform:translateY(-3px);box-shadow:0 18px 36px #35263d0b}
.marketing .mk-button{box-shadow:0 8px 24px #3026371c;transition:background .18s ease,transform .18s ease}
.marketing .mk-button:hover{transform:translateY(-2px)}
@media(max-width:900px){.in-first-wizard .in-first-grid{grid-template-columns:1fr}.in-first-wizard .in-onboard-form{padding:84px 24px 36px;max-width:680px}.in-first-wizard .in-first-preview{position:relative;height:auto;min-height:0;padding:24px}.in-first-wizard .in-first-phone{height:620px;max-height:80dvh}.cloud-home-layout{grid-template-columns:1fr}.cloud-home-preview{position:static}}
@media(max-width:600px){.workspace-app .top{height:auto;min-height:60px;margin-bottom:18px}.in-first-wizard .in-onboard-form{padding:76px 20px 30px}.in-first-wizard .in-onboard-form h2{font-size:30px;margin-bottom:24px}.in-first-wizard .in-first-preview{padding:16px 12px 28px}.in-first-wizard .in-first-phone{height:590px;max-height:78dvh;width:min(100%,300px)}.in-first-wizard .in-first-themes{gap:8px}.cloud-home-phone{height:520px}.marketing .mk-tile:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.marketing .mk-tile,.marketing .mk-button{transition:none}.marketing .mk-tile:hover,.marketing .mk-button:hover{transform:none}}
body:has(.hero .eyebrow) .hero{padding:66px 0 48px;background:radial-gradient(circle at 80% 5%,#ece7fa,transparent 44%),#faf9fc}
body:has(.hero .eyebrow) .hero h1{font-size:clamp(34px,4.5vw,56px);max-width:13ch}
body:has(.hero .eyebrow) .hero p{font-size:16px;line-height:1.6;max-width:60ch}
body:has(.hero .eyebrow) .section{border-top:1px solid #e9e6ee}
body:has(.hero .eyebrow) .step,body:has(.hero .eyebrow) .feature,body:has(.hero .eyebrow) .shot{box-shadow:0 8px 28px #241b3508;border-color:#e8e3ee}
body:has(.hero .eyebrow) .pill{min-height:42px;display:inline-flex;align-items:center}
body:has(.hero .eyebrow) :is(.pill,.shot a):focus-visible{outline:3px solid #7c5dba;outline-offset:3px}

/* Keep the entire live phone visible while the long setup list scrolls. */
.in-first-wizard{animation:none}
@media(min-width:901px){
  .in-first-wizard .in-first-grid{display:block;min-height:100dvh}
  .in-first-wizard .in-onboard-form{width:50%;max-width:none;min-height:100dvh;margin:0;padding:108px clamp(32px,5.5vw,96px) 0;display:flex;flex-direction:column}
  .in-first-wizard .in-onboard-form>form{display:flex;flex:1;flex-direction:column;min-height:0}
  .in-first-wizard .in-first-preview{position:fixed;inset:0 0 0 50%;width:50%;height:100dvh;z-index:1}
  .in-first-wizard .in-import-actions{position:sticky;bottom:0;z-index:2;margin-top:auto;padding:18px 0 max(18px,env(safe-area-inset-bottom));background:#fff}
}
.in-first-wizard .in-first-avatar:before{content:none}
.in-first-wizard .in-first-phone{background:var(--preview-bg,#f7f9fb)!important}
.in-first-wizard .in-first-phone h3{color:var(--preview-accent,#142e3e)}
.in-first-wizard .in-first-phone .in-first-link{background:var(--preview-accent,#142e3e)}
.in-first-wizard .in-first-phone .in-section-panel,.in-first-wizard .in-first-phone .in-section-resources :is(summary,a),.in-first-wizard .in-first-phone .in-section-carousel-track article,.in-first-wizard .in-first-phone .in-section-spotlight{background:var(--preview-accent,#142e3e)}
.cloud-public :is(.in-section-panel,.in-section-resources summary,.in-section-resources a,.in-section-carousel-track article,.in-section-spotlight){background:var(--preview-accent,#142e3e)}
.in-first-wizard .in-logo-sample{font-size:clamp(14px,1.3vw,21px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal;max-width:100%;padding-inline:8px}
.in-first-wizard .in-first-theme{min-width:0}
.in-first-wizard .in-first-choice small{font-size:12px;color:#77717d}
.in-first-wizard .in-first-phone-actions button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
.in-first-wizard .in-first-phone-actions svg{width:19px;height:19px}
.in-editor #ed-preview-inner{width:min(100%,300px);height:min(640px,calc(100dvh - 150px));max-height:none;margin:auto;box-sizing:border-box;border:4px solid #20212c;border-radius:28px;overflow:auto;background:#f7f9fb;box-shadow:0 15px 30px #20212c22}
.in-editor .ed-preview{background:radial-gradient(circle at 0 0,#dfe7ff,transparent 55%),radial-gradient(circle at 100% 100%,#fae7f5,transparent 55%),#f7f8fd}
.cloud-home-phone{width:min(100%,290px);height:min(610px,75dvh);border:4px solid #20212c;border-radius:28px;box-shadow:0 15px 30px #20212c22}
.cloud-home-phone .cloud-public,#ed-preview-inner .cloud-public{width:100%!important;max-width:none!important;min-height:100%;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.cloud-home-phone,#ed-preview-inner{padding:0!important;overflow:hidden}
:is(.cloud-public,.in-first-phone) .in-section-carousel-nav button{min-width:44px;min-height:44px}
:is(.cloud-public,.in-first-phone) .in-section-resources :is(summary,a){min-height:44px;box-sizing:border-box}
:is(.cloud-public,.in-first-phone) .in-section-form button{min-height:44px}
@media(max-width:900px){
  .in-first-wizard .in-onboard-form{margin:0 auto;min-height:0}
  .in-first-wizard .in-import-actions{position:sticky;bottom:0;background:#fff;padding:14px 0 max(14px,env(safe-area-inset-bottom));z-index:2}
  .in-editor #ed-preview-inner{height:600px;max-height:75dvh}
}