/* The same composition classes power the picker, live draft and public landing. */
.landing-surface{--landing-bg:#f6f8fc;--landing-ink:#172123;--landing-muted:#515f68;--landing-panel:#ffffffb8;--landing-line:#17212329;background:var(--landing-bg);color:var(--landing-ink)}
.bg-f6f8fc{--landing-bg:#f6f8fc}.bg-ffffff{--landing-bg:#fff}.bg-f4efe7{--landing-bg:#f4efe7}.bg-fff1e8{--landing-bg:#fff1e8}.bg-fbeef3{--landing-bg:#fbeef3}.bg-f0edfa{--landing-bg:#f0edfa}.bg-eaf3fb{--landing-bg:#eaf3fb}.bg-eaf4ed{--landing-bg:#eaf4ed}.bg-f5f3db{--landing-bg:#f5f3db}.bg-18232b{--landing-bg:#18232b}.bg-18352f{--landing-bg:#18352f}.bg-30253d{--landing-bg:#30253d}
.bg-18232b,.bg-18352f,.bg-30253d{--landing-ink:#f8fafc;--landing-muted:#d6dfe6;--landing-panel:#ffffff0e;--landing-line:#ffffff35}
.builder-steps{display:flex;flex-wrap:wrap;gap:20px 30px;align-items:center;color:#5b6670;font-size:.82rem;margin-bottom:38px}.builder-steps>*{display:flex;gap:9px;align-items:center}.builder-steps a,.builder-steps button{appearance:none;background:none;border:0;color:inherit;font:inherit;line-height:inherit;margin:0;padding:0;text-decoration:none;cursor:pointer}.builder-steps a:hover,.builder-steps button:hover,.builder-steps a:focus-visible,.builder-steps button:focus-visible{color:#243cbe}.builder-steps [aria-disabled="true"]{opacity:.55}.builder-steps b{display:grid;place-items:center;width:26px;height:26px;border:1px solid #d7dde7;border-radius:50%;font-size:.75rem}.builder-steps [aria-current]{color:#243cbe;font-weight:650}.builder-steps [aria-current] b{background:#2946e5;border-color:#2946e5;color:white}
.picker-heading{display:grid;grid-template-columns:1fr 270px;gap:60px;align-items:end;margin-bottom:44px}.picker-heading h1,.guest-builder h1{font-size:clamp(2.15rem,4vw,3.8rem);max-width:780px}.picker-heading .lead{max-width:690px;font-size:1.05rem;margin:0}.picker-note{padding:22px 24px;border:1px solid var(--line);border-radius:15px;background:#fafbfe}.picker-note strong{font-size:.95rem}.picker-note p{font-size:.84rem;line-height:1.7;margin:9px 0 0}.design-fieldset{padding:0;margin:0;border:0;min-width:0}.design-fieldset>legend{font-size:1rem;font-weight:650;margin-bottom:18px}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 22px}.design-card{display:block;position:relative;cursor:pointer;min-width:0;border:1px solid #dfe4ec;border-radius:17px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}.design-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2435520e}.design-card:has(input:checked){border-color:#2946e5;box-shadow:0 0 0 2px #2946e5}.design-card>input{position:absolute;left:15px;top:15px;z-index:3;width:18px;height:18px;opacity:0}.design-card:focus-within{outline:3px solid #2744dd;outline-offset:4px}.design-card-visual{display:block;position:relative;padding:16px;background:#e9edf3;border-bottom:1px solid #e0e5ed;overflow:hidden;height:237px}.design-selected{display:none;position:absolute;right:13px;top:12px;padding:5px 10px;border-radius:30px;background:#2946e5;color:#fff;font-size:.7rem;font-weight:650;box-shadow:0 2px 8px #0002}.design-card input:checked~.design-card-visual .design-selected{display:block}.design-card-copy{display:block;padding:19px 20px 21px}.design-card-title{display:flex;align-items:center;justify-content:space-between;font-size:1.1rem}.design-card-title>span{font-size:.75rem;color:#8b94a2}.design-description{display:block;font-size:.8rem;line-height:1.6;color:#5c6772;margin:8px 0 13px;min-height:3.2em}.design-audience{display:inline-block;font-size:.69rem;letter-spacing:.01em;color:#425269;padding:4px 8px;border-radius:5px;background:#f0f3f7}.picker-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;margin:34px 0 0;padding:30px 34px;background:#f4f6fa;border-radius:18px}.background-control h3{margin:0 0 6px}.background-control .helptext{margin:0 0 15px}.background-palette{display:flex;gap:8px;flex-wrap:wrap;max-width:425px}.background-swatch{height:32px;width:32px;padding:0;border:1px solid #97a2af;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 3px #ffffff50}.background-swatch span{opacity:0;font-size:17px;font-weight:750;line-height:1}.background-swatch[aria-pressed=true]{outline:2px solid #2846e5;outline-offset:3px}.background-swatch[aria-pressed=true] span{opacity:1}.palette-select{margin-top:14px;display:flex;align-items:center;gap:12px;font-size:.8rem}.palette-select select{font-size:.8rem;padding:7px 10px}.palette-select input{max-width:150px}.palette-select label{font-size:.8rem}.picker-next{text-align:right}.picker-next p{font-size:.85rem;margin-bottom:14px}.picker-next small{display:block;font-size:.72rem;color:#687583;margin-top:10px}
/* Honest wireframe miniatures: no fictitious reviews, credentials or client photographs. */
.design-sample{height:230px;width:100%;border-radius:3px;overflow:hidden;box-shadow:0 4px 14px #23324114;padding:12px 13px;pointer-events:none;--sample-gap:10px;font-size:5.5px;line-height:1.5}.sample-brand{display:flex;justify-content:space-between;font-size:1em;font-weight:650;padding-bottom:9px;border-bottom:1px solid var(--landing-line);margin-bottom:10px;color:var(--landing-ink)}.sample-layout{display:grid;grid-template-columns:minmax(0,1fr) 25%;gap:var(--sample-gap)}.sample-main{min-width:0}.sample-heading{padding:8px 0 12px}.sample-kicker{display:block;font-size:.8em;letter-spacing:.14em;margin-bottom:5px;color:var(--landing-muted)}.sample-title{display:block;font-size:3em;line-height:1.07;letter-spacing:-.045em;max-width:95%;font-weight:650;margin:0 0 7px;color:var(--landing-ink)}.sample-description{display:block;font-size:1em;max-width:92%;color:var(--landing-muted);margin-bottom:9px}.sample-button{display:inline-flex;background:var(--landing-ink);color:var(--landing-bg);font-size:.9em;border-radius:3px;padding:5px 8px;font-weight:600;line-height:1.4;white-space:normal}.sample-image{height:50px;background:linear-gradient(140deg,#9aaea7,#dde5c6);position:relative;overflow:hidden;border-radius:5px;margin-bottom:12px}.sample-art-circle{position:absolute;display:block;width:40%;aspect-ratio:1;background:#e6eed3;border-radius:50%;top:13%;left:46%}.sample-art-block{position:absolute;width:51%;height:90%;background:#607c70;transform:rotate(-32deg);top:52%;left:18%;border-radius:4px}.sample-image-caption{position:absolute;bottom:6px;left:8px;color:#223830;font-size:.85em;padding:2px 4px;background:#ffffffe8;border-radius:2px}.sample-copy{margin:12px 0;color:var(--landing-ink)}.sample-copy strong{display:block;font-size:1.5em;margin-bottom:7px}.sample-copy i,.sample-aside i{display:block;height:3px;border-radius:3px;background:var(--landing-line);margin:4px 0;width:94%}.sample-copy i:last-child{width:62%}.sample-services{display:grid;gap:5px;margin:12px 0}.sample-services>span{display:block;padding:6px 7px;border:1px solid var(--landing-line);border-radius:3px;font-weight:600;font-size:1em;color:var(--landing-ink)}.sample-services b{opacity:.5;margin-right:6px}.sample-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.sample-gallery>span{height:32px;background:linear-gradient(125deg,#b7c6be,#e4e7d5);border-radius:3px}.sample-gallery>span:nth-child(2){background:linear-gradient(125deg,#b5bbc9,#e3d9d1)}.sample-gallery>span:nth-child(3){background:linear-gradient(125deg,#ccb9a6,#eae1d8)}.sample-aside{padding:10px 8px;background:var(--landing-panel);border:1px solid var(--landing-line);border-radius:5px;align-self:start;margin-top:9px}.sample-aside strong{display:block;font-size:1.4em;line-height:1.25;letter-spacing:-.02em;margin-bottom:9px}.sample-aside .sample-button{display:flex;justify-content:center;margin-top:12px;padding:5px 2px;font-size:.85em}
/* 01 — quiet single column with a narrow contact rail. */
.template-minimal .sample-heading{padding-top:15px}.template-minimal .sample-image{display:none}.template-minimal .sample-copy{padding-top:13px;border-top:1px solid var(--landing-line)}
/* 02 — wide photographic lead and portfolio mosaic. */
.template-portfolio .sample-layout{display:block}.template-portfolio .sample-main{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-portfolio .sample-heading{grid-column:1/-1;padding:2px 0}.template-portfolio .sample-title{font-size:2.8em}.template-portfolio .sample-description{display:none}.template-portfolio .sample-image{grid-column:1/-1;grid-row:2;height:83px;margin:0;border-radius:2px}.template-portfolio .sample-copy{margin:0}.template-portfolio .sample-services{margin:0}.template-portfolio .sample-gallery{grid-column:1/-1;margin:0}.template-portfolio .sample-aside{display:none}.template-portfolio .sample-heading .sample-button{display:none}
/* 03 — information rail on the left, structured business content. */
.template-company .sample-layout{grid-template-columns:25% 1fr;gap:10px}.template-company .sample-aside{grid-row:1;grid-column:1;margin:0;height:184px;border-radius:0;border:0;border-right:1px solid var(--landing-line);padding:5px 7px 0 0;background:transparent}.template-company .sample-main{grid-column:2;grid-row:1}.template-company .sample-heading{padding:10px;background:var(--landing-panel);border-radius:3px}.template-company .sample-title{font-size:2.3em}.template-company .sample-image{height:48px}.template-company .sample-services{grid-template-columns:1fr 1fr}.template-company .sample-services>span{padding:5px}.template-company .sample-gallery{display:none}
/* 04 — immediate service menu, compact introduction. */
.template-prices .sample-main{display:flex;flex-direction:column}.template-prices .sample-heading{order:0;border-left:3px solid var(--landing-ink);padding-left:9px}.template-prices .sample-title{font-size:2.7em}.template-prices .sample-services{order:1;margin:0}.template-prices .sample-services>span{padding:11px 8px;background:var(--landing-panel);border:0;border-bottom:1px solid var(--landing-line);border-radius:0}.template-prices .sample-copy{order:2}.template-prices .sample-image,.template-prices .sample-gallery{display:none}
/* 05 — editorial title with a picture-and-story spread. */
.template-editorial .sample-layout{display:block}.template-editorial .sample-main{display:grid;grid-template-columns:48% 1fr;gap:9px}.template-editorial .sample-heading{grid-column:1/-1;text-align:center;padding:2px 0 9px;border-bottom:1px solid var(--landing-line)}.template-editorial .sample-title{font-family:Georgia,serif;font-weight:400;font-size:3.6em;max-width:100%;letter-spacing:-.045em}.template-editorial .sample-description{max-width:100%;font-size:.95em}.template-editorial .sample-button{background:transparent;color:var(--landing-ink);border:1px solid var(--landing-line);border-radius:0}.template-editorial .sample-image{height:125px;border-radius:0;margin:0}.template-editorial .sample-copy{margin:0;padding-top:5px}.template-editorial .sample-copy strong{font-family:Georgia,serif;font-size:1.8em;font-weight:400}.template-editorial .sample-services{grid-column:2;margin-top:-85px}.template-editorial .sample-gallery,.template-editorial .sample-aside{display:none}
/* 06 — asymmetric studio canvas with a split first screen. */
.template-studio .sample-layout{display:block}.template-studio .sample-main{display:grid;grid-template-columns:47% 1fr;gap:10px}.template-studio .sample-heading{padding:9px 0}.template-studio .sample-title{font-size:3em}.template-studio .sample-image{height:139px;border-radius:0 32px 0 0;margin:0}.template-studio .sample-image-caption{display:none}.template-studio .sample-services{grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin:0}.template-studio .sample-services>span{padding:12px 7px;border-radius:0}.template-studio .sample-copy{grid-column:1/-1;margin:0;grid-row:3}.template-studio .sample-aside,.template-studio .sample-gallery{display:none}
/* 07 — practical horizontal task rows with a dependable contact card. */
.template-craft .sample-heading{padding:9px;background:var(--landing-ink);border-radius:5px}.template-craft .sample-heading .sample-title,.template-craft .sample-heading .sample-kicker,.template-craft .sample-heading .sample-description{color:var(--landing-bg)}.template-craft .sample-heading .sample-button{background:var(--landing-bg);color:var(--landing-ink)}.template-craft .sample-title{font-size:2.6em}.template-craft .sample-main{display:flex;flex-direction:column;gap:8px}.template-craft .sample-services{order:1;margin:0}.template-craft .sample-services>span{padding:8px;border-radius:0}.template-craft .sample-copy{order:2;margin:0}.template-craft .sample-image{height:35px;order:3}.template-craft .sample-gallery{display:none}.template-craft .sample-aside{margin:0}
/* 08 — portrait-led professional introduction, restrained content below. */
.template-consultant .sample-layout{display:block}.template-consultant .sample-main{display:grid;grid-template-columns:1fr 37%;gap:12px}.template-consultant .sample-heading{padding:12px 0}.template-consultant .sample-title{font-family:Georgia,serif;font-size:3.3em;font-weight:400}.template-consultant .sample-image{height:121px;border-radius:50% 50% 10px 10px;margin-top:6px}.template-consultant .sample-image-caption{display:none}.template-consultant .sample-copy{grid-column:1/-1;text-align:center;max-width:75%;margin:0 auto}.template-consultant .sample-copy i{margin:4px auto}.template-consultant .sample-services{grid-column:1/-1;grid-template-columns:1fr 1fr;margin:0}.template-consultant .sample-gallery,.template-consultant .sample-aside{display:none}
/* 09 — soft, centered composition and rounded panels. */
.template-atelier .sample-layout{display:block}.template-atelier .sample-main{display:grid;grid-template-columns:1fr 1fr;gap:9px}.template-atelier .sample-heading{grid-column:1/-1;text-align:center;padding:4px 0 10px}.template-atelier .sample-title{font-family:Georgia,serif;font-weight:400;font-size:3.5em;max-width:100%}.template-atelier .sample-description{max-width:100%}.template-atelier .sample-button{border-radius:30px}.template-atelier .sample-image{border-radius:40% 40% 12px 12px;height:110px;margin:0}.template-atelier .sample-copy{padding:12px;background:var(--landing-panel);border-radius:12px;margin:0}.template-atelier .sample-services{grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin:0}.template-atelier .sample-services>span{border-radius:20px}.template-atelier .sample-gallery,.template-atelier .sample-aside{display:none}
/* 10 — large type, strong dividers, full-width rhythm. */
.template-bold .sample-layout{display:block}.template-bold .sample-main{display:grid;grid-template-columns:1fr 1fr;gap:8px}.template-bold .sample-heading{grid-column:1/-1;border-bottom:3px solid var(--landing-ink);padding:0 0 12px}.template-bold .sample-title{font-size:5em;text-transform:uppercase;line-height:.92;letter-spacing:-.075em;font-weight:800;max-width:100%}.template-bold .sample-description{display:none}.template-bold .sample-button{border-radius:0}.template-bold .sample-image{grid-column:2;height:82px;border-radius:0;margin:0}.template-bold .sample-copy{grid-column:1;grid-row:2;margin:0;padding:9px 0}.template-bold .sample-services{grid-column:1/-1;margin:0;grid-template-columns:repeat(3,1fr)}.template-bold .sample-services>span{border:0;border-top:1px solid var(--landing-line);padding:8px 0;border-radius:0}.template-bold .sample-gallery,.template-bold .sample-aside{display:none}
/* Guest editing workspace. */
.builder-workspace{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);gap:34px;align-items:start}.builder-fields{border:1px solid #dce3ed;border-radius:18px;padding:28px}.builder-fields h2{font-size:1.5rem}.builder-fields .field{margin-bottom:19px}.builder-fields .field>label{display:block;margin-bottom:7px;font-size:.9rem}.builder-fields input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.builder-fields textarea,.builder-fields select{width:100%}.builder-fields select[multiple]{min-height:130px}.builder-fields textarea{min-height:120px}.builder-fields details{padding:18px 0}.builder-fields details[open] summary{margin-bottom:20px}.builder-fields details label{font-size:.85rem}.builder-fields details .background-control{margin-bottom:20px}.builder-save{margin-top:22px;padding-top:18px;border-top:1px solid #e1e5ed}.builder-autosave{font-size:.8rem;color:#536d5a;margin-bottom:15px}.builder-autosave[data-error=true]{color:#a72c38}.builder-preview{position:sticky;top:24px;min-width:0}.builder-preview-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.76rem;margin-bottom:11px}.builder-preview-top>span{display:flex;gap:7px;align-items:center}.builder-preview-top i{width:7px;height:7px;border-radius:50%;background:#5b8b75}.builder-preview-top .text-link{font-size:.76rem}.builder-live-preview{padding:23px 25px;min-height:550px;border-radius:12px;border:1px solid #bdc8d3;box-shadow:0 14px 45px #273a5711;font-size:11px;line-height:1.5;--sample-gap:23px;overflow:hidden;overflow-wrap:anywhere}.builder-live-preview .sample-brand{font-size:10px;padding-bottom:15px;margin-bottom:20px}.builder-live-preview .sample-title{font-size:3em}.builder-live-preview .sample-copy p,.builder-live-preview .sample-aside p{font-size:1em;line-height:1.7;color:var(--landing-muted);white-space:pre-line}.builder-live-preview .sample-image{height:130px}.builder-live-preview.template-portfolio .sample-image{height:200px}.builder-live-preview.template-editorial .sample-image{height:260px}.builder-live-preview.template-editorial .sample-services{margin-top:0}.builder-live-preview.template-studio .sample-image{height:250px}.builder-live-preview.template-consultant .sample-image{height:225px}.builder-live-preview.template-atelier .sample-image{height:220px}.builder-live-preview.template-bold .sample-title{font-size:4.2em}.builder-live-preview.template-bold .sample-image{height:150px}.builder-live-preview.template-company .sample-aside{height:420px}.builder-live-preview .sample-gallery>span{height:75px}.guest-draft-note{margin:35px 0 0;padding:22px 26px;border:1px solid var(--line);border-radius:12px;display:flex;gap:25px;align-items:center}.guest-draft-note p{font-size:.8rem;max-width:850px;margin:0}.guest-draft-note form{flex-shrink:0}
/* Published and server-rendered draft pages: only consent-selected fields reach this layer. */
.landing-profile{--muted:var(--landing-muted);--line:var(--landing-line);--bg:var(--landing-panel);padding-top:36px;padding-bottom:45px;min-height:500px}.landing-profile>.container{max-width:1320px}.landing-profile p,.landing-profile .muted,.landing-profile .lead,.landing-profile .breadcrumbs{color:var(--landing-muted)}.landing-profile h1,.landing-profile h2,.landing-profile h3{color:var(--landing-ink)}.landing-profile .profile-heading{padding:25px 0 35px}.landing-profile .profile-sidebar{background:var(--landing-panel);border:1px solid var(--landing-line);border-radius:16px}.landing-profile .profile-cover{aspect-ratio:16/10;object-fit:cover}.landing-profile .profile-top{grid-template-columns:minmax(0,1fr) 310px;gap:50px}.landing-profile .profile-main{min-width:0}.landing-profile .profile-section{scroll-margin-top:25px}.landing-profile .profile-section h2{font-size:1.8rem}.landing-profile .profile-section p{line-height:1.8}.landing-profile .profile-kicker{font-size:.73rem;letter-spacing:.09em;text-transform:uppercase}.landing-profile .profile-sidebar .button{color:#fff}.landing-profile .profile-sidebar .helptext{color:var(--landing-muted)}.landing-profile .button-outline{color:#172123;background:#fff}.landing-profile .price-row span:last-child{white-space:normal;text-align:right}.landing-profile .portfolio-grid img{height:auto;aspect-ratio:4/3}.landing-profile .portfolio-grid figcaption{color:var(--landing-muted)}.landing-profile.bg-18232b,.landing-profile.bg-18352f,.landing-profile.bg-30253d{--profile:#c0cbff}.landing-profile.bg-18232b .button,.landing-profile.bg-18352f .button,.landing-profile.bg-30253d .button{background:#c0cbff;color:#17223b}.landing-profile.bg-18232b .button-outline,.landing-profile.bg-18352f .button-outline,.landing-profile.bg-30253d .button-outline{background:#fff;color:#172123}.landing-profile .review .response{background:var(--landing-panel);border:1px solid var(--landing-line)}.landing-profile .inquiry-form details{font-size:.8rem}.landing-profile .preview-banner{color:#423616}.landing-profile .profile-main>.profile-section{margin:36px 0}.landing-profile .badge{color:var(--landing-ink)}.landing-profile .badge.approved{color:#20592e}
.landing-profile.template-minimal .profile-main{max-width:790px}.landing-profile.template-minimal .profile-heading{padding-bottom:40px;border-bottom:1px solid var(--landing-line)}.landing-profile.template-minimal .profile-main>.profile-cover{max-height:340px;margin-top:30px}.landing-profile.template-minimal .profile-section>p{max-width:690px}
.landing-profile.template-portfolio .portfolio-lead{width:100%;max-height:580px;aspect-ratio:2.2;border-radius:4px;margin:15px 0 30px}.landing-profile.template-portfolio .profile-heading{border:0}.landing-profile.template-portfolio .profile-top{grid-template-columns:minmax(0,1fr) 280px}.landing-profile.template-portfolio .portfolio-grid{grid-template-columns:repeat(2,1fr);gap:18px}.landing-profile.template-portfolio .portfolio-grid figure:first-child{grid-column:1/-1}.landing-profile.template-portfolio .portfolio-grid figure:first-child img{aspect-ratio:2}.landing-profile.template-portfolio .profile-section h2{font-weight:400;font-size:2.15rem}
.landing-profile.template-company .profile-top{grid-template-columns:280px minmax(0,1fr);gap:45px}.landing-profile.template-company .profile-main{grid-column:2;grid-row:1}.landing-profile.template-company .profile-sidebar{grid-column:1;grid-row:1;border-radius:2px;background:transparent;border:0;border-right:1px solid var(--landing-line);padding:20px 26px 20px 0}.landing-profile.template-company .profile-heading{padding:34px;background:var(--landing-panel);border:1px solid var(--landing-line);border-radius:4px}.landing-profile.template-company .profile-cover{max-height:310px;border-radius:4px}.landing-profile.template-company .profile-section{border-top:1px solid var(--landing-line);padding-top:25px}.landing-profile.template-company .profile-heading h1{font-size:clamp(2rem,3.5vw,3.4rem)}
.landing-profile.template-prices .profile-heading{border-left:5px solid var(--profile);padding:15px 0 15px 28px;margin-bottom:30px}.landing-profile.template-prices .profile-main>.profile-cover{max-height:260px}.landing-profile.template-prices .prices-lead{padding:24px;border:1px solid var(--landing-line);background:var(--landing-panel);border-radius:14px}.landing-profile.template-prices .price-row{background:transparent;border-bottom:1px solid var(--landing-line);border-radius:0;margin:0;padding:20px 0}.landing-profile.template-prices .price-row:last-child{border:0}.landing-profile.template-prices .profile-sidebar{border-top:5px solid var(--profile)}
.landing-profile.template-editorial h1,.landing-profile.template-editorial .profile-section h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em}.landing-profile.template-editorial .profile-top{display:block}.landing-profile.template-editorial .profile-main{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:20px 60px}.landing-profile.template-editorial .profile-heading{grid-column:1/-1;text-align:center;border-bottom:1px solid var(--landing-line);margin:0 0 15px;padding:15px 10% 40px}.landing-profile.template-editorial h1{font-size:clamp(2.8rem,6vw,5.6rem)}.landing-profile.template-editorial .profile-heading .lead{margin-left:auto;margin-right:auto}.landing-profile.template-editorial .profile-heading .button-row{justify-content:center}.landing-profile.template-editorial .profile-cover{border-radius:0;grid-column:1;max-height:620px;aspect-ratio:3/4;margin:15px 0}.landing-profile.template-editorial .profile-main>.profile-section{margin:15px 0;min-width:0;padding:15px 0;border-top:1px solid var(--landing-line)}.landing-profile.template-editorial .profile-main>.profile-section.section-reviews{grid-column:1/-1}.landing-profile.template-editorial .profile-sidebar{position:static;margin-top:45px;columns:2;column-gap:60px;padding:34px;border-radius:0}.landing-profile.template-editorial .profile-sidebar>*{break-inside:avoid}.landing-profile.template-editorial .inquiry-form{break-before:column}
.landing-profile.template-studio .profile-top{display:block}.landing-profile.template-studio .profile-main{display:grid;grid-template-columns:1fr 1fr;gap:24px 45px}.landing-profile.template-studio .profile-heading{align-self:center;padding:25px 0}.landing-profile.template-studio .profile-main>.profile-cover{max-height:600px;height:100%;aspect-ratio:4/5;border-radius:0 100px 0 0;margin:0}.landing-profile.template-studio .profile-main>.profile-section{margin:0;padding:32px;border:1px solid var(--landing-line);min-width:0}.landing-profile.template-studio .section-portfolio,.landing-profile.template-studio .section-landing,.landing-profile.template-studio .section-reviews{grid-column:1/-1}.landing-profile.template-studio .profile-sidebar{position:static;margin-top:40px;columns:2;column-gap:60px;padding:35px}.landing-profile.template-studio .profile-sidebar>*{break-inside:avoid}.landing-profile.template-studio .inquiry-form{break-before:column}
.landing-profile.template-craft .profile-heading{padding:30px;background:var(--landing-ink);color:var(--landing-bg);border-radius:10px}.landing-profile.template-craft .profile-heading h1,.landing-profile.template-craft .profile-heading p,.landing-profile.template-craft .profile-heading .profile-kicker{color:var(--landing-bg)}.landing-profile.template-craft .profile-heading .badge{color:var(--landing-bg);border-color:var(--landing-bg)}.landing-profile.template-craft .profile-heading .button{background:var(--landing-bg);color:var(--landing-ink)}.landing-profile.template-craft .profile-cover{max-height:280px;margin:30px 0}.landing-profile.template-craft .profile-main>.profile-section{padding:25px;border:1px solid var(--landing-line);border-radius:10px}.landing-profile.template-craft .profile-section h2{font-size:1.45rem}.landing-profile.template-craft .profile-sidebar{border-top:6px solid var(--profile)}
.landing-profile.template-consultant .profile-top{display:block}.landing-profile.template-consultant .profile-main{display:grid;grid-template-columns:1.1fr .9fr;gap:20px 75px;align-items:start}.landing-profile.template-consultant .profile-heading{align-self:center;padding:30px 0}.landing-profile.template-consultant h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.5rem,4vw,4.6rem)}.landing-profile.template-consultant .profile-main>.profile-cover{border-radius:45% 45% 12px 12px;aspect-ratio:4/5;max-height:530px;margin:0}.landing-profile.template-consultant .profile-main>.profile-section{grid-column:1/-1;max-width:800px;width:100%;margin:15px auto;padding-top:25px;border-top:1px solid var(--landing-line)}.landing-profile.template-consultant .profile-sidebar{position:static;margin:45px auto 0;max-width:800px;border-radius:20px}
.landing-profile.template-atelier .profile-top{display:block}.landing-profile.template-atelier .profile-main{display:grid;grid-template-columns:1fr 1fr;gap:28px}.landing-profile.template-atelier .profile-heading{grid-column:1/-1;text-align:center;max-width:870px;margin:auto;padding:18px 0 35px}.landing-profile.template-atelier h1,.landing-profile.template-atelier .profile-section h2{font-family:Georgia,serif;font-weight:400}.landing-profile.template-atelier h1{font-size:clamp(2.8rem,5.2vw,5rem)}.landing-profile.template-atelier .profile-heading .lead{margin-left:auto;margin-right:auto}.landing-profile.template-atelier .profile-heading .button-row{justify-content:center}.landing-profile.template-atelier .button{border-radius:40px}.landing-profile.template-atelier .profile-main>.profile-cover{border-radius:44% 44% 20px 20px;aspect-ratio:1;max-height:560px;margin:0}.landing-profile.template-atelier .profile-main>.profile-section{margin:0;background:var(--landing-panel);padding:34px;border-radius:25px;min-width:0}.landing-profile.template-atelier .section-portfolio,.landing-profile.template-atelier .section-reviews{grid-column:1/-1}.landing-profile.template-atelier .profile-sidebar{position:static;max-width:870px;margin:40px auto 0;border-radius:25px;padding:34px}
.landing-profile.template-bold .profile-top{display:block}.landing-profile.template-bold .profile-heading{border-bottom:5px solid var(--landing-ink);padding:15px 0 40px;margin-bottom:35px}.landing-profile.template-bold h1{font-size:clamp(3rem,7vw,7.2rem);line-height:.95;letter-spacing:-.065em;text-transform:uppercase;font-weight:800;max-width:1100px;overflow-wrap:anywhere}.landing-profile.template-bold .button{border-radius:0}.landing-profile.template-bold .profile-main>.profile-cover{aspect-ratio:2.7;max-height:460px;border-radius:0}.landing-profile.template-bold .profile-main>.profile-section{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;border-top:1px solid var(--landing-line);padding-top:30px}.landing-profile.template-bold .profile-main>.profile-section>h2{grid-column:1;grid-row:1/20;max-width:250px;font-size:2.25rem;line-height:1.1}.landing-profile.template-bold .profile-main>.profile-section>*{grid-column:2;min-width:0}.landing-profile.template-bold .profile-sidebar{position:static;margin-top:45px;border-radius:0;columns:2;column-gap:70px;padding:40px}.landing-profile.template-bold .profile-sidebar>*{break-inside:avoid}.landing-profile.template-bold .inquiry-form{break-before:column}
@media(min-width:1200px){.builder-picker .design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.design-card-visual{height:253px}.design-sample{height:248px;font-size:6px}.builder-picker .design-card:last-child{grid-column:2}}
@media(max-width:1050px){.picker-heading{grid-template-columns:1fr 230px;gap:30px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-workspace{grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:22px}.builder-live-preview{font-size:9px;padding:18px;--sample-gap:15px}.builder-fields{padding:22px}.landing-profile .profile-top{gap:28px;grid-template-columns:minmax(0,1fr) 280px}.landing-profile.template-company .profile-top{grid-template-columns:250px minmax(0,1fr)}.landing-profile.template-editorial .profile-main,.landing-profile.template-consultant .profile-main{gap:25px}.landing-profile.template-bold .profile-main>.profile-section{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:760px){.builder-steps{gap:15px;font-size:.71rem;margin-bottom:27px}.builder-steps>*{gap:5px}.builder-steps b{height:22px;width:22px}.picker-heading{display:block;margin-bottom:28px}.picker-note{margin-top:24px;padding:17px 20px}.picker-note p{margin:5px 0 0}.picker-heading .lead{font-size:.95rem}.design-grid{gap:15px 12px}.design-card-visual{padding:9px;height:195px}.design-sample{padding:8px;font-size:4.5px;height:205px;--sample-gap:7px}.design-card-copy{padding:14px}.design-card-title{font-size:.96rem}.design-description{font-size:.73rem;min-height:4.8em;margin-bottom:10px}.design-audience{font-size:.61rem;padding:3px 6px;min-height:2em}.design-selected{font-size:.6rem;right:7px;top:7px;padding:4px 7px}.picker-bottom{display:block;padding:24px;margin-top:25px}.picker-next{text-align:left;margin-top:26px;border-top:1px solid #dbe1e9;padding-top:22px}.picker-next .button{width:100%}.picker-next p{display:none}.builder-workspace{display:flex;flex-direction:column-reverse;gap:22px}.builder-workspace>form,.builder-preview{width:100%}.builder-preview{position:static}.builder-live-preview{font-size:8px;min-height:300px;max-height:405px;--sample-gap:16px;padding:17px 22px}.builder-preview>.helptext{font-size:.73rem}.builder-fields{padding:22px}.guest-builder .section-heading{display:block}.guest-builder .section-heading .text-link{display:inline-block;margin-bottom:15px}.guest-builder .lead{font-size:.95rem}.guest-draft-note{display:block;padding:20px}.guest-draft-note form{margin-top:12px}.background-swatch{width:30px;height:30px}.palette-select{flex-wrap:wrap}.landing-profile{padding-top:25px}.landing-profile .profile-top,.landing-profile.template-company .profile-top,.landing-profile.template-portfolio .profile-top{display:block}.landing-profile .profile-sidebar{position:static;margin-top:30px;padding:25px}.landing-profile .profile-main{display:block!important}.landing-profile .profile-main>.profile-section{display:block!important;margin:26px 0!important}.landing-profile .profile-main>.profile-cover{height:auto!important;max-height:430px!important;aspect-ratio:4/3!important;width:100%;margin:20px auto!important}.landing-profile .profile-heading{padding:15px 0 30px!important;text-align:left!important}.landing-profile .profile-heading .button-row{justify-content:flex-start!important}.landing-profile.template-company .profile-heading,.landing-profile.template-craft .profile-heading{padding:24px!important}.landing-profile .profile-main>.profile-section>h2{max-width:none!important;margin-bottom:20px}.landing-profile.template-editorial .profile-sidebar,.landing-profile.template-studio .profile-sidebar,.landing-profile.template-bold .profile-sidebar{columns:auto;padding:25px}.landing-profile.template-company .profile-sidebar{border:1px solid var(--landing-line);padding:25px}.landing-profile.template-consultant .profile-main>.profile-cover{aspect-ratio:4/5!important;max-width:340px}.landing-profile.template-studio .profile-main>.profile-cover{border-radius:0 65px 0 0}.landing-profile.template-atelier .profile-main>.profile-cover{aspect-ratio:1!important;max-width:380px}.landing-profile.template-bold h1{font-size:clamp(2.7rem,11vw,4.8rem)}.landing-profile .portfolio-grid{gap:12px}.landing-profile .profile-section h2{font-size:1.65rem}.landing-profile.template-portfolio .portfolio-lead{aspect-ratio:1.7;margin-bottom:15px}.landing-profile.template-prices .profile-heading{padding-left:18px!important}}
@media(max-width:420px){.design-grid{grid-template-columns:1fr}.design-card-visual{height:240px;padding:16px}.design-sample{font-size:6px;height:245px;padding:13px}.design-description{min-height:0}.design-card-title{font-size:1.05rem}.design-card-copy{padding:17px 20px}.design-audience{font-size:.7rem}.builder-steps{gap:9px;font-size:.65rem}.builder-picker h1{font-size:2.15rem}.builder-live-preview{padding:15px;font-size:7.5px}.builder-live-preview .sample-title{font-size:2.8em}.builder-live-preview.template-bold .sample-title{font-size:3.7em}.header-actions .button{max-width:145px}.guest-builder .builder-fields{padding:18px}}
.landing-profile .text-link,.landing-profile .link-button{color:var(--profile)}
[data-design-editor] .background-control{margin:30px 0;padding:25px;background:var(--bg);border-radius:14px}
@media(max-width:420px){.site-header .brand-mark{display:none}.site-header .header-inner{gap:8px}.site-header .header-actions{gap:8px}.site-header .header-actions .button{max-width:122px;padding:8px 10px}.site-header .brand{font-size:1.28rem}}
.builder-live-preview.theme-blue .sample-button{background:#2846e5;color:#fff}.builder-live-preview.theme-green .sample-button{background:#286447;color:#fff}.builder-live-preview.theme-plum .sample-button{background:#713b70;color:#fff}.builder-live-preview.theme-graphite .sample-button{background:#30383e;color:#fff}
/* Keep keyboard focus and breadcrumb hover visible on every chosen background. */
.landing-profile :focus-visible{outline:3px solid var(--profile);outline-offset:4px}.landing-profile .breadcrumbs a:hover{color:var(--profile)}
/* Custom backgrounds come from a validated same-origin stylesheet, never an inline style. */
[data-page-background].has-gradient{--landing-bg:#fff;--landing-ink:#172123;--landing-muted:#515f68;--landing-panel:#f6f8fc;--landing-line:#17212329;background:var(--landing-gradient,linear-gradient(135deg,#dff5ea,#b8c8fb));color:var(--landing-ink)}
.has-gradient .landing-gradient-content{background:#fff;color:#172123;border-radius:20px;padding:clamp(18px,3vw,38px)}
.landing-profile.has-gradient{padding-left:20px;padding-right:20px;--profile:#2846e5}
.landing-profile.has-gradient.theme-green{--profile:#286447}.landing-profile.has-gradient.theme-plum{--profile:#713b70}.landing-profile.has-gradient.theme-graphite{--profile:#30383e}
.landing-profile.has-gradient .button{background:var(--profile);color:#fff}.landing-profile.has-gradient .button-outline{background:#fff;color:#172123}
.landing-profile.has-gradient.template-craft .profile-heading .button{background:#fff;color:#172123}
.design-sample.has-gradient .sample-brand,.design-sample.has-gradient .sample-layout{background:#fff;padding:7px;border-radius:3px}
.design-sample.has-gradient .sample-brand{margin-bottom:7px}.design-sample.has-gradient .sample-layout{height:calc(100% - 28px);overflow:hidden}
.gradient-toggle{display:flex!important;gap:10px;align-items:center;margin:15px 0!important;font-size:.9rem;font-weight:600}.gradient-toggle input{width:18px!important;height:18px;accent-color:#2946e5}
.gradient-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:570px;margin:0 0 20px}
.gradient-swatch{display:flex;align-items:flex-end;min-height:75px;padding:6px;border:1px solid #aeb8c5;border-radius:10px;text-align:left}
.gradient-swatch span{background:#fff;color:#172123;font-size:.67rem;line-height:1.3;padding:4px 6px;border-radius:5px;box-shadow:0 1px 4px #0001}
.gradient-swatch[aria-pressed=true]{outline:2px solid #2846e5;outline-offset:3px}.gradient-swatch:focus-visible{outline:3px solid #2846e5;outline-offset:3px}
.gradient-aurora{background:linear-gradient(135deg,#dff5ea,#b8c8fb)}.gradient-sunrise{background:linear-gradient(125deg,#ffe2bc,#f3bfd6)}.gradient-sky{background:linear-gradient(140deg,#d5f1ff,#dcd4fa)}.gradient-garden{background:linear-gradient(120deg,#f2f2c8,#baded2)}.gradient-sand{background:linear-gradient(135deg,#fff2df,#d7c4ad)}.gradient-rose{background:linear-gradient(150deg,#ffe8ed,#ccaedd)}.gradient-ocean{background:linear-gradient(135deg,#83d6cf,#374d89)}.gradient-night{background:linear-gradient(145deg,#26304e,#674c77)}
.gradient-custom{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:16px;max-width:570px}.gradient-custom label{display:block;font-size:.8rem;margin-bottom:7px}.gradient-custom input[type=color]{display:block;width:100%!important;max-width:120px;min-height:45px;padding:4px;border:1px solid #aeb8c5;border-radius:8px;background:#fff;cursor:pointer}.gradient-angle-input{display:flex;gap:7px;align-items:center}.gradient-angle-input input{width:100%!important;max-width:120px;padding:10px;font-size:.9rem;min-height:45px}.gradient-hint{margin-top:12px!important;font-size:.76rem}.solid-background{margin:20px 0 0;padding-top:15px;border-top:1px solid #d7dee7}.solid-background summary{font-size:.85rem;cursor:pointer}.solid-background[open] summary{margin-bottom:12px}
@media(max-width:760px){.gradient-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gradient-swatch{min-height:65px}.gradient-custom{gap:10px}.landing-profile.has-gradient{padding-left:10px;padding-right:10px}.has-gradient .landing-gradient-content{padding:18px;border-radius:14px}}
@media(max-width:420px){.gradient-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.gradient-swatch{min-height:70px}.gradient-custom{grid-template-columns:1fr 1fr}.gradient-custom>div:last-child{grid-column:1/-1}}