:root{--ink:#171923;--muted:#616879;--paper:#f6f7fa;--accent:#5743e8;--lime:#d1ff72;--line:#e0e3ec}
body{font-size:16px;-webkit-font-smoothing:antialiased}button,.button-link{transition:background .18s,transform .18s,box-shadow .18s}button:hover,.button-link:hover{transform:translateY(-1px);box-shadow:0 6px 18px #17192315}button:disabled{transform:none;box-shadow:none;opacity:.6;cursor:wait}:focus-visible{outline:3px solid #7664ff;outline-offset:3px}.topbar{background:#fff;height:76px;padding-inline:clamp(20px,4vw,64px)}.wordmark{font-size:32px;letter-spacing:-2px}.site-nav a{font-size:14px}.price-badge{background:#f0edff;color:#4531ca;font-size:14px;border:1px solid #ddd7ff;padding:10px 15px}
body.conversation-intake .workspace{grid-template-columns:minmax(380px,.88fr) minmax(440px,1.12fr);height:calc(100svh - 76px);min-height:640px;max-height:980px;background:#f6f7fa;padding:22px clamp(20px,3vw,48px) 28px;gap:24px}
body.conversation-intake .builder{padding:0;border:0;overflow:hidden;position:relative;display:flex;flex-direction:column;height:100%;min-width:0}
body.conversation-intake .intro .kicker{display:block;color:var(--accent);font-size:12px;letter-spacing:.12em;font-weight:800;margin:0 0 9px}body.conversation-intake .intro :is(h1,h2){font-size:clamp(30px,3vw,46px);line-height:1.06;letter-spacing:-.045em;margin:0 0 10px;max-width:540px}body.conversation-intake .intro>p{font-size:15px;line-height:1.5;max-width:510px}body.conversation-intake .intro-detail,body.conversation-intake .speed-line{display:none}
body.conversation-intake .intake-chat{margin-top:18px;flex:1;min-height:0;border-radius:18px;box-shadow:0 8px 26px #252c4110;display:grid;grid-template-rows:auto minmax(50px,1fr) auto}body.conversation-intake .intake-chat>header{padding:15px 18px;background:#fff}body.conversation-intake .intake-chat header span{font-size:13px;margin-top:3px}.chat-avatar{border-radius:12px;background:#5743e8;flex-shrink:0}body.conversation-intake .chat-transcript{background:#fafbfe;padding:20px;gap:14px;scrollbar-width:thin}body.conversation-intake .chat-bubble{font-size:16px;line-height:1.5;border-radius:14px;max-width:95%}.chat-bubble.wehb{border:0;background:transparent;padding:4px 0}.chat-bubble.customer{background:#eeebff;color:#352b75;border-radius:14px 14px 3px 14px}.chat-composer{border-top:1px solid var(--line);padding:16px;max-height:48svh;overflow-y:auto}.answer-panel input,.answer-panel textarea{font-size:16px;border-radius:10px;padding:13px}.answer-panel>button:last-child{background:var(--accent);min-height:46px}.answer-choices button{font-size:15px;padding:16px;line-height:1.4}.answer-choices button:hover{border-color:var(--accent);background:#f5f3ff}.answer-panel label{flex-direction:row;flex-wrap:wrap;font-size:14px;line-height:1.5}.service-draft-list{max-height:90px;overflow:auto}body.conversation-intake .chat-form{flex:none;height:auto}body.conversation-intake .status{position:static;margin:0;font-size:14px;line-height:1.5}body.conversation-intake .status:not(:empty){padding:10px;background:#fff4e8;border-radius:10px;margin-top:8px}
body.conversation-intake:not(.preview-open) .preview-panel{padding:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 40px #252c4110;height:100%;min-height:0}body.conversation-intake:not(.preview-open) .preview-canvas{border-radius:0;box-shadow:none}.preview-top{height:46px;flex-shrink:0;background:#fff;color:#687083;border-bottom:1px solid var(--line);border-radius:0}.preview-top div span{background:#dce0e9}.preview-top small{font-size:12px}.empty-preview{background:#f0f2f8}
.studio-empty{display:flex;flex-direction:column;justify-content:center;text-align:left;padding:clamp(24px,4vw,60px);gap:24px;height:100%;background:linear-gradient(145deg,#fafbff,#eeeafa)}.studio-empty .preview-label{font-size:12px;font-weight:800;letter-spacing:.12em;color:#6453c4}.studio-empty h2{font-size:clamp(28px,3vw,45px);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:490px}.studio-empty .preview-description{font-size:16px;font-weight:400;line-height:1.6;color:var(--muted);margin:10px 0 0}.included-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;margin:0;list-style:none}.included-list li{border:1px solid #deddeb;background:#ffffffa6;border-radius:12px;padding:15px;font-size:14px;line-height:1.4}.included-list b{display:block;font-size:16px;margin-bottom:4px}.included-list span{color:var(--muted)}.preview-promise{padding-top:22px;border-top:1px solid #d8d7e5;display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:14px}.preview-promise b{display:block;font-size:18px;margin-bottom:4px}.preview-promise span{color:var(--muted)}.preview-promise .price-pill{white-space:nowrap;background:var(--ink);color:#fff;padding:12px 16px;border-radius:10px;font-weight:750}
.sales-strip{padding:80px clamp(24px,6vw,96px);background:#171923}.sales-strip>h2{font-size:clamp(34px,4.4vw,64px);line-height:1.06;max-width:1000px;letter-spacing:-.045em}.sales-grid{gap:18px}.sales-grid article{border:1px solid #ffffff26;background:#ffffff04;border-radius:16px;padding:28px}.sales-grid article h3{font-size:22px}.sales-grid article p{font-size:16px;line-height:1.7;color:#c3c8d6}.proof-band{padding:64px clamp(24px,6vw,96px);background:#e5ffb4;gap:45px}.proof-band h2{font-size:clamp(30px,3.5vw,48px);line-height:1.1;letter-spacing:-.04em}.proof-band p{font-size:17px;line-height:1.7}.proof-band .eyebrow{color:#405d13}.site-footer{padding:45px clamp(24px,6vw,96px);gap:28px}.site-footer small{font-size:12px}.page-hero{padding-top:65px;padding-bottom:40px}.page-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-.045em}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1050px;margin:auto}.price-card{border-radius:18px}.price-card.featured{transform:none;background:#f3f0ff;border-color:var(--accent)}
body.preview-open{overflow:hidden}body.preview-open .preview-panel{height:100svh;min-height:0;padding:0;border-radius:0}body.preview-open .preview-shadow-head{background:#171923;color:#fff;padding:16px 24px}body.preview-open .preview-shadow-head span{color:#c4c8d6}.device-switcher{background:#ffffff15}.device-btn{color:#d8dbea}.device-btn.active{color:#171923}.preview-close{border:0;background:#ffffff15;color:#fff}body.preview-open .preview-stage{padding:18px;gap:18px;grid-template-columns:minmax(0,1fr) 320px}body.preview-open .preview-rail{border-radius:14px;padding:22px}body.preview-open .checkout-btn{background:var(--accent);min-height:50px}.revision-count{font-size:14px!important}.checkout-note{font-size:13px}.project-reference{font-size:12px}body.preview-open .preview-rail .delivery{font-size:15px}.checkout-dialog{border-radius:18px}
@media(max-height:760px) and (min-width:981px){body.conversation-intake .workspace{min-height:540px}body.conversation-intake .intro :is(h1,h2){font-size:30px}body.conversation-intake .intro>p:not(.kicker){display:none}.studio-empty{padding:28px;gap:18px}.studio-empty h2{font-size:32px}.included-list li{padding:12px}}
@media(max-width:980px){body.conversation-intake .workspace{grid-template-columns:1fr;height:auto;max-height:none;min-height:0;padding:20px;gap:22px}body.conversation-intake .builder{height:calc(100svh - 115px);min-height:500px;max-height:850px}body.conversation-intake:not(.preview-open) .preview-panel{height:auto;min-height:470px}.studio-empty{min-height:440px}body.preview-open .preview-stage{grid-template-columns:1fr;grid-template-rows:minmax(35svh,1fr) auto;gap:10px;padding:10px}body.preview-open .preview-rail{max-height:40svh}.price-grid{grid-template-columns:1fr}}

/* Refined brand system: high legibility, strong trust cues, and one clear action color. */
:root{
  --ink:#101828;
  --muted:#566074;
  --paper:#f8f7f4;
  --accent:#5b3df5;
  --lime:#baf45a;
  --line:#dfe3ec;
  --m-ink:#101828;
  --m-muted:#566074;
  --m-paper:#f8f7f4;
  --m-white:#fff;
  --m-accent:#5b3df5;
  --m-lime:#baf45a;
  --m-line:#dfe3ec;
  --font-sans:"Aptos","Segoe UI Variable","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;
  --font-display:"Aptos Display","Segoe UI Variable Display","Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif;
}
body,.marketing-page,button,input,select,textarea{font-family:var(--font-sans)}
h1,h2,h3,h4,legend,.wordmark,.button-link,.checkout-btn{font-family:var(--font-display);font-optical-sizing:auto}
body,.marketing-page{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
p,li,input,textarea{letter-spacing:-.006em}
h1,h2,h3{letter-spacing:-.035em}
.button-link,.checkout-btn,.answer-panel>button:last-child{background:var(--accent);color:#fff;box-shadow:0 9px 24px rgba(91,61,245,.2)}
.button-link:hover,.checkout-btn:hover,.answer-panel>button:last-child:hover{background:#472bdc;transform:translateY(-1px)}
.price-grid{grid-template-columns:minmax(0,720px);justify-content:center;max-width:900px}
.price-card.featured{
  background:linear-gradient(145deg,#fff 0%,#f2efff 100%);
  color:var(--ink);
  border:2px solid var(--accent);
  box-shadow:0 24px 65px rgba(25,32,56,.13);
}
.price-card.featured .eyebrow{color:#4b31d5}
.price-card.featured .amount,.price-card.featured h2,.price-card.featured p,.price-card.featured li{color:var(--ink)}
.price-card.featured .button-link{color:#fff;background:var(--accent);text-align:center}
.price-card.featured li::marker{color:var(--accent)}
.price-card strong{font-weight:750}
.feature-grid article{color:var(--ink)}
.dark .feature-grid article{color:#fff}
.proof-band{background:var(--lime)}
@media(max-width:640px){
  .price-card.featured{padding:26px 22px}
  .price-card .amount{font-size:44px}
}
@media(max-width:640px){.topbar{height:auto;min-height:72px;gap:8px;padding:12px 20px}.site-nav{padding-top:4px}.site-nav a{font-size:13px}.price-badge{font-size:12px;padding:8px 10px}body.conversation-intake .workspace{padding:16px 12px}body.conversation-intake .builder{height:calc(100svh - 150px);min-height:500px}body.conversation-intake .intro{padding:0 6px}body.conversation-intake .intro :is(h1,h2){font-size:32px}body.conversation-intake .intro>p{font-size:14px}.chat-composer{padding:12px}.studio-empty{padding:25px;gap:20px}.included-list{gap:8px}.included-list li{padding:12px}.included-list b{font-size:14px}.preview-promise{align-items:flex-start;flex-direction:column}.sales-strip{padding:50px 24px}.proof-band{padding:40px 24px;gap:18px}}

.price-badge{background:#101828;color:#fff;border:0;padding:10px 16px;font-size:13px;letter-spacing:.01em;box-shadow:0 7px 20px rgba(16,24,40,.12)}
.built-by{margin-left:12px;color:inherit;font-size:10px;font-weight:650;letter-spacing:.02em;opacity:.65;text-decoration:none;white-space:nowrap}.built-by:hover{opacity:1;text-decoration:underline}
.pre-intake .steps,.pre-intake #builderForm{display:none}.start-interview{display:inline-flex;align-items:center;gap:24px;margin:24px 0 4px;padding:15px 22px;background:var(--accent);color:#fff;border-radius:12px;box-shadow:0 12px 30px rgba(91,61,245,.22)}.start-interview span{font-size:20px}.conversation-intake .start-interview{display:none}
.builder{position:relative;isolation:isolate;overflow:hidden}.studio-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.5;z-index:-2;pointer-events:none}.builder::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,247,244,.8) 0%,rgba(248,247,244,.62) 58%,rgba(248,247,244,.42) 100%);z-index:-1;pointer-events:none}.builder>.intro,.builder>.steps,.builder>#builderForm,.builder>.intake-slides,.builder>.status{position:relative;z-index:1}
.rotating-headline{transition:opacity .24s ease,transform .24s ease}.pre-intake .rotating-headline{min-height:2.75em}.rotating-headline.is-changing{opacity:0;transform:translateY(10px)}
.pre-intake .preview-panel{padding:18px 20px 22px 18px;background:#fff}.pre-intake .preview-top{border:1px solid #e3e5ec;border-bottom:0;box-shadow:0 -8px 28px rgba(16,24,40,.09)}.pre-intake #sitePreview,.pre-intake .empty-preview{border:1px solid #e3e5ec;border-top:0;box-shadow:0 24px 52px rgba(16,24,40,.18)}
@media(prefers-reduced-motion:reduce){.studio-backdrop{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
body.conversation-intake .status.ready-recovery{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-top:10px;border:1px solid #dcd7ff;border-radius:12px;background:#f4f2ff;color:#111827}
.wordmark{display:inline-flex;align-items:baseline}.wordmark .dot{color:#5b43f5}.wordmark .tld{color:#858996;font-size:.68em;font-weight:760;letter-spacing:-.035em;margin-left:.05em}
.inline-wordmark{display:inline;white-space:nowrap;font-family:var(--font-display);font-weight:760;letter-spacing:-.025em}.inline-wehb{color:#101828}.inline-dot{color:#5b43f5}.inline-pro{color:#858996;font-size:.82em;margin-left:.04em}
.sales-strip .inline-wehb,.dark .inline-wehb{color:#fff}.sales-strip .inline-pro,.dark .inline-pro{color:#b9becd}
.edition-tabs{display:flex;align-items:center;gap:6px;margin-left:auto;padding:5px;border:1px solid #ffffff22;border-radius:14px;background:#ffffff10}.edition-tabs[hidden]{display:none}.edition-tab{display:flex;align-items:center;gap:8px;padding:9px 13px;border:0;border-radius:10px;background:transparent;color:#cfd3df;font-size:12px;font-weight:720;box-shadow:none}.edition-tab b{font-size:12px}.edition-tab[aria-selected="true"]{background:#fff;color:#171923;box-shadow:0 5px 15px #0003}.edition-tab:hover{transform:none}.edition-tab:focus-visible{outline-color:#b7aefe}body:not(.preview-open) .edition-tabs{display:none}
body.conversation-intake .ready-recovery>strong{font-size:14px;white-space:nowrap}
.ready-recovery-note{font-size:13px;color:#5f6373;line-height:1.35}
.ready-recovery-actions{display:flex;align-items:center;gap:8px}
.ready-recovery-actions button{min-height:38px;padding:8px 12px;border-radius:9px;font-size:13px;font-weight:750;cursor:pointer}
.ready-recovery-actions .ready-checkout{border:1px solid #563cf5;background:#563cf5;color:#fff;box-shadow:0 8px 20px rgba(86,60,245,.18)}
.ready-recovery-actions .ready-checkout:hover{background:#432bd8}
@media(max-width:900px){body.conversation-intake .status.ready-recovery{align-items:stretch;flex-direction:column}.ready-recovery-actions{display:grid;grid-template-columns:1fr}.ready-recovery-actions button{width:100%}}
.marketing-consent{padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}.turnstile-mount{min-height:0;margin-top:12px}.turnstile-mount:empty{display:none}.turnstile-status{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-height:0;margin-top:7px;color:var(--muted);font-size:12px}.turnstile-status:empty{display:none}.turnstile-refresh{padding:7px 10px;border-radius:9px;font-size:12px}
@media(max-width:760px){body.preview-open .preview-shadow-head{flex-wrap:wrap}.edition-tabs{order:3;width:100%;justify-content:center}.edition-tab{flex:1;justify-content:center}}

/* Compact, consistent five-step interview flow. */
body.conversation-intake .intro :is(h1,h2){font-size:clamp(30px,2.4vw,38px);line-height:1.02;margin:2px 0 0;max-width:none}
body.conversation-intake .intake-slides{flex:0 1 auto;min-height:0;max-height:calc(100% - 78px);margin-top:16px;border-radius:20px;border:1px solid #dfe3ec;background:#fff;box-shadow:0 18px 45px rgba(16,24,40,.11)}
body.conversation-intake .slide-progress-meta{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 0;color:#566074;font-size:12px;line-height:1}
body.conversation-intake .slide-progress-meta strong{color:#101828;font-size:12px;letter-spacing:.02em}
body.conversation-intake .slide-progress{padding:11px 22px 0;gap:7px}
body.conversation-intake .slide-progress span{height:5px;background:#e6e8ef}
body.conversation-intake .slide-progress span.active{background:#5b3df5}
body.conversation-intake .slide-content{flex:0 1 auto;min-height:0;max-height:calc(100svh - 330px);overflow-y:auto;padding:20px 22px 22px;scrollbar-width:thin}
body.conversation-intake .intake-slide{gap:14px 14px}
body.conversation-intake .intake-slide h2{font-size:26px;line-height:1.08;margin:0}
body.conversation-intake .slide-help{font-size:14px;line-height:1.45;margin:-3px 0 2px}
body.conversation-intake .intake-slide label{font-size:12px;line-height:1.3;gap:6px}
body.conversation-intake .intake-slide input,body.conversation-intake .intake-slide select,body.conversation-intake .intake-slide textarea{min-height:44px;padding:10px 12px;border-radius:11px;background:#fff}
body.conversation-intake .slide-navigation{padding:13px 22px;background:#fbfbfd;border-top:1px solid #e6e8ef}
body.conversation-intake .slide-navigation button{min-height:46px;padding:11px 20px}
body.conversation-intake #slideNext{min-width:176px;background:#5b3df5;box-shadow:0 9px 22px rgba(91,61,245,.2)}
body.conversation-intake .intake-slide .service-line,body.conversation-intake .intake-slide .review-line{border:1px solid #e6e8ef;background:#f8f9fc}
@media(max-height:760px) and (min-width:981px){body.conversation-intake .intake-slides{margin-top:10px;max-height:calc(100% - 58px)}body.conversation-intake .slide-progress-meta{padding-top:11px}body.conversation-intake .slide-content{max-height:calc(100svh - 270px);padding-top:14px;padding-bottom:15px}body.conversation-intake .intake-slide{gap:9px 12px}body.conversation-intake .slide-navigation{padding-top:9px;padding-bottom:9px}}
@media(max-width:980px){body.conversation-intake .intake-slides{max-height:none}body.conversation-intake .slide-content{max-height:none;overflow:visible}}
@media(max-width:640px){body.conversation-intake .slide-progress-meta,body.conversation-intake .slide-progress{padding-left:16px;padding-right:16px}body.conversation-intake .slide-content{padding:17px 16px 19px}body.conversation-intake .slide-navigation{padding:11px 16px}body.conversation-intake #slideNext{min-width:145px}}

.preview-inline-error{margin:0 0 18px;padding:12px 14px;border:1px solid #f0b8b8;border-radius:12px;background:#fff1f1;color:#7b1717;font-size:14px;line-height:1.45}

/* Focused Website Studio and 24-hour project recall. */
.studio-launch-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.studio-launch-actions[hidden]{display:none}.studio-launch-actions .start-interview{margin:0}.recall-project{min-height:52px;padding:13px 18px;background:#fff;color:var(--ink);border:1px solid #d8dce6}.conversation-intake .recall-project{display:none}

/* Restore the calm white and cream presentation throughout the builder. */
:root{--paper:#faf7f1;--line:#e7e0d6}
body,body.conversation-intake .workspace{background:#faf7f1}
.pre-intake .preview-panel,.empty-preview,.studio-empty{background:#fffdf9}
.studio-empty{background:linear-gradient(145deg,#fffefb,#f5efe8)}
.sales-strip{background:#f2ecdf;color:#1d2935}
.sales-strip .eyebrow,.sales-grid span{color:#5842bb}
.sales-strip .inline-wehb{color:#1d2935}
.sales-strip .inline-pro{color:#52606a}
.sales-grid article{background:#fffdf9;border:1px solid #e5ddd1;box-shadow:0 12px 30px #4336280a}
.sales-grid article h3{color:#1d2935}
.sales-grid article p{color:#52606a}
.sales-strip .text-link{color:#503bd5}
.proof-band{background:#e9efe5;color:#1d2935}
.proof-band .eyebrow{color:#5842bb}
.returning-visitor[hidden]{display:none}.returning-kicker{margin:0 0 7px!important;color:var(--accent)!important;font-size:11px!important;font-weight:850!important;letter-spacing:.15em}.returning-visitor h2{margin:0 0 8px;font-size:clamp(26px,3vw,36px);line-height:1.05;letter-spacing:-.04em}.returning-visitor>p:not(.returning-kicker){margin:0;color:var(--muted);font-size:15px;line-height:1.5}.returning-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.returning-actions button{min-height:48px}.returning-visitor>small{display:block;margin-top:12px;color:var(--muted);font-size:12px}.climate-promise{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.climate-note{display:block;margin-top:10px;color:var(--muted);font-size:12px;line-height:1.45}.checkout-climate{margin:0;padding:10px 20px;border-bottom:1px solid #e5e6ec;background:#f7f8fb;color:#555b6c;font-size:12px;line-height:1.4}
body.conversation-intake:not(.preview-open){overflow:hidden}
body.conversation-intake:not(.preview-open) .workspace{position:fixed;inset:0;z-index:8000;display:grid;grid-template-columns:1fr;place-items:center;width:100%;height:100svh;min-height:0;max-height:none;padding:24px;background:rgba(13,16,28,.78);backdrop-filter:blur(12px)}
body.conversation-intake:not(.preview-open) .builder{width:min(880px,100%);height:min(820px,calc(100svh - 48px));min-height:560px;max-height:calc(100svh - 48px);padding:26px 30px 28px;border:1px solid rgba(255,255,255,.28);border-radius:26px;background:#f8f7f4;box-shadow:0 38px 120px rgba(0,0,0,.42);overflow:hidden}
body.conversation-intake:not(.preview-open) .builder::after{background:linear-gradient(135deg,rgba(248,247,244,.97),rgba(241,239,255,.94))}
body.conversation-intake:not(.preview-open) .builder .intro{max-width:none;flex:none;padding:0 4px}body.conversation-intake:not(.preview-open) .builder .intro .kicker{display:block;margin:0 0 4px;color:var(--accent);font-size:11px;letter-spacing:.16em}body.conversation-intake:not(.preview-open) .builder .intro :is(h1,h2){margin:0;font-size:clamp(30px,4vw,44px);line-height:1;letter-spacing:-.045em}body.conversation-intake:not(.preview-open) .builder .intro>p:not(.kicker),body.conversation-intake:not(.preview-open) .builder .speed-line,body.conversation-intake:not(.preview-open) .builder .speed-note{display:none}
body.conversation-intake:not(.preview-open) .intake-slides{flex:1 1 auto;width:100%;max-height:calc(100% - 62px);margin-top:18px;box-shadow:0 18px 50px rgba(16,24,40,.13)}body.conversation-intake:not(.preview-open) .slide-content{max-height:none;overflow-y:auto}body.conversation-intake:not(.preview-open) .preview-panel{display:none!important}
.project-built #closePreview{display:block!important}.preview-open .preview-shadow-head{grid-template-columns:minmax(180px,1fr) auto auto auto}
.studio-close{position:absolute;top:16px;right:18px;z-index:12;display:none;width:44px;height:44px;padding:0;border:1px solid #d8dce6;border-radius:13px;background:#fff;color:var(--ink);font-size:27px;line-height:1;box-shadow:0 8px 24px rgba(16,24,40,.12)}body.conversation-intake:not(.preview-open) .studio-close:not([hidden]){display:grid;place-items:center}body.preview-open .studio-close,body:not(.conversation-intake) .intake-slides{display:none!important}

.project-dialog-shadow{position:fixed;inset:0;z-index:22000;display:grid;place-items:center;padding:20px;background:rgba(12,15,26,.78);backdrop-filter:blur(10px)}.project-dialog{position:relative;width:min(620px,100%);max-height:calc(100svh - 40px);overflow:auto;padding:clamp(26px,5vw,48px);border:1px solid rgba(255,255,255,.35);border-radius:26px;background:#fff;box-shadow:0 36px 120px rgba(0,0,0,.42)}.project-dialog-close{position:absolute;top:16px;right:16px;width:44px;height:44px;padding:0;border-radius:12px;background:#f0f1f5;color:var(--ink);font-size:25px}.project-dialog-kicker{margin:0 0 10px;color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.15em}.project-dialog h2{max-width:470px;margin:0 45px 12px 0;font-size:clamp(30px,5vw,46px);line-height:1;letter-spacing:-.045em}.project-dialog>p:not(.project-dialog-kicker):not(.project-dialog-error){color:var(--muted);font-size:16px;line-height:1.55}.recall-form{display:grid;gap:16px;margin-top:24px}.recall-form button[type=submit],.return-home{width:100%;min-height:52px;background:var(--accent)}.project-dialog-error{min-height:0;margin:0;color:#8b1c1c;font-size:14px}.project-dialog-error:not(:empty){padding:11px 13px;border:1px solid #efb8b8;border-radius:10px;background:#fff1f1}.project-id-card{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;margin:24px 0;padding:16px;border:1px solid #dedbea;border-radius:14px;background:#f7f5ff}.project-id-card span{grid-column:1/-1;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.project-id-card code{overflow-wrap:anywhere;font-size:13px}.project-id-card button{padding:8px 11px}.project-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.project-dialog-actions .save-project{grid-column:1/-1;grid-row:1;min-height:52px;background:var(--accent)}
@media(max-width:900px){.preview-open .preview-shadow-head{grid-template-columns:1fr auto}.preview-open .preview-shadow-head>div:first-child{grid-column:1;grid-row:1}.preview-open .preview-close{grid-column:2;grid-row:1}.preview-open .edition-tabs{grid-column:1/-1;grid-row:2}.preview-open .device-switcher{grid-column:1/-1;grid-row:3}}
@media(max-width:640px){.studio-launch-actions,.returning-actions{align-items:stretch;flex-direction:column}.studio-launch-actions button,.returning-actions button{width:100%;justify-content:center}body.conversation-intake:not(.preview-open) .workspace{padding:10px}body.conversation-intake:not(.preview-open) .builder{height:calc(100svh - 20px);min-height:0;max-height:none;padding:20px 12px 14px;border-radius:20px}body.conversation-intake:not(.preview-open) .builder .intro{padding:0 6px}body.conversation-intake:not(.preview-open) .intake-slides{max-height:calc(100% - 52px);margin-top:12px}.project-dialog-shadow{padding:10px}.project-dialog{padding:28px 20px;border-radius:20px}.project-dialog-actions{grid-template-columns:1fr}.project-dialog-actions .save-project{grid-column:1;grid-row:1}.project-id-card{grid-template-columns:1fr}.project-id-card button{width:100%}}

/* Viewport-fit layer: the studio shell stays fixed while only its content scrolls. */
html{--wehb-viewport-height:100dvh;--wehb-viewport-offset:0px}
body.conversation-intake:not(.preview-open){height:var(--wehb-viewport-height);overflow:hidden!important}
body.conversation-intake:not(.preview-open) .workspace{
  top:var(--wehb-viewport-offset)!important;
  bottom:auto!important;
  height:var(--wehb-viewport-height)!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
body.conversation-intake:not(.preview-open) .builder{
  display:flex!important;
  flex-direction:column!important;
  width:min(880px,100%)!important;
  height:min(820px,calc(var(--wehb-viewport-height) - 32px))!important;
  min-height:0!important;
  max-height:calc(var(--wehb-viewport-height) - 32px)!important;
  overflow:hidden!important;
}
body.conversation-intake:not(.preview-open) .intake-slides{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
body.conversation-intake:not(.preview-open) .slide-progress-meta,
body.conversation-intake:not(.preview-open) .slide-progress,
body.conversation-intake:not(.preview-open) .slide-navigation{flex:0 0 auto!important}
body.conversation-intake:not(.preview-open) .slide-content{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
body.conversation-intake:not(.preview-open) .slide-navigation{position:relative;z-index:3;background:#fbfbfd}
body.preview-open .preview-panel{height:var(--wehb-viewport-height)!important;min-height:0!important}
body.preview-open .preview-stage,
body.preview-open .preview-canvas,
body.preview-open #sitePreview{min-height:0!important}
body.preview-open #sitePreview{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}
body.preview-open .preview-rail{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.project-dialog-shadow{top:var(--wehb-viewport-offset);bottom:auto;height:var(--wehb-viewport-height);overflow:hidden}
.project-dialog{max-height:calc(var(--wehb-viewport-height) - 24px)}

@media(max-height:700px){
  body.conversation-intake:not(.preview-open) .workspace{padding:8px}
  body.conversation-intake:not(.preview-open) .builder{height:calc(var(--wehb-viewport-height) - 16px)!important;max-height:calc(var(--wehb-viewport-height) - 16px)!important;padding:14px 18px 12px}
  body.conversation-intake:not(.preview-open) .builder .intro :is(h1,h2){font-size:27px}
  body.conversation-intake:not(.preview-open) .intake-slides{margin-top:8px}
  body.conversation-intake:not(.preview-open) .slide-progress-meta{padding-top:10px}
  body.conversation-intake:not(.preview-open) .slide-content{padding-top:12px;padding-bottom:12px}
  body.conversation-intake:not(.preview-open) .slide-navigation{padding-top:8px;padding-bottom:8px}
}
@media(max-width:900px){
  body.preview-open .preview-stage{grid-template-rows:minmax(220px,1fr) minmax(180px,40%)}
  body.preview-open .preview-rail{max-height:none!important}
}
@media(max-width:640px){
  body.conversation-intake:not(.preview-open) .workspace{padding:0;border-radius:0}
  body.conversation-intake:not(.preview-open) .builder{width:100%!important;height:var(--wehb-viewport-height)!important;max-height:var(--wehb-viewport-height)!important;padding:14px 10px 10px;border:0;border-radius:0}
  body.conversation-intake:not(.preview-open) .builder .intro :is(h1,h2){font-size:25px}
  body.conversation-intake:not(.preview-open) .intake-slides{margin-top:10px;border-radius:16px}
  body.conversation-intake:not(.preview-open) .slide-content{padding:14px}
  body.conversation-intake:not(.preview-open) .slide-navigation{padding:9px 14px}
  body.conversation-intake:not(.preview-open) .slide-navigation button{min-height:44px}
  body.preview-open .preview-shadow-head{padding:9px 10px;gap:6px}
  body.preview-open .preview-stage{grid-template-rows:minmax(200px,55%) minmax(180px,45%);padding:6px;gap:6px}
  body.preview-open .preview-canvas{border-radius:10px}
  body.preview-open .preview-rail{padding:14px;border-radius:12px}
  .project-dialog-shadow{padding:0}
  .project-dialog{width:100%;height:var(--wehb-viewport-height);max-height:none;padding:26px 18px;border:0;border-radius:0}
}
@media(max-height:520px){
  body.conversation-intake:not(.preview-open) .builder .intro{display:none}
  body.conversation-intake:not(.preview-open) .intake-slides{margin-top:0}
  body.preview-open .preview-stage{grid-template-columns:minmax(0,1fr) minmax(260px,36%);grid-template-rows:1fr}
  body.preview-open .preview-rail{max-height:none!important}
}
.project-dialog-actions .email-project{grid-column:1/-1;grid-row:1;min-height:52px;background:var(--accent)}
@media(max-width:640px){.project-dialog-actions .email-project{grid-column:1;grid-row:1}.studio-close{top:10px;right:10px;width:40px;height:40px}}

/* Safe pre-purchase preview. This is a visual component, not the exported site. */
.safe-site-preview{position:relative;overflow:auto!important;background:#f8f7f3;color:#151722;font-family:Georgia,"Times New Roman",serif;cursor:default;user-select:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.safe-site-preview *{box-sizing:border-box}.safe-site-preview header,.safe-site-preview footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(22px,5vw,70px);background:#fff}.safe-site-preview header nav{display:flex;gap:24px;font:650 13px/1.2 Arial,sans-serif}.safe-site-preview header nav span,.safe-site-preview .safe-nav-cta,.safe-site-preview .safe-button,.safe-site-preview article i{pointer-events:none}.safe-site-preview .safe-nav-cta,.safe-site-preview .safe-button{display:inline-flex;width:max-content;padding:13px 18px;border-radius:999px;background:var(--safe-accent);color:#fff;font:750 13px/1 Arial,sans-serif}.safe-brand-logo{display:block;max-width:150px;max-height:42px;object-fit:contain}.safe-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(240px,.92fr);align-items:center;gap:clamp(24px,5vw,72px);min-height:560px;padding:clamp(55px,8vw,110px) clamp(28px,8vw,110px);background:linear-gradient(145deg,#faf9f5,#f0edff)}.safe-eyebrow{margin:0 0 18px;color:var(--safe-accent);font:800 12px/1.2 Arial,sans-serif;letter-spacing:.17em}.safe-hero h1{max-width:760px;margin:0 0 24px;font-size:clamp(45px,6.4vw,92px);line-height:.92;letter-spacing:-.055em}.safe-hero>div>p:not(.safe-eyebrow){max-width:640px;margin:0 0 28px;color:#555b6a;font:400 clamp(17px,1.7vw,23px)/1.55 Arial,sans-serif}.safe-hero-art{min-height:390px;border-radius:22px;background-position:center;background-size:cover;box-shadow:24px 24px 0 color-mix(in srgb,var(--safe-accent) 18%,transparent)}.safe-hero-shape{background:radial-gradient(circle at 35% 32%,#fff 0 12%,transparent 13%),linear-gradient(135deg,var(--safe-accent),#9f91ff)}.safe-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:21px clamp(24px,7vw,96px);background:#171923;color:#fff;font:650 13px/1.3 Arial,sans-serif}.safe-services,.safe-proof{padding:clamp(55px,8vw,100px) clamp(28px,8vw,110px)}.safe-services>h2,.safe-about h2,.safe-proof h2,.safe-contact h2{margin:0 0 34px;font-size:clamp(35px,5vw,64px);line-height:1;letter-spacing:-.045em}.safe-services>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.safe-services article{min-height:250px;padding:26px;border:1px solid #dedde6;border-radius:22px;background:#fff}.safe-services article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--safe-accent) 14%,white);color:var(--safe-accent);font:800 11px Arial,sans-serif}.safe-services h3{margin:38px 0 12px;font-size:25px}.safe-services article p{color:#616675;font:400 15px/1.55 Arial,sans-serif}.safe-services article i{display:block;margin-top:24px;color:var(--safe-accent);font:750 12px Arial,sans-serif;font-style:normal}.safe-about{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,8vw,120px);padding:clamp(60px,9vw,120px) clamp(28px,8vw,110px);background:#171923;color:#fff}.safe-about>p{margin:40px 0 0;color:#d8dae3;font:400 clamp(18px,2vw,27px)/1.65 Arial,sans-serif}.safe-proof{background:#fff}.safe-proof blockquote{display:inline-block;width:min(46%,520px);vertical-align:top;margin:10px 2% 10px 0;padding:28px;border-left:4px solid var(--safe-accent);background:#f7f6fb;font-size:20px;line-height:1.5}.safe-proof cite{display:block;margin-top:12px;color:#686d78;font:600 13px Arial,sans-serif}.safe-contact{padding:clamp(65px,10vw,130px) clamp(28px,8vw,110px);text-align:center;background:var(--safe-accent);color:#fff}.safe-contact .safe-eyebrow{color:#fff}.safe-contact .safe-button-light{margin:auto;background:#fff;color:#181923}.safe-site-preview footer{font:600 12px/1.4 Arial,sans-serif}.safe-site-preview footer span{color:#666b77}.safe-site-preview footer small{color:#737887}.safe-watermark{position:sticky;top:12px;z-index:20;float:right;margin:12px 12px -42px 0;padding:8px 11px;border:1px solid #ffffff55;border-radius:999px;background:#171923cc;color:#fff;font:800 9px Arial,sans-serif;letter-spacing:.12em;pointer-events:none;backdrop-filter:blur(6px)}
.preview-canvas.mobile .safe-site-preview header{padding:16px 18px}.preview-canvas.mobile .safe-site-preview header nav,.preview-canvas.mobile .safe-nav-cta{display:none}.preview-canvas.mobile .safe-hero{grid-template-columns:1fr;min-height:0;padding:48px 24px}.preview-canvas.mobile .safe-hero h1{font-size:46px}.preview-canvas.mobile .safe-hero-art{min-height:260px;order:-1}.preview-canvas.mobile .safe-trust{grid-template-columns:1fr;padding:18px 24px}.preview-canvas.mobile .safe-services,.preview-canvas.mobile .safe-proof{padding:50px 24px}.preview-canvas.mobile .safe-services>div{grid-template-columns:1fr}.preview-canvas.mobile .safe-about{grid-template-columns:1fr;padding:55px 24px}.preview-canvas.mobile .safe-proof blockquote{width:100%;margin-right:0}.preview-canvas.mobile .safe-contact{padding:65px 24px}.preview-canvas.mobile .safe-site-preview footer{align-items:flex-start;flex-direction:column;padding:24px}.preview-canvas.tablet .safe-hero{grid-template-columns:1fr 280px;padding-inline:45px}.preview-canvas.tablet .safe-services>div{grid-template-columns:repeat(2,1fr)}
/* Keep protected previews faithful to the purchased theme and responsive grid. */
.safe-site-preview{background:var(--safe-paper);color:var(--safe-ink);font-family:var(--safe-font)}
.safe-site-preview header,.safe-site-preview footer,.safe-proof{background:var(--safe-paper);color:var(--safe-ink)}
.safe-site-preview header nav,.safe-site-preview .safe-nav-cta,.safe-site-preview .safe-button,.safe-site-preview .safe-eyebrow,.safe-site-preview .safe-hero>div>p:not(.safe-eyebrow),.safe-site-preview .safe-trust,.safe-site-preview article p,.safe-site-preview article i,.safe-site-preview footer,.safe-site-preview .safe-about>p{font-family:var(--safe-font)}
.safe-site-preview .safe-nav-cta,.safe-site-preview .safe-button{color:var(--safe-button-ink)}
.safe-site-preview .safe-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--safe-accent) 7%,var(--safe-paper)),var(--safe-paper))}
.safe-site-preview .safe-hero>div>p:not(.safe-eyebrow),.safe-site-preview article p,.safe-site-preview footer span,.safe-site-preview footer small{color:var(--safe-muted)}
.safe-site-preview .safe-services article,.safe-site-preview .safe-proof blockquote{background:var(--safe-card);color:var(--safe-ink);border-color:color-mix(in srgb,var(--safe-ink) 16%,transparent)}
.safe-site-preview .safe-services>div{grid-template-columns:repeat(6,minmax(0,1fr))}
.safe-site-preview .safe-services article{min-width:0}
.safe-site-preview .safe-about{background:var(--safe-card);color:var(--safe-ink)}
.safe-site-preview .safe-about>p{color:var(--safe-muted)}
.safe-site-preview .safe-contact{color:var(--safe-button-ink)}
.safe-site-preview .safe-contact .safe-eyebrow{color:var(--safe-button-ink)}
.safe-site-preview .safe-contact .safe-button-light{background:var(--safe-paper);color:var(--safe-ink)}
.safe-site-preview .safe-hero-banner{position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;min-height:560px;background:#171923;color:#fff}
.safe-site-preview .safe-hero-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080c12e8 0%,#080c12aa 57%,#080c1255 100%)}
.safe-site-preview .safe-hero-banner .safe-hero-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;min-height:0;border-radius:0;box-shadow:none}
.safe-site-preview .safe-hero-banner .safe-hero-copy{position:relative;max-width:850px}
.safe-site-preview .safe-hero-banner .safe-eyebrow,.safe-site-preview .safe-hero-banner>div>p:not(.safe-eyebrow){color:#fff}
.safe-site-preview .safe-hero-split{grid-template-columns:minmax(0,1fr) minmax(240px,.92fr)}
.safe-site-preview .safe-hero-stacked{display:grid;grid-template-columns:1fr;padding:0;background:var(--safe-paper)}.safe-site-preview .safe-hero-stacked .safe-hero-copy{padding:clamp(58px,8vw,110px) clamp(28px,9vw,130px);max-width:1180px}.safe-site-preview .safe-hero-stacked .safe-hero-art{order:2;width:100%;height:clamp(360px,48vw,680px);min-height:0;border-radius:0;box-shadow:none;background-position:center}.safe-site-preview .safe-hero-typographic{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);min-height:76vh;background:var(--safe-paper)}.safe-site-preview .safe-hero-typographic h1{font-size:clamp(58px,9vw,130px);line-height:.86;max-width:1000px}.safe-site-preview .safe-hero-typographic .safe-hero-art{height:min(54vw,520px);border-radius:2px;filter:saturate(.7);box-shadow:18px 18px 0 color-mix(in srgb,var(--safe-accent) 18%,transparent)}
@media(max-width:900px){.safe-site-preview .safe-services article{grid-column:span 3!important}.safe-site-preview .safe-services article:last-child:nth-child(odd){grid-column:span 6!important}}
@media(max-width:620px){.safe-site-preview .safe-services article{grid-column:span 6!important}}
.preview-canvas.mobile .safe-site-preview .safe-services>div{grid-template-columns:repeat(6,minmax(0,1fr))}
.preview-canvas.mobile .safe-site-preview .safe-services article{grid-column:span 6!important}
.preview-canvas.tablet .safe-site-preview .safe-services>div{grid-template-columns:repeat(6,minmax(0,1fr))}
.preview-canvas.tablet .safe-site-preview .safe-services article{grid-column:span 3!important}
.preview-canvas.tablet .safe-site-preview .safe-services article:last-child:nth-child(odd){grid-column:span 6!important}
.preview-canvas.mobile .safe-site-preview .safe-hero-split{grid-template-columns:1fr}
.preview-canvas.mobile .safe-site-preview .safe-hero-typographic{grid-template-columns:1fr;min-height:0}.preview-canvas.mobile .safe-site-preview .safe-hero-typographic .safe-hero-art{width:100%;height:320px;box-shadow:none}.preview-canvas.mobile .safe-site-preview .safe-hero-stacked .safe-hero-copy{padding:55px 24px}
.preview-canvas.mobile .safe-site-preview .safe-hero-banner .safe-hero-art{order:0}
/* Explicit foregrounds keep headings readable when the AI chooses unusual palettes. */
.safe-site-preview .safe-services,.safe-site-preview .safe-proof{background:var(--safe-paper);color:var(--safe-ink)}
.safe-site-preview[data-template="editorial"] header{border-bottom:1px solid color-mix(in srgb,var(--safe-ink) 18%,transparent)}.safe-site-preview[data-template="editorial"] .safe-hero h1{font-weight:500;letter-spacing:-.035em}.safe-site-preview[data-template="editorial"] .safe-about{grid-template-columns:.62fr 1.38fr}.safe-site-preview[data-template="editorial"] .safe-services>div{display:block;border-top:1px solid color-mix(in srgb,var(--safe-ink) 22%,transparent)}.safe-site-preview[data-template="editorial"] .safe-services article{display:grid;grid-template-columns:70px 1fr 1.4fr;gap:20px;align-items:center;min-height:0;border-width:0 0 1px;border-radius:0}.safe-site-preview[data-template="editorial"] .safe-services article h3,.safe-site-preview[data-template="editorial"] .safe-services article p{margin:0}.safe-site-preview[data-template="bold"] header{position:absolute;inset:0 0 auto;z-index:4;background:transparent;color:#fff}.safe-site-preview[data-template="bold"] .safe-hero h1{text-transform:uppercase;font-weight:950;max-width:1050px}.safe-site-preview[data-template="bold"] .safe-hero{background:#0e1017;color:#fff}.safe-site-preview[data-template="bold"] .safe-hero p{color:#fff!important}.safe-site-preview[data-template="bold"] .safe-services article{border:0;box-shadow:0 20px 60px color-mix(in srgb,var(--safe-accent) 14%,transparent)}.safe-site-preview[data-template="bold"] .safe-contact{text-align:left;padding-inline:10vw}.safe-site-preview[data-template="bold"] .safe-about{background:#10131c}.safe-site-preview[data-template="minimal"] header{max-width:1450px;margin:auto;border:0}.safe-site-preview[data-template="minimal"] .safe-services article{box-shadow:none;border-radius:0;border-width:1px 0 0}.safe-site-preview[data-template="minimal"] .safe-about{background:transparent;border-block:1px solid color-mix(in srgb,var(--safe-ink) 16%,transparent)}
.safe-site-preview .safe-services>h2,.safe-site-preview .safe-proof h2,.safe-site-preview .safe-hero-split h1{color:var(--safe-ink)}
.safe-site-preview .safe-services>.safe-eyebrow,.safe-site-preview .safe-proof>.safe-eyebrow,.safe-site-preview .safe-hero-split .safe-eyebrow{color:var(--safe-label-ink)}
.safe-site-preview .safe-services article h3,.safe-site-preview .safe-proof blockquote{color:var(--safe-ink)}
.safe-site-preview .safe-services article>span,.safe-site-preview .safe-services article i{color:var(--safe-card-label-ink)}
.safe-site-preview .safe-hero-banner h1{color:#fff}
.safe-site-preview[data-template="nocturne"]{--nocturne-line:color-mix(in srgb,var(--safe-ink) 18%,transparent)}.safe-site-preview[data-template="nocturne"] header{position:absolute;inset:0 0 auto;z-index:6;background:transparent;color:#fff;border-bottom:1px solid #ffffff44}.safe-site-preview[data-template="nocturne"] .safe-hero{position:relative;min-height:100%;padding:clamp(130px,17vw,220px) clamp(26px,7vw,100px) 65px;display:flex;align-items:flex-end;overflow:hidden;background:#151412;color:#fff}.safe-site-preview[data-template="nocturne"] .safe-hero-copy{position:relative;z-index:2;width:min(1120px,82%)}.safe-site-preview[data-template="nocturne"] .safe-hero h1{margin-bottom:28px;font:400 clamp(70px,11vw,170px)/.78 Georgia,serif;letter-spacing:-.075em;max-width:1150px;color:#fff}.safe-site-preview[data-template="nocturne"] .safe-hero>div>p:not(.safe-eyebrow){color:#eeece6}.safe-site-preview[data-template="nocturne"] .safe-hero-art{position:absolute;inset:0;width:100%;height:100%;border-radius:0;box-shadow:none;opacity:.68}.safe-site-preview[data-template="nocturne"] .safe-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080807e6,#08080733),linear-gradient(0deg,#080807d9,transparent 58%);z-index:1}.safe-site-preview[data-template="nocturne"] .safe-hero-offset{padding-left:52%;background:var(--safe-paper);color:var(--safe-ink)}.safe-site-preview[data-template="nocturne"] .safe-hero-offset:after{display:none}.safe-site-preview[data-template="nocturne"] .safe-hero-offset .safe-hero-art{right:52%;width:48%;opacity:1}.safe-site-preview[data-template="nocturne"] .safe-hero-offset h1,.safe-site-preview[data-template="nocturne"] .safe-hero-typographic h1{color:var(--safe-ink)}.safe-site-preview[data-template="nocturne"] .safe-hero-offset>div>p:not(.safe-eyebrow),.safe-site-preview[data-template="nocturne"] .safe-hero-typographic>div>p:not(.safe-eyebrow){color:var(--safe-muted)}.safe-site-preview[data-template="nocturne"] .safe-hero-typographic{background:var(--safe-paper);color:var(--safe-ink)}.safe-site-preview[data-template="nocturne"] .safe-hero-typographic .safe-hero-art{opacity:.16;filter:grayscale(1)}.safe-service-ticker{overflow:hidden;background:var(--safe-accent);color:var(--safe-button-ink);border-block:1px solid currentColor;white-space:nowrap}.safe-service-ticker>div{width:max-content;padding:12px 0;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;animation:safe-nocturne-scroll 28s linear infinite}.safe-service-ticker span{margin:0 22px}@keyframes safe-nocturne-scroll{to{transform:translateX(-50%)}}.safe-site-preview[data-template="nocturne"] .safe-about{grid-template-columns:.55fr 1.45fr;background:var(--safe-paper);color:var(--safe-ink);border-bottom:1px solid var(--nocturne-line)}.safe-site-preview[data-template="nocturne"] .safe-about h2,.safe-site-preview[data-template="nocturne"] .safe-services>h2{font:400 clamp(50px,8vw,112px)/.88 Georgia,serif;letter-spacing:-.06em}.safe-site-preview[data-template="nocturne"] .safe-about>p{font:400 clamp(22px,2.6vw,38px)/1.45 Georgia,serif;color:var(--safe-muted)}.safe-site-preview[data-template="nocturne"] .safe-services>div{display:block;border-top:1px solid var(--nocturne-line)}.safe-site-preview[data-template="nocturne"] .safe-services article{display:grid;grid-template-columns:75px minmax(180px,.7fr) minmax(240px,1.3fr);gap:26px;align-items:center;min-height:0;padding:34px 0;border:0;border-bottom:1px solid var(--nocturne-line);border-radius:0;box-shadow:none;background:transparent}.safe-site-preview[data-template="nocturne"] .safe-services article>span{background:none;font:italic 20px Georgia,serif}.safe-site-preview[data-template="nocturne"] .safe-services h3{margin:0;font:400 clamp(28px,4vw,56px)/1 Georgia,serif}.safe-site-preview[data-template="nocturne"] .safe-services article p{margin:0}.safe-site-preview[data-template="nocturne"] .safe-contact{min-height:65vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left}.safe-site-preview[data-template="nocturne"] .safe-contact h2{font:400 clamp(65px,11vw,155px)/.78 Georgia,serif;max-width:1100px}.safe-site-preview[data-template="nocturne"][data-variant="geometric"] .safe-hero h1,.safe-site-preview[data-template="nocturne"][data-variant="geometric"] .safe-services h3{font-family:Arial,sans-serif;font-weight:900;text-transform:uppercase}.safe-site-preview[data-template="nocturne"][data-variant="editorial"] .safe-hero h1,.safe-site-preview[data-template="nocturne"][data-variant="editorial"] .safe-services>h2{font-style:italic}.preview-canvas.mobile .safe-site-preview[data-template="nocturne"] .safe-hero{padding:130px 24px 55px}.preview-canvas.mobile .safe-site-preview[data-template="nocturne"] .safe-hero-copy{width:100%}.preview-canvas.mobile .safe-site-preview[data-template="nocturne"] .safe-hero-offset{padding-top:420px}.preview-canvas.mobile .safe-site-preview[data-template="nocturne"] .safe-hero-offset .safe-hero-art{inset:0 0 auto;width:100%;height:380px}.preview-canvas.mobile .safe-site-preview[data-template="nocturne"] .safe-services article{grid-template-columns:42px 1fr}.preview-canvas.mobile .safe-site-preview[data-template="nocturne"] .safe-services article p{grid-column:2}.preview-canvas.mobile .safe-site-preview[data-template="nocturne"] .safe-about{grid-template-columns:1fr}
.hosted-purchase-body{display:grid;gap:16px;padding:24px;color:#171923;overflow-y:auto;min-height:0}
.hosted-purchase-body p{margin:0;color:#4e5665;line-height:1.5}
.hosted-purchase-body .hosted-purchase-link{display:block;padding:16px 22px;border-radius:12px;background:#553bf4;color:#fff;font-weight:800;text-align:center;text-decoration:none}
.hosted-purchase-body .hosted-purchase-link:hover{background:#432acb}
.hosted-voucher-toggle{border:1px solid #c9cdd8;background:#fff;color:#171923;padding:14px 18px;border-radius:12px;font:inherit;font-weight:700;cursor:pointer}
.hosted-voucher-toggle:hover{border-color:#553bf4;color:#432acb}
.hosted-voucher-panel{display:grid;gap:12px;padding:16px;border:1px solid #dfe1e8;border-radius:12px;background:#f8f9fc}
.hosted-voucher-panel[hidden]{display:none}
.hosted-voucher-panel p{margin:0}
.hosted-voucher-panel code{overflow-wrap:anywhere;font-size:13px}
.hosted-voucher-panel a{font-weight:700}
.hosted-voucher-panel small{color:#4e5665;line-height:1.5}
.hosted-purchase-check{width:100%}
.hosted-purchase-status{min-height:1.5em;font-size:13px}
.safe-site-preview .safe-services article>span{background:color-mix(in srgb,var(--safe-accent) 15%,var(--safe-card));color:var(--safe-card-label-ink)}

/* Public studio refinement. Keep these rules outside .safe-site-preview so
   customer-generated website designs retain their own selected themes. */
:root{--ink:#17202c;--muted:#606b79;--paper:#f7f6f3;--accent:#503bd5;--line:#e2e3e5;--m-ink:#17202c;--m-muted:#606b79;--m-paper:#f7f6f3;--m-accent:#503bd5;--m-line:#e2e3e5}
body{line-height:1.55}
.topbar{border-bottom:1px solid #e8e8e8;box-shadow:0 1px 16px #17202c08}
.site-nav a{font-weight:650;transition:color .2s ease}
.site-nav a:hover{color:var(--accent)}
.price-badge{border:1px solid #30394b;background:#17202c;color:#fff;box-shadow:none;font-weight:720}
.pre-intake .workspace{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);min-height:min(830px,calc(100svh - 76px));background:#f7f6f3}
.pre-intake .builder{padding:clamp(38px,5.2vw,86px) clamp(32px,5.2vw,88px);background:#f5f2eb}
.pre-intake .builder::after{background:linear-gradient(90deg,#f7f5f0f2 0%,#f7f5f0df 54%,#f7f5f0b8 100%)}
.pre-intake .studio-backdrop{opacity:.31;filter:saturate(.65)}
.pre-intake .intro{max-width:650px}
.pre-intake .intro .kicker{color:#5742c8;font-size:11px;letter-spacing:.2em}
.pre-intake .intro :is(h1,h2){max-width:650px;margin:22px 0;font-size:clamp(46px,4.5vw,74px);line-height:.99;letter-spacing:-.06em;font-weight:760}
.pre-intake .intro>p:not(.kicker):not(.intro-detail){max-width:550px;font-size:clamp(16px,1.3vw,18px);line-height:1.62;color:#46515f}
.pre-intake .intro-detail{font-weight:650;color:#253245!important}
.studio-launch-actions{align-items:stretch;gap:10px}
.start-interview{margin-top:27px;min-height:54px;padding:15px 22px;border-radius:10px;background:#503bd5;box-shadow:0 10px 25px #503bd529}
.start-interview:hover{background:#3e2bb8;box-shadow:0 13px 30px #503bd538}
.recall-project{min-height:54px;border-radius:10px;border-color:#cdd1d9;background:#fff}
.speed-line{width:max-content;max-width:100%;border-color:#dedbd4;background:#fffdf9;box-shadow:none;border-radius:10px}
.speed-line>span{display:inline-flex;align-items:baseline;white-space:nowrap}
.pre-intake .preview-panel{padding:clamp(18px,2.4vw,36px);background:#eae9e5}
.pre-intake .preview-top{border-color:#e2e2e2;border-radius:16px 16px 0 0;box-shadow:0 20px 45px #17202c12}
.pre-intake #sitePreview,.pre-intake .empty-preview{border-color:#e2e2e2;border-radius:0 0 16px 16px;box-shadow:0 22px 50px #17202c15}
.studio-empty{gap:clamp(17px,2vw,28px);background:linear-gradient(150deg,#fff 0%,#faf9fd 56%,#f4f1fb 100%)}
.studio-empty .preview-label{font-size:11px;letter-spacing:.2em;color:#5948af}
.studio-empty h2{max-width:500px;font-size:clamp(30px,2.8vw,46px);line-height:1.04}
.studio-empty .preview-description{max-width:520px;color:#596474}
.included-list{gap:10px}
.included-list li{border:1px solid #e8e6ed;border-radius:10px;background:#fff;padding:17px;box-shadow:0 4px 15px #17202c05}
.included-list b{font-size:15px}
.included-list span{font-size:13px}
.preview-promise{border-color:#e4e2e8}
.preview-promise .price-pill{border-radius:8px;background:#17202c}
body.conversation-intake .workspace{background:#f5f5f2}
body.conversation-intake:not(.preview-open) .preview-panel,body.conversation-intake .intake-slides{border-color:#e2e3e5;box-shadow:0 18px 44px #17202c0e}
body.conversation-intake .slide-navigation{background:#fff}
body.conversation-intake #slideNext,body.preview-open .checkout-btn{background:#503bd5}
body.preview-open .preview-shadow-head{background:#17202c}
body.preview-open .preview-rail{box-shadow:0 16px 45px #17202c16}
.checkout-dialog{box-shadow:0 30px 100px #0c152955}
.hosted-purchase-body .hosted-purchase-link{background:#503bd5}
.hosted-purchase-body .hosted-purchase-link:hover{background:#3e2bb8}
.sales-strip{background:#17202c}
.sales-strip>h2{max-width:920px}
.sales-grid article{border-color:#ffffff27;background:#ffffff08;border-radius:14px}
.sales-grid article h3{margin-top:24px}
.proof-band{background:#e8eddf}
.proof-band .eyebrow{color:#4b6045}
.content-section:not(.dark){background:#f7f6f3}
.feature-grid article{border-color:#e5e5e5;border-radius:14px;box-shadow:0 8px 25px #17202c07}
.referral-callout{background:linear-gradient(125deg,#eeeafc,#f8f7f3)}
.site-footer{background:#fff;border-color:#e6e7e9}
@media(max-width:980px){.pre-intake .workspace{grid-template-columns:1fr}.pre-intake .builder{padding:clamp(34px,6vw,64px)}.pre-intake .preview-panel{min-height:0}.pre-intake .studio-empty{min-height:560px}}
@media(max-width:640px){
  .topbar{padding:13px 20px 11px;gap:6px}
  .wordmark{font-size:30px}
  .site-nav{gap:19px;padding-top:6px}
  .site-nav a{font-size:12px}
  .price-badge{font-size:11px;padding:8px 11px}
  .pre-intake .builder{padding:54px 22px 48px}
  .pre-intake .intro :is(h1,h2){min-height:0;font-size:clamp(42px,11vw,56px);line-height:.99}
  .pre-intake .intro>p:not(.kicker):not(.intro-detail){font-size:16px;line-height:1.55}
  .studio-launch-actions{display:grid;grid-template-columns:1fr}
  .start-interview,.recall-project{width:100%;justify-content:center}
  .speed-line{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:13px;gap:10px}
  .speed-line i{display:none}
  .speed-line>span{display:block;white-space:normal}
  .pre-intake .preview-panel{padding:16px;background:#eae9e5}
  .pre-intake .studio-empty{min-height:0;padding:30px 22px 24px;gap:22px}
  .studio-empty h2{font-size:clamp(31px,9vw,40px)}
  .included-list{grid-template-columns:1fr 1fr}
  .included-list li{padding:13px}
  .included-list b{font-size:13px}
  .included-list span{font-size:12px}
  .sales-strip,.content-section{padding-block:66px}
  .sales-grid article,.feature-grid article{padding:24px}
  .proof-band{padding-block:58px}
  .site-footer{padding-block:42px 26px}
}
@media(max-width:370px){.included-list{grid-template-columns:1fr}.pre-intake .intro :is(h1,h2){font-size:40px}.price-badge{font-size:10px}}

/* Home value badge and accessible details dialog. */
.studio-empty{position:relative}
.value-sticker{position:absolute;top:18px;right:22px;z-index:2;display:grid;place-items:center;gap:2px;width:146px;min-height:130px;padding:14px 12px;border:2px solid #926526;border-radius:48% 52% 49% 51%;background:radial-gradient(circle at 32% 22%,#fff5c6 0,#f9db80 42%,#dca943 100%);box-shadow:0 10px 25px #77521e38,inset 0 0 0 5px #ffe7a4;color:#382507;text-align:center;transform:rotate(7deg);font-size:12px;line-height:1.15;cursor:pointer}
.value-sticker strong{font-size:17px;letter-spacing:-.025em}.value-sticker small{font-size:10px;font-weight:800;color:#573910}.value-sticker-spark{font-size:17px;line-height:1}.value-sticker:hover{transform:rotate(4deg) translateY(-2px);box-shadow:0 15px 30px #77521e50,inset 0 0 0 5px #ffe7a4}
.value-sticker:focus-visible{outline:3px solid #4b35d2;outline-offset:4px}
body.conversation-intake .value-sticker{display:none}
.value-dialog{width:min(760px,calc(100vw - 28px));max-height:min(840px,calc(100svh - 32px));padding:clamp(26px,5vw,46px);border:1px solid #eddbac;border-radius:24px;background:#fffdf8;color:#171923;box-shadow:0 30px 100px #0005;overflow:auto}
.value-dialog::backdrop{background:#0f1225ba;backdrop-filter:blur(5px)}
.value-dialog-close{position:absolute;top:16px;right:16px;width:42px;height:42px;padding:0;border-radius:12px;background:#f5edd9;color:#392a0a;font-size:27px;line-height:1}
.value-dialog-kicker{margin:0 44px 9px 0;color:#8a631c;font-size:11px;font-weight:850;letter-spacing:.16em}
.value-dialog h2{max-width:610px;margin:0 40px 16px 0;font-size:clamp(29px,4vw,46px);line-height:1.05;letter-spacing:-.045em}
.value-dialog-lead{max-width:650px;margin:0 0 24px;color:#4a5362;font-size:17px;line-height:1.55}
.value-dialog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.value-dialog-grid section{padding:20px;border:1px solid #e9deca;border-radius:16px;background:#fff}
.value-dialog-grid section>span{font-size:11px;font-weight:850;color:#976e1d}.value-dialog-grid h3{margin:12px 0 9px;font-size:18px;line-height:1.2}.value-dialog-grid p{margin:0;color:#596273;font-size:14px;line-height:1.55}
.value-dialog-foot{margin:23px 0 0;color:#626a78;font-size:12px;line-height:1.5}.value-dialog-done{margin-top:20px;padding:12px 24px;background:#171923;color:#fff}

.speed-line .inline-wordmark,.speed-line .inline-wordmark span{display:inline;white-space:nowrap}
@media(min-width:641px) and (max-width:980px){body.conversation-intake:not(.preview-open) .builder{height:min(700px,calc(var(--wehb-viewport-height) - 32px))!important}}
@media(max-width:640px){
  .studio-empty .value-sticker{position:relative;top:auto;right:auto;align-self:flex-end;width:112px;min-height:98px;margin:-10px 0 -5px;padding:10px 8px;transform:rotate(5deg)}
  .studio-empty .value-sticker strong{font-size:13px}
  .studio-empty .value-sticker small{font-size:8px}
  .studio-empty .value-sticker-spark{font-size:13px}
}

/* The studio landing page is the visual anchor for the whole site. */
.pre-intake .builder{background:#182334;color:#fff}
.pre-intake .builder::after{background:linear-gradient(105deg,#182334f5 0%,#182334e8 55%,#182334b8 100%)}
.pre-intake .studio-backdrop{opacity:.34;filter:saturate(.55)}
.pre-intake .intro .kicker{color:#b8ddc7}
.pre-intake .intro :is(h1,h2){color:#fff}
.pre-intake .intro>p:not(.kicker):not(.intro-detail){color:#d3dce5}
.pre-intake .intro-detail{color:#f0f4f5!important}
.pre-intake .builder .inline-wehb,.pre-intake .builder .inline-pro{color:#fff}
.pre-intake .builder .inline-dot{color:#b8ddc7}
.pre-intake .start-interview{background:#b8ddc7;color:#17302c;box-shadow:0 12px 30px #0003}
.pre-intake .start-interview:hover{background:#d0ead8}
.pre-intake .recall-project{border-color:#ffffff63;background:#ffffff10;color:#fff}
.pre-intake .recall-project:hover{background:#ffffff22}
.pre-intake .speed-line{border-color:#ffffff38;background:#ffffff13;color:#e1e9ed}
.pre-intake .speed-line b{color:#fff}
.pre-intake .speed-line i,.pre-intake .speed-note{color:#b8ddc7}
.pre-intake .returning-visitor{border-color:#ffffffa0;background:#fff;color:#182334}
.pre-intake .returning-visitor .inline-wehb{color:#182334}
.pre-intake .returning-visitor .inline-pro{color:#68727d}
.pre-intake .returning-visitor .returning-kicker{color:#4938c4!important}
.pre-intake .preview-panel{background:#e8e9e5}
@media(max-width:680px){.value-dialog-grid{grid-template-columns:1fr}.value-dialog-grid section{padding:16px}.value-sticker{top:12px;right:12px;width:113px;min-height:102px;padding:10px 8px}.value-sticker strong{font-size:14px}.value-sticker small{font-size:9px}.studio-empty{padding-top:126px}}

.pre-intake .builder{background:#fffdf9;color:#1d2935}
.pre-intake .builder::after{background:linear-gradient(105deg,#fffdf9ed 0%,#faf6eee8 58%,#f3eddfca 100%)}
.pre-intake .studio-backdrop{opacity:.28;filter:saturate(.45)}
.pre-intake .intro .kicker,.pre-intake .speed-line i,.pre-intake .speed-note{color:#5842bb}
.pre-intake .intro :is(h1,h2),.pre-intake .builder .inline-wehb,.pre-intake .speed-line b{color:#1d2935}
.pre-intake .intro>p:not(.kicker):not(.intro-detail),.pre-intake .intro-detail,.pre-intake .builder .inline-pro{color:#52606a!important}
.pre-intake .builder .inline-dot{color:#5842bb}
.pre-intake .start-interview{background:#503bd5;color:#fff;box-shadow:0 12px 30px #503bd526}
.pre-intake .start-interview:hover{background:#402cb9}
.pre-intake .recall-project,.pre-intake .returning-visitor{border-color:#ded6ca;background:#fff;color:#1d2935}
.pre-intake .speed-line{border-color:#e5ddd1;background:#fffdf9;color:#52606a}
.pre-intake .preview-panel{background:#f2ecdf}

/* Put the next action and the product film in the first viewport. */
.pre-intake .builder{padding-top:clamp(34px,3.8vw,62px)}
.pre-intake .intro :is(h1,h2){font-size:clamp(48px,4.2vw,68px);line-height:1.01;margin:14px 0 20px}
.pre-intake .studio-launch-actions{margin:0 0 24px}
.pre-intake .start-interview{margin:0}

.pre-intake .studio-empty{justify-content:flex-start;padding-top:clamp(22px,3vw,42px)}
.studio-film{position:relative;width:100%;height:clamp(190px,17vw,300px);overflow:hidden;border:1px solid #e5ddd1;border-radius:16px;background:#e8dfd1;box-shadow:0 18px 36px #4336281c}
.studio-film .studio-backdrop,.pre-intake .studio-film .studio-backdrop{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:1;filter:none;pointer-events:none;z-index:0}
.studio-film::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#15223330,transparent 42%,#15223352);pointer-events:none;z-index:1}
.studio-film>span{position:absolute;left:16px;top:16px;padding:7px 11px;border-radius:8px;background:#fffdf9e8;color:#1d2935;font-size:12px;font-weight:800;pointer-events:none;z-index:2}
.studio-empty .value-sticker{top:calc(clamp(190px,17vw,300px) + 25px)}
@media(max-width:980px){.studio-film{height:clamp(210px,40vw,330px)}.studio-empty .value-sticker{top:calc(clamp(210px,40vw,330px) + 25px)}}
@media(max-width:680px){.pre-intake .builder{padding-top:30px}.pre-intake .intro :is(h1,h2){font-size:clamp(40px,10vw,52px)}.pre-intake .studio-launch-actions{margin-bottom:20px}.studio-film{height:220px}.studio-empty .value-sticker{top:auto}}

/* Prepaid checkout keeps the voucher form inside the purchase dialog. */
.hosted-purchase-body.voucher-open>.hosted-purchase-link,.hosted-purchase-body.voucher-open>p:first-child{display:none}
.hosted-purchase-body.voucher-open .hosted-voucher-toggle{background:#f3efff;color:#35278e;border-color:#bcb0ee}
.hosted-voucher-panel{background:#fffdf9;border-color:#ded6ca;padding:clamp(16px,3vw,24px)}
.hosted-voucher-panel h2{margin:0;font-size:clamp(23px,3vw,30px);line-height:1.15}
.hosted-voucher-form{display:grid;gap:13px}
.hosted-voucher-form label{display:grid;gap:6px;font-size:14px;font-weight:750;color:#1d2935}
.hosted-voucher-form label small{font-weight:450;color:#52606a}
.hosted-voucher-form input{width:100%;padding:12px 14px;border:1px solid #cbd6d3;border-radius:10px;background:#fff;color:#1d2935;font:inherit}
.hosted-voucher-form input[readonly]{background:#f3f0ea;color:#364250}
.hosted-voucher-form input[type=file]{background:#faf7f1}
.hosted-voucher-form .voucher-choice{font-weight:800;color:#1d2935}
.hosted-voucher-form .voucher-or{justify-self:center;margin:-7px 0;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.hosted-voucher-form button[type=submit]{width:100%;padding:14px 18px;border:0;border-radius:10px;background:#503bd5;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.hosted-voucher-form button:disabled{opacity:.65;cursor:wait}
.hosted-voucher-status:not(:empty){padding:10px 12px;border-radius:8px;background:#f3efff;color:#35278e}
.hosted-voucher-other,.hosted-voucher-fallback{font-size:13px}
.hosted-voucher-panel a{color:#503bd5;text-underline-offset:3px}
.hosted-voucher-success{display:grid;gap:12px;text-align:center;padding:22px 8px}
.hosted-voucher-success>span{justify-self:center;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#e0f0df;color:#216236;font-size:28px}
.hosted-voucher-success a{display:block;padding:13px 18px;border-radius:10px;background:#503bd5;color:#fff;text-decoration:none;font-weight:800}

/* The homepage explanation must stay legible on the cream palette. */
body .sales-strip{background:#f2ecdf;color:#1d2935}
body .sales-strip>h2,body .sales-grid article h3{color:#1d2935}
body .sales-strip .eyebrow,body .sales-grid article>span{color:#503bd5}
body .sales-grid article{background:#fffdf9;border-color:#e1d8ca;color:#1d2935;box-shadow:0 12px 30px #4336280a}
body .sales-grid article p{color:#52606a}
body .sales-strip .text-link{color:#503bd5}

/* The header action opens the existing website studio. */
.topbar .price-badge{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;font:inherit;font-size:13px;font-weight:800;letter-spacing:.03em;cursor:pointer}

/* A saved project asks for a choice before showing the builder steps. */
body.conversation-intake.restore-choice:not(.preview-open) .intake-slides{display:none!important}
.safe-site-preview[data-template="nocturne"]:has(.safe-hero-typographic) header,.safe-site-preview[data-template="nocturne"]:has(.safe-hero-offset) header nav{color:var(--safe-ink);border-bottom-color:color-mix(in srgb,var(--safe-ink) 18%,transparent)}
.safe-site-preview[data-template="nocturne"]:has(.safe-hero-offset) header>b{text-shadow:0 1px 12px rgba(0,0,0,.55)}
.safe-site-preview[data-template="nocturne"]{container-type:inline-size}
.safe-site-preview[data-template="nocturne"] .safe-hero h1{font-size:clamp(40px,10cqi,150px);line-height:.86}
.safe-site-preview[data-template="nocturne"] .safe-hero-offset h1{font-size:clamp(36px,6.4cqi,118px)}
.safe-site-preview[data-template="nocturne"][data-variant="geometric"] .safe-hero h1{font-size:clamp(34px,8cqi,130px)}
@container (max-width:700px){.safe-site-preview[data-template="nocturne"] .safe-hero-offset h1{font-size:clamp(36px,11cqi,80px)}}
/* Preview rail: direct text editing and photo/logo revisions */
.preview-rail .direct-edit{display:grid;gap:8px;margin:0 0 18px;padding:16px;border:1px solid #e3e0f5;border-radius:14px;background:#f7f5ff}
.preview-rail .direct-edit b{font-size:15px}
.preview-rail .direct-edit span{font-size:13px;line-height:1.45;color:#5d5a6b}
.preview-rail .direct-edit button{width:100%;min-height:44px;border-radius:10px;font-weight:700;cursor:pointer}
.preview-rail .edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.preview-rail .edit-actions[hidden]{display:none}
.preview-rail .edit-save{border:0;background:#4b36d6;color:#fff}
.preview-rail .edit-status{font-size:12.5px;color:#4b36d6;min-height:0}
.preview-rail .edit-status:empty{display:none}
.preview-rail .revision-uploads{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 2px}
.preview-rail .upload-chip{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px 10px;border:1.5px dashed #c9c4e8;border-radius:10px;background:#fff;font-size:13px;font-weight:650;color:#2b2550;text-align:center;cursor:pointer}
.preview-rail .upload-chip:hover{border-color:#4b36d6}
.preview-rail .upload-chip.chosen{border-style:solid;border-color:#4b36d6;background:#ece8ff}
.preview-rail .upload-chip input{position:absolute;width:1px;height:1px;opacity:0}
.preview-rail .upload-chip:focus-within{outline:3px solid #4b36d6;outline-offset:2px}
.preview-rail .revision-files{display:block;font-size:12.5px;line-height:1.4;color:#4b36d6}
.preview-rail .revision-files:empty{display:none}
/* Restore verification code */
.recall-code-input{font:700 30px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.35em;text-align:center}
.recall-code-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.recall-code-actions button{min-height:46px;font-size:14px}
.recall-code-actions button:disabled{opacity:.6;cursor:default}
.project-dialog .recall-hint{margin:8px 0 0;font-size:14px!important}
@media(max-width:520px){.recall-code-actions{grid-template-columns:1fr}}
/* Purchase complete (studio checkout): full-screen delivery page above everything else. */
.delivery-complete{position:fixed;inset:0;z-index:30000;overflow-y:auto;background:#f6f3ec;color:#16140f;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;padding:clamp(20px,5vw,56px) 16px}
.delivery-complete .delivery-inner{max-width:640px;margin:0 auto;padding:clamp(26px,5vw,44px);border-radius:24px;background:#fffdf8;box-shadow:0 30px 80px rgba(22,20,15,.12),inset 0 0 0 1px #e4ded1}
.delivery-complete .delivery-check{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#d9ff63;font-size:26px;font-weight:900}
.delivery-complete h1{margin:18px 0 10px;font:400 clamp(36px,6vw,52px)/1.02 "Instrument Serif",Georgia,serif;letter-spacing:-.02em}
.delivery-complete .delivery-lead{margin:0;color:#5f5b52;font-size:17px;line-height:1.6}
.delivery-complete .download-primary{display:flex;align-items:center;justify-content:center;min-height:56px;margin:22px 0 8px;border-radius:999px;background:#16140f;color:#fff;font-weight:700;text-decoration:none}
.delivery-complete .download-primary:hover{background:#000}
.delivery-complete .delivery-reference{display:block;color:#5f5b52;font-size:13px}
.delivery-complete .host-guide{margin-top:8px;padding-top:20px;border-top:1px solid #e4ded1}
.delivery-complete .host-guide h2{margin:0 0 6px;font-size:18px;font-weight:700}
.delivery-complete .host-guide ol{margin:8px 0;padding-left:20px;color:#2b2822;line-height:1.7}
.delivery-complete .host-guide small{color:#5f5b52}
.delivery-complete .share-row{margin-top:20px;padding:16px;border-radius:14px;background:#f6f3ec}
.delivery-complete .share-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.delivery-complete .share-links a{padding:8px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #e4ded1;color:#16140f;font-size:14px;font-weight:600;text-decoration:none}
.delivery-complete .delivery-inner>p:last-child{margin:20px 0 0;text-align:center;color:#5f5b52}
.delivery-complete .delivery-inner>p:last-child a{color:#4b36d6;font-weight:700}

/* Preview panel: four numbered, colour-coded steps */
#previewActions .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.panel-head{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.panel-head .ready-mark{width:36px;height:36px;font-size:18px;flex:none}
.panel-head b{display:block;font-size:17px}
.panel-head .project-reference{display:block;font-size:11.5px;color:#6b6878;word-break:break-all;margin-top:2px}
.panel-step{--tint:#f7f5ff;--edge:#ded9fb;--ink:#4b36d6;margin:0 0 12px;padding:14px 14px 16px;border:1px solid var(--edge);border-left:4px solid var(--ink);border-radius:14px;background:var(--tint)}
.panel-step h3{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:15px;font-weight:800;color:#16140f}
.step-num{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:12.5px;font-weight:800;flex:none}
.step-edit{--tint:#f7f5ff;--edge:#e3e0f5;--ink:#6d4fe0}
.step-ai{--tint:#eff6ff;--edge:#d6e6fd;--ink:#1d6fd8}
.step-address{--tint:#effbf3;--edge:#cdeed8;--ink:#15803d}
.step-buy{--tint:#fff8e8;--edge:#f6e2ae;--ink:#b45309}
.panel-step .direct-edit{margin:0;padding:0;border:0;background:none}
.panel-step .revision{padding-top:0;border-top:0}
.panel-step .revision textarea{background:#fff}
.panel-step .revise-btn,.panel-step .edit-toggle{background:#fff;border-color:var(--edge)}
.panel-step .revision-idea:hover,.panel-step .revision-idea:focus-visible{border-color:var(--ink);color:var(--ink)}
.golive{border:0;margin:0;padding:0;display:grid;gap:8px}
.golive-opt{display:flex;align-items:center;gap:9px;font-weight:700;font-size:14px;cursor:pointer}
.golive-opt input{width:18px;height:18px;accent-color:var(--ink);margin:0;flex:none}
.golive-name{display:flex;align-items:center;margin-left:27px;border:1px solid var(--edge);border-radius:10px;background:#fff;padding:0 10px}
.golive-name input{flex:1;min-width:0;border:0;outline:0;padding:10px 0;font:inherit;background:transparent}
.golive-name span{color:#6b6878;font-weight:700;font-size:14px}
.golive-name:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(21,128,61,.15)}
.golive-status{margin-left:27px;font-size:12.5px;font-weight:700;min-height:1em}
.golive-status.good{color:#15803d}.golive-status.bad{color:#b91c1c}
.golive.is-self .golive-name,.golive.is-self .golive-status{opacity:.45}
.golive-note{font-size:12px;line-height:1.45;color:#4f5b52}
.buy-price{margin:0 0 10px;font-size:15px}
.buy-price s{color:#8a8578;margin-right:4px}
.buy-price b{font-size:24px;color:#16140f}
.buy-price span{font-size:12.5px;color:#7c5a17;font-weight:700;margin-left:4px}
.step-buy .checkout-note,.step-buy .climate-note{display:block;margin-top:9px;font-size:12px;line-height:1.45}
#previewActions .panel-step,#previewActions .panel-head{text-align:left}
#previewActions .panel-step h3{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;text-align:left}
#previewActions .step-num{display:inline-grid!important;place-items:center;width:24px;height:24px;min-width:24px;color:#fff!important;font-size:12.5px!important;line-height:1}
#previewActions .golive-opt{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;font-size:14px;font-weight:700;text-align:left}
#previewActions .golive-opt span{color:#16140f;font-size:14px}
#previewActions .golive-name span{color:#6b6878}
#previewActions .golive-status,#previewActions .golive-note{display:block;text-align:left}
#previewActions .buy-price{text-align:left}
#previewActions .buy-price span{display:inline;white-space:nowrap}
#previewActions .panel-step h3{display:grid!important;grid-template-columns:24px 1fr;align-items:center!important;column-gap:10px;margin:0 0 12px;line-height:1.2}
#previewActions .panel-step h3 .step-title{color:#16140f;font-size:15px;font-weight:800}
#previewActions .step-num{display:flex!important;align-items:center;justify-content:center;padding:0;margin:0}
#previewActions>.panel-head{flex-direction:row!important;align-items:center!important;gap:12px}
#previewActions>.panel-head>div{display:flex;flex-direction:column;align-items:flex-start}