@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display:ital@0;1&family=Oswald:wght@300;400;500&family=Roboto:wght@300;400;500&display=swap');
:root{--canvas:#f7f4ee;--surface:rgba(247,244,238,.98);--paper:#fffdfa;--ink:#101b2e;--muted:#68707a;--line:rgba(16,27,46,.12);--line-soft:rgba(16,27,46,.08);--amber:#d99522;--amber-soft:#fff8ec;--upcoming:#d8d4cb;--ui:'DM Sans',Arial,sans-serif;--outer:'Roboto',Arial,sans-serif;--display:'Oswald','Arial Narrow',Arial,sans-serif;--serif:'DM Serif Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--canvas);color:var(--ink);font:16px/1.5 var(--ui)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.shell{width:min(calc(100% - 48px),1440px);margin:0 auto}.explorer-topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:var(--surface)}.explorer-topbar__inner{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;width:min(calc(100% - 48px),1440px);min-height:62px;margin:auto}.explorer-exit{justify-self:start;display:inline-flex;min-height:44px;align-items:center;gap:8px;border:0;background:transparent;color:var(--muted);font-size:13px}.explorer-exit:hover{color:var(--ink)}.explorer-step-name{color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.14em;text-align:center;text-transform:uppercase}.explorer-step-count{justify-self:end;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.explorer-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:min(calc(100% - 48px),1440px);height:2px;margin:auto;padding-bottom:10px}.segment{background:var(--upcoming);transition:background .22s ease}.segment.complete{background:var(--amber)}.segment.current{background:var(--ink)}.explorer-page{padding:46px 0 calc(150px + env(safe-area-inset-bottom))}.stage{display:none}.stage.active{display:block;animation:enter .22s ease both}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.two-col{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(500px,1.28fr);gap:clamp(40px,7vw,120px);align-items:start}.label{display:flex;align-items:center;gap:9px;margin:0 0 15px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.label:before{content:'';width:20px;height:1px;background:var(--amber)}h1{margin:0;font:300 clamp(40px,4.4vw,60px)/1.04 var(--outer);letter-spacing:-.04em}h2{margin:0;font-size:22px;line-height:1.22;font-weight:500;letter-spacing:-.025em}.help{max-width:520px;margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.58}.question{margin-top:30px}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:19px}.tile{position:relative;display:flex;min-height:150px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);text-align:left;flex-direction:column;justify-content:space-between}.tile:hover{border-color:rgba(16,27,46,.28)}.tile.selected{border:1.5px solid var(--amber);background:var(--amber-soft)}.tile-no{color:#a77112;font-size:10px;font-weight:600;letter-spacing:.18em}.tile-content{padding-top:18px}.tile-title{display:block;font-size:18px;font-weight:500;line-height:1.18;letter-spacing:-.02em}.tile-desc{display:block;max-width:18ch;margin-top:9px;color:var(--muted);font-size:13px;line-height:1.46}.check{display:none;position:absolute;top:14px;right:14px;width:18px;height:18px;place-items:center;border:1px solid var(--amber);border-radius:50%;color:#735015;font-size:10px;font-style:normal}.selected .check{display:grid}.summary{display:none;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;margin-top:20px;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.summary.show{display:grid}.summary-mark{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#567064;color:#fff;font-size:11px;font-style:normal}.summary b{display:block;font-size:12px}.summary span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.quiet-link{padding:0;border:0;background:transparent;color:#675f55;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.hide{display:none!important}.other,.business-name{display:none;margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.other.show,.business-name.show{display:block}.field-label{display:block;margin-bottom:7px;font-size:12px;font-weight:500}.field-help{margin:6px 0 0;color:var(--muted);font-size:11px}.field{width:100%;min-height:46px;padding:0 12px;border:1px solid #c9c3ba;border-radius:9px;background:#fff;color:var(--ink)}.goal-wrap{display:none;margin-top:25px;padding-top:24px;border-top:1px solid var(--line)}.goal-wrap.show{display:block;animation:enter .22s ease both}.preview-panel{position:sticky;top:104px}.preview-meta{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.preview-meta span{color:var(--muted)}.preview-meta strong{color:#755436}.updated{opacity:0;color:#755436;transition:opacity .18s ease}.updated.show{opacity:1}.preview-shell{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#e5e0d7}.site-preview{--p-bg:#f6f4ef;--p-surface:#fcfbf8;--p-ink:#1e2427;--p-muted:#696b68;--p-accent:#576063;--p-line:rgba(30,36,39,.18);--p-radius:4px;--p-btn-radius:2px;--p-space:clamp(30px,4vw,62px);--p-display:var(--serif);--p-filter:grayscale(.65) contrast(.94) brightness(1.07);--p-overlay:rgba(245,244,240,.08);overflow:hidden;border-radius:var(--p-radius);background:var(--p-bg);color:var(--p-ink);box-shadow:0 10px 24px rgba(18,26,35,.12);transition:background .32s ease,color .26s ease,border-radius .26s ease}.site-preview__nav{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 5.5%;border-bottom:1px solid var(--p-line);color:var(--p-ink);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.site-preview__brand{font-family:var(--p-display);font-size:21px;font-weight:400;letter-spacing:-.025em}.site-preview__links{display:flex;gap:15px;opacity:.7}.site-preview__nav-cta{display:none;padding:7px 10px;border:1px solid var(--p-line);border-radius:var(--p-btn-radius);font-size:8px}.site-preview__hero{display:grid;min-height:410px}.site-preview__copy{display:flex;flex-direction:column;justify-content:end;padding:var(--p-space);background:var(--p-surface)}.site-preview__eyebrow{margin:0 0 12px;color:var(--p-accent);font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.site-preview__copy h2{max-width:9ch;margin:0;color:var(--p-ink);font-family:var(--p-display);font-size:clamp(38px,4.2vw,68px);font-weight:400;line-height:.95;letter-spacing:-.04em}.site-preview__body{max-width:31ch;margin:16px 0 0;color:var(--p-muted);font-size:12px;line-height:1.52}.site-preview__primary-cta{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:35px;margin-top:19px;padding:0 12px;border:1px solid transparent;border-radius:var(--p-btn-radius);background:var(--p-accent);color:#fffdf8;font-size:10px;font-weight:600;text-decoration:none}.site-preview__visual{position:relative;min-height:280px;margin:0;overflow:hidden;background:#dad7d0}.site-preview__visual:after{position:absolute;inset:0;content:'';background:var(--p-overlay);pointer-events:none;transition:background .3s ease}.site-preview__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:var(--p-filter);transition:filter .36s ease,transform .52s ease,opacity .24s ease}.site-preview__visual img.changing{opacity:0;transform:scale(1.03)}.site-preview__visual figcaption{position:absolute;z-index:1;right:18px;bottom:17px;left:18px;display:grid;gap:4px;color:#fffdf8;text-shadow:0 1px 9px rgba(0,0,0,.32)}.site-preview__visual figcaption span{font-size:9px;font-weight:600;letter-spacing:.14em}.site-preview__visual figcaption strong{font-size:14px;line-height:1.2}.site-preview__proof{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 5.5%;border-top:1px solid var(--p-line);color:var(--p-muted);font-size:10px;font-weight:500;letter-spacing:.04em}.site-preview__proof:after{content:'01 / 01';color:var(--p-accent);font-size:9px}.preview--minimal-editorial{--p-bg:#f6f4ef;--p-surface:#fcfbf8;--p-ink:#1e2427;--p-muted:#696b68;--p-accent:#576063;--p-line:rgba(30,36,39,.18);--p-radius:4px;--p-btn-radius:2px;--p-space:clamp(32px,4vw,62px);--p-display:var(--serif);--p-filter:grayscale(.7) contrast(.92) brightness(1.08);--p-overlay:rgba(248,246,241,.08)}.preview--minimal-editorial .site-preview__hero{grid-template-columns:.95fr 1.05fr}.preview--minimal-editorial .site-preview__copy{align-self:center}.preview--minimal-editorial .site-preview__visual{align-self:stretch;margin:18px;border:1px solid var(--p-line);border-radius:0}.preview--minimal-editorial .site-preview__primary-cta{padding:0;border-width:0 0 1px;border-color:currentColor;border-radius:0;background:transparent;color:var(--p-ink)}.preview--minimal-editorial .site-preview__proof{border-top:1px solid var(--p-line)}.preview--warm-human{--p-bg:#fbf5ed;--p-surface:#fffdf8;--p-ink:#243226;--p-muted:#687067;--p-accent:#9a6845;--p-line:rgba(62,63,50,.15);--p-radius:22px;--p-btn-radius:999px;--p-space:clamp(27px,3.5vw,54px);--p-display:var(--serif);--p-filter:saturate(.86) contrast(.94) sepia(.08);--p-overlay:rgba(255,221,184,.12)}.preview--warm-human .site-preview__hero{grid-template-columns:1fr .9fr}.preview--warm-human .site-preview__visual{order:2;margin:14px 14px 14px 0;border-radius:40px 14px 14px 14px}.preview--warm-human .site-preview__primary-cta{background:var(--p-ink);color:#fffdf7}.preview--warm-human .site-preview__proof{border-top:0;background:rgba(229,213,191,.44)}.preview--warm-human .site-preview__proof:after{content:'WITH CARE';font-size:8px}.preview--bold-modern{--p-bg:#15202b;--p-surface:#1e2d3a;--p-ink:#f7f4ed;--p-muted:#b9c3ca;--p-accent:#e9b14a;--p-line:rgba(247,244,237,.22);--p-radius:0px;--p-btn-radius:0px;--p-space:clamp(22px,2.4vw,38px);--p-display:var(--ui);--p-filter:grayscale(.35) contrast(1.22) saturate(.8);--p-overlay:rgba(7,14,24,.22)}.preview--bold-modern .site-preview__nav{background:var(--p-accent);color:#101820;border-bottom:0}.preview--bold-modern .site-preview__hero{grid-template-columns:1.2fr .8fr}.preview--bold-modern .site-preview__copy{display:grid;align-content:end}.preview--bold-modern .site-preview__copy h2{max-width:7ch;font-family:var(--p-display);font-size:clamp(42px,5vw,78px);font-weight:600;line-height:.87;text-transform:uppercase}.preview--bold-modern .site-preview__visual{min-height:100%;border-radius:0}.preview--bold-modern .site-preview__visual img{transform:scale(1.11)}.preview--bold-modern .site-preview__primary-cta{background:var(--p-accent);color:#101820;font-weight:700}.preview--bold-modern .site-preview__proof{border-top:0;background:#101820;color:#f7f4ed}.preview--bold-modern .site-preview__proof:after{content:'MAKE IT CLEAR';color:var(--p-accent)}.preview--premium-dark{--p-bg:#171716;--p-surface:#20201d;--p-ink:#f2eadc;--p-muted:#beb6a8;--p-accent:#a88b58;--p-line:rgba(242,234,220,.18);--p-radius:10px;--p-btn-radius:999px;--p-space:clamp(34px,4.5vw,72px);--p-display:var(--serif);--p-filter:grayscale(.28) contrast(1.12) brightness(.68);--p-overlay:rgba(10,11,12,.42)}.preview--premium-dark .site-preview__hero{grid-template-columns:.85fr 1.15fr}.preview--premium-dark .site-preview__copy h2{font-size:clamp(44px,4.7vw,76px);line-height:.92}.preview--premium-dark .site-preview__visual{grid-row:1/span 2;margin:22px;border-radius:2px}.preview--premium-dark .site-preview__primary-cta{border-color:var(--p-accent);background:transparent;color:var(--p-ink)}.preview--premium-dark .site-preview__proof{background:#20201d;border-top:1px solid var(--p-line)}.preview--premium-dark .site-preview__proof:after{content:'EST. NOW';color:var(--p-accent)}.color--warm .site-preview__copy{background:linear-gradient(145deg,var(--p-surface),#efd8c9)}.color--cool .site-preview__copy{background:linear-gradient(145deg,var(--p-surface),#dce8ed)}.color--soft-gradient .site-preview__copy{background:linear-gradient(125deg,#f3ead8,#f8f2e8 49%,#d7e4e6)}.corners--sharp{--p-radius:1px}.corners--soft{--p-radius:11px}.corners--rounded{--p-radius:22px}.cards--flat .site-preview__proof{box-shadow:none}.cards--bordered .site-preview__visual{outline:1px solid var(--p-line);outline-offset:-1px}.cards--raised .site-preview__visual{box-shadow:0 14px 25px rgba(0,0,0,.16)}.separator--space .site-preview__proof{border-top:12px solid var(--p-bg)}.separator--line .site-preview__proof{border-top:1px solid var(--p-line)}.separator--shape .site-preview__proof{border-top:12px solid transparent;background:linear-gradient(var(--p-bg),var(--p-bg)) padding-box,linear-gradient(90deg,var(--p-accent),transparent) border-box}.type--modern{--p-display:var(--ui)}.type--classic{--p-display:Georgia,serif}.type--editorial{--p-display:var(--serif)}.images--full .site-preview__visual{margin:0;border-radius:0}.images--rounded .site-preview__visual{margin:13px;border-radius:var(--p-radius)}.images--framed .site-preview__visual{margin:18px;border:1px solid var(--p-line);border-radius:0}.spacing--spacious{--p-space:clamp(36px,5vw,74px)}.spacing--structured{--p-space:clamp(27px,3.5vw,52px)}.spacing--compact{--p-space:clamp(20px,2.4vw,34px)}.buttons--square{--p-btn-radius:0px}.buttons--soft{--p-btn-radius:10px}.buttons--pill{--p-btn-radius:999px}.nav--minimal .site-preview__links span:nth-child(n+2){display:none}.nav--cta .site-preview__links{display:none}.nav--cta .site-preview__nav-cta{display:inline-block;background:var(--p-accent);color:#fffdf8;border:0}.motion--minimal *{transition:none!important}.motion--interactive .site-preview__visual img{transform:scale(1.04)}.signal--direct .site-preview__body{max-width:23ch}.signal--calm{--p-filter:saturate(.72) contrast(.92) brightness(1.03)}.signal--premium .site-preview__visual{margin:20px}.signal--creative .site-preview__copy h2{font-style:italic}.signal--personal .site-preview__proof{letter-spacing:0}.proof--stories .site-preview__proof:after{content:'“Clear from the first conversation.”'}.proof--results .site-preview__proof:after{content:'BEFORE  →  AFTER'}.proof--portfolio .site-preview__visual figcaption strong{font-size:17px}.proof--credentials .site-preview__proof:after{content:'EXPERTISE / PROCESS / CARE'}.proof--local .site-preview__proof:after{content:'HERE FOR OUR COMMUNITY'}.avoid--dark.preview--premium-dark{--p-bg:#f7f3ec;--p-surface:#eee8dd;--p-ink:#242723;--p-muted:#66695f;--p-accent:#6c7c70;--p-line:rgba(36,39,35,.16);--p-filter:grayscale(.2) brightness(1.02)}.avoid--colorful{--p-accent:#5e625d!important}.avoid--busy .site-preview__visual{box-shadow:none!important}.avoid--trendy{--p-display:Georgia,serif}.explorer-bottom-dock{position:fixed;right:0;bottom:0;left:0;z-index:50;border-top:1px solid var(--line);background:var(--surface)}.explorer-bottom-dock__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(calc(100% - 48px),1440px);min-height:76px;margin:auto;padding:12px 0 calc(12px + env(safe-area-inset-bottom))}.explorer-bottom-dock__message{margin:0;color:var(--muted);font-size:14px;line-height:1.35}.explorer-bottom-dock__message.complete{color:var(--ink);font-weight:600}.explorer-bottom-dock__button{display:inline-flex;min-width:200px;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:0 20px;border:1px solid transparent;border-radius:12px;background:var(--ink);color:#fffdf8;font-weight:600;transition:background .18s ease,transform .18s ease}.explorer-bottom-dock__button:not(:disabled):hover{background:#172945;transform:translateY(-1px)}.explorer-bottom-dock__button:disabled{background:#d7d5cf;color:#8a8780;cursor:not-allowed}.project{max-width:650px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.form-grid .full{grid-column:1/-1}.form-grid label{display:block;margin-bottom:6px;font-size:12px;font-weight:500}.form-grid textarea{width:100%;min-height:96px;padding:11px;border:1px solid #c9c3ba;border-radius:9px;resize:vertical}.submit,.final{width:100%;min-height:50px;border:0;border-radius:11px;background:var(--ink);color:#fff;font-weight:600}.final{margin-top:20px}.done{max-width:620px;padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.done-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#567064;color:#fff}.done a{color:#755436;font-weight:600}@media(max-width:960px){.explorer-topbar__inner{grid-template-columns:44px minmax(0,1fr) auto;width:min(calc(100% - 32px),680px);min-height:58px}.explorer-exit{width:44px;padding:0;font-size:0}.explorer-exit:before{content:'←';font-size:18px}.explorer-step-name{overflow:hidden;font-size:10px;letter-spacing:.12em;text-align:left;text-overflow:ellipsis;white-space:nowrap}.explorer-progress{width:min(calc(100% - 32px),680px);padding-bottom:8px}.shell,.explorer-bottom-dock__inner{width:min(calc(100% - 42px),900px)}.two-col{grid-template-columns:1fr;gap:34px}.preview-panel{position:static;max-width:700px}.style-layout{grid-template-columns:1fr}.style-rail{position:static}.style-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.shell,.explorer-bottom-dock__inner{width:min(calc(100% - 32px),680px)}.explorer-page{padding:32px 0 calc(144px + env(safe-area-inset-bottom))}.explorer-bottom-dock__inner{display:grid;grid-template-columns:1fr;gap:10px;min-height:auto;padding:12px 0 calc(14px + env(safe-area-inset-bottom))}.explorer-bottom-dock__message{font-size:13px;line-height:1.4}.explorer-bottom-dock__button{width:100%;min-width:0;min-height:50px}.two-col{gap:0}.preview-panel{display:none}.two-col .preview-panel{display:block;position:static;order:0;margin:0 0 24px}.site-preview__hero,.preview--minimal-editorial .site-preview__hero,.preview--warm-human .site-preview__hero,.preview--bold-modern .site-preview__hero,.preview--premium-dark .site-preview__hero{grid-template-columns:1fr}.site-preview__visual{min-height:220px;order:-1}.preview--premium-dark .site-preview__visual{grid-row:auto;order:-1}.preview--bold-modern .site-preview__visual{order:-1}.site-preview__copy{min-height:205px;padding:26px}.site-preview__copy h2{font-size:38px}.site-preview__links{display:none}.tile-grid{gap:12px}.tile{min-height:138px;padding:16px}.tile-title{font-size:16px}.tile-content{padding-top:16px}.tile-desc{font-size:12px}.style-cards{grid-template-columns:1fr}.color-grid{grid-template-columns:repeat(2,1fr)}.brand-layout{grid-template-columns:1fr}.brand-layout .preview-panel{display:block}.graphic-grid{grid-template-columns:repeat(3,1fr)}.proof-grid{grid-template-columns:repeat(2,1fr)}.group summary span{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}@media(max-width:350px){.tile-grid{grid-template-columns:1fr}.tile{min-height:124px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-reset{min-height:40px;padding:0 4px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.topbar-reset:hover{color:var(--ink)}.done-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}.done-links a{display:inline-flex;align-items:center;min-height:42px}.tile,.style-card,.color-choice,.graphic,.chip,.proof,.explorer-bottom-dock__button,.explorer-exit,.topbar-reset,.submit,.final{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tile,.style-card,.color-choice,.graphic,.chip,.proof{transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.tile:active,.style-card:active,.color-choice:active,.graphic:active,.chip:active,.proof:active{transform:scale(.985)}@media(max-width:960px){.topbar-actions{gap:4px}.topbar-reset{font-size:10px}}@media(max-width:720px){.preview-panel{display:block!important;max-width:none;margin-top:26px}.two-col .preview-panel{order:0;margin:26px 0 0}.brand-layout{display:flex;flex-direction:column}.brand-layout .preview-panel{order:-1;margin:0 0 26px}.style-layout{display:flex;flex-direction:column}.style-layout>div:last-child{width:100%}.site-preview__hero,.preview--minimal-editorial .site-preview__hero,.preview--warm-human .site-preview__hero,.preview--bold-modern .site-preview__hero,.preview--premium-dark .site-preview__hero{grid-template-columns:1fr}.site-preview__visual,.preview--premium-dark .site-preview__visual,.preview--bold-modern .site-preview__visual{order:-1;grid-row:auto;min-height:215px}.preview--warm-human .site-preview__visual{margin:12px}.preview--premium-dark .site-preview__visual{margin:14px}.site-preview__copy{min-height:205px;padding:24px}.site-preview__copy h2{font-size:38px}.site-preview__links{display:none}.style-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.shell,.explorer-bottom-dock__inner{width:calc(100% - 24px)}.explorer-topbar__inner,.explorer-progress{width:calc(100% - 24px)}.topbar-reset{font-size:9px}.site-preview__copy{padding:20px}.site-preview__copy h2{font-size:34px}.style-cards{grid-template-columns:1fr}.color-grid{grid-template-columns:1fr 1fr}.graphic-grid{gap:6px}.graphic{min-width:0;padding:7px}.project,.done,.review{padding:18px}}@media(max-width:360px){.topbar-reset{display:none}.color-grid,.proof-grid{grid-template-columns:1fr}.graphic-grid{grid-template-columns:1fr 1fr}}

.preview-image{display:block;width:100%;height:100%;object-fit:cover}.preview-image[hidden]{display:none!important}.site-preview__visual,.library-page-visual{background:var(--p-surface,#e8e4dc)}
/* Review uses the existing page structure and typography. */
#structured-review {margin:32px 0;padding:24px 0;border-top:1px solid #d8dbdf}
#review-sections {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}
#review-sections h3 {display:inline-block;margin-right:12px}
#review-sections dl {margin:12px 0} #review-sections dt {font-weight:600;margin-top:10px}
#review-sections dd {margin:2px 0;overflow-wrap:anywhere}
#structured-review pre {white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;padding:16px;background:#f5f5f3;color:#20242a}
#structured-review details {margin-top:20px}



/* =========================================================
   V8 BRAND FEEL REPAIR — scoped replacement styles
   ========================================================= */

main,
.explorer-page {
  padding-bottom: calc(132px + env(safe-area-inset-bottom)) !important;
}

.brand-feel-stage.active {
  display: grid;
  grid-template-columns: minmax(0, 480px) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 80px);
  align-items: start;
}

.brand-feel-stage__controls,
.brand-feel-stage__preview {
  min-width: 0;
}

.brand-feel-stage__intro {
  max-width: 480px;
}

.stage-eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 18px;
  color: #9a6d1d;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.stage-eyebrow::before {
  width: 20px;
  height: 1px;
  content: "";
  background: #d99522;
}

.brand-feel-stage h1 {
  margin: 0;
  color: #101b2e;
  font-size: clamp(38px, 4vw, 56px);
  font-weight: 300;
  letter-spacing: -0.045em;
  line-height: 1.04;
}

.stage-support {
  max-width: 470px;
  margin: 15px 0 0;
  color: #68707a;
  font-size: 15px;
  line-height: 1.55;
}

.brand-feel-groups {
  margin-top: 36px;
}

.preference-group {
  border-top: 1px solid rgba(16, 27, 46, 0.13);
}

.preference-group:last-child {
  border-bottom: 1px solid rgba(16, 27, 46, 0.13);
}

.preference-group__summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  min-height: 82px;
  padding: 18px 0;
  cursor: pointer;
  list-style: none;
}

.preference-group__summary::-webkit-details-marker {
  display: none;
}

.preference-group__heading {
  display: grid !important;
  gap: 5px !important;
  min-width: 0;
}

.preference-group__heading strong {
  color: #101b2e;
  font-size: 17px;
  font-weight: 650;
  letter-spacing: -0.02em;
}

.preference-group__subtitle {
  color: #68707a;
  font-size: 13px;
  line-height: 1.4;
}

.preference-group__selected {
  display: none;
  overflow: hidden;
  color: #7b746a;
  font-size: 12px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.preference-group:not([open]) .preference-group__selected.has-value {
  display: block;
}

.preference-group__chevron {
  flex: 0 0 auto;
  color: #68707a;
  font-size: 20px;
  line-height: 1;
  transition: transform 180ms ease;
}

.preference-group[open] .preference-group__chevron {
  transform: rotate(180deg);
}

.preference-group__content {
  padding: 4px 0 30px;
}

.preference-fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.preference-fieldset + .preference-fieldset {
  margin-top: 24px;
}

.preference-fieldset legend {
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  color: #101b2e;
  font-size: 13px;
  font-weight: 650;
}

.preference-help {
  margin: -3px 0 11px;
  color: #68707a;
  font-size: 12px;
  line-height: 1.4;
}

.visual-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.visual-choice {
  min-height: 122px;
  padding: 12px;
  border: 1px solid rgba(16, 27, 46, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.56);
  color: #101b2e;
  cursor: pointer;
  text-align: left;
  transition: border-color 180ms ease, background 180ms ease;
}

.visual-choice:hover {
  border-color: rgba(16, 27, 46, 0.28);
}

.visual-choice:focus-visible {
  outline: 3px solid rgba(217, 149, 34, 0.42);
  outline-offset: 3px;
}

.visual-choice:is([aria-pressed="true"],[aria-checked="true"]) {
  border: 1.5px solid #d99522;
  background: #fff8ec;
}

.visual-choice__sample {
  display: grid;
  min-height: 72px;
  margin-bottom: 10px;
  overflow: hidden;
  border-radius: 8px;
  background: #f1eee7;
  place-items: center;
}

.visual-choice__label {
  display: block;
  color: #101b2e;
  font-size: 13px;
  font-weight: 650;
}

/* Corners */
.sample-corners i { width: 66%; height: 42px; border: 1px solid #8e918f; background: #fffdf8; }
.sample-corners--soft i { border-radius: 11px; }
.sample-corners--rounded i { border-radius: 23px; }

/* Cards */
.sample-card { display: grid; align-content: center; gap: 6px; padding: 0 16px; }
.sample-card i { display: block; height: 3px; background: #a7a49c; }
.sample-card i:nth-child(1) { width: 75%; }
.sample-card i:nth-child(2) { width: 53%; }
.sample-card i:nth-child(3) { width: 38%; }
.sample-card--bordered { margin: 10px; min-height: 52px; border: 1px solid #a9a59c; background: #fffdf8; }
.sample-card--raised { margin: 10px; min-height: 52px; border-radius: 5px; background: #fffdf8; box-shadow: 0 6px 10px rgba(16, 27, 46, 0.14); }

/* Separators */
.sample-separator { align-content: center; gap: 14px; padding: 0 13px; }
.sample-separator i { display: block; height: 4px; background: #a7a49c; }
.sample-separator i:last-child { width: 68%; }
.sample-separator--line { gap: 8px; }
.sample-separator--line::before { width: 100%; height: 1px; content: ""; background: #aaa59a; }
.sample-separator--shape { position: relative; gap: 8px; }
.sample-separator--shape::before { width: 90%; height: 12px; content: ""; border-top: 1px solid #aaa59a; border-radius: 50% 50% 0 0; }

/* Typography */
.sample-type { align-content: center; gap: 7px; padding: 0 12px; }
.sample-type i { display: block; color: #262d36; font-style: normal; line-height: .9; }
.sample-type b { display: block; width: 58%; height: 3px; background: #a7a49c; }
.sample-type--modern i { font-family: Arial, sans-serif; font-size: 15px; font-weight: 700; letter-spacing: -.04em; }
.sample-type--classic i { font-family: Georgia, serif; font-size: 16px; }
.sample-type--editorial i { font-family: Georgia, serif; font-size: 20px; font-style: italic; }

/* Images */
.sample-image { padding: 0; background: #e6e0d5; }
.sample-image i { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #a5b0a6, #5e7165); }
.sample-image--rounded i { width: 74%; height: 72%; border-radius: 15px; }
.sample-image--framed { padding: 8px; background: #f8f4ed; }
.sample-image--framed i { border: 1px solid #b8b0a2; }

/* Layout */
.sample-layout { align-content: center; gap: 11px; padding: 0 14px; }
.sample-layout i { display: block; height: 3px; background: #aaa69e; }
.sample-layout i:nth-child(1) { width: 82%; }
.sample-layout i:nth-child(2) { width: 60%; }
.sample-layout i:nth-child(3) { width: 72%; }
.sample-layout--spacious { gap: 18px; }
.sample-layout--structured { grid-template-columns: 1fr 1fr; gap: 6px; }
.sample-layout--structured i { width: 100% !important; height: 15px; }
.sample-layout--compact { gap: 5px; }

/* Buttons */
.sample-button i { padding: 9px 10px; background: #273846; color: #fffdf8; font-size: 7px; font-style: normal; font-weight: 700; letter-spacing: .04em; }
.sample-button--soft i { border-radius: 11px; }
.sample-button--pill i { border-radius: 999px; }

/* Navigation */
.sample-nav { display: flex; align-items: center; gap: 6px; padding: 0 11px; }
.sample-nav i { width: 29%; height: 5px; background: #273846; }
.sample-nav b { width: 12%; height: 3px; background: #a7a49c; }
.sample-nav--minimal { justify-content: space-between; }
.sample-nav--minimal b { width: 12px; height: 12px; border-top: 2px solid #58616a; border-bottom: 2px solid #58616a; background: transparent; }
.sample-nav--cta { justify-content: space-between; }
.sample-nav--cta b { width: 38%; height: 20px; border-radius: 4px; background: #d99522; }

/* Movement */
.sample-motion i { width: 34px; height: 34px; border: 1px solid #8d928e; background: #fffdf8; }
.sample-motion--subtle i { opacity: .7; transform: translateX(7px); }
.sample-motion--interactive i { border-color: #d99522; box-shadow: 5px 5px 0 rgba(217, 149, 34, 0.16); transform: translate(-3px, -3px); }

/* Chips */
.chip-choice-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.chip-choice { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 10px; border: 1px solid rgba(16, 27, 46, 0.12); border-radius: 999px; background: #fff; color: #101b2e; font-size: 12px; }
.chip-choice i { display: none; color: #8f5e13; font-size: 10px; font-style: normal; }
.chip-choice:is([aria-pressed="true"],[aria-checked="true"]) { border-color: #d99522; background: #fff8ec; }
.chip-choice:is([aria-pressed="true"],[aria-checked="true"]) i { display: inline; }

/* Proof choices */
.proof-choice-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.proof-choice { min-height: 102px; padding: 10px; border: 1px solid rgba(16, 27, 46, 0.12); border-radius: 10px; background: #fff; color: #101b2e; font-size: 11px; text-align: left; }
.proof-choice:is([aria-pressed="true"],[aria-checked="true"]) { border: 1.5px solid #d99522; background: #fff8ec; }
.proof-sample { display: block; height: 48px; margin-bottom: 9px; border-radius: 5px; background: #f1eee7; }
.proof-sample--quote { background: linear-gradient(#9fa29d 0 0) 8px 11px / 58% 3px no-repeat, linear-gradient(#c9c7c0 0 0) 8px 22px / 78% 2px no-repeat, linear-gradient(#c9c7c0 0 0) 8px 29px / 48% 2px no-repeat, #f1eee7; }
.proof-sample--before-after { background: linear-gradient(90deg, #9d988f 0 48%, #f6f0e5 48% 52%, #779186 52%); }
.proof-sample--project { background: linear-gradient(135deg, #a4b0a6, #5d7166); }
.proof-sample--credentials { background: linear-gradient(#a3a6a0 0 0) 8px 10px / 65% 3px no-repeat, linear-gradient(#c9c7c0 0 0) 8px 21px / 80% 2px no-repeat, linear-gradient(#c9c7c0 0 0) 8px 29px / 54% 2px no-repeat, #f1eee7; }
.proof-sample--local { background: radial-gradient(circle at 50% 47%, #d99522 0 5px, transparent 6px), linear-gradient(#a3a6a0 0 0) center 31px / 65% 2px no-repeat, #f1eee7; }

.brand-feel-stage__preview {
  position: sticky;
  top: 92px;
  align-self: start;
}

.brand-preview-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(16, 27, 46, 0.12);
  color: #68707a;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.brand-preview-meta strong {
  color: #101b2e;
  font-size: 10px;
  font-weight: 700;
}

.brand-preview-frame {
  min-width: 0;
  margin-top: 14px;
}

/* Prevent old preview wrapper rules from moving this preview below controls. */
.brand-feel-stage .preview,
.brand-feel-stage .preview-panel,
.brand-feel-stage__preview .preview-panel {
  position: static !important;
  top: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Safe bottom-dock clearance */
.explorer-bottom-dock,
.bottom,
#dock,
#action-bar {
  min-height: 72px;
}

@media (max-width: 1023px) {
  main,
  .explorer-page {
    padding-bottom: calc(164px + env(safe-area-inset-bottom)) !important;
  }

  .brand-feel-stage.active {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .brand-feel-stage__preview {
    position: static;
    order: -1;
  }
}

@media (max-width: 720px) {
  .brand-feel-groups { margin-top: 28px; }
  .preference-group__summary { min-height: 78px; padding: 16px 0; }
  .preference-group__heading strong { font-size: 16px; }
  .preference-group__subtitle { font-size: 12px; }
  .preference-group__content { padding-bottom: 25px; }
  .proof-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
  .visual-choice-grid { grid-template-columns: 1fr; }

  .visual-choice {
    display: grid;
    grid-template-columns: 92px 1fr;
    align-items: center;
    gap: 14px;
    min-height: 86px;
  }

  .visual-choice__sample {
    min-height: 60px;
    margin-bottom: 0;
  }

  .proof-choice-grid { grid-template-columns: 1fr; }
  .proof-choice { display: grid; grid-template-columns: 82px 1fr; align-items: center; gap: 11px; min-height: 76px; }
  .proof-sample { height: 50px; margin: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .preference-group__chevron,
  .visual-choice,
  .segment {
    transition: none !important;
  }
}

/* V8 integration: retain native stage visibility and dock navigation. */
.brand-feel-stage:not(.active){display:none}
.brand-feel-stage__preview{top:100px;max-height:calc(100dvh - 100px - var(--dock-clearance,132px));overflow:auto;scrollbar-width:thin}
main.explorer-page{padding-bottom:calc(var(--dock-clearance,132px) + 24px)!important}
html{scroll-padding-bottom:calc(var(--dock-clearance,132px) + 24px)}
.brand-feel-stage .preference-group__summary::after{display:none}
.brand-feel-stage .preference-group__heading{flex:1}
.brand-feel-stage .chip-choice:focus-visible,.brand-feel-stage .proof-choice:focus-visible,.brand-feel-stage summary:focus-visible{outline:2px solid #101b2e;outline-offset:3px}
#dock{box-shadow:none}
#dock .explorer-bottom-dock__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px}
#back{display:block!important;min-height:44px}
#next{min-height:48px}
.brand-feel-stage .site-preview__primary-cta{border-radius:var(--p-btn-radius)}
@media(max-width:1100px) and (min-width:1024px){.brand-feel-stage.active{grid-template-columns:380px minmax(0,1fr);gap:30px}}
@media(max-width:1023px){
.brand-feel-stage__controls{display:contents}
.brand-feel-stage__intro{grid-row:1}
.brand-feel-stage__preview{grid-row:2;order:0;max-height:none;overflow:visible}
.brand-feel-groups{grid-row:3;margin-top:0}
}
@media(max-width:720px){
#dock .explorer-bottom-dock__inner{grid-template-columns:auto minmax(0,1fr);gap:8px 16px}
#dock-message{grid-column:1/-1;grid-row:1}
#back{grid-column:1;grid-row:2}
#next{grid-column:2;grid-row:2;width:100%;min-width:0;font-size:13px}
.brand-feel-stage .site-preview__hero{min-height:0}
.brand-feel-stage .site-preview__copy{padding:24px}
.brand-feel-stage .site-preview__copy h2{font-size:36px}
.brand-feel-stage .site-preview__visual{min-height:160px;max-height:210px}
.brand-feel-stage .site-preview__links{display:none}
.brand-feel-stage .preference-group__subtitle,.brand-feel-stage .visual-choice__label{font-size:14px}
}





/* Step 2 repair: component styles follow legacy CSS; preview owns expression. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.style-direction-stage:not(.active){display:none}
.style-direction-stage.active{display:grid;grid-template-columns:minmax(260px,.30fr) minmax(0,.70fr);gap:clamp(32px,4vw,64px);align-items:start;width:100%;margin:0;padding:8px 0 24px}
.style-direction-context,.style-direction-workspace{min-width:0}
.style-direction-context{padding-top:8px}
.style-direction-context .step-eyebrow{margin:0 0 18px;color:#8d611f;font:600 10px/1.5 var(--ui);letter-spacing:.15em;text-transform:uppercase}
.style-direction-context h1{margin:0 0 20px;max-width:12ch;font-family:var(--ui);font-size:clamp(38px,3.8vw,58px);font-weight:400;line-height:1.06;letter-spacing:-.045em;color:#101b2e}
.style-direction-context .step-lede{margin:0;max-width:30ch;color:#626a74;font-size:16px;line-height:1.55}
.style-direction-workspace .workspace-label-row,.style-direction-workspace .control-section-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}
.style-direction-workspace :is(.workspace-label-row,.control-section-label) p{margin:0;color:#626a74;font:600 10px/1.5 var(--ui);letter-spacing:.16em;text-transform:uppercase}
.style-direction-workspace .control-section-label>span{color:#626a74;font-size:10px;letter-spacing:.12em}
.style-direction-workspace .updated{font-size:11px;color:#815918}
.style-direction-workspace .live-preview-shell{container-type:inline-size;overflow:hidden;margin:0 0 28px;border:1px solid #d8d4cc;border-radius:12px;background:#f4f1ea}
.style-direction-workspace .site-preview{box-shadow:none;border-radius:0;min-width:0}
.style-direction-workspace .site-preview__hero{min-height:420px}
.style-direction-workspace .site-preview__copy{padding:clamp(24px,4cqw,44px);min-width:0}
.style-direction-workspace .site-preview__copy h2{font-size:clamp(30px,5.1cqw,54px);max-width:14ch;overflow-wrap:normal}
.style-direction-workspace .site-preview__body{font-size:14px;line-height:1.55}
.style-direction-workspace .site-preview__primary-cta{font-size:12px;min-height:40px}
.style-direction-workspace .preview--bold-modern .site-preview__copy h2{font-size:clamp(32px,5.8cqw,62px);line-height:.98}
.style-direction-workspace .preview--premium-dark .site-preview__copy h2{font-size:clamp(32px,5.4cqw,58px);line-height:1.04}
.style-direction-workspace .site-preview__proof{gap:16px;padding:14px 5.5%;font-size:12px;line-height:1.5}
.style-direction-workspace .site-preview__proof:after{flex-shrink:0}
.style-direction-workspace .style-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 28px}
.style-direction-workspace .style-choice{appearance:none;-webkit-appearance:none;display:grid;grid-template-rows:76px 1fr;gap:12px;min-width:0;min-height:166px;padding:10px;margin:0;border:1px solid #d8d4cc;border-radius:10px;background:#fcfbf8;color:#101b2e;text-align:left;font:inherit;box-shadow:none;transform:none;transition:background .18s,border-color .18s}
.style-direction-workspace .style-choice:hover{border-color:#8b8b85}
.style-direction-workspace .style-choice[aria-checked="true"]{border-color:#ba852c;background:#fff9ef}
.style-choice__sample{display:block;position:relative;min-width:0;overflow:hidden;border-radius:5px;background:#eeeae2}
.style-choice__sample i{position:absolute;left:12%;top:28%;width:35%;height:3px;background:currentColor;box-shadow:0 7px currentColor,0 14px currentColor;opacity:.7}
.style-choice__sample b{position:absolute;right:8%;top:15%;width:34%;height:70%;background:currentColor;opacity:.22}
.sample--minimal{background:#efede7;color:#343531}.sample--warm{background:#efe2d1;color:#667f78}.sample--warm b{border-radius:30px 10px 10px 10px;background:#a37860;opacity:.5}
.sample--bold{background:#172332;color:#f1bd59}.sample--bold b{width:40%;right:0;top:0;height:100%;opacity:.75;transform:skew(-12deg)}
.sample--dark{background:#20221f;color:#b6a27b}.sample--dark b{border:1px solid currentColor;background:transparent;opacity:.7}
.style-choice__meta{display:grid;align-content:start;gap:6px;min-width:0}
.style-choice__title{display:block;color:#101b2e;font-size:14px;font-weight:600;line-height:1.35}
.style-choice__title::before{content:'';display:inline-block;width:10px;height:10px;margin-right:6px;border:1px solid #a9a69e;border-radius:50%}
.style-choice[aria-checked="true"] .style-choice__title::before{background:#101b2e;border:2px solid #fff9ef;outline:1px solid #ba852c}
.style-choice__description{display:block;color:#626a74;font-size:12px;line-height:1.45}
.style-direction-workspace .color-section{padding-top:24px;border-top:1px solid #d8d4cc}
.color-section-copy{margin:0 0 16px}.color-section-copy h2{font:600 18px/1.4 var(--ui);margin:0 0 6px;color:#101b2e;letter-spacing:-.02em}.color-section-copy p{font-size:14px;color:#626a74;line-height:1.5;margin:0}
.style-direction-workspace .color-choice-grid{display:flex;flex-wrap:wrap;gap:8px}
.style-direction-workspace .color-choice{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:9px;min-height:44px;min-width:0;margin:0;padding:8px 12px;border:1px solid #d8d4cc;border-radius:8px;background:#fcfbf8;color:#101b2e;font:500 13px/1.4 var(--ui);text-align:left;box-shadow:none;transform:none}
.style-direction-workspace .color-choice[aria-checked="true"]{border-color:#ba852c;background:#fff9ef}
.style-direction-workspace .color-choice[aria-checked="true"]::after{content:'✓';font-size:12px}
.color-choice__swatch{display:block;flex:none;width:16px;height:16px;border:1px solid #101b2e22;border-radius:50%}
.style-direction-workspace :is(.style-choice,.color-choice):focus-visible{outline:2px solid #101b2e;outline-offset:3px}
/* Palette changes preserve each recipe's light/dark surface and contrast. */
.site-preview.color--warm .site-preview__copy,.site-preview.color--cool .site-preview__copy{background:linear-gradient(145deg,var(--p-surface),color-mix(in srgb,var(--p-surface) 88%,var(--p-accent)))}
.site-preview.color--soft-gradient .site-preview__copy{background:linear-gradient(125deg,color-mix(in srgb,var(--p-surface) 92%,#d99522),var(--p-surface) 49%,color-mix(in srgb,var(--p-surface) 92%,#aac8d8))}
.site-preview .site-preview__eyebrow,.site-preview .site-preview__proof:after{color:var(--p-detail-ink,var(--p-ink))}
.site-preview__visual figcaption{padding:28px 12px 12px;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.78));text-shadow:none}
.site-preview .site-preview__primary-cta{color:var(--p-button-ink,#fffdf8)}
.site-preview.preview--warm-human .site-preview__primary-cta{color:#fffdf8}
.site-preview.preview--minimal-editorial .site-preview__primary-cta,.site-preview.preview--premium-dark .site-preview__primary-cta{color:var(--p-ink)}
.site-preview.preview--bold-modern .site-preview__nav{color:var(--p-button-ink,#101820)}
.site-preview.nav--cta .site-preview__nav-cta{color:var(--p-button-ink,#fffdf8)}
.style-direction-workspace .preview--premium-dark .site-preview__hero{grid-template-columns:1fr 1fr}
.style-direction-workspace .preview--premium-dark .site-preview__visual{grid-row:1;grid-column:1;margin:20px 0 20px 20px}
.style-direction-workspace .preview--premium-dark .site-preview__copy{grid-column:2;grid-row:1}
.style-direction-workspace .preview--premium-dark .site-preview__links span:nth-child(n+2){display:none}
.preview--premium-dark .site-preview__primary-cta{border-color:var(--p-ink)}
.explorer-topbar{background:#f7f4ee}.explorer-progress{height:2px;padding-bottom:0}
@media(max-width:1200px){.style-direction-workspace .style-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1023px){
.style-direction-stage.active{grid-template-columns:1fr;gap:28px;padding-top:0}
.style-direction-context h1{max-width:20ch;font-size:42px}
.style-direction-context .step-lede{max-width:48ch}
.style-direction-workspace .site-preview__hero{min-height:360px}
}
@media(max-width:600px){
.style-direction-context h1{font-size:36px;max-width:15ch}
.style-direction-workspace .style-choice-grid{grid-template-columns:1fr}
.style-direction-workspace .style-choice{grid-template-columns:86px minmax(0,1fr);grid-template-rows:1fr;align-items:center;min-height:104px;gap:14px}
.style-choice__sample{min-height:78px}.style-choice__title{font-size:15px}.style-choice__description{font-size:14px}
.style-direction-workspace .color-choice{font-size:14px;flex:1 1 130px}
.style-direction-workspace .site-preview__hero{grid-template-columns:1fr;min-height:0}
.style-direction-workspace .site-preview__copy{padding:26px 22px}
.style-direction-workspace .site-preview__copy h2{font-size:34px;max-width:18ch}
.style-direction-workspace .site-preview__visual{min-height:160px;max-height:200px}
.style-direction-workspace .site-preview.preview--premium-dark .site-preview__visual{grid-column:auto;grid-row:auto;order:-1;margin:14px}
.style-direction-workspace .site-preview.preview--premium-dark .site-preview__copy{grid-column:auto;grid-row:auto}
.style-direction-workspace .site-preview__links{display:none}
.style-direction-workspace .site-preview__proof{display:block}.style-direction-workspace .site-preview__proof:after{display:block;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.style-direction-workspace :is(.style-choice,.color-choice){transition:none}}


.site-preview.preview--premium-dark .site-preview__proof{background:var(--p-surface)}


#explorer-save-state{margin:0 0 14px;color:#68707a;font-size:13px;line-height:1.5}#explorer-save-state:empty{display:none}


.review-compact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,5vw,72px);align-items:start;max-width:1180px;margin:0 auto;padding:12px 0 44px}
.review-summary-compact{grid-column:1;grid-row:1;min-width:0}
.review-kicker{margin:0 0 16px;color:#80601f;font:600 11px/1.4 var(--ui);letter-spacing:.14em;text-transform:uppercase}
.review-summary-compact h1{font:400 clamp(40px,3.8vw,52px)/1.08 var(--ui);letter-spacing:-.04em;margin:0 0 20px;max-width:14ch}
.review-business-name{margin:0 0 10px;color:#101b2e;font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere}
.review-tags{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0;padding:0;list-style:none}.review-tags li{color:#59616a;font-size:15px;line-height:1.4}.review-tags li+li::before{content:'·';color:#8b8478;margin-right:12px}
.review-actions{grid-column:1;grid-row:2;min-width:0;margin-top:24px;align-self:start}
.review-primary{appearance:none;display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:12px 20px;border:1px solid #101b2e;border-radius:8px;background:#101b2e;color:#fffdf8;font:600 15px/1.4 var(--ui);cursor:pointer}.review-primary:disabled{opacity:.65;cursor:wait}
.review-text-action{appearance:none;display:block;min-height:44px;padding:10px 0;margin-top:16px;background:transparent;border:0;color:#59616a;font:500 14px/1.5 var(--ui);text-decoration:underline;text-underline-offset:4px;text-align:left}
.review-snapshot{grid-column:2;grid-row:1/3;min-width:0;width:100%;aspect-ratio:4/3;max-height:420px;overflow:hidden;border:1px solid #d8d4cc;border-radius:14px;container-type:inline-size;pointer-events:none}
.review-snapshot #review-preview{width:100%;height:100%}.review-snapshot .site-preview{display:flex;flex-direction:column;box-shadow:none;border-radius:0;height:100%;min-height:0}
.review-snapshot .site-preview__nav{min-height:44px;padding:0 6%;font-size:9px}.review-snapshot .site-preview__brand{font-size:20px}.review-snapshot .site-preview__links{display:none}
.review-snapshot .site-preview__hero{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}
.review-snapshot .site-preview__visual{order:-1;grid-row:auto;grid-column:auto;min-height:0;height:clamp(90px,28cqw,150px);max-height:none;flex:none;margin:10px 14px 0;overflow:hidden}
.review-snapshot .site-preview__visual img{height:100%;width:100%;object-fit:cover}
.review-snapshot .site-preview__copy{display:flex;align-items:flex-start;justify-content:start;padding:14px 6% 18px;grid-column:auto;grid-row:auto;min-width:0}
.review-snapshot .site-preview__copy h2{font-size:clamp(22px,5.8cqw,32px);line-height:1.05;max-width:22ch;margin:0;letter-spacing:-.025em}
.review-snapshot .site-preview__body,.review-snapshot .site-preview__eyebrow,.review-snapshot .site-preview__proof,.review-snapshot figcaption{display:none}
.review-snapshot .site-preview__primary-cta{font-size:10px;min-height:28px;margin-top:10px;padding:0 9px}
.review-snapshot .site-preview__nav-cta{display:inline-block;max-width:45%;font-size:9px}
.review-snapshot .site-preview__primary-cta{display:none}
.direction-email-form{margin:0;padding:0;max-width:470px}.direction-email-form[hidden],#email-direction[hidden],#review-project-followup[hidden]{display:none}
.direction-email-form h3{font:500 22px/1.35 var(--ui);margin:0 0 18px}.direction-email-form label{display:block;font-size:14px;margin-bottom:14px}.direction-email-form label span{color:#626a74}.direction-email-form input:not([type="hidden"]){display:block;width:100%;min-height:48px;margin-top:6px;padding:10px 12px;border:1px solid #aaa99f;border-radius:6px;background:#fffdf8;color:#101b2e;font-size:16px}
.direction-email-names{display:grid;grid-template-columns:1fr 1fr;gap:14px}.direction-email-form .review-text-action{display:inline-block;margin:0 0 0 16px}.review-form-note{color:#626a74;font-size:13px;margin:12px 0 0}
#direction-email-result:empty{display:none}#direction-email-result{font-size:15px;line-height:1.5;margin:16px 0}#direction-email-result h3{font:500 22px/1.35 var(--ui);margin:0 0 12px}#review-project-followup p{margin:0 0 16px;color:#59616a;font-size:15px}
@media(max-width:760px){.review-left-col{display:contents}.review-compact-layout{grid-template-columns:1fr;gap:24px;max-width:620px;padding:0 12px 32px}.review-summary-compact{grid-column:1;grid-row:1}.review-summary-compact h1{font-size:36px;max-width:17ch}.review-snapshot{grid-column:1;grid-row:2;aspect-ratio:16/10;max-height:280px}.review-actions{grid-column:1;grid-row:3;margin:0}.review-primary{width:100%}.review-snapshot .site-preview__nav{min-height:36px}.review-snapshot .site-preview__visual{height:clamp(68px,24cqw,115px);margin:8px 10px 0}.review-snapshot .site-preview__copy{padding:10px 6% 14px}.review-snapshot .site-preview__copy h2{font-size:clamp(20px,5.7cqw,28px)}}
.review-snapshot .site-preview__nav{flex-shrink:0}.review-snapshot .site-preview__visual{flex:1 1 auto;height:auto;min-height:36px}.review-snapshot .site-preview__copy{flex:0 0 auto}.review-snapshot .site-preview__copy h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:560px){.review-tags{display:grid;gap:6px}.review-tags li+li::before{display:none}.direction-email-names{grid-template-columns:1fr;gap:0}}



/* V9 Style Library: quiet controls; persistent, expressive preview recipes. */
.library-stage.active{grid-template-columns:minmax(310px,.85fr) minmax(0,1.45fr);gap:clamp(28px,4vw,64px)}
.library-controls{min-width:0}.library-intro{margin-bottom:24px}.library-intro .step-eyebrow{margin:0 0 14px;color:#80601f;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.library-intro h1{font:400 clamp(32px,3vw,44px)/1.08 var(--ui);margin:0 0 14px;letter-spacing:-.035em}.library-intro .step-lede{font-size:15px;line-height:1.5;color:#59616a;margin:0}
.library-workspace{position:sticky;top:96px;min-width:0}.library-workspace .live-preview-shell{margin-bottom:0;max-height:calc(100dvh - 220px);min-height:440px;overflow:auto;scrollbar-width:thin}.library-preview-note{font-size:12px;color:#626a74;margin:12px 0 0}
.library-group{border-top:1px solid #d8d4cc}.library-group:last-child{border-bottom:1px solid #d8d4cc}.library-group summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:60px;cursor:pointer;font:600 15px/1.4 var(--ui)}.library-group summary::-webkit-details-marker{display:none}.library-group summary>span:first-child{flex:1}.library-group summary small{font-size:10px;color:#7a756b;margin-right:8px;font-weight:400;font-variant-numeric:tabular-nums}.library-group-value{max-width:48%;color:#626a74;font-size:12px;font-weight:400;text-align:right}.library-group-value:after{content:' +';color:#80601f}.library-group[open] .library-group-value:after{content:' −'}.library-secondary:not([open]) summary{font-weight:400}.library-group-body{padding:2px 0 22px}
.library-family-grid,.library-extra-families{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-extra-families{grid-column:1/-1}.library-extra-families[hidden],.library-palette[hidden]{display:none!important}
.library-family,.library-palette,.library-type,.library-surface,.library-segments button{appearance:none;margin:0;border:1px solid #d7d2c8;border-radius:7px;background:#fcfbf8;color:#101b2e;font:inherit;text-align:left;cursor:pointer;box-shadow:none;min-width:0;transition:border-color .16s,background .16s}
.library-family{display:flex;flex-direction:column;gap:7px;padding:10px;min-height:160px}.library-family strong{font-size:14px;font-weight:600;line-height:1.35}.library-family>span:last-child{font-size:12px;line-height:1.45;color:#626a74}
.library-stage :is([aria-pressed="true"],[aria-checked="true"]),.library-stage [aria-selected="true"]{border-color:#ad7b2c;background:#fff8ec}.library-stage :is([aria-pressed="true"],[aria-checked="true"]) strong:after{content:' ✓';color:#80601f;font-size:12px}
.library-stage button:focus-visible,.library-stage summary:focus-visible{outline:2px solid #101b2e;outline-offset:3px}.library-stage button:hover{border-color:#9d9383}
.family-swatch{display:block;position:relative;height:65px;border-radius:3px;overflow:hidden;background:#eee4d2;color:#554532}.family-swatch i{position:absolute;top:16px;left:10px;width:40%;height:3px;background:currentColor;box-shadow:0 8px currentColor,0 16px currentColor;opacity:.75}.family-swatch b{position:absolute;right:8px;top:8px;width:32%;height:49px;background:currentColor;opacity:.28}.swatch-editorial-warmth b{border-radius:28px 4px 4px}.swatch-coastal-contrast{background:#edf2f2;color:#204d61}.swatch-coastal-contrast b{width:45%;right:0;top:0;height:100%}.swatch-monochrome-modern{background:#ecece7;color:#272a28}.swatch-monochrome-modern i{height:7px}.swatch-monochrome-modern b{border:2px solid currentColor;background:transparent;opacity:.8}.swatch-soft-natural{background:#e3e6d4;color:#5c6c48}.swatch-soft-natural b{border-radius:50% 50% 12% 12%;transform:rotate(-12deg)}.swatch-electric-studio{background:#182133;color:#e9be4b}.swatch-electric-studio b{height:90px;top:-15px;right:12%;transform:rotate(24deg);opacity:.9}.swatch-heritage-craft{background:#eee2cf;color:#735436}.swatch-heritage-craft b{background:transparent;border:5px double currentColor;opacity:.7}
.library-text-button{grid-column:1/-1;appearance:none;background:transparent;border:0;color:#59616a;font:500 13px/1.4 var(--ui);padding:10px 0;min-height:44px;text-align:left;text-decoration:underline;text-underline-offset:4px}
.library-palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.library-palette{padding:8px;min-height:86px}.library-palette strong{font-size:12px;line-height:1.3;font-weight:500}.palette-sample{display:flex;height:30px;margin-bottom:8px;overflow:hidden;border:1px solid #101b2e12;border-radius:3px}.palette-sample i{flex:1;background:var(--swatch)}
.library-type-grid,.library-surface-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-type,.library-surface{padding:10px;display:flex;flex-direction:column;gap:6px;min-height:135px}.library-type>span{font:22px/1.12 Georgia,serif;min-height:57px;display:block;color:#29332f}.library-type strong,.library-surface strong{font-size:13px;line-height:1.4}.library-type small,.library-surface small{font:12px/1.4 var(--ui);color:#626a74}.type-sample-clean-grotesk>span{font-family:Arial,sans-serif;font-weight:700;font-size:19px}.type-sample-soft-humanist>span{font-family:'Trebuchet MS',sans-serif}.type-sample-contrast-display>span{font-style:italic;font-size:25px}
.surface-sample{display:block;height:50px;border:1px solid #d7d2c8;border-radius:3px;background:#f3eee4}.sample-grain-ink{background:radial-gradient(#8a7b6540 .6px,transparent .9px) 0 0/4px 4px,#f3eee4}.sample-soft-wash{background:linear-gradient(135deg,#e5d6b6,#f7f0e1 48%,#cad9d8)}.sample-tactile-canvas{background:repeating-linear-gradient(0deg,#8a7b6520 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#8a7b6520 0 1px,#f3eee4 1px 4px)}
.library-segments{display:flex;gap:6px;flex-wrap:wrap}.library-segments button{min-height:44px;flex:1;padding:10px 9px;text-align:center;font:500 13px/1.4 var(--ui)}.library-helper{margin:0 0 12px;color:#626a74;font-size:13px}
.preview-shell,.live-preview-shell,#brand-preview,#review-preview{container-type:inline-size}
[data-preview-page][hidden]{display:none!important}.preview-page{min-width:0}
.site-preview.library-preview{--library-display:Georgia,serif;--library-body:var(--ui);--library-label:var(--ui);--p-display:var(--library-display);--intensity-scale:1;--intensity-space:1;--texture:.04;--surface-shadow:0 0 0 transparent;--family-radius:10px;--p-radius:var(--family-radius);--p-btn-radius:var(--family-radius);font-family:var(--library-body);position:relative;isolation:isolate;box-shadow:var(--surface-shadow)}
.library-preview:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;opacity:var(--texture);mix-blend-mode:multiply;background:var(--surface-texture,none)}
.library-preview .site-preview__nav{font-family:var(--library-label);background:var(--p-bg);color:var(--p-ink);border-bottom:1px solid var(--p-line)}
.library-preview .site-preview__copy,.library-preview .library-page{background:var(--p-surface);color:var(--p-ink)}
.library-preview .site-preview__copy{padding:clamp(22px,calc(4.5cqw * var(--intensity-space)),58px)}
.library-preview .site-preview__copy h2,.library-preview .library-page-title{font-family:var(--p-display);font-size:clamp(30px,calc(5.2cqw * var(--intensity-scale)),62px);font-weight:var(--library-weight,400);line-height:var(--library-leading,1.05);letter-spacing:var(--library-tracking,-.03em);text-transform:none;max-width:17ch}
.library-preview .site-preview__primary-cta{border-radius:var(--p-btn-radius);background:var(--p-accent);border:1px solid var(--p-accent);padding:0 14px;color:var(--p-button-ink);min-height:38px;font-family:var(--library-label)}
.library-preview .site-preview__eyebrow,.library-preview .site-preview__proof:after{color:var(--p-ink)}.library-preview .site-preview__proof{background:var(--p-bg);color:var(--p-muted);border-top:1px solid var(--p-line)}
.library-preview .site-preview__visual{border-radius:var(--p-radius);filter:none}.library-preview .site-preview__visual img{filter:var(--p-filter);transform:none}.library-preview .site-preview__visual:after{background:var(--p-overlay)}
.library-preview.family--editorial-warmth{--family-radius:14px;--p-filter:saturate(.8) sepia(.08);--p-overlay:#c7955420}.library-preview.family--editorial-warmth .site-preview__hero{grid-template-columns:1.05fr .95fr}.library-preview.family--editorial-warmth .site-preview__visual{margin:18px 18px 18px 0;border-radius:50px 12px 12px}
.library-preview.family--coastal-contrast{--family-radius:3px;--p-filter:saturate(.7) contrast(1.07);--p-overlay:#24638315}.library-preview.family--coastal-contrast .site-preview__hero{grid-template-columns:.95fr 1.05fr}.library-preview.family--coastal-contrast .site-preview__visual{order:-1;margin:0;border-radius:0}.library-preview.family--coastal-contrast .site-preview__copy{border-left:4px solid var(--p-accent)}
.library-preview.family--monochrome-modern{--family-radius:0px;--p-filter:grayscale(1) contrast(1.15);--p-overlay:transparent;--library-weight:600}.library-preview.family--monochrome-modern .site-preview__hero{grid-template-columns:1fr}.library-preview.family--monochrome-modern .site-preview__visual{height:210px;min-height:0;order:2;margin:0 24px 24px;border-radius:0}.library-preview.family--monochrome-modern .site-preview__copy h2{max-width:20ch}.library-preview.family--monochrome-modern .site-preview__nav{border-bottom:2px solid var(--p-ink)}
.library-preview.family--soft-natural{--family-radius:24px;--p-filter:saturate(.7) brightness(1.05);--p-overlay:#98ad5922}.library-preview.family--soft-natural .site-preview__hero{grid-template-columns:1fr .9fr}.library-preview.family--soft-natural .site-preview__visual{margin:24px 18px 24px 0;border-radius:90px 90px 28px 28px}.library-preview.family--soft-natural .site-preview__proof{border:0}
.library-preview.family--electric-studio{--family-radius:0px;--library-weight:700;--library-leading:.97;--p-filter:contrast(1.2) saturate(1.1);--p-overlay:#6c40a515}.library-preview.family--electric-studio .site-preview__hero{grid-template-columns:1.2fr .8fr}.library-preview.family--electric-studio .site-preview__visual{margin:0;border-radius:0;border-left:8px solid var(--p-accent)}.library-preview.family--electric-studio .site-preview__nav{background:var(--p-accent);color:var(--p-button-ink)}
.library-preview.family--heritage-craft{--family-radius:2px;--p-filter:sepia(.38) saturate(.65);--p-overlay:#916c3020}.library-preview.family--heritage-craft .site-preview__hero{grid-template-columns:.9fr 1.1fr}.library-preview.family--heritage-craft .site-preview__visual{grid-column:auto;grid-row:auto;order:-1;margin:20px;border:4px double var(--p-line);border-radius:0}.library-preview.family--heritage-craft .site-preview__copy{grid-column:auto;grid-row:auto}.library-preview.family--heritage-craft .site-preview__nav{border-bottom:3px double var(--p-line)}
.library-preview.library-type--editorial-serif{--library-display:'DM Serif Display',Georgia,serif;--library-body:var(--ui);--library-label:var(--ui);--library-weight:400}
.library-preview.library-type--clean-grotesk{--library-display:Arial,Helvetica,sans-serif;--library-body:Arial,Helvetica,sans-serif;--library-label:Arial,sans-serif;--library-weight:700;--library-tracking:-.045em}
.library-preview.library-type--soft-humanist{--library-display:'Trebuchet MS',Calibri,sans-serif;--library-body:'Trebuchet MS',Calibri,sans-serif;--library-label:var(--ui);--library-weight:400;--library-tracking:-.02em;--library-leading:1.12}
.library-preview.library-type--contrast-display{--library-display:Didot,'Bodoni MT',Georgia,serif;--library-body:var(--ui);--library-label:var(--ui);--library-weight:400;--library-tracking:-.055em}.library-preview.library-type--contrast-display .site-preview__copy h2,.library-preview.library-type--contrast-display .library-page-title{font-style:italic}
.library-preview.surface--clean-paper{--surface-texture:none;--surface-shadow:0 0 0 transparent}
.library-preview.surface--grain-ink{--surface-texture:radial-gradient(currentColor .6px,transparent 1px);background-size:4px 4px}.library-preview.surface--grain-ink:before{background-size:4px 4px}
.library-preview.surface--soft-wash{--surface-texture:linear-gradient(140deg,var(--p-accent),transparent 45%,#7da7b1)}.library-preview.surface--soft-wash .site-preview__copy,.library-preview.surface--soft-wash .library-page{background:linear-gradient(140deg,color-mix(in srgb,var(--p-surface) 92%,var(--p-accent)),var(--p-surface) 70%)}
.library-preview.surface--tactile-canvas{--surface-texture:repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 5px);--surface-shadow:inset 0 0 0 1px var(--p-line)}
.library-preview.intensity--quiet{--intensity-scale:.88;--intensity-space:.85;--texture:.025}.library-preview.intensity--quiet .site-preview__primary-cta{background:transparent;border-color:var(--p-ink);color:var(--p-ink)}
.library-preview.intensity--balanced{--intensity-scale:1;--intensity-space:1;--texture:.055}
.library-preview.intensity--expressive{--intensity-scale:1.13;--intensity-space:1.13;--texture:.10}.library-preview.intensity--expressive .site-preview__proof{border-bottom:4px solid var(--p-accent)}
/* Brand Feel remains a later, intentional refinement of the selected library recipe. */
.library-preview.type--modern{--library-body:Arial,sans-serif;--library-label:Arial,sans-serif}.library-preview.type--classic{--library-body:Georgia,serif}.library-preview.type--editorial{--library-body:Georgia,serif;--library-label:var(--ui)}
.library-preview.corners--sharp{--p-radius:0px}.library-preview.corners--soft{--p-radius:11px}.library-preview.corners--rounded{--p-radius:24px}.library-preview.buttons--square{--p-btn-radius:0px}.library-preview.buttons--soft{--p-btn-radius:10px}.library-preview.buttons--pill{--p-btn-radius:999px}
.library-preview.images--full .site-preview__visual{margin:0;border-radius:0}.library-preview.images--rounded .site-preview__visual{margin:14px;border-radius:var(--p-radius)}.library-preview.images--framed .site-preview__visual{margin:18px;border:1px solid var(--p-line);border-radius:0}
.library-preview.spacing--spacious .site-preview__copy{padding:clamp(28px,6cqw,72px)}.library-preview.spacing--compact .site-preview__copy{padding:22px}
.library-page{padding:clamp(24px,4cqw,52px);min-height:440px}.library-page-label{font:500 10px/1.5 var(--library-label);letter-spacing:.15em;text-transform:uppercase;margin:0 0 16px;color:var(--p-ink)}.library-page-title{margin:0 0 20px}.library-page-body,.library-story-note p{font-size:15px;line-height:1.6;color:var(--p-muted);max-width:42ch}.library-page-visual{margin:0;min-width:0;overflow:hidden;border-radius:var(--p-radius);border:1px solid var(--p-line)}.library-page-visual img{display:block;width:100%;height:100%;max-height:300px;object-fit:cover;filter:var(--p-filter)}
.library-offer{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.library-offer-notes{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid var(--p-line);padding-top:22px}.library-offer-notes h3,.library-contact-steps h3{font:500 17px/1.4 var(--p-display);margin:0 0 8px}.library-offer-notes p{font-size:13px;color:var(--p-muted);margin:0;line-height:1.5}
.library-story{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.library-story>.library-page-label,.library-story>.library-page-title{grid-column:1/-1}.library-story-note{align-self:center}.library-page-brand{font:500 16px/1.4 var(--p-display)}
.library-contact{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.library-contact-steps{border-left:1px solid var(--p-line);padding-left:24px;align-self:center}.library-contact-steps dl{margin:20px 0}.library-contact-steps dl>div{padding:12px 0;border-top:1px solid var(--p-line)}.library-contact-steps dt{font-size:12px;color:var(--p-ink)}.library-contact-steps dd{font-size:14px;margin:6px 0 0;color:var(--p-muted);line-height:1.45}
.review-snapshot .library-preview .preview-page{min-height:0;flex:1;overflow:hidden}.review-snapshot .library-preview .site-preview__hero{display:flex;flex-direction:column;height:100%;min-height:0}.review-snapshot .library-preview .site-preview__visual{order:-1;min-height:36px;height:auto;flex:1;margin:8px 12px;border-width:1px;border-radius:var(--p-radius)}.review-snapshot .library-preview .site-preview__copy{padding:12px 6%;flex:none}.review-snapshot .library-preview .site-preview__copy h2{font-size:clamp(20px,5.7cqw,30px)}.review-snapshot .library-preview .library-page{display:block;padding:18px;min-height:0}.review-snapshot .library-preview .library-page-title{font-size:clamp(20px,5.7cqw,30px)}.review-snapshot .library-preview .library-page-visual{height:120px}.review-snapshot .library-preview .library-page-body,.review-snapshot .library-preview .library-offer-notes,.review-snapshot .library-preview .library-story-note,.review-snapshot .library-preview .library-contact-steps{display:none}
@media(max-width:1100px){.library-stage.active{grid-template-columns:minmax(290px,.85fr) minmax(0,1.15fr);gap:28px}.library-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-workspace .library-preview .site-preview__hero{grid-template-columns:1fr}.library-workspace .library-preview .site-preview__visual{order:2;min-height:190px;max-height:240px;margin:0 20px 20px}.library-page{min-height:0}.library-offer,.library-story,.library-contact{grid-template-columns:1fr}.library-contact-steps{border-left:0;border-top:1px solid var(--p-line);padding:20px 0 0}.library-story>.library-page-label,.library-story>.library-page-title{grid-column:1}.library-page-visual{max-height:200px}.library-page-visual img{max-height:200px}}
@media(max-width:850px){.library-stage.active{grid-template-columns:1fr;gap:24px}.library-controls{display:contents}.library-intro{grid-row:1;margin:0}.library-workspace{grid-row:2;position:static}.library-workspace .live-preview-shell{min-height:300px;max-height:470px}.library-workspace .library-preview .site-preview__copy h2{font-size:clamp(30px,6cqw,42px)}#library-groups{grid-row:3}.library-family-grid,.library-extra-families{grid-template-columns:repeat(2,minmax(0,1fr))}.library-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-family>span:last-child{font-size:13px}.library-preview-note{display:none}}
@media(max-width:420px){.library-family-grid,.library-extra-families{gap:8px}.library-family{padding:8px;min-height:158px}.library-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-type-grid,.library-surface-grid{gap:8px}.library-segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.library-group-value{font-size:11px}.library-group summary{font-size:14px}.library-page{padding:22px}.library-offer-notes{grid-template-columns:1fr}.library-type>span{font-size:21px}}
@media(prefers-reduced-motion:reduce){.library-stage button,.library-preview,.library-preview *{transition:none!important;animation:none!important}}

.site-preview.library-preview.palette--sun-washed{--p-bg:#fbf4e9;--p-surface:#fffaf2;--p-ink:#292f30;--p-muted:#626668;--p-accent:#ad6139;--p-line:#101b2e30}

.site-preview.library-preview.palette--ink-salt{--p-bg:#edf3f3;--p-surface:#f8fbfa;--p-ink:#152c39;--p-muted:#526773;--p-accent:#235b75;--p-line:#101b2e30}

.site-preview.library-preview.palette--mineral-neutral{--p-bg:#eeede8;--p-surface:#faf9f5;--p-ink:#222625;--p-muted:#626760;--p-accent:#555b55;--p-line:#101b2e30}

.site-preview.library-preview.palette--moss-clay{--p-bg:#edeedf;--p-surface:#f8f6ec;--p-ink:#273a2c;--p-muted:#5d6758;--p-accent:#576c41;--p-line:#101b2e30}

.site-preview.library-preview.palette--night-signal{--p-bg:#151b25;--p-surface:#202938;--p-ink:#f6f1e5;--p-muted:#c7ced6;--p-accent:#edb44f;--p-line:#ffffff38}

.site-preview.library-preview.palette--paper-patina{--p-bg:#efe6d5;--p-surface:#faf2e3;--p-ink:#3a3027;--p-muted:#706150;--p-accent:#925837;--p-line:#101b2e30}



.library-preview.motion--interactive .site-preview__visual img{transform:scale(1.04)}
.library-preview.nav--traditional .site-preview__links{display:flex}
.library-preview.nav--traditional .site-preview__links span{display:inline}
.library-preview.nav--minimal .site-preview__links span:nth-child(n+2){display:none}
.library-preview.nav--cta .site-preview__links{display:none}
.library-preview.nav--cta .site-preview__nav-cta{display:inline-block}
.site-preview.library-preview.avoid--dark.palette--night-signal{--p-bg:#eeede8;--p-surface:#faf9f5;--p-ink:#222625;--p-muted:#626760;--p-accent:#555b55;--p-line:#101b2e30}
.library-preview.avoid--colorful{--p-accent:#606760!important}.library-preview.avoid--busy:before{opacity:0}


.explorer-topbar{top:0;z-index:40}
.explorer-topbar__inner{min-height:48px;grid-template-columns:1fr auto;gap:12px}
.explorer-step-context{display:flex;align-items:center;gap:10px;min-width:0}
.explorer-step-name{font-size:11px;letter-spacing:.06em}
.explorer-step-count{font-size:12px;white-space:nowrap}
.explorer-progress{width:100%;height:2px;padding:0;gap:3px}
.explorer-page{padding-top:clamp(24px,4vw,46px)}
#dock{inset:auto 0 0;width:100%;min-height:0;transform:none;padding:0 max(12px,env(safe-area-inset-left),env(safe-area-inset-right));}
#dock .explorer-bottom-dock__inner{display:flex;justify-content:center;align-items:center;gap:12px;width:min(100%,480px);min-height:0;margin-inline:auto;padding:10px 0 calc(10px + env(safe-area-inset-bottom));}
#dock #back,#dock #next{grid-area:auto;flex:1 1 0;min-width:0;width:auto;max-width:234px;min-height:48px;margin:0;justify-content:center;white-space:normal;text-align:center;}
#dock #back{display:inline-flex!important;border:1px solid var(--line);border-radius:12px;color:var(--ink);}
#dock #back[hidden]{display:none!important}
#dock #dock-message{display:none!important}
@media(max-width:480px){.explorer-topbar__inner{width:calc(100% - 24px);gap:6px}.topbar-actions{gap:2px}.explorer-step-context{gap:6px}.explorer-step-name{font-size:10px}.explorer-step-count{font-size:11px}#dock .explorer-bottom-dock__inner{gap:10px}}


#site-header-host{display:block;height:72px;position:relative;z-index:100}.explorer-topbar{top:72px}.preview-panel,.brand-feel-stage__preview{top:136px}.brand-feel-stage__preview{max-height:calc(100dvh - 136px - var(--dock-clearance,80px))}#site-footer-host{display:block;background:#222224;padding-bottom:var(--dock-clearance,80px)}html{scroll-padding-top:136px}

@font-face {font-family:'Roboto';font-style:normal;font-weight:300;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/greek/wght/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:300;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/math/wght/normal.woff2);unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:300;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:300;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:300;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/greek-ext/wght/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:300;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:300;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:300;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:300;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/symbols/wght/normal.woff2);unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/greek/wght/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/greek-ext/wght/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/math/wght/normal.woff2);unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/symbols/wght/normal.woff2);unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/greek/wght/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/symbols/wght/normal.woff2);unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/greek-ext/wght/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/math/wght/normal.woff2);unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:600;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/greek-ext/wght/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:600;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/greek/wght/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:600;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/symbols/wght/normal.woff2);unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:600;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:600;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:600;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:600;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:600;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/math/wght/normal.woff2);unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:600;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/greek-ext/wght/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/math/wght/normal.woff2);unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/greek/wght/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://blacksanddigital.com/cf-fonts/v/roboto/5.2.10/symbols/wght/normal.woff2);unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;font-display:swap;}


:root{--dock-ink:#171714;--dock-paper:#f5f1e9;--dock-line:rgba(23,23,20,.16);--dock-focus:#5c69e8;--dock-max-width:34rem}
#dock.explorer-bottom-dock{position:fixed;inset:auto 0 0;z-index:90;width:100%;min-height:0;box-sizing:border-box;padding:.875rem max(.875rem,env(safe-area-inset-left),env(safe-area-inset-right)) max(.875rem,env(safe-area-inset-bottom));border-top:1px solid var(--dock-line);background:rgba(245,241,233,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#dock .explorer-bottom-dock__inner{display:grid;grid-template-columns:minmax(0,30fr) minmax(0,70fr);gap:.5rem;width:min(100%,var(--dock-max-width));min-height:3.25rem;margin-inline:auto;padding:0}
#dock #back,#dock #next{display:inline-flex!important;grid-area:auto;width:100%;max-width:none;min-width:0;min-height:3.25rem;margin:0;align-items:center;justify-content:center;border:1px solid var(--dock-ink);border-radius:.25rem;appearance:none;cursor:pointer;font-family:var(--ui,Arial,sans-serif);font-size:.68rem;font-weight:650;letter-spacing:.1em;line-height:1;text-transform:uppercase;touch-action:manipulation;transition:transform 160ms cubic-bezier(.2,.8,.2,1),box-shadow 160ms ease,background-color 160ms ease,color 160ms ease}
#dock #back{color:var(--dock-ink);background:var(--dock-paper);padding:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 0 rgba(23,23,20,.08)}
#dock #next{justify-content:space-between;gap:1rem;padding-inline:clamp(1rem,3vw,1.5rem);color:var(--dock-paper);background:var(--dock-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.24),0 2px 0 rgba(23,23,20,.22),0 6px 18px rgba(23,23,20,.12)}
.explorer-dock-button__icon{width:1.25rem;height:1.25rem;transition:transform 160ms cubic-bezier(.2,.8,.2,1)}
.explorer-dock-button__arrow{flex:0 0 auto;width:1.125rem;height:1.125rem;transition:transform 180ms cubic-bezier(.2,.8,.2,1)}
@media(hover:hover){#dock #back:hover:not(:disabled){color:var(--dock-paper);background:var(--dock-ink);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 3px 10px rgba(23,23,20,.12)}#dock #back:hover:not(:disabled) .explorer-dock-button__icon{transform:translateX(-.2rem)}#dock #next:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.24),0 3px 0 rgba(23,23,20,.22),0 11px 24px rgba(23,23,20,.17)}#dock #next:hover:not(:disabled) .explorer-dock-button__arrow{transform:translateX(.25rem)}}
#dock #back:active:not(:disabled),#dock #next:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(0,0,0,.2),0 1px 0 rgba(23,23,20,.14)}
#dock #back:focus-visible,#dock #next:focus-visible{outline:2px solid var(--dock-focus);outline-offset:3px}
#dock #back:disabled,#dock #next:disabled{cursor:default;color:rgba(23,23,20,.3);border-color:rgba(23,23,20,.16);background:transparent;box-shadow:none;transform:none}
@media(max-width:479px){#dock.explorer-bottom-dock{padding-inline:max(.75rem,env(safe-area-inset-left),env(safe-area-inset-right))}#dock .explorer-bottom-dock__inner{min-height:3rem;gap:.375rem}#dock #back,#dock #next{min-height:3rem}#dock #next{gap:.5rem;padding-inline:.9rem}}
@media(prefers-reduced-motion:reduce){#dock #back,#dock #next,.explorer-dock-button__icon,.explorer-dock-button__arrow{transition:none!important}#dock #back,#dock #next,#dock .explorer-dock-button__icon,#dock .explorer-dock-button__arrow{transform:none!important}}


/* Miniature webpage: the frame and all content nodes persist across steps. */
.site-preview-frame{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#f4f1ea;container-type:inline-size}
.preview-mode-switch{display:flex;gap:3px;padding:7px;background:#f7f4ee;border-bottom:1px solid var(--line)}
.preview-mode-switch button{flex:1;min-width:0;min-height:36px;padding:5px;border:1px solid transparent;border-radius:4px;background:transparent;color:#60615d;font-size:11px;cursor:pointer}
.preview-mode-switch button[aria-selected="true"]{background:#fffdfa;border-color:#cfcbc3;color:#171714;font-weight:600}
.site-preview-scroll{--preview-height:clamp(420px,52vw,620px);height:var(--preview-height);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:#898780 #e9e5dd}
.site-preview-scroll:focus-visible{outline:2px solid #5c69e8;outline-offset:-3px}
.site-preview-scroll .multi-section-preview{height:auto!important;min-height:100%;display:block!important;box-shadow:none!important;border-radius:0}
.multi-section-preview .preview-page{display:block!important;height:auto!important;overflow:visible!important}
.multi-section-preview .site-preview-section{scroll-snap-align:start;min-height:calc(var(--preview-height) - 56px);height:auto;overflow:visible}
.site-preview-frame .multi-section-preview .site-preview__hero{min-height:calc(var(--preview-height) - 84px);height:auto;overflow:visible}
.multi-section-preview .site-preview__copy{min-width:0}
.multi-section-preview .site-preview__copy h2{overflow:visible;display:block;-webkit-line-clamp:unset}
.multi-section-preview .preview-secondary,.multi-section-preview .preview-tertiary{padding:clamp(28px,6cqw,54px) 7%;background:var(--p-bg);color:var(--p-ink);border-top:1px solid var(--p-line)}
.multi-section-preview .preview-tertiary{min-height:260px;background:var(--p-surface);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.multi-section-preview .preview-section-label{margin:0 0 14px;font-size:10px;letter-spacing:.13em;font-weight:600;color:var(--p-ink)}
.multi-section-preview .preview-secondary h3,.multi-section-preview .preview-tertiary h3{margin:0;max-width:20ch;font:400 clamp(24px,5.5cqw,40px)/1.12 var(--p-display);letter-spacing:-.025em}
.multi-section-preview .preview-secondary-note{max-width:48ch;margin:15px 0 0;color:var(--p-muted);font-size:13px;line-height:1.6}
.preview-content-grid{display:grid;gap:0;margin-top:28px;border-top:1px solid var(--p-line)}
.preview-content-item{min-width:0;padding:20px 0;border-bottom:1px solid var(--p-line)}
.preview-content-item h4{margin:8px 0;font:500 clamp(16px,3cqw,21px)/1.25 var(--p-display);color:var(--p-ink)}
.preview-content-item p{margin:0;font-size:13px;line-height:1.6;color:var(--p-muted);overflow-wrap:anywhere}
.preview-item-number{font-size:10px;letter-spacing:.12em;color:var(--p-ink)}
.preview-item-art{display:none;height:112px;margin-bottom:18px;overflow:hidden;position:relative;border:1px solid var(--p-line);background:var(--p-surface)}
.preview-item-art i{position:absolute;inset:20% 30%;border:1px solid var(--p-ink);border-radius:40% 40% 8% 8%;background:var(--p-accent);opacity:.65;transform:rotate(-8deg)}
.preview-content-item:nth-child(2) .preview-item-art i{inset:30% 18%;border-radius:50%;transform:rotate(8deg)}
.preview-content-item:nth-child(3) .preview-item-art i{inset:15% 35%;border-radius:4px;transform:rotate(14deg)}
.preview-secondary[data-layout="products"] .preview-item-art,.preview-secondary[data-layout="creative"] .preview-item-art{display:block}
.preview-secondary[data-layout="products"] .preview-content-grid,.preview-secondary[data-layout="creative"] .preview-content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-top:0}
.preview-secondary[data-layout="local"] .preview-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.preview-secondary[data-layout="local"] .preview-content-item:last-child{grid-column:1/-1}
.multi-section-preview .site-preview__proof{padding:0;border:0;background:transparent;color:var(--p-muted);font-size:13px;line-height:1.65;margin:18px 0 22px;display:block}
.multi-section-preview .site-preview__primary-cta{display:inline-flex}
/* Composition follows each recipe, while palette/type refinements stay authoritative. */
.multi-section-preview.preview--warm-human .preview-content-grid,.multi-section-preview.family--soft-natural .preview-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0}
.multi-section-preview.preview--warm-human .preview-content-item,.multi-section-preview.family--soft-natural .preview-content-item{padding:20px;border:1px solid var(--p-line);border-radius:var(--p-radius);background:var(--p-surface)}
.multi-section-preview.preview--bold-modern .preview-content-grid,.multi-section-preview.family--electric-studio .preview-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;border:2px solid var(--p-ink);background:var(--p-ink)}
.multi-section-preview.preview--bold-modern .preview-content-item,.multi-section-preview.family--electric-studio .preview-content-item{padding:20px;border:0;background:var(--p-bg)}
.multi-section-preview.preview--bold-modern .preview-secondary h3{font-weight:800;text-transform:uppercase;max-width:14ch}
.multi-section-preview.preview--premium-dark .preview-secondary{padding-block:64px}
.multi-section-preview.preview--premium-dark .preview-content-grid{grid-template-columns:1fr;border-top:1px solid var(--p-accent);gap:12px}
.multi-section-preview.preview--premium-dark .preview-content-item{padding:24px 0;background:transparent;border-bottom:1px solid var(--p-line)}
.multi-section-preview.family--heritage-craft .preview-content-grid{grid-template-columns:1fr;gap:0;border-top:4px double var(--p-line)}
.multi-section-preview.family--heritage-craft .preview-content-item{border-bottom:4px double var(--p-line);padding:24px 0;background:transparent}
.multi-section-preview.family--monochrome-modern .preview-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border:0}
.multi-section-preview.family--monochrome-modern .preview-content-item{border:1px solid var(--p-line);border-radius:0;padding:20px;background:var(--p-surface)}
.multi-section-preview.cards--raised .preview-content-item{box-shadow:0 5px 16px rgba(0,0,0,.12)}
.multi-section-preview.cards--bordered .preview-content-item{border:1px solid var(--p-line)}
.multi-section-preview.cards--flat .preview-content-item{box-shadow:none}
.multi-section-preview.spacing--spacious .preview-secondary{padding-block:64px}
.multi-section-preview.spacing--compact .preview-secondary{padding-block:28px}
.multi-section-preview.separator--space .preview-secondary,.multi-section-preview.separator--space .preview-tertiary{border-top:0}
.multi-section-preview.avoid--busy .preview-content-item{box-shadow:none}
.preview-fallback-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6%;background:var(--p-surface)}
.preview-fallback-art i{display:block;width:20%;height:45%;border:1px solid var(--p-ink);background:var(--p-accent);opacity:.35;transform:rotate(-12deg)}
.preview-fallback-art i:nth-child(2){height:65%;border-radius:50% 50% 0 0;transform:rotate(8deg)}
.preview-fallback-art i:nth-child(3){height:35%;border-radius:50%;transform:rotate(16deg)}
.site-preview__visual>.preview-image{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}
.site-preview__visual>.preview-image[hidden]{display:none}
.multi-section-preview .site-preview__visual figcaption{z-index:2}
.preview-scroll-cue{position:absolute;right:16px;bottom:14px;z-index:3;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.3);border-radius:99px;background:rgba(16,27,46,.88);color:#fffdf8;font-size:10px;letter-spacing:.06em;pointer-events:none;transition:opacity 180ms ease}
.site-preview-frame.is-scrolled .preview-scroll-cue{opacity:0}
.brand-feel-stage__preview{max-height:none!important;overflow:visible!important}
.review-snapshot{height:auto;max-height:none;aspect-ratio:auto;pointer-events:auto;overflow:visible}
.review-snapshot #review-preview{height:auto}
.review-snapshot .site-preview-scroll{--preview-height:420px}
.review-snapshot .multi-section-preview .site-preview__hero{display:grid;height:auto}
.review-snapshot .multi-section-preview .site-preview__visual{height:220px;min-height:180px;flex:none}
.review-snapshot .multi-section-preview .site-preview__copy{height:auto;display:flex;min-height:180px}
.review-snapshot .multi-section-preview .site-preview__copy h2{display:block;overflow:visible;-webkit-line-clamp:unset}
.review-snapshot .multi-section-preview .site-preview__body,.review-snapshot .multi-section-preview .site-preview__eyebrow{display:block}
.review-snapshot .multi-section-preview .site-preview__primary-cta{display:inline-flex}
@container(max-width:480px){.multi-section-preview .preview-content-grid{grid-template-columns:1fr!important}.multi-section-preview .preview-secondary h3{font-size:28px}.preview-secondary[data-layout="products"] .preview-item-art,.preview-secondary[data-layout="creative"] .preview-item-art{height:140px}}
@media(max-width:760px){.site-preview-scroll{--preview-height:clamp(360px,58svh,520px)}.review-snapshot .site-preview-scroll{--preview-height:360px}.preview-mode-switch button{min-height:40px;font-size:10px}.site-preview-frame .multi-section-preview .site-preview__hero{min-height:calc(var(--preview-height) - 80px)}}
@media(prefers-reduced-motion:reduce){.site-preview-scroll{scroll-behavior:auto}.preview-scroll-cue{transition:none}}


.preview-page-tools[hidden],.mini-preview-nav [hidden]{display:none!important}
.preview-page-caption{margin:0;padding:10px 12px 0;font-size:9px;letter-spacing:.12em;color:#66645f;background:#f7f4ee}
.nav-action-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.nav-action-sample{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:12px;color:#242723;background:#f4f1ea}
.nav-action-sample i{font-size:9px;font-style:normal;letter-spacing:.04em}.nav-action-sample span{font-size:10px}.nav-action-sample b{padding:6px 9px;background:#242723;color:#fffdfa;border-radius:4px;font-size:9px}
.nav-action-options small{display:block;margin-top:6px;color:#68705e;font-size:10px}.nav-action-options small[hidden]{display:none}.nav-action-options button:disabled{opacity:.45;cursor:not-allowed}
.multi-section-preview .mini-preview-nav{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 5%;min-height:68px;border-bottom:1px solid var(--p-line);background:var(--p-bg);color:var(--p-ink)}
.mini-preview-brand{min-width:0;max-width:40%;overflow-wrap:anywhere;font:400 clamp(17px,3.3cqw,25px)/1.15 var(--p-display);letter-spacing:-.02em;margin-right:auto}
.mini-preview-links,.mini-preview-actions{display:flex;align-items:center;gap:6px;min-width:0}
.mini-preview-nav button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:6px;border:0;border-radius:0;background:transparent;color:var(--p-ink);font:500 11px/1.3 var(--ui);cursor:pointer}
.mini-preview-nav button[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}
.mini-preview-nav button:focus-visible{outline:2px solid var(--p-ink);outline-offset:2px}
.mini-preview-nav [data-nav-action="cta"]{max-width:160px;padding:9px 12px;border:1px solid var(--p-ink);border-radius:var(--p-btn-radius);font-size:10px}
.mini-preview-nav[data-density="Minimal"] .mini-preview-links button:first-child{display:none}
.mini-preview-nav[data-density="Minimal"]{gap:6px;padding-block:16px}
.mini-preview-nav[data-density="CTA"] .mini-preview-links button:first-child{display:none}
.mini-preview-nav[data-density="CTA"] [data-nav-action="cta"]{background:var(--p-ink);color:var(--p-bg);font-weight:700}
.mini-preview-nav[data-density="Traditional"] [data-preview-menu]{display:none}
.mini-preview-nav[data-locked="true"] .mini-preview-links,.mini-preview-nav[data-locked="true"] .mini-preview-actions{display:none!important}
.mini-preview-nav[data-locked="true"] .mini-preview-brand{max-width:100%}
.mini-preview-menu-panel{flex:0 0 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 0 0;border-top:1px solid var(--p-line);background:var(--p-bg)}
.mini-preview-menu-panel button{justify-content:flex-start;padding:8px 12px}
.multi-section-preview.preview--warm-human .mini-preview-nav [data-nav-action="cta"]{border-radius:16px;background:var(--p-ink);color:var(--p-bg)}
.multi-section-preview.preview--warm-human .mini-preview-nav [data-nav-action="call"],.multi-section-preview.preview--warm-human .mini-preview-nav [data-nav-action="email"]{border-radius:12px;background:var(--p-surface);border:1px solid var(--p-line)}
.multi-section-preview.preview--bold-modern .mini-preview-nav{border-bottom:3px solid var(--p-ink)}
.multi-section-preview.preview--bold-modern .mini-preview-nav [data-nav-action="cta"],.multi-section-preview.preview--bold-modern .mini-preview-nav [data-nav-action="call"],.multi-section-preview.preview--bold-modern .mini-preview-nav [data-nav-action="email"]{background:var(--p-ink);color:var(--p-bg);border-radius:0;font-weight:800}
.multi-section-preview.preview--premium-dark .mini-preview-nav [data-nav-action="cta"]{background:transparent;color:var(--p-ink);border:1px solid var(--p-accent);border-radius:99px}
.multi-section-preview.preview--premium-dark .mini-preview-nav [data-nav-action="call"],.multi-section-preview.preview--premium-dark .mini-preview-nav [data-nav-action="email"]{border:1px solid var(--p-line);border-radius:50%}
.multi-section-preview.family--heritage-craft .mini-preview-nav{border-bottom:3px double var(--p-line)}
.multi-section-preview.family--heritage-craft .mini-preview-nav [data-nav-action]{border:1px solid var(--p-line);border-radius:4px}
@container(max-width:560px){.multi-section-preview .mini-preview-nav{gap:6px;padding-inline:4%}.mini-preview-links{display:none}.mini-preview-nav [data-preview-menu]{display:inline-flex!important}.mini-preview-nav[data-density="Traditional"] [data-nav-action],.mini-preview-nav[data-density="Minimal"] [data-nav-action]{display:none!important}.mini-preview-brand{max-width:44%;font-size:18px}.mini-preview-nav [data-nav-action="cta"]{max-width:116px;font-size:9px;padding:6px}.mini-preview-actions{gap:2px}}
@media(prefers-reduced-motion:reduce){.mini-preview-nav *{transition:none!important}}



#offer-area[hidden],#offer-summary[hidden],#offer-grid[hidden],#goal-grid[hidden],#goal-summary[hidden],#foundation-outcome-intro[hidden],#other-offer[hidden]{display:none!important}
#offer-area:not([hidden]){display:block}
#goal-area{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--line)}
#goal-area.show{display:block}
.foundation-outcome-intro{display:flex;align-items:baseline;gap:.75rem;margin:0 0 1rem}
.section-number{flex:none;margin:0;color:var(--amber);font-size:.68rem;font-weight:700;letter-spacing:.16em;line-height:1}
#website-outcome-title{max-width:34rem;margin:0;font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:500;letter-spacing:-.02em;line-height:1.25}
#goal-grid .tile-desc{max-width:none}
#offer-grid,#goal-grid{scroll-margin-top:145px;scroll-margin-bottom:calc(var(--dock-clearance,80px) + 20px)}


.preview-arrangement-tools{display:flex;justify-content:flex-end;background:#f7f4ee;padding:0 10px}
.preview-arrangement-tools:has(button[hidden]){display:none}
.preview-arrangement-tools button{min-height:36px;padding:5px 2px;border:0;background:transparent;color:#575b55;font:500 11px/1.3 var(--ui);cursor:pointer}
.preview-arrangement-tools button[hidden]{display:none}.preview-arrangement-tools button:disabled{opacity:.5;cursor:default}
.multi-section-preview{--arr-gap:24px;--arr-pad:32px;--arr-rule:1px solid var(--p-line)}
.site-preview-frame .multi-section-preview[data-arrangement] .site-preview__hero{display:grid;grid-template-columns:1fr 1fr;gap:0;position:relative;isolation:isolate}
.site-preview-frame .multi-section-preview[data-arrangement] .site-preview__copy{grid-area:auto;order:0;min-width:0;padding:var(--arr-pad);align-self:center;z-index:2}
.site-preview-frame .multi-section-preview[data-arrangement] .site-preview__copy h2{font-size:clamp(28px,5cqw,48px);line-height:1.08;max-width:18ch}
.site-preview-frame .multi-section-preview[data-arrangement] .site-preview__visual{grid-area:auto;order:1;position:relative;min-height:260px;max-height:none;height:auto;aspect-ratio:4/5;margin:var(--arr-gap);align-self:center}
.site-preview-frame .multi-section-preview[data-arrangement] .preview-content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--arr-gap)}
/* L01: balanced split promise and three plain value columns. */
.multi-section-preview[data-arrangement="L01"] .preview-content-item{padding-block:var(--arr-gap);border-bottom:var(--arr-rule)}
/* L02: media behind the copy; contrast is independent of image brightness. */
.site-preview-frame .multi-section-preview[data-arrangement="L02"] .site-preview__hero{display:grid;grid-template-columns:1fr}
.site-preview-frame .multi-section-preview[data-arrangement="L02"] .site-preview__visual{position:absolute;inset:0;margin:0;width:100%;height:100%;aspect-ratio:auto;z-index:0;border:0;border-radius:0}
.site-preview-frame .multi-section-preview[data-arrangement="L02"] .site-preview__copy{align-self:end;margin:var(--arr-gap);max-width:78%;background:rgba(15,20,24,.9);color:#fffdf8}
.multi-section-preview[data-arrangement="L02"] .site-preview__body,.multi-section-preview[data-arrangement="L02"] .site-preview__eyebrow{color:#f2eee7}
.multi-section-preview[data-arrangement="L02"] .site-preview__copy h2{color:#fffdf8}
.multi-section-preview[data-arrangement="L02"] .site-preview__copy .site-preview__primary-cta{background:#fffdf8;color:#171714}
.multi-section-preview[data-arrangement="L02"] figcaption{display:none}
/* L03: centered statement above a shallow visual. */
.site-preview-frame .multi-section-preview[data-arrangement="L03"] .site-preview__hero{grid-template-columns:1fr}
.site-preview-frame .multi-section-preview[data-arrangement="L03"] .site-preview__copy{text-align:center;align-items:center}
.site-preview-frame .multi-section-preview[data-arrangement="L03"] .site-preview__copy h2{margin-inline:auto}
.site-preview-frame .multi-section-preview[data-arrangement="L03"] .site-preview__visual{min-height:140px;aspect-ratio:3/1;justify-self:stretch}
/* L04: narrow offset editorial column with a framed image. */
.site-preview-frame .multi-section-preview[data-arrangement="L04"] .site-preview__hero{grid-template-columns:.8fr 1.2fr;padding-top:var(--arr-gap)}
.site-preview-frame .multi-section-preview[data-arrangement="L04"] .site-preview__copy{align-self:start;padding-right:0}
.site-preview-frame .multi-section-preview[data-arrangement="L04"] .site-preview__visual{margin-top:calc(var(--arr-gap)*3);border:var(--arr-rule);border-radius:0}
.site-preview-frame .multi-section-preview[data-arrangement="L04"] .preview-content-grid{grid-template-columns:1fr}
/* L05: dominant product object, then a catalog row. */
.site-preview-frame .multi-section-preview[data-arrangement="L05"] .site-preview__hero{grid-template-columns:1fr}
.site-preview-frame .multi-section-preview[data-arrangement="L05"] .site-preview__visual{order:-1;aspect-ratio:16/9;width:calc(100% - var(--arr-gap)*2);min-height:260px}
.site-preview-frame .multi-section-preview[data-arrangement="L05"] .site-preview__copy{padding-top:0}
/* L06: venue image first with visit information in two columns. */
.site-preview-frame .multi-section-preview[data-arrangement="L06"] .site-preview__hero{grid-template-columns:1.2fr 1fr}
.site-preview-frame .multi-section-preview[data-arrangement="L06"] .site-preview__visual{order:-1;margin-right:0;aspect-ratio:3/4}
.site-preview-frame .multi-section-preview[data-arrangement="L06"] .preview-content-grid{grid-template-columns:1fr 1fr}
/* L07: concise service promise, then a numbered vertical process. */
.site-preview-frame .multi-section-preview[data-arrangement="L07"] .site-preview__hero{grid-template-columns:1.3fr .7fr}
.site-preview-frame .multi-section-preview[data-arrangement="L07"] .site-preview__visual{min-height:180px;aspect-ratio:1/1;margin-left:0}
.site-preview-frame .multi-section-preview[data-arrangement="L07"] .preview-content-grid{grid-template-columns:1fr;gap:0}
.multi-section-preview[data-arrangement="L07"] .preview-content-item{display:grid;grid-template-columns:36px 1fr;column-gap:var(--arr-gap);border-bottom:var(--arr-rule)}
.multi-section-preview[data-arrangement="L07"] .preview-item-number{grid-row:1/3;font-size:20px}.multi-section-preview[data-arrangement="L07"] .preview-content-item p{grid-column:2}
/* L08: feature work below a statement, then a staggered project grid. */
.site-preview-frame .multi-section-preview[data-arrangement="L08"] .site-preview__hero{grid-template-columns:1fr}
.site-preview-frame .multi-section-preview[data-arrangement="L08"] .site-preview__visual{aspect-ratio:16/8;min-height:220px;margin-top:0}
.site-preview-frame .multi-section-preview[data-arrangement="L08"] .preview-content-grid{grid-template-columns:1.3fr 1fr}
.multi-section-preview[data-arrangement="L08"] .preview-content-item:first-child{grid-row:span 2}
/* L09: mission image with participation modules. */
.site-preview-frame .multi-section-preview[data-arrangement="L09"] .site-preview__hero{grid-template-columns:1fr}
.site-preview-frame .multi-section-preview[data-arrangement="L09"] .site-preview__copy{border-left:6px solid var(--p-accent);margin:var(--arr-gap)}
.site-preview-frame .multi-section-preview[data-arrangement="L09"] .site-preview__visual{aspect-ratio:3/1;min-height:150px;margin-top:0}
/* L10: outcome-led, never an invented testimonial. */
.site-preview-frame .multi-section-preview[data-arrangement="L10"] .site-preview__hero{grid-template-columns:1fr}
.site-preview-frame .multi-section-preview[data-arrangement="L10"] .site-preview__copy h2{font-size:clamp(32px,7cqw,58px);font-family:var(--p-display)}
.site-preview-frame .multi-section-preview[data-arrangement="L10"] .site-preview__visual{width:45%;min-height:150px;aspect-ratio:4/3;justify-self:end;margin-top:0}
/* L11: focused action panel beside a supporting visual. */
.site-preview-frame .multi-section-preview[data-arrangement="L11"] .site-preview__copy{background:var(--p-surface);border:var(--arr-rule);margin:var(--arr-gap);padding:var(--arr-gap)}
.site-preview-frame .multi-section-preview[data-arrangement="L11"] .site-preview__visual{margin-left:0;min-height:220px;aspect-ratio:1/1}
.site-preview-frame .multi-section-preview[data-arrangement="L11"] .preview-content-grid{grid-template-columns:1fr;gap:12px}
/* L12: journal headline, quiet image, and a lead story row. */
.site-preview-frame .multi-section-preview[data-arrangement="L12"] .site-preview__hero{grid-template-columns:1fr}
.site-preview-frame .multi-section-preview[data-arrangement="L12"] .site-preview__copy{padding-bottom:var(--arr-gap);border-bottom:var(--arr-rule)}
.site-preview-frame .multi-section-preview[data-arrangement="L12"] .site-preview__visual{width:60%;aspect-ratio:16/9;min-height:150px;justify-self:center}
.site-preview-frame .multi-section-preview[data-arrangement="L12"] .preview-content-grid{grid-template-columns:1fr}
/* L13: results to look for, with comparison columns; no fabricated metrics. */
.site-preview-frame .multi-section-preview[data-arrangement="L13"] .site-preview__hero{grid-template-columns:1fr}
.site-preview-frame .multi-section-preview[data-arrangement="L13"] .site-preview__visual{aspect-ratio:3/1;min-height:180px;margin-top:0;border:var(--arr-rule)}
.multi-section-preview[data-arrangement="L13"] .preview-content-item{border:var(--arr-rule);padding:var(--arr-gap);background:var(--p-surface)}
/* L14: collection introduction and compact category cards. */
.site-preview-frame .multi-section-preview[data-arrangement="L14"] .site-preview__hero{grid-template-columns:.9fr 1.1fr}
.site-preview-frame .multi-section-preview[data-arrangement="L14"] .site-preview__visual{order:-1;aspect-ratio:1/1;min-height:230px}
.multi-section-preview[data-arrangement="L14"] .preview-item-art{display:block}.multi-section-preview[data-arrangement="L14"] .preview-content-item{padding:var(--arr-gap);border:var(--arr-rule)}
/* Page context adds a distinct reading rhythm even for the shared safe fallback. */
.site-preview-frame .multi-section-preview[data-arrangement-page="story"] .preview-content-grid{grid-template-columns:1fr}
.site-preview-frame .multi-section-preview[data-arrangement-page="contact"] .site-preview__hero{grid-template-columns:1.2fr .8fr}
.site-preview-frame .multi-section-preview[data-arrangement-page="contact"] .preview-content-grid{grid-template-columns:1fr}
.multi-section-preview.spacing--spacious{--arr-gap:32px;--arr-pad:40px}.multi-section-preview.spacing--compact{--arr-gap:16px;--arr-pad:24px}
@container(max-width:560px){.site-preview-frame .multi-section-preview[data-arrangement] .site-preview__hero{grid-template-columns:1fr}.site-preview-frame .multi-section-preview[data-arrangement] .site-preview__copy{padding:24px;margin:0;max-width:100%;align-self:auto}.site-preview-frame .multi-section-preview[data-arrangement] .site-preview__copy h2{font-size:clamp(28px,8cqw,38px)}.site-preview-frame .multi-section-preview[data-arrangement] .site-preview__visual{position:relative;inset:auto;width:calc(100% - 32px);margin:16px;aspect-ratio:16/10;min-height:180px;order:1}.site-preview-frame .multi-section-preview[data-arrangement] .preview-content-grid{grid-template-columns:1fr;gap:16px}.multi-section-preview[data-arrangement="L08"] .preview-content-item:first-child{grid-row:auto}.multi-section-preview[data-arrangement="L02"] .site-preview__copy{background:var(--p-bg);color:var(--p-ink)}.multi-section-preview[data-arrangement="L02"] .site-preview__copy h2,.multi-section-preview[data-arrangement="L02"] .site-preview__body,.multi-section-preview[data-arrangement="L02"] .site-preview__eyebrow{color:var(--p-ink)}}


:root{--dock-bg:#f5f1e9;--dock-ink:#0e1217;--dock-max-w:32rem}
#dock.explorer-bottom-dock{padding:1rem max(1rem,env(safe-area-inset-left),env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom));background:rgba(245,241,233,.88);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(16,27,46,.08)}
#dock .explorer-bottom-dock__inner{width:min(100%,var(--dock-max-w));grid-template-columns:minmax(0,28fr) minmax(0,72fr);align-items:center;gap:.75rem}
#dock #back.explorer-dock-button--back{position:relative;height:3.5rem;min-height:3.5rem;border-radius:999px;border:1px solid rgba(16,27,46,.12);background:rgba(255,255,255,.65);color:var(--dock-ink);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 4px 12px rgba(0,0,0,.03);transition:transform .24s cubic-bezier(.16,1,.3,1),background .24s,border-color .24s,box-shadow .24s}
#dock #back.explorer-dock-button--back:disabled{opacity:.28;cursor:not-allowed;transform:none}
#dock #next.explorer-dock-button--next-capsule{position:relative;isolation:isolate;min-height:3.5rem;height:3.5rem;padding:4px;border:0;background:transparent;border-radius:999px;display:flex;align-items:stretch;justify-content:stretch;gap:0;box-shadow:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
#dock #next .glass-rim{position:absolute;inset:0;border-radius:999px;padding:1.5px;background:linear-gradient(135deg,rgba(255,175,75,.85) 0%,rgba(255,255,255,.95) 28%,rgba(255,255,255,.4) 65%,rgba(100,185,255,.85) 100%);box-shadow:0 10px 24px -4px rgba(14,18,23,.24),0 4px 10px -2px rgba(14,18,23,.12),inset 0 0 0 1px rgba(255,255,255,.5);transition:box-shadow .3s ease,filter .3s ease;pointer-events:none}
#dock #next .glass-refraction{display:block;width:100%;height:100%;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#dock #next .dark-core{position:relative;z-index:2;flex:1;min-width:0;border-radius:999px;background:radial-gradient(circle at 50% -20%,#252c38 0%,#0c0f14 85%);display:flex;align-items:center;justify-content:center;gap:.75rem;padding:0 1.75rem;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 1.5px rgba(255,255,255,.28),inset 0 -2px 4px rgba(0,0,0,.6);transition:background .3s ease,border-color .3s ease}
#dock #next .core-label{font-family:Roboto,Arial,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.18em;line-height:1;text-transform:uppercase;color:#dbe5f0}
@supports(background-clip:text){#dock #next .core-label{background:linear-gradient(180deg,#fff 20%,#dbe5f0 85%,#a8c0d8 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}
#dock #next .core-arrow{flex:none;color:#c9ddf0;width:18px;height:18px;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}
@keyframes capsulePulse{0%,100%{box-shadow:0 10px 24px -4px rgba(14,18,23,.24),0 0 0 0 rgba(217,149,34,0)}50%{box-shadow:0 12px 28px -2px rgba(14,18,23,.32),0 0 18px 4px rgba(217,149,34,.28)}}
#dock #next.is-ready:not(:disabled) .glass-rim{animation:capsulePulse 2.8s ease-in-out infinite}
@media(hover:hover){
#dock #back.explorer-dock-button--back:hover:not(:disabled){background:rgba(255,255,255,.95);color:var(--dock-ink);border-color:rgba(16,27,46,.24);transform:translateX(-2px);box-shadow:inset 0 1px 1px #fff,0 6px 16px rgba(0,0,0,.06)}
#dock #next.explorer-dock-button--next-capsule:hover:not(:disabled){background:transparent;transform:translateY(-2px) scale(1.02);box-shadow:none}
#dock #next.explorer-dock-button--next-capsule:hover:not(:disabled) .glass-rim{animation:none;background:linear-gradient(135deg,#ffb93c 0%,#fff 25%,rgba(255,255,255,.5) 60%,#50c3ff 100%);box-shadow:0 14px 30px -4px rgba(14,18,23,.34),0 0 20px 2px rgba(100,185,255,.25)}
#dock #next.explorer-dock-button--next-capsule:hover:not(:disabled) .core-arrow{transform:translateX(4px)}
}
#dock #next.explorer-dock-button--next-capsule:active:not(:disabled){transform:translateY(1px) scale(.975);transition-duration:.1s;box-shadow:none}
#dock #next.explorer-dock-button--next-capsule:active:not(:disabled) .glass-rim{animation:none;box-shadow:0 4px 12px rgba(14,18,23,.2),0 0 10px rgba(100,185,255,.2)}
#dock #next.explorer-dock-button--next-capsule:active:not(:disabled) .dark-core{background:#090c10;box-shadow:inset 0 2px 4px rgba(0,0,0,.8)}
#dock #next.explorer-dock-button--next-capsule:focus-visible,#dock #back.explorer-dock-button--back:focus-visible{outline:2px solid #5c8ff8;outline-offset:4px}
#dock #next.explorer-dock-button--next-capsule:disabled{opacity:.45;cursor:not-allowed;background:transparent;transform:none;box-shadow:none}
#dock #next:disabled .glass-rim{animation:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);filter:saturate(.25)}
@media(max-width:480px){#dock .explorer-bottom-dock__inner{grid-template-columns:minmax(0,26fr) minmax(0,74fr);gap:.5rem}#dock #next .dark-core{padding-inline:1rem}}
@media(prefers-reduced-motion:reduce){#dock #next.explorer-dock-button--next-capsule,#dock #back.explorer-dock-button--back,#dock #next .glass-rim,#dock #next .dark-core,#dock #next .core-arrow{transition:none!important;animation:none!important;transform:none!important}}
@media(forced-colors:active){#dock #next.explorer-dock-button--next-capsule,#dock #back.explorer-dock-button--back{border:1px solid ButtonText}#dock #next .glass-rim{display:none}#dock #next .dark-core{background:ButtonFace;color:ButtonText;border-color:ButtonText}#dock #next .core-label{background:none;color:ButtonText;-webkit-text-fill-color:ButtonText}#dock #next .core-arrow{color:ButtonText}}



.recommend-row{margin:0 0 24px}
.recommend-row .quiet-note{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.recommend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.recommend-card .family-role{display:block;margin-bottom:8px;color:#a77112;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.recommend-card:is([aria-pressed="true"],[aria-checked="true"]){border:1.5px solid var(--amber);background:var(--amber-soft)}
@media(max-width:850px){.recommend-grid{grid-template-columns:1fr}}

.tune-gate-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:26px}
.tune-gate-summary{display:none;margin-bottom:22px;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:var(--paper);align-items:center;justify-content:space-between;gap:10px}
.tune-gate-summary.show{display:flex}
.tune-gate-summary p{margin:0;color:var(--muted);font-size:13px}
@media(max-width:600px){.tune-gate-row{grid-template-columns:1fr}.tune-gate-summary{flex-direction:column;align-items:flex-start}}

.device-toggle{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--paper);margin-bottom:12px}
.device-toggle button{min-height:30px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}
.device-toggle button:is([aria-pressed="true"],[aria-checked="true"]){background:var(--ink);color:#fffdf8}
.device-bezel{margin:0 auto;padding:10px 10px 22px;border-radius:16px;background:#2a2a28;box-shadow:0 20px 40px rgba(0,0,0,.18);transition:max-width .3s ease,border-radius .3s ease,padding .3s ease}
.device-bezel[data-device-mode="laptop"]{max-width:620px}
.device-bezel[data-device-mode="phone"]{max-width:250px;border-radius:34px;padding:14px 8px}
.device-bezel-chrome{display:none}
.device-bezel[data-device-mode="laptop"] .device-bezel-chrome--bottom{display:block;width:34%;height:6px;margin:10px auto 0;border-radius:0 0 8px 8px;background:#3d3d3a}
.device-bezel[data-device-mode="phone"] .device-bezel-chrome--top{display:block;width:32%;height:5px;margin:0 auto 10px;border-radius:999px;background:#111}
.device-bezel-screen{border-radius:8px;overflow:hidden;background:#fff}
.device-bezel[data-device-mode="phone"] .device-bezel-screen{border-radius:22px}
.device-bezel[data-device-mode="laptop"] .site-preview-scroll{--preview-height:320px}
.device-bezel[data-device-mode="phone"] .site-preview-scroll{--preview-height:440px}

/* Bigger, more reference-friendly 01/02 selection summaries */
.summary{grid-template-columns:auto 1fr auto;gap:14px;margin-top:22px;padding:20px 22px;border-radius:16px;border:1px solid var(--line);border-left:4px solid var(--amber);background:linear-gradient(180deg,var(--amber-soft),var(--paper) 65%);box-shadow:0 6px 18px rgba(16,27,46,.05)}
.summary-mark{width:34px;height:34px;flex:0 0 34px;font-size:16px;box-shadow:0 0 0 4px rgba(86,112,100,.14)}
.summary b{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a77112}
.summary span{margin-top:6px;font-size:19px;font-weight:600;color:var(--ink);line-height:1.3}
.summary .quiet-link{align-self:center;min-height:38px;padding:0 16px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:#fff;white-space:nowrap}
.summary .quiet-link:hover{border-color:var(--amber);color:var(--ink)}
@media(max-width:480px){.summary{grid-template-columns:auto 1fr;padding:16px 18px}.summary .quiet-link{grid-column:1/-1;justify-content:center;margin-top:10px}.summary span{font-size:17px}}

/* Optional image-style preference, revealed once both 01 and 02 are answered */
.image-pref{display:none;margin-top:22px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.image-pref.show{display:block;animation:enter .22s ease both}
.image-pref-label{margin:0 0 12px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.04em}
.image-pref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.image-pref-btn{padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}
.image-pref-btn:hover{border-color:rgba(16,27,46,.28)}
.image-pref-btn:is([aria-pressed="true"],[aria-checked="true"]){border:1.5px solid var(--amber);background:var(--amber-soft)}
.image-pref-title{display:block;font-size:13px;font-weight:600;color:var(--ink)}
.image-pref-desc{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.4}
@media(max-width:600px){.image-pref-grid{grid-template-columns:1fr}}

/* Review stage: keep the summary + action button adjacent regardless of the
   device mockup's height, instead of letting grid row auto-sizing stretch a
   gap between the tags and the button. */
.review-left-col{grid-column:1;grid-row:1/3;align-self:start;display:flex;flex-direction:column;min-width:0}
.review-left-col .review-summary-compact{margin:0}
.review-left-col .review-actions{margin-top:24px}

/* Light gradient (from the brand mark) on the 01/02 step numerals */
.tile-no,.section-number,.step-num{background:linear-gradient(90deg,#f7b563,#d8cdf2 55%,#a9d7f5);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:800}

/* Selection on 01/02 tiles is already communicated by the highlighted border/background;
   the checkmark badge is removed as redundant. */
#offer-grid .check,#goal-grid .check,#offer-summary .summary-mark,#goal-summary .summary-mark{display:none!important}

/* Hover cue on collapsed (unopened) accordion sections, so it reads as customizable */
.library-group:not([open])>summary{transition:background .18s ease}
.library-group:not([open])>summary:hover{background:linear-gradient(90deg,rgba(247,181,99,.14),rgba(216,205,242,.14) 55%,rgba(169,215,245,.14));border-radius:10px}
.preference-group:not([open]) .preference-group__summary{transition:background .18s ease}
.preference-group:not([open]) .preference-group__summary:hover{background:linear-gradient(90deg,rgba(247,181,99,.16),rgba(216,205,242,.16) 55%,rgba(169,215,245,.16));border-radius:12px}

/* Stage 4 appendix: a quiet, informational "what happens next" — process, then FAQ,
   then one low-pressure contact link. Not a sales section: no banners, no repeated CTA. */
.review-appendix-divider{display:flex;align-items:center;gap:16px;margin:88px auto 0;max-width:1180px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.review-appendix-divider::before,.review-appendix-divider::after{content:'';flex:1;height:1px;background:var(--line)}

.hiw-recap{margin:40px auto 0;max-width:1180px}
.hiw-recap-eyebrow,.review-faq-eyebrow{margin:0 0 10px;color:#a77112;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.hiw-recap h2,.review-faq h2{margin:0;max-width:34ch;font-size:clamp(24px,3vw,32px);font-weight:500;letter-spacing:-.02em}
.hiw-recap-lede,.review-faq-lede{max-width:62ch;margin:14px 0 0;color:var(--muted);font-size:15px;line-height:1.6}
.hiw-steps{display:grid;gap:0;margin:36px 0 0;padding:0;list-style:none;max-width:820px}
.hiw-step{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line)}
.hiw-step:last-child{border-bottom:1px solid var(--line)}
.hiw-step-no{color:#a77112;font-size:13px;font-weight:700;letter-spacing:.04em;line-height:1.6}
.hiw-step h3{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--ink)}
.hiw-step p{margin:0;max-width:60ch;color:var(--muted);font-size:14px;line-height:1.6}
@media(max-width:560px){.hiw-step{grid-template-columns:1fr;gap:6px}}

.review-faq{margin:64px auto 0;max-width:820px}
.review-faq-list{display:grid;gap:0;margin-top:32px}
.review-faq-list details{border-top:1px solid var(--line)}
.review-faq-list details:last-child{border-bottom:1px solid var(--line)}
.review-faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:18px 4px;cursor:pointer;font-weight:600;font-size:15px;color:var(--ink);transition:color .16s ease}
.review-faq-list summary::-webkit-details-marker{display:none}
.review-faq-list summary:hover,.review-faq-list summary:focus-visible{color:#a77112}
.review-faq-list summary span{flex:none;color:#a77112;font-size:20px;font-weight:400;line-height:1;transition:transform .2s ease}
.review-faq-list details[open] summary span{transform:rotate(45deg)}
.review-faq-list p{margin:0;padding:0 4px 24px;max-width:62ch;color:var(--muted);font-size:14px;line-height:1.65}

.review-appendix-close{margin:40px auto 64px;max-width:820px;color:var(--muted);font-size:14px}
.review-appendix-close a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.review-appendix-close a:hover{color:#a77112}




/* Page 4 — a responsive finish with the visual rhythm of Black Sand's
   How It Works page. All rules are scoped to the review stage. */
.review-stage.active{display:block}
.review-stage{overflow:hidden}
.review-page{width:min(1180px,100%);margin:0 auto}

.review-hero{position:relative;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr);grid-template-rows:auto 1fr;gap:28px clamp(42px,6vw,88px);align-items:start;padding:clamp(10px,2vw,28px) 0 clamp(72px,8vw,108px)}
.review-hero::before{content:"";position:absolute;z-index:-1;width:420px;height:420px;top:-155px;right:-180px;border-radius:50%;background:radial-gradient(circle,rgba(169,215,245,.2),rgba(216,205,242,.1) 46%,transparent 70%);pointer-events:none}
.review-summary-compact{grid-column:1;grid-row:1;align-self:end}
.review-kicker{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#9a6d1d;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.review-kicker::before{content:"";width:20px;height:1px;background:var(--amber)}
.review-summary-compact h1{max-width:11ch;margin:0;color:var(--ink);font:300 clamp(44px,5.3vw,72px)/.98 var(--outer);letter-spacing:-.055em;text-wrap:balance}
.review-business-name{margin:22px 0 0;color:var(--ink);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;overflow-wrap:anywhere}
.review-summary-note{max-width:42ch;margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.65}
.review-tags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:28px 0 0;padding:0;list-style:none}
.review-tags li{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,253,250,.72);color:var(--ink);font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.review-tags li::before{display:block;margin-bottom:5px;color:#9a6d1d;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.review-tags li:nth-child(1)::before{content:"Style"}.review-tags li:nth-child(2)::before{content:"Color"}.review-tags li:nth-child(3)::before{content:"Goal"}
.review-tags li+li::before{margin-right:0}

.review-actions{grid-column:1;grid-row:2;align-self:start;min-width:0;margin:0}
.review-action-note{max-width:38ch;margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.55}
.review-primary{min-height:54px;border-radius:999px;padding:13px 24px;box-shadow:0 13px 30px rgba(16,27,46,.14);transition:transform .24s ease,box-shadow .24s ease}
.review-primary:hover{transform:translateY(-2px);box-shadow:0 17px 36px rgba(16,27,46,.19)}
.review-text-action{display:inline-flex;align-items:center;margin-top:14px}
.direction-email-form{max-width:470px;padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,250,.86);box-shadow:0 18px 46px rgba(16,27,46,.08)}

.review-snapshot{grid-column:2;grid-row:1/3;min-width:0;width:100%;height:auto;max-height:none;aspect-ratio:auto;overflow:visible;border:0;border-radius:0;pointer-events:auto}
.review-preview-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.review-snapshot .device-toggle{margin:0}
.review-snapshot .device-bezel{width:100%;box-shadow:0 26px 64px rgba(16,27,46,.18)}
.review-snapshot .device-bezel[data-device-mode="laptop"]{max-width:none}
.review-snapshot .device-bezel[data-device-mode="phone"]{max-width:265px}
.review-snapshot .device-bezel[data-device-mode="laptop"] .site-preview-scroll{--preview-height:clamp(330px,40vw,485px)}
.review-snapshot .device-bezel[data-device-mode="phone"] .site-preview-scroll{--preview-height:470px}

.review-scroll-cue{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 38px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.review-scroll-cue::before,.review-scroll-cue::after{content:"";width:clamp(36px,8vw,110px);height:1px;background:var(--line)}
.review-scroll-cue span{display:inline-block;animation:review-cue 1.8s ease-in-out infinite}
@keyframes review-cue{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}

/* Adapted directly from the branded process rail on how-it-works.html. */
.review-process{position:relative;margin-inline:calc(50% - 50vw);padding:clamp(72px,8vw,104px) max(24px,calc((100vw - 1180px)/2)) clamp(84px,9vw,118px);background:radial-gradient(circle at 8% 18%,rgba(254,203,105,.14),transparent 28%),radial-gradient(circle at 92% 88%,rgba(184,186,247,.14),transparent 30%),#f8f6f1}
.review-process__intro{display:grid;grid-template-columns:minmax(150px,.36fr) minmax(0,1fr);gap:clamp(34px,7vw,92px);align-items:end;width:min(1120px,100%);margin:0 auto clamp(52px,6vw,76px)}
.review-process__kicker{margin:0 0 7px;color:#c88417;font-size:.69rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.review-process__intro h2{max-width:760px;margin:0;color:#1b1916;font:400 clamp(2.1rem,4.5vw,4.15rem)/.98 var(--outer);letter-spacing:-.05em;text-wrap:balance}
.review-process__intro div>p{max-width:610px;margin:20px 0 0;color:#616267;font-size:.98rem;line-height:1.72}
.review-process__timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,3.2vw,46px);width:min(1120px,100%);margin:0 auto;padding:0;list-style:none}
.review-process__timeline::before{content:"";position:absolute;z-index:0;top:29px;right:10%;left:2%;height:2px;background:linear-gradient(90deg,#fecb69 0%,#fcb454 34%,#8cbbf2 68%,#b8baf7 100%);box-shadow:0 0 16px rgba(140,187,242,.24)}
.review-process__step{--stage-color:#fecb69;position:relative;z-index:1;min-width:0;padding-left:2px}
.review-process__step:nth-child(2){--stage-color:#fcb454}.review-process__step:nth-child(3){--stage-color:#8cbbf2}.review-process__step:nth-child(4){--stage-color:#b8baf7}
.review-process__marker{display:grid;place-items:center;width:60px;height:60px;margin-bottom:28px;border:1px solid color-mix(in srgb,var(--stage-color) 72%,#1b1916 12%);border-radius:50%;background:rgba(255,255,255,.93);box-shadow:0 0 0 7px rgba(248,246,241,.96),0 10px 28px color-mix(in srgb,var(--stage-color) 24%,transparent);color:#1b1916;font-size:.72rem;font-weight:700;letter-spacing:.08em;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease}
.review-process__step:hover .review-process__marker{transform:translateY(-4px);box-shadow:0 0 0 7px rgba(248,246,241,.96),0 14px 34px color-mix(in srgb,var(--stage-color) 34%,transparent)}
.review-process__eyebrow{margin:0 0 11px;color:color-mix(in srgb,var(--stage-color) 62%,#6b4b24 38%);font-size:.67rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.review-process__step h3{max-width:250px;margin:0 0 13px;color:#1b1916;font-size:clamp(1.18rem,2vw,1.5rem);font-weight:500;letter-spacing:-.03em;line-height:1.15}
.review-process__step>p:not(.review-process__eyebrow){margin:0;color:#616267;font-size:.87rem;line-height:1.65}

.review-faq{display:grid;grid-template-columns:minmax(220px,.52fr) minmax(0,1fr);gap:clamp(40px,7vw,100px);max-width:1080px;margin:clamp(78px,9vw,120px) auto 0}
.review-faq__intro{position:sticky;top:105px;align-self:start}
.review-faq-eyebrow{margin:0 0 12px;color:#9a6d1d;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.review-faq h2{max-width:11ch;margin:0;color:var(--ink);font:300 clamp(34px,4vw,50px)/1.02 var(--outer);letter-spacing:-.045em}
.review-faq-lede{max-width:34ch;margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.65}
.review-faq-list{display:grid;gap:0;margin:0}
.review-faq-list details{border-top:1px solid var(--line)}.review-faq-list details:last-child{border-bottom:1px solid var(--line)}
.review-faq-list summary{min-height:72px;padding:20px 4px;font-size:16px}
.review-faq-list details[open] summary{color:#9a6d1d}
.review-faq-list p{padding:0 40px 24px 4px;font-size:14px;line-height:1.7}
.review-appendix-close{margin:clamp(52px,7vw,84px) auto 30px;padding-top:28px;border-top:1px solid var(--line);max-width:1080px;color:var(--muted);font-size:14px}
.review-appendix-close a{color:var(--ink);font-weight:600;text-underline-offset:4px}

@media(max-width:900px){
 .review-hero{grid-template-columns:minmax(240px,.68fr) minmax(360px,1.32fr);gap:28px 34px}
 .review-tags{grid-template-columns:1fr}.review-tags li{padding:10px 12px}.review-tags li::before{display:inline;margin:0 8px 0 0}
 .review-process__intro{grid-template-columns:1fr;gap:12px}
 .review-process__timeline{grid-template-columns:1fr;gap:0}
 .review-process__timeline::before{top:30px;bottom:34px;left:29px;width:2px;height:auto;background:linear-gradient(180deg,#fecb69 0%,#fcb454 34%,#8cbbf2 68%,#b8baf7 100%)}
 .review-process__step{min-height:184px;padding:4px 0 38px 92px}
 .review-process__marker{position:absolute;top:0;left:0;margin:0}
 .review-process__step h3,.review-process__step>p{max-width:540px}
}
@media(max-width:720px){
 .review-hero{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:26px;padding-top:2px}
 .review-summary-compact{grid-column:1;grid-row:1}.review-summary-compact h1{font-size:clamp(42px,12vw,58px);max-width:12ch}
 .review-snapshot{grid-column:1;grid-row:2}.review-actions{grid-column:1;grid-row:3}
 .review-preview-meta{margin-top:4px}.review-snapshot .device-bezel[data-device-mode="laptop"] .site-preview-scroll{--preview-height:clamp(330px,64svh,440px)}
 .review-primary{width:100%}.direction-email-form{max-width:none;padding:18px}.direction-email-names{grid-template-columns:1fr}
 .review-faq{grid-template-columns:1fr;gap:30px}.review-faq__intro{position:static}.review-faq h2{max-width:14ch}
}
@media(max-width:520px){
 .review-page{width:100%}.review-hero{padding-bottom:70px}.review-summary-note{font-size:14px}.review-tags{margin-top:22px}
 .review-snapshot .device-toggle button{min-height:36px;padding:0 12px}
 .review-snapshot .device-bezel{padding:7px 7px 16px;border-radius:13px}.review-snapshot .device-bezel[data-device-mode="phone"]{padding:12px 7px;border-radius:30px}
 .review-process{padding-right:18px;padding-left:18px}.review-process__intro h2{font-size:clamp(2rem,11.5vw,3.2rem)}
 .review-process__step{min-height:172px;padding-left:80px}.review-process__step h3{font-size:1.2rem}
 .review-faq-list summary{min-height:68px;padding:18px 2px;font-size:15px}.review-faq-list p{padding-right:20px}
}
@media(prefers-reduced-motion:reduce){.review-scroll-cue span{animation:none}.review-process__marker,.review-primary{transition:none}.review-process__step:hover .review-process__marker,.review-primary:hover{transform:none}}

/* Page 4 offer transition — centered editorial heading and complete pricing. */
.review-offer{position:relative;margin-inline:calc(50% - 50vw);background:#f7f2e9;color:#211a16;overflow:hidden}
.review-offer__intro{position:relative;isolation:isolate;display:grid;place-items:center;align-content:center;min-height:clamp(560px,72svh,780px);padding:clamp(82px,10vw,140px) 24px;text-align:center;background-color:#f7f2e9;background-image:radial-gradient(circle,rgba(87,129,112,.32) 0 1.4px,transparent 1.8px),radial-gradient(circle,rgba(102,92,87,.22) 0 2px,transparent 2.4px),radial-gradient(circle,rgba(252,180,84,.18) 0 1.5px,transparent 2px);background-position:17px 32px,88px 7px,42px 104px;background-size:137px 151px,193px 179px,223px 211px}
.review-offer__intro::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.9),rgba(255,255,255,.36) 34%,transparent 68%)}
.review-offer__eyebrow{margin:0 0 30px;color:#756b64;font-size:clamp(.78rem,1.2vw,.95rem);font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.review-offer__intro h2{max-width:13ch;margin:0;color:#211a16;font:300 clamp(2.75rem,5.4vw,5.4rem)/.98 var(--outer);letter-spacing:-.055em;text-wrap:balance}
.review-offer__promise{margin:32px 0 0;color:#655d57;font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.6;text-wrap:balance}
.review-offer__start{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;margin-top:30px;padding:0 30px;overflow:hidden;border:1px solid rgba(188,126,20,.24);border-radius:999px;background:linear-gradient(125deg,#ffdc79 0%,#ffc06d 42%,#f7b563 64%,#a9d7f5 118%);background-size:180% 180%;background-position:0 50%;color:#171512;font-size:.94rem;font-weight:700;letter-spacing:.015em;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.78),inset 0 -1px 0 rgba(139,86,12,.1),0 14px 32px rgba(221,146,33,.24),0 3px 8px rgba(16,27,46,.08);transition:transform .3s cubic-bezier(.22,1,.36,1),background-position .45s ease,box-shadow .3s ease,filter .3s ease}
.review-offer__start::before{content:"";position:absolute;inset:1px 12% auto;height:45%;z-index:-1;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.58),transparent);opacity:.8;pointer-events:none}
.review-offer__start span{display:inline-block;font-size:1.1em;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.review-offer__start:hover{transform:translateY(-3px) scale(1.015);background-position:100% 50%;filter:saturate(1.08) brightness(1.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.86),inset 0 -1px 0 rgba(139,86,12,.08),0 20px 42px rgba(221,146,33,.32),0 0 22px rgba(169,215,245,.24)}
.review-offer__start:hover span{transform:translateX(4px)}
.review-offer__start:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 5px rgba(139,86,12,.18),0 7px 17px rgba(221,146,33,.2)}
.review-offer__start:focus-visible{outline:3px solid rgba(92,143,248,.78);outline-offset:5px}
.review-offer__arrow{position:absolute;bottom:34px;left:50%;color:rgba(80,71,64,.34);font-size:2rem;font-weight:300;transform:translateX(-50%);animation:offer-arrow 1.8s ease-in-out infinite}
@keyframes offer-arrow{0%,100%{translate:0 -3px}50%{translate:0 4px}}

.review-offer__pricing-wrap{position:relative;padding:clamp(76px,9vw,120px) 24px clamp(92px,10vw,136px);background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.88),transparent 32%),radial-gradient(circle at 78% 16%,rgba(254,203,105,.2),transparent 36%),radial-gradient(circle at 18% 90%,rgba(216,205,242,.2),transparent 34%),#efebe3}
.review-price-panel{width:min(980px,100%);margin:0 auto;padding:clamp(28px,4.5vw,54px);border:1px solid rgba(255,255,255,.82);border-radius:clamp(24px,4vw,48px);background:linear-gradient(145deg,rgba(255,253,249,.92),rgba(255,248,233,.78));box-shadow:0 30px 80px rgba(75,60,48,.15),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.review-price-panel__top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.review-price-panel__top span{color:#c77f12;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.review-price-panel__top strong{color:#706963;font-size:.95rem;font-weight:600}
.review-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.review-price-card{min-width:0;padding:clamp(25px,3.5vw,42px);border:1px solid rgba(216,153,34,.3);border-radius:clamp(22px,3vw,38px);background:rgba(255,255,255,.78);box-shadow:0 18px 42px rgba(87,67,44,.09)}
.review-price-card--care{border-color:rgba(16,27,46,.15)}
.review-price-card>p{margin:0 0 28px;color:#c77f12;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.review-price-card__price{display:flex;align-items:flex-end;gap:12px;margin-bottom:32px}
.review-price-card__price strong{color:#211a16;font:300 clamp(3.7rem,7vw,6rem)/.82 var(--outer);letter-spacing:-.07em;font-variant-numeric:tabular-nums;white-space:nowrap}
.review-price-card__price span{max-width:7ch;padding-bottom:3px;color:#655d57;font-size:clamp(.95rem,1.7vw,1.25rem);line-height:1.2}
.review-price-card ul{display:grid;gap:15px;margin:0;padding:0;list-style:none}
.review-price-card li{position:relative;padding-left:34px;color:#615b56;font-size:clamp(.9rem,1.35vw,1.05rem);line-height:1.45}
.review-price-card li::before{content:"✓";position:absolute;top:.05em;left:0;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff0c9;color:#a76c0b;font-size:.8rem;font-weight:800}
.review-price-panel__note{max-width:760px;margin:34px 4px 28px;color:#625b55;font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.6}
.review-price-panel__purchase{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;padding:12px 24px;border:1px solid rgba(166,112,18,.12);border-radius:999px;background:linear-gradient(135deg,#fed76e,#fecb69 55%,#fcb454);box-shadow:0 14px 32px rgba(252,180,84,.28),inset 0 1px 0 rgba(255,255,255,.62);color:#211a16;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .24s ease,box-shadow .24s ease}
.review-price-panel__purchase:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(252,180,84,.36),inset 0 1px 0 rgba(255,255,255,.72)}
.review-price-panel__guarantee{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;color:#615b56;font-size:.88rem;font-weight:600;text-decoration:none}
.review-price-panel__guarantee span{color:#50a86c;font-size:1.15rem}

@media(max-width:720px){
 .review-offer__intro{min-height:clamp(520px,72svh,680px);padding-inline:18px}
 .review-offer__eyebrow{margin-bottom:22px}.review-offer__intro h2{font-size:clamp(2.5rem,10.5vw,3.8rem);max-width:12ch;line-height:1}.review-offer__promise{max-width:26ch;margin-top:24px}
 .review-offer__pricing-wrap{padding-right:14px;padding-left:14px}.review-price-panel{padding:22px;border-radius:26px}.review-price-grid{grid-template-columns:1fr;gap:16px}.review-price-panel__top{margin-bottom:22px}.review-price-card{padding:26px;border-radius:24px}.review-price-card__price strong{font-size:clamp(4rem,20vw,5.4rem)}
}
@media(max-width:420px){
 .review-price-panel{padding:17px}.review-price-panel__top{align-items:flex-start}.review-price-panel__top strong{text-align:right}.review-price-card{padding:22px 20px}.review-price-card__price{gap:10px}.review-price-card__price span{font-size:.95rem}.review-price-card li{font-size:.92rem}
}
@media(prefers-reduced-motion:reduce){.review-offer__arrow{animation:none}.review-offer__start,.review-offer__start span,.review-price-panel__purchase{transition:none}.review-offer__start:hover,.review-offer__start:active,.review-price-panel__purchase:hover{transform:none}.review-offer__start:hover span{transform:none}}



.field-error{color:#9a3026;font-size:13px;margin:8px 0 12px}.field-error:empty{display:none}
[aria-invalid="true"]{outline:2px solid #9a3026;outline-offset:3px}
button:disabled{cursor:not-allowed}button[data-lock]{margin-bottom:12px}
.done-links button{min-height:42px}.site-preview__primary-cta{font-family:inherit}
.selection-lock{display:inline-flex;align-items:center;min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);font-size:11px;font-weight:600;line-height:1.3;text-decoration:none}
.selection-lock:is([aria-pressed="true"],[aria-checked="true"]){color:var(--ink);border-color:#ad7b2c;background:var(--amber-soft)}
.selection-lock:disabled{opacity:.55}.library-group-body>.selection-lock{grid-column:1/-1;justify-self:start}
.review-locks{margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.review-locks>summary{padding:14px 0;cursor:pointer;font-size:13px;color:var(--muted)}
.review-locks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:16px}
.review-lock-row{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.review-lock-row strong{font-size:12px;text-transform:capitalize}.review-lock-row>span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.review-lock-row .selection-lock{margin:2px 0 0} .review-locks>summary:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
@media(max-width:420px){.review-locks-grid{grid-template-columns:1fr}}


#direction-randomizer[hidden]{display:none!important}


/* Family declarations only assign tokens. Manual option classes stay authoritative. */
.site-preview.library-preview.family--organic-craft{--family-radius:18px;--p-filter:saturate(.82) sepia(.10);--p-overlay:transparent;--token-heading-weight:500;--token-heading-tracking:-.025em;--token-heading-leading:1.10;--token-rule:1px;--token-rule-style:solid;--token-art-radius:42% 42% 12% 12%;}
.site-preview.library-preview.family--quiet-luxury{--family-radius:2px;--p-filter:saturate(.7);--p-overlay:transparent;--token-heading-weight:400;--token-heading-tracking:-.04em;--token-heading-leading:1.04;--token-rule:1px;--token-rule-style:solid;--token-art-radius:2px;}
.site-preview.library-preview.family--bold-utility{--family-radius:0px;--p-filter:contrast(1.08) saturate(.85);--p-overlay:transparent;--token-heading-weight:800;--token-heading-tracking:-.035em;--token-heading-leading:1.02;--token-rule:2px;--token-rule-style:solid;--token-art-radius:0px;}
.site-preview.library-preview.family--soft-minimal{--family-radius:22px;--p-filter:saturate(.75);--p-overlay:transparent;--token-heading-weight:400;--token-heading-tracking:-.025em;--token-heading-leading:1.14;--token-rule:1px;--token-rule-style:solid;--token-art-radius:50%;}
.site-preview.library-preview.family--future-signal{--family-radius:8px;--p-filter:saturate(.85) contrast(1.08);--p-overlay:transparent;--token-heading-weight:600;--token-heading-tracking:-.045em;--token-heading-leading:1.06;--token-rule:1px;--token-rule-style:solid;--token-art-radius:12% 38% 12% 38%;}
.site-preview.library-preview.palette--flax-fern{--p-bg:#f3efe3;--p-surface:#fffcf4;--p-ink:#25352b;--p-muted:#4f6154;--p-accent:#496647;--p-line:#4f6154;}
.site-preview.library-preview.palette--pearl-ink{--p-bg:#f5f1e9;--p-surface:#fffdf9;--p-ink:#252923;--p-muted:#5d6259;--p-accent:#65543a;--p-line:#5d6259;}
.site-preview.library-preview.palette--safety-ochre{--p-bg:#f5f2e8;--p-surface:#fffdf5;--p-ink:#20231f;--p-muted:#51564d;--p-accent:#f4c445;--p-line:#51564d;}
.site-preview.library-preview.palette--mist-sage{--p-bg:#f1f4f0;--p-surface:#fbfdfa;--p-ink:#283b33;--p-muted:#53655b;--p-accent:#476859;--p-line:#53655b;}
.site-preview.library-preview.palette--ion-violet{--p-bg:#111725;--p-surface:#1c2638;--p-ink:#f3f6ff;--p-muted:#bccce1;--p-accent:#b4a0ff;--p-line:#bccce1;}
.swatch-organic-craft{--swatch-bg:#f3efe3;--swatch-ink:#25352b;--swatch-accent:#496647;--swatch-radius:18px;}
.swatch-quiet-luxury{--swatch-bg:#f5f1e9;--swatch-ink:#252923;--swatch-accent:#65543a;--swatch-radius:2px;}
.swatch-bold-utility{--swatch-bg:#f5f2e8;--swatch-ink:#20231f;--swatch-accent:#f4c445;--swatch-radius:0px;}
.swatch-soft-minimal{--swatch-bg:#f1f4f0;--swatch-ink:#283b33;--swatch-accent:#476859;--swatch-radius:22px;}
.swatch-future-signal{--swatch-bg:#111725;--swatch-ink:#f3f6ff;--swatch-accent:#b4a0ff;--swatch-radius:8px;}

.family-swatch[data-token-swatch]{background:var(--swatch-bg);border-color:var(--swatch-ink)}
.family-swatch[data-token-swatch] i{background:var(--swatch-accent);border:1px solid var(--swatch-ink);border-radius:var(--swatch-radius)}
.family-swatch[data-token-swatch] b{background:var(--swatch-ink);border-radius:var(--swatch-radius)}
.site-preview.library-preview.token-family{background:var(--p-bg);color:var(--p-ink)}
.token-family .site-preview__copy{background:var(--p-bg);color:var(--p-ink)}
.token-family.surface--soft-wash .site-preview__copy{background:var(--p-surface)}
.site-preview-frame .token-family .site-preview__copy h2{color:var(--p-ink);font-family:var(--p-display);font-weight:var(--token-heading-weight);letter-spacing:var(--token-heading-tracking);line-height:var(--token-heading-leading)}
.token-family .site-preview__body,.token-family .site-preview__proof,.token-family .preview-secondary-note,.token-family .preview-content-item p{color:var(--p-muted);opacity:1}
.token-family .site-preview__eyebrow,.token-family .preview-section-label,.token-family .preview-secondary h3,.token-family .preview-tertiary h3,.token-family .preview-content-item h4{color:var(--p-ink)}
.token-family .mini-preview-nav{color:var(--p-ink);background:var(--p-bg);border-bottom:var(--token-rule) var(--token-rule-style) var(--p-ink)}
.token-family .mini-preview-nav button{color:var(--p-ink);min-height:44px}
.token-family .mini-preview-nav [data-preview-menu]{min-width:44px}
.token-family .mini-preview-menu-panel{background:var(--p-bg);color:var(--p-ink)}
.token-family .mini-preview-menu-panel button:hover{background:var(--p-surface);color:var(--p-ink)}
.site-preview.token-family .site-preview__primary-cta,.token-family .mini-preview-nav [data-nav-action="cta"],.token-family .mini-preview-nav [data-nav-action="call"],.token-family .mini-preview-nav [data-nav-action="email"]{background:var(--p-accent);color:var(--p-button-ink);border:1px solid var(--p-ink);border-radius:var(--p-btn-radius);min-height:44px}
.site-preview.token-family.intensity--quiet .site-preview__primary-cta{background:var(--p-bg);color:var(--p-ink);border-color:var(--p-ink)}
.token-family button:focus-visible{outline:3px solid var(--p-ink);outline-offset:3px}
.token-family .site-preview__visual figcaption{background:var(--p-surface);color:var(--p-ink);padding:12px;text-shadow:none}
.token-family .site-preview__visual figcaption span,.token-family .site-preview__visual figcaption strong{color:var(--p-ink);opacity:1}
.token-family .preview-fallback-art i{border-radius:var(--token-art-radius);border-color:var(--p-ink)}
/* Preserve dark/colorful avoidance when a newly added palette is selected. */
.site-preview.library-preview.palette--ion-violet.avoid--dark{--p-bg:#eeede8;--p-surface:#faf9f5;--p-ink:#222625;--p-muted:#626760;--p-accent:#555b55;--p-line:#626760}
.site-preview.library-preview.token-family.avoid--colorful{--p-accent:#606760}
@media(prefers-reduced-motion:reduce){.token-family,.token-family *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


#local-draft-controls{margin:12px 0 20px}.local-draft-actions{display:flex;flex-wrap:wrap;gap:10px}.local-draft-opt-in{display:flex;align-items:flex-start;gap:8px;font-size:13px;margin-top:12px}.local-draft-opt-in input{flex:none;width:18px;height:18px;margin-top:2px}#restore-local-draft[hidden]{display:none!important}

#share-controls{margin:12px 0}#share-link-fallback[hidden]{display:none!important}#share-link-fallback label{display:block;font-size:13px;margin:8px 0}#share-link-text{width:100%;max-width:48rem;font-size:13px;overflow-wrap:anywhere}


/* Preserve the existing palette/layout; add visible interaction and reflow safeguards. */
#style-explorer :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible {
 outline:3px solid #145c8a !important;outline-offset:4px;box-shadow:0 0 0 2px #fffdfa !important;
}
#style-explorer :is(button,input,textarea,select,summary) {scroll-margin-block:100px}
#style-explorer :is(button[role="radio"][aria-checked="true"],button:is([aria-pressed="true"],[aria-checked="true"])) {font-weight:600}
#style-explorer button[role="radio"][aria-checked="true"]::after {content:' ✓';font-weight:700}
#style-explorer :is(.quiet-note,.help,.preference-help,.image-pref-desc,.library-intro p,.review-summary-note) {color:#535d68}
#style-explorer :is(button[role="radio"],.selection-lock,.preview-device-controls button) {min-height:36px}
#style-explorer :is(.two-col,.library-controls,.preview-panel,.review-hero,.review-snapshot,.review-actions,.device-bezel-screen,.site-preview-frame,.site-preview-scroll,.preview-page) {min-width:0;max-width:100%}
#style-explorer :is(input,textarea,select) {max-width:100%;box-sizing:border-box}
#style-explorer :is(h1,h2,h3,p,dd,button,label,.mini-preview-brand) {overflow-wrap:anywhere}
#style-explorer :is(.local-draft-actions,#direction-randomizer,.preview-page-tools,.preview-device-controls) {flex-wrap:wrap}
.preview-device-controls {display:flex;gap:8px;align-items:center;margin:8px 0}
.preview-device-controls button {font:inherit;color:#101b2e;background:#fffdfa;border:1px solid #b4b0a9;border-radius:6px;padding:6px 12px}
.preview-device-controls [aria-checked="true"] {background:#fff8ec;border-color:#805c28}
#shared-preview-frame[data-device-mode="mobile"] .site-preview-scroll {width:100%;max-width:390px;margin-inline:auto}
#shared-preview-frame .site-preview-scroll {container-type:inline-size}
#shared-preview-frame :is(img,svg) {max-width:100%}
#shared-preview-frame .site-preview__eyebrow {color:var(--p-readable-accent,var(--p-ink))}
#shared-preview-frame :is(.site-preview__primary-cta,[data-nav-action="cta"]) {color:var(--p-button-ink);background:var(--p-accent)}
@container (max-width:480px) {
 #shared-preview-frame .site-preview__hero {display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 #shared-preview-frame .site-preview__visual {grid-column:auto!important;grid-row:auto!important;min-height:160px;max-width:100%;margin:0!important}
 #shared-preview-frame .preview-content-grid {grid-template-columns:minmax(0,1fr)!important}
 #shared-preview-frame .mini-preview-nav {flex-wrap:wrap;gap:10px}
 #shared-preview-frame .mini-preview-links {display:none!important}
 #shared-preview-frame [data-preview-menu] {display:inline-flex!important}
 #shared-preview-frame .mini-preview-brand {max-width:55%}
}
@media(max-width:480px) {
 #style-explorer :is(.two-col,.review-hero) {grid-template-columns:minmax(0,1fr)!important}
 #style-explorer :is(.library-family-grid,.library-extra-families) {grid-template-columns:minmax(0,1fr)}
 #style-explorer .preview-mode-switch {display:flex;flex-wrap:wrap}
 #style-explorer .device-bezel {width:100%;max-width:100%;box-sizing:border-box}
}
@media(prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto!important}
 #style-explorer *,#style-explorer *::before,#style-explorer *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
 #style-explorer :is(button:hover,img:hover,.site-preview__visual:hover) {transform:none!important}
}
#style-explorer[data-reduced-motion="true"] *,#style-explorer[data-reduced-motion="true"] *::before,#style-explorer[data-reduced-motion="true"] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
#style-explorer[data-reduced-motion="true"] :is(button:hover,img:hover,.site-preview__visual:hover) {transform:none!important}
@media(forced-colors:active) {
 #style-explorer [role="radio"][aria-checked="true"] {outline:2px solid Highlight}
 #style-explorer :focus-visible {outline-color:Highlight!important}
}



/* Journey layout: controls stay quiet; preview owns visual expression. */
[hidden]{display:none!important}
:root{--header-height:120px}
.welcome-stage.active{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:calc(100svh - var(--header-height));max-width:820px;margin:auto;padding:48px 0}
.welcome-stage h1{max-width:17ch}.welcome-body{font-size:20px;max-width:48ch;line-height:1.6}.welcome-stage #welcome-start{margin-top:28px;min-height:54px;padding:14px 26px;background:var(--ink);color:var(--paper);font-size:16px}
#welcome-recovery{margin-top:36px;font-size:14px}#welcome-recovery button{margin-right:12px}#welcome-clear{border:0;text-decoration:underline}
.explorer-topbar__inner{display:flex;justify-content:space-between;flex-wrap:wrap}.header-share{margin-left:auto!important}.header-share button{margin:0}.header-share #share-link-fallback{max-width:600px}
#style-explorer[data-stage="foundation"] .two-col{display:block;max-width:820px;margin:auto}
#offer-area,#goal-area,#name-field{padding:0;border:0;background:transparent;margin-top:36px}#goal-area{padding-top:20px}
#offer-grid,#goal-grid{display:block}.journey-fieldset{padding:0;margin:0;border:0;min-width:0}.journey-fieldset legend{font-size:21px;font-weight:500}.native-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.native-card{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #b7b1a8;border-radius:10px;background:#fffdfa;min-height:68px;cursor:pointer;color:#101b2e}.native-card input{width:18px;height:18px;flex:none;accent-color:#755020}.native-card:has(input:checked){border:2px solid #805c28;background:#fff8ec;padding:15px}.native-card:has(input:focus-visible){outline:3px solid #145c8a;outline-offset:3px}.selected-mark{display:none;margin-left:auto;color:#64451c}.native-card:has(input:checked)>.selected-mark{display:inline}.native-card:has(input:disabled){opacity:.65;cursor:default}
.native-design{display:flex;flex-direction:column;align-items:stretch;min-width:0}.native-design>input{align-self:flex-start}.native-design .family-swatch{width:100%}.native-design .selected-mark{position:absolute;right:12px;top:10px}
.native-design:has(input[data-native-key="device"]){display:inline-flex;padding:8px 12px;min-height:44px;flex-direction:row}
#direction-readiness{margin:12px 0 30px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}#direction-readiness p{margin:7px 0}#readiness-bar{width:min(420px,100%);height:8px;accent-color:#526657}#readiness-milestones{color:#535d68;font-size:12px}
#refine-core{margin:28px 0}#refine-secondary>summary{min-height:54px;cursor:pointer;font-weight:600;border-block:1px solid var(--line);padding:16px 0}#refine-secondary .brand-feel-groups{margin-top:16px}
#style-explorer[data-stage="style"] [data-lock]{display:none!important}.library-workspace{position:sticky;top:136px}.random-help{flex-basis:100%;font-size:13px;margin:0;color:#535d68}
#dock #next .core-label{font-size:12px;letter-spacing:.02em;text-transform:none}#dock #next.is-ready .glass-rim{animation:none}#dock #next[hidden]{display:none!important}
#clear-dialog{width:min(500px,calc(100% - 32px));padding:28px;border:1px solid #b7b1a8;border-radius:16px;background:#fffdfa;color:#101b2e}#clear-dialog::backdrop{background:#101b2e88}#clear-dialog p{line-height:1.6}#clear-dialog button{margin:10px 12px 0 0;min-height:44px}#confirm-clear{color:#892a22}
.export-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.export-actions button{min-height:48px}#save-brief{background:#101b2e;color:#fffdfa}#why-goal{margin:28px 0}#why-goal h2{font-size:20px}#brief-copy-fallback{width:100%;min-height:180px}#return-options{padding:24px 0}#return-options button{margin:8px}
#style-explorer[data-stage="welcome"] main{padding-top:0!important;padding-bottom:0!important}#style-explorer[data-stage="welcome"] #site-footer-host{display:none}#style-explorer[data-stage="welcome"] #explorer-save-state:empty{display:none}
#style-explorer .tile-no,#style-explorer .section-number{background:none;color:#735015;-webkit-text-fill-color:currentColor}.library-group summary small,.family-role{color:#735015}.native-card .check{display:none}
@media(max-width:850px){.library-controls{display:block}.library-intro,#library-groups,.library-workspace{grid-row:auto}.library-workspace{position:static}.library-stage.active{display:flex;flex-direction:column}.library-controls,.library-workspace{width:100%}.native-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-stage h1{font-size:clamp(36px,7vw,56px)}}
@media(max-width:480px){.native-grid{grid-template-columns:1fr}.header-share{font-size:11px}.welcome-body{font-size:17px}.native-card{min-height:56px}.explorer-topbar__inner{gap:10px}.library-family-grid{grid-template-columns:1fr!important}}


:root{--muted:#535d68}#style-explorer .label,#style-explorer .help,#style-explorer .field-help{color:#535d68!important}.preview-device-controls .native-card{flex-direction:row;min-height:44px;padding:8px 12px}.native-card:has(input:checked){box-shadow:inset 0 0 0 1px #805c28}

.stage.active{animation:none!important}

#style-explorer .stage-eyebrow,#style-explorer .review-kicker{color:#735015}.site-preview__visual>.preview-image{min-width:0;max-width:100%}#refine-core{min-width:0;max-width:100%}.random-help{margin:0!important}#direction-randomizer button{margin-bottom:0}#local-draft-controls{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}

.goal-wrap.show,.image-pref.show{animation:none!important}

.updated{display:none!important}


.native-design .selected-mark{display:none}.native-design:has(input:checked) .selected-mark{display:block}
/* Shared utility surfaces: quiet editorial rhythm, charcoal active states. */
#direction-readiness{display:grid;grid-template-columns:1fr auto;gap:12px 24px;margin:8px 0 32px;padding:20px 0 24px;border-bottom:1px solid var(--line);font-size:13px}
#direction-readiness>strong{font-size:14px;font-weight:500;letter-spacing:-.015em}
#direction-readiness #readiness-text{margin:0;font-size:12px;color:#535d68;font-variant-numeric:tabular-nums}
#readiness-bar{appearance:none;display:block;grid-column:1/-1;width:100%;height:3px;border:0;border-radius:0;background:#dedbd3;color:#536657}
#readiness-bar::-webkit-progress-bar{background:#dedbd3}#readiness-bar::-webkit-progress-value{background:#536657}#readiness-bar::-moz-progress-bar{background:#536657}
#readiness-milestones{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:4px 0 0;padding:0;list-style:none;font-size:11px;line-height:1.4;color:#62686c}
#readiness-milestones li{display:flex;align-items:center;gap:8px;min-width:0}.milestone-mark{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid #c7c6be;border-radius:50%;font-size:9px;font-variant-numeric:tabular-nums}
#readiness-milestones li[data-complete=true]{color:#25372d}#readiness-milestones li[data-complete=true] .milestone-mark{background:#536657;border-color:#536657;color:white}
#style-explorer :is(.preview-device-controls,#device-toggle){display:flex;align-items:center;gap:3px;width:max-content;max-width:100%;padding:3px;border:1px solid #d4d0c6;border-radius:7px;background:#ece8df}
#style-explorer .native-card:has(input[data-native-key=device]){position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;min-width:108px;margin:0;padding:8px 14px;border:0;border-radius:4px;box-shadow:none;background:transparent;color:#535d68;font:500 12px/1.3 var(--ui);cursor:pointer}
#style-explorer .native-card:has(input[data-native-key=device]:checked){background:#19232e;color:#fffdfa;box-shadow:0 1px 3px #101b2e22}
#style-explorer .native-card:has(input[data-native-key=device]:focus-visible){outline:2px solid #805c28;outline-offset:3px}
.native-card input[data-native-key=device]{position:absolute;width:1px;height:1px;opacity:0;margin:0}.native-card:has(input[data-native-key=device]) .selected-mark{display:none!important}
.device-glyph{position:relative;display:block;flex:none;width:17px;height:12px;border:1.5px solid currentColor;border-radius:2px}.device-glyph--desktop:after{content:'';position:absolute;width:9px;left:2.5px;bottom:-5px;border-bottom:1.5px solid currentColor}.device-glyph--mobile{width:10px;height:16px;border-radius:2px}
#local-draft-controls{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:24px 48px;margin:40px 0 12px;padding:28px 0;border-top:1px solid var(--line)}
#local-draft-controls[hidden]{display:none}.utility-eyebrow{margin:0 0 10px;color:#735015;font-size:10px;font-weight:600;letter-spacing:.14em}.draft-intro h2{font:400 23px/1.2 var(--ui);letter-spacing:-.035em}.draft-intro>p:last-child{max-width:34ch;color:#535d68;font-size:13px;line-height:1.6;margin:10px 0 0}
.local-draft-actions{gap:8px;align-items:center}#local-draft-controls .local-draft-actions button{min-height:44px;margin:0;padding:9px 14px;border:1px solid #c8c3b9;border-radius:5px;background:transparent;color:#26333e;font:500 12px/1.4 var(--ui);letter-spacing:0;box-shadow:none}
#local-draft-controls #save-local-draft{background:#19232e;color:#fffdfa;border-color:#19232e;order:0}#local-draft-controls #save-exit{order:1}#local-draft-controls #restore-local-draft{order:2}#local-draft-controls #clear-local-draft{order:3;border-color:transparent;text-decoration:underline;text-underline-offset:3px}
#local-draft-controls .local-draft-actions button:disabled{opacity:.45;cursor:not-allowed}#local-draft-controls .local-draft-actions button:focus-visible{outline:2px solid #805c28;outline-offset:3px}
#local-draft-controls .local-draft-opt-in{gap:10px;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--line-soft);font-size:12px;line-height:1.6;cursor:pointer}#draft-personal-opt-in{accent-color:#536657;width:17px;height:17px}
#local-draft-controls #local-draft-help{margin:9px 0 0 27px;font-size:12px;line-height:1.6;color:#535d68;max-width:65ch}
@media(max-width:760px){#readiness-milestones{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#local-draft-controls{grid-template-columns:1fr;gap:20px}.draft-intro>p:last-child{max-width:50ch}}
@media(max-width:420px){#direction-readiness{gap:12px;font-size:12px}#direction-readiness>strong{max-width:22ch;font-size:13px}#readiness-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}#direction-readiness #readiness-text{font-size:11px}.local-draft-actions{gap:6px}#local-draft-controls .local-draft-actions button{padding-inline:11px}}



[data-internal-review=true]{display:none!important}#style-explorer .review-faq-eyebrow{color:#735015}
.review-stage .review-hero{display:block;max-width:760px;margin:0 auto 48px}.review-stage .review-actions{margin-top:24px}.review-stage .review-summary-compact h1{max-width:22ch}.review-stage #why-goal{margin:24px 0}.review-stage .review-process{padding:36px 0;border-top:1px solid var(--line);margin:0 0 28px}.review-process>h2{font:400 clamp(25px,3vw,36px)/1.15 var(--ui);letter-spacing:-.035em}.review-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:28px 0 0}.review-process li>span{font-size:11px;color:#735015}.review-process h3{font:500 17px/1.3 var(--ui);margin:12px 0 8px}.review-process li p{font-size:14px;color:#535d68;line-height:1.6;margin:0}.review-stage .review-offer,.review-stage .review-faq{display:block}.review-stage .review-offer[hidden],.review-stage .review-faq[hidden]{display:none}
@media(max-width:650px){.review-process ol{grid-template-columns:1fr;gap:22px}.review-process li{padding-top:16px;border-top:1px solid var(--line)}}



/* Page 4 — a responsive finish with the visual rhythm of Black Sand's
   How It Works page. All rules are scoped to the review stage. */
.review-stage.active{display:block}
.review-stage{overflow:hidden}
.review-page{width:min(1180px,100%);margin:0 auto}

.review-hero{position:relative;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr);grid-template-rows:auto 1fr;gap:28px clamp(42px,6vw,88px);align-items:start;padding:clamp(10px,2vw,28px) 0 clamp(72px,8vw,108px)}
.review-hero::before{content:"";position:absolute;z-index:-1;width:420px;height:420px;top:-155px;right:-180px;border-radius:50%;background:radial-gradient(circle,rgba(169,215,245,.2),rgba(216,205,242,.1) 46%,transparent 70%);pointer-events:none}
.review-summary-compact{grid-column:1;grid-row:1;align-self:end}
.review-kicker{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#9a6d1d;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.review-kicker::before{content:"";width:20px;height:1px;background:var(--amber)}
.review-summary-compact h1{max-width:11ch;margin:0;color:var(--ink);font:300 clamp(44px,5.3vw,72px)/.98 var(--outer);letter-spacing:-.055em;text-wrap:balance}
.review-business-name{margin:22px 0 0;color:var(--ink);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;overflow-wrap:anywhere}
.review-summary-note{max-width:42ch;margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.65}
.review-tags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:28px 0 0;padding:0;list-style:none}
.review-tags li{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,253,250,.72);color:var(--ink);font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.review-tags li::before{display:block;margin-bottom:5px;color:#9a6d1d;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.review-tags li:nth-child(1)::before{content:"Style"}.review-tags li:nth-child(2)::before{content:"Color"}.review-tags li:nth-child(3)::before{content:"Goal"}
.review-tags li+li::before{margin-right:0}

.review-actions{grid-column:1;grid-row:2;align-self:start;min-width:0;margin:0}
.review-action-note{max-width:38ch;margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.55}
.review-primary{min-height:54px;border-radius:999px;padding:13px 24px;box-shadow:0 13px 30px rgba(16,27,46,.14);transition:transform .24s ease,box-shadow .24s ease}
.review-primary:hover{transform:translateY(-2px);box-shadow:0 17px 36px rgba(16,27,46,.19)}
.review-text-action{display:inline-flex;align-items:center;margin-top:14px}
.direction-email-form{max-width:470px;padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,250,.86);box-shadow:0 18px 46px rgba(16,27,46,.08)}

.review-snapshot{grid-column:2;grid-row:1/3;min-width:0;width:100%;height:auto;max-height:none;aspect-ratio:auto;overflow:visible;border:0;border-radius:0;pointer-events:auto}
.review-preview-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.review-snapshot .device-toggle{margin:0}
.review-snapshot .device-bezel{width:100%;box-shadow:0 26px 64px rgba(16,27,46,.18)}
.review-snapshot .device-bezel[data-device-mode="laptop"]{max-width:none}
.review-snapshot .device-bezel[data-device-mode="phone"]{max-width:265px}
.review-snapshot .device-bezel[data-device-mode="laptop"] .site-preview-scroll{--preview-height:clamp(330px,40vw,485px)}
.review-snapshot .device-bezel[data-device-mode="phone"] .site-preview-scroll{--preview-height:470px}

.review-scroll-cue{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 38px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.review-scroll-cue::before,.review-scroll-cue::after{content:"";width:clamp(36px,8vw,110px);height:1px;background:var(--line)}
.review-scroll-cue span{display:inline-block;animation:review-cue 1.8s ease-in-out infinite}
@keyframes review-cue{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}

/* Adapted directly from the branded process rail on how-it-works.html. */
.review-process{position:relative;margin-inline:calc(50% - 50vw);padding:clamp(72px,8vw,104px) max(24px,calc((100vw - 1180px)/2)) clamp(84px,9vw,118px);background:radial-gradient(circle at 8% 18%,rgba(254,203,105,.14),transparent 28%),radial-gradient(circle at 92% 88%,rgba(184,186,247,.14),transparent 30%),#f8f6f1}
.review-process__intro{display:grid;grid-template-columns:minmax(150px,.36fr) minmax(0,1fr);gap:clamp(34px,7vw,92px);align-items:end;width:min(1120px,100%);margin:0 auto clamp(52px,6vw,76px)}
.review-process__kicker{margin:0 0 7px;color:#c88417;font-size:.69rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.review-process__intro h2{max-width:760px;margin:0;color:#1b1916;font:400 clamp(2.1rem,4.5vw,4.15rem)/.98 var(--outer);letter-spacing:-.05em;text-wrap:balance}
.review-process__intro div>p{max-width:610px;margin:20px 0 0;color:#616267;font-size:.98rem;line-height:1.72}
.review-process__timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,3.2vw,46px);width:min(1120px,100%);margin:0 auto;padding:0;list-style:none}
.review-process__timeline::before{content:"";position:absolute;z-index:0;top:29px;right:10%;left:2%;height:2px;background:linear-gradient(90deg,#fecb69 0%,#fcb454 34%,#8cbbf2 68%,#b8baf7 100%);box-shadow:0 0 16px rgba(140,187,242,.24)}
.review-process__step{--stage-color:#fecb69;position:relative;z-index:1;min-width:0;padding-left:2px}
.review-process__step:nth-child(2){--stage-color:#fcb454}.review-process__step:nth-child(3){--stage-color:#8cbbf2}.review-process__step:nth-child(4){--stage-color:#b8baf7}
.review-process__marker{display:grid;place-items:center;width:60px;height:60px;margin-bottom:28px;border:1px solid color-mix(in srgb,var(--stage-color) 72%,#1b1916 12%);border-radius:50%;background:rgba(255,255,255,.93);box-shadow:0 0 0 7px rgba(248,246,241,.96),0 10px 28px color-mix(in srgb,var(--stage-color) 24%,transparent);color:#1b1916;font-size:.72rem;font-weight:700;letter-spacing:.08em;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease}
.review-process__step:hover .review-process__marker{transform:translateY(-4px);box-shadow:0 0 0 7px rgba(248,246,241,.96),0 14px 34px color-mix(in srgb,var(--stage-color) 34%,transparent)}
.review-process__eyebrow{margin:0 0 11px;color:color-mix(in srgb,var(--stage-color) 62%,#6b4b24 38%);font-size:.67rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.review-process__step h3{max-width:250px;margin:0 0 13px;color:#1b1916;font-size:clamp(1.18rem,2vw,1.5rem);font-weight:500;letter-spacing:-.03em;line-height:1.15}
.review-process__step>p:not(.review-process__eyebrow){margin:0;color:#616267;font-size:.87rem;line-height:1.65}

.review-faq{display:grid;grid-template-columns:minmax(220px,.52fr) minmax(0,1fr);gap:clamp(40px,7vw,100px);max-width:1080px;margin:clamp(78px,9vw,120px) auto 0}
.review-faq__intro{position:sticky;top:105px;align-self:start}
.review-faq-eyebrow{margin:0 0 12px;color:#9a6d1d;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.review-faq h2{max-width:11ch;margin:0;color:var(--ink);font:300 clamp(34px,4vw,50px)/1.02 var(--outer);letter-spacing:-.045em}
.review-faq-lede{max-width:34ch;margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.65}
.review-faq-list{display:grid;gap:0;margin:0}
.review-faq-list details{border-top:1px solid var(--line)}.review-faq-list details:last-child{border-bottom:1px solid var(--line)}
.review-faq-list summary{min-height:72px;padding:20px 4px;font-size:16px}
.review-faq-list details[open] summary{color:#9a6d1d}
.review-faq-list p{padding:0 40px 24px 4px;font-size:14px;line-height:1.7}
.review-appendix-close{margin:clamp(52px,7vw,84px) auto 30px;padding-top:28px;border-top:1px solid var(--line);max-width:1080px;color:var(--muted);font-size:14px}
.review-appendix-close a{color:var(--ink);font-weight:600;text-underline-offset:4px}

@media(max-width:900px){
 .review-hero{grid-template-columns:minmax(240px,.68fr) minmax(360px,1.32fr);gap:28px 34px}
 .review-tags{grid-template-columns:1fr}.review-tags li{padding:10px 12px}.review-tags li::before{display:inline;margin:0 8px 0 0}
 .review-process__intro{grid-template-columns:1fr;gap:12px}
 .review-process__timeline{grid-template-columns:1fr;gap:0}
 .review-process__timeline::before{top:30px;bottom:34px;left:29px;width:2px;height:auto;background:linear-gradient(180deg,#fecb69 0%,#fcb454 34%,#8cbbf2 68%,#b8baf7 100%)}
 .review-process__step{min-height:184px;padding:4px 0 38px 92px}
 .review-process__marker{position:absolute;top:0;left:0;margin:0}
 .review-process__step h3,.review-process__step>p{max-width:540px}
}
@media(max-width:720px){
 .review-hero{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:26px;padding-top:2px}
 .review-summary-compact{grid-column:1;grid-row:1}.review-summary-compact h1{font-size:clamp(42px,12vw,58px);max-width:12ch}
 .review-snapshot{grid-column:1;grid-row:2}.review-actions{grid-column:1;grid-row:3}
 .review-preview-meta{margin-top:4px}.review-snapshot .device-bezel[data-device-mode="laptop"] .site-preview-scroll{--preview-height:clamp(330px,64svh,440px)}
 .review-primary{width:100%}.direction-email-form{max-width:none;padding:18px}.direction-email-names{grid-template-columns:1fr}
 .review-faq{grid-template-columns:1fr;gap:30px}.review-faq__intro{position:static}.review-faq h2{max-width:14ch}
}
@media(max-width:520px){
 .review-page{width:100%}.review-hero{padding-bottom:70px}.review-summary-note{font-size:14px}.review-tags{margin-top:22px}
 .review-snapshot .device-toggle button{min-height:36px;padding:0 12px}
 .review-snapshot .device-bezel{padding:7px 7px 16px;border-radius:13px}.review-snapshot .device-bezel[data-device-mode="phone"]{padding:12px 7px;border-radius:30px}
 .review-process{padding-right:18px;padding-left:18px}.review-process__intro h2{font-size:clamp(2rem,11.5vw,3.2rem)}
 .review-process__step{min-height:172px;padding-left:80px}.review-process__step h3{font-size:1.2rem}
 .review-faq-list summary{min-height:68px;padding:18px 2px;font-size:15px}.review-faq-list p{padding-right:20px}
}
@media(prefers-reduced-motion:reduce){.review-scroll-cue span{animation:none}.review-process__marker,.review-primary{transition:none}.review-process__step:hover .review-process__marker,.review-primary:hover{transform:none}}

/* Page 4 offer transition — centered editorial heading and complete pricing. */
.review-offer{position:relative;margin-inline:calc(50% - 50vw);background:#f7f2e9;color:#211a16;overflow:hidden}
.review-offer__intro{position:relative;isolation:isolate;display:grid;place-items:center;align-content:center;min-height:clamp(560px,72svh,780px);padding:clamp(82px,10vw,140px) 24px;text-align:center;background-color:#f7f2e9;background-image:radial-gradient(circle,rgba(87,129,112,.32) 0 1.4px,transparent 1.8px),radial-gradient(circle,rgba(102,92,87,.22) 0 2px,transparent 2.4px),radial-gradient(circle,rgba(252,180,84,.18) 0 1.5px,transparent 2px);background-position:17px 32px,88px 7px,42px 104px;background-size:137px 151px,193px 179px,223px 211px}
.review-offer__intro::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.9),rgba(255,255,255,.36) 34%,transparent 68%)}
.review-offer__eyebrow{margin:0 0 30px;color:#756b64;font-size:clamp(.78rem,1.2vw,.95rem);font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.review-offer__intro h2{max-width:13ch;margin:0;color:#211a16;font:300 clamp(2.75rem,5.4vw,5.4rem)/.98 var(--outer);letter-spacing:-.055em;text-wrap:balance}
.review-offer__promise{margin:32px 0 0;color:#655d57;font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.6;text-wrap:balance}
.review-offer__start{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;margin-top:30px;padding:0 30px;overflow:hidden;border:1px solid rgba(188,126,20,.24);border-radius:999px;background:linear-gradient(125deg,#ffdc79 0%,#ffc06d 42%,#f7b563 64%,#a9d7f5 118%);background-size:180% 180%;background-position:0 50%;color:#171512;font-size:.94rem;font-weight:700;letter-spacing:.015em;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.78),inset 0 -1px 0 rgba(139,86,12,.1),0 14px 32px rgba(221,146,33,.24),0 3px 8px rgba(16,27,46,.08);transition:transform .3s cubic-bezier(.22,1,.36,1),background-position .45s ease,box-shadow .3s ease,filter .3s ease}
.review-offer__start::before{content:"";position:absolute;inset:1px 12% auto;height:45%;z-index:-1;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.58),transparent);opacity:.8;pointer-events:none}
.review-offer__start span{display:inline-block;font-size:1.1em;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.review-offer__start:hover{transform:translateY(-3px) scale(1.015);background-position:100% 50%;filter:saturate(1.08) brightness(1.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.86),inset 0 -1px 0 rgba(139,86,12,.08),0 20px 42px rgba(221,146,33,.32),0 0 22px rgba(169,215,245,.24)}
.review-offer__start:hover span{transform:translateX(4px)}
.review-offer__start:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 5px rgba(139,86,12,.18),0 7px 17px rgba(221,146,33,.2)}
.review-offer__start:focus-visible{outline:3px solid rgba(92,143,248,.78);outline-offset:5px}
.review-offer__arrow{position:absolute;bottom:34px;left:50%;color:rgba(80,71,64,.34);font-size:2rem;font-weight:300;transform:translateX(-50%);animation:offer-arrow 1.8s ease-in-out infinite}
@keyframes offer-arrow{0%,100%{translate:0 -3px}50%{translate:0 4px}}

.review-offer__pricing-wrap{position:relative;padding:clamp(76px,9vw,120px) 24px clamp(92px,10vw,136px);background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.88),transparent 32%),radial-gradient(circle at 78% 16%,rgba(254,203,105,.2),transparent 36%),radial-gradient(circle at 18% 90%,rgba(216,205,242,.2),transparent 34%),#efebe3}
.review-price-panel{width:min(980px,100%);margin:0 auto;padding:clamp(28px,4.5vw,54px);border:1px solid rgba(255,255,255,.82);border-radius:clamp(24px,4vw,48px);background:linear-gradient(145deg,rgba(255,253,249,.92),rgba(255,248,233,.78));box-shadow:0 30px 80px rgba(75,60,48,.15),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.review-price-panel__top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.review-price-panel__top span{color:#c77f12;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.review-price-panel__top strong{color:#706963;font-size:.95rem;font-weight:600}
.review-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.review-price-card{min-width:0;padding:clamp(25px,3.5vw,42px);border:1px solid rgba(216,153,34,.3);border-radius:clamp(22px,3vw,38px);background:rgba(255,255,255,.78);box-shadow:0 18px 42px rgba(87,67,44,.09)}
.review-price-card--care{border-color:rgba(16,27,46,.15)}
.review-price-card>p{margin:0 0 28px;color:#c77f12;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.review-price-card__price{display:flex;align-items:flex-end;gap:12px;margin-bottom:32px}
.review-price-card__price strong{color:#211a16;font:300 clamp(3.7rem,7vw,6rem)/.82 var(--outer);letter-spacing:-.07em;font-variant-numeric:tabular-nums;white-space:nowrap}
.review-price-card__price span{max-width:7ch;padding-bottom:3px;color:#655d57;font-size:clamp(.95rem,1.7vw,1.25rem);line-height:1.2}
.review-price-card ul{display:grid;gap:15px;margin:0;padding:0;list-style:none}
.review-price-card li{position:relative;padding-left:34px;color:#615b56;font-size:clamp(.9rem,1.35vw,1.05rem);line-height:1.45}
.review-price-card li::before{content:"✓";position:absolute;top:.05em;left:0;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff0c9;color:#a76c0b;font-size:.8rem;font-weight:800}
.review-price-panel__note{max-width:760px;margin:34px 4px 28px;color:#625b55;font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.6}
.review-price-panel__purchase{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;padding:12px 24px;border:1px solid rgba(166,112,18,.12);border-radius:999px;background:linear-gradient(135deg,#fed76e,#fecb69 55%,#fcb454);box-shadow:0 14px 32px rgba(252,180,84,.28),inset 0 1px 0 rgba(255,255,255,.62);color:#211a16;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .24s ease,box-shadow .24s ease}
.review-price-panel__purchase:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(252,180,84,.36),inset 0 1px 0 rgba(255,255,255,.72)}
.review-price-panel__guarantee{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;color:#615b56;font-size:.88rem;font-weight:600;text-decoration:none}
.review-price-panel__guarantee span{color:#50a86c;font-size:1.15rem}

@media(max-width:720px){
 .review-offer__intro{min-height:clamp(520px,72svh,680px);padding-inline:18px}
 .review-offer__eyebrow{margin-bottom:22px}.review-offer__intro h2{font-size:clamp(2.5rem,10.5vw,3.8rem);max-width:12ch;line-height:1}.review-offer__promise{max-width:26ch;margin-top:24px}
 .review-offer__pricing-wrap{padding-right:14px;padding-left:14px}.review-price-panel{padding:22px;border-radius:26px}.review-price-grid{grid-template-columns:1fr;gap:16px}.review-price-panel__top{margin-bottom:22px}.review-price-card{padding:26px;border-radius:24px}.review-price-card__price strong{font-size:clamp(4rem,20vw,5.4rem)}
}
@media(max-width:420px){
 .review-price-panel{padding:17px}.review-price-panel__top{align-items:flex-start}.review-price-panel__top strong{text-align:right}.review-price-card{padding:22px 20px}.review-price-card__price{gap:10px}.review-price-card__price span{font-size:.95rem}.review-price-card li{font-size:.92rem}
}
@media(prefers-reduced-motion:reduce){.review-offer__arrow{animation:none}.review-offer__start,.review-offer__start span,.review-price-panel__purchase{transition:none}.review-offer__start:hover,.review-offer__start:active,.review-price-panel__purchase:hover{transform:none}.review-offer__start:hover span{transform:none}}



.review-stage .review-hero{display:grid;max-width:none;margin:0;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
.review-stage .review-summary-compact h1{max-width:11ch}
.review-stage .review-actions{margin:0}
.review-stage .review-faq{display:grid}
#style-explorer .review-stage .review-snapshot #device-toggle{display:none!important}
#style-explorer:has(.review-stage.active) :is(#dock,#direction-readiness){display:none!important}
.review-stage .review-price-panel{backdrop-filter:none;-webkit-backdrop-filter:none}
.review-stage .review-price-card>p,.review-stage .review-price-panel__top span{color:#865309}
#style-explorer .review-stage .review-faq-list summary:is(:hover,:focus-visible),#style-explorer .review-stage .review-faq-list details[open] summary{color:#735015}
@media(max-width:900px){.review-stage .review-hero{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:28px}}
@media(max-width:720px){.review-stage .review-hero{grid-template-columns:minmax(0,1fr)}.review-stage .review-faq{grid-template-columns:minmax(0,1fr)}}


#business-type-grid[hidden]{display:none!important}#business-type-grid{margin:32px 0;scroll-margin-top:145px}#foundation-form .native-grid{grid-template-columns:1fr}#foundation-form .native-card{min-width:0}#foundation-form .native-card span{overflow-wrap:anywhere}


[data-focus-hidden="true"]{display:none!important}
#direction-readiness,#direction-randomizer,.selection-lock[data-lock],#return-options{display:none!important}
#refine-secondary>summary,.preference-group__summary{display:none!important}
#focus-question-count{margin-bottom:22px}
#refine-secondary{border:0;padding:0;margin:0}
#refine-core .library-group{border:0}
#tune-gate-row{grid-template-columns:1fr;gap:12px}
#style-explorer .native-card{border:2px solid #777a77;box-shadow:none}
#style-explorer .native-card:hover{border-color:#101b2e}
#style-explorer .native-card:has(input:checked){border:2px solid #805c28;background:#fff5df;box-shadow:inset 0 0 0 1px #805c28}
#style-explorer .native-card:has(input:focus-visible){outline:3px solid #101b2e;outline-offset:4px}
#style-explorer .native-card .selected-mark{background:#805c28;color:white}
#style-explorer .chip-choice{border:2px solid #777a77}
#style-explorer .chip-choice[aria-pressed="true"]{border-color:#805c28;background:#fff5df}
#dock #next[hidden]{display:none!important}
@media(max-width:1023px){.brand-feel-stage__intro{grid-row:1}.brand-feel-stage__preview{grid-row:auto;order:10}#refine-core,#tune-gate-row,#refine-secondary{grid-row:auto;order:1}}
@media(max-width:850px){#library-groups{grid-row:2}.library-workspace{grid-row:3}}


/* Four breakpoints: narrow <480, mobile <720, tablet <960, desktop >=960.
   One decision region scrolls only if content exceeds the available height. */
.ux-legacy,.ux-old-review{display:none!important}
#style-explorer .stage:has(.ux-shell).active{display:block!important;padding:0;margin:0;width:100%}
#style-explorer:has(.ux-shell) main.explorer-page{padding-top:16px}
.ux-shell{width:100%;max-width:1100px;margin:auto;height:calc(100dvh - var(--ux-chrome,234px));min-height:160px;overflow-y:auto;overflow-x:clip;scrollbar-width:thin;padding:6px;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:24px}
.ux-content{min-width:0;max-width:760px;width:100%;margin:auto}
.ux-content>.label{margin:0 0 14px}.ux-content h1{font:300 clamp(26px,3vw,38px)/1.12 var(--outer);letter-spacing:-.035em;margin-bottom:18px}
.ux-content h2{margin-top:22px}.ux-question{border:0;padding:0;margin:14px 0;min-width:0}.ux-question legend{font-size:clamp(20px,2.5vw,27px);line-height:1.2;letter-spacing:-.02em;margin-bottom:8px}
.ux-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.ux-choice{position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:58px;padding:12px;border:1px solid #85877f;border-radius:10px;background:var(--paper);cursor:pointer;font-size:15px;line-height:1.3}
.ux-choice input{flex:none;width:18px;height:18px;accent-color:#805c28;margin:0}.ux-choice:has(input:checked){outline:1px solid #805c28;border-color:#805c28;background:#fff5df}.ux-choice:has(input:focus-visible){outline:3px solid #145c8a;outline-offset:3px}
.ux-choice-copy{flex:1;min-width:0}.ux-check{visibility:hidden;font-weight:700;color:#735015}.ux-choice:has(input:checked) .ux-check{visibility:visible}
.ux-summary{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--line);font-size:13px;min-height:44px}.ux-summary>span{color:var(--muted)}.ux-summary strong{font-weight:500}.ux-summary button,.ux-link,.ux-pages button{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:var(--ink);min-height:44px;padding:8px 4px;font-size:13px}
.ux-summaries:empty{display:none}.ux-pages{display:flex;align-items:center;justify-content:space-between;font-size:12px}
.ux-question input[type=text],#ux-email,.ux-content select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #a29d92;border-radius:7px;background:var(--paper);font-size:16px;margin-top:12px}
.ux-directions{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-directions .ux-choice{align-items:flex-start}.ux-directions .ux-choice input{position:absolute;top:18px;left:18px;z-index:1}.ux-directions .ux-check{position:absolute;right:12px;top:12px}.ux-directions .family-swatch{height:74px;width:100%;margin-bottom:12px}.ux-directions strong,.ux-directions small{display:block;margin:6px 0}.ux-directions small{font-size:12px;color:var(--muted);line-height:1.4}.ux-direction-action{display:block;margin-top:12px;font-size:12px;font-weight:600;text-decoration:underline}
.ux-with-preview{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ux-preview{min-width:0;width:100%;align-self:start;overflow:hidden;border:1px solid var(--line);border-radius:10px}
.ux-preview :is(#style-preview,#brand-preview){margin:0!important;min-height:0!important;max-height:none!important;overflow:visible!important;border:0!important}
.ux-preview .site-preview-frame{border:0;border-radius:0}.ux-preview .site-preview-scroll{height:auto!important;max-height:none!important;overflow:visible!important;scroll-snap-type:none;scrollbar-gutter:auto}
.ux-preview .site-preview-section{min-height:0!important}.ux-preview .site-preview__hero{min-height:0!important}.ux-preview .preview-secondary,.ux-preview .preview-tertiary{display:none!important}
.ux-preview .site-preview__copy{padding:22px!important}.ux-preview .site-preview__copy h2{font-size:30px!important}.ux-preview .site-preview__body{font-size:12px!important}.ux-preview .site-preview__visual{min-height:150px!important;max-height:200px!important;aspect-ratio:4/3!important}
#shared-preview-frame [hidden]{display:none!important}.ux-preview .mini-preview-nav button:disabled{opacity:1;cursor:default}.ux-preview .mini-preview-nav{min-height:54px;padding:8px 5%}.ux-preview .mini-preview-brand{max-width:52%}
#style-explorer #reset{display:inline-block;min-width:44px;min-height:44px}#style-explorer #reset[hidden]{display:none}
#style-explorer #dock #next .glass-rim{animation:none!important}#style-explorer #dock #next .core-label{font-size:12px;letter-spacing:0;line-height:1.25}
.ux-review{max-width:780px;margin:0 auto 64px}.ux-review h1{font-size:clamp(34px,5vw,52px);max-width:22ch}.ux-review #ux-review-summary{margin-top:22px;font-size:15px}.ux-review-preview{margin:20px 0;max-width:620px}.ux-review-preview .site-preview-scroll{height:240px}.ux-review form{max-width:520px;margin:24px 0}.ux-review form>label{display:block;font-size:14px}.ux-review form button{width:100%;margin-top:12px}.ux-review .review-primary{text-decoration:none}#ux-email-success .ux-link{display:block}
.ux-review .help{line-height:1.5}#style-explorer .review-stage .review-offer{margin-inline:0;width:100%}
#style-explorer .review-stage{overflow:visible}#style-explorer .review-stage .review-faq{min-width:0}
@media(max-width:959px){.ux-with-preview{grid-template-columns:minmax(0,1fr);gap:12px}.ux-preview{grid-row:1;max-height:130px;pointer-events:none}.ux-preview .site-preview__hero{display:grid!important;grid-template-columns:1fr 1fr!important}.ux-preview .site-preview__visual{min-height:76px!important;height:76px!important;margin:0!important;aspect-ratio:auto!important}.ux-preview .site-preview__copy{padding:10px 16px!important}.ux-preview .site-preview__copy h2{font-size:20px!important}.ux-preview .site-preview__body,.ux-preview .site-preview__eyebrow,.ux-preview figcaption{display:none!important}.ux-preview .mini-preview-nav{min-height:44px;padding:0 12px}.ux-preview .mini-preview-nav button{min-height:44px}.ux-content h1{font-size:25px;margin-bottom:12px}.ux-content>.label{margin-bottom:10px}}
@media(max-width:719px){.ux-directions{grid-template-columns:1fr;gap:8px}.ux-directions .ux-choice{padding:10px 10px 10px 38px;min-height:100px}.ux-directions .ux-choice input{left:10px;top:14px}.ux-directions .family-swatch{float:left;width:58px;height:72px;margin:0 12px 0 0}.ux-directions small{font-size:11px;margin:3px 0}.ux-direction-action{margin-top:5px}.ux-summary{grid-template-columns:85px minmax(0,1fr) auto;gap:8px;font-size:12px}.ux-question legend{font-size:20px}.ux-shell{height:calc(100dvh - var(--ux-chrome,224px));gap:10px}.ux-review-preview{max-width:100%}}
@media(max-width:479px){.ux-choices{grid-template-columns:1fr;gap:7px}.ux-choice{min-height:48px;padding:10px;font-size:14px}.ux-shell{padding:4px}.ux-content .help{font-size:13px}.ux-summary{min-height:44px}.ux-preview{max-height:102px}.ux-preview .mini-preview-nav{display:none!important}.ux-directions .ux-choice{padding-left:36px}.ux-review form{width:100%}}
@media(prefers-reduced-motion:no-preference){.ux-question{animation:ux-enter 200ms cubic-bezier(.22,1,.36,1)}@keyframes ux-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(forced-colors:active){.ux-choice:has(input:checked){outline:2px solid Highlight}.ux-check{color:Highlight}}
@media(max-width:959px){
 #style-explorer .ux-preview #shared-preview-frame .site-preview__hero{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)!important;min-height:0!important;height:auto!important}
 #style-explorer .ux-preview #shared-preview-frame .site-preview__copy{min-height:0!important;justify-content:center!important;align-self:stretch!important;grid-area:auto!important;height:100px!important;padding:12px!important}
 #style-explorer .ux-preview #shared-preview-frame .site-preview__visual{grid-area:auto!important;min-height:100px!important;height:100px!important;width:100%!important;align-self:stretch!important;margin:0!important}
 #style-explorer .ux-preview #shared-preview-frame .mini-preview-nav{display:flex!important;height:44px;min-height:44px}
 #style-explorer .ux-preview #shared-preview-frame .mini-preview-brand{font-size:14px}
 #style-explorer .ux-preview #shared-preview-frame [data-nav-action=cta]{font-size:10px;min-height:32px;max-width:120px}
 .ux-preview{max-height:146px}
}
#ux-options{width:min(620px,calc(100% - 24px));max-height:80dvh;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--canvas);color:var(--ink);padding:22px}
#ux-options::backdrop{background:#101b2e77}#ux-options #local-draft-controls{display:block;margin:0;padding:12px 0}#ux-options .draft-body{margin-top:16px}
#ux-more-options{font-size:11px;min-height:44px;border:0;background:none;color:var(--muted);text-decoration:underline}
#style-explorer .ux-review .mini-preview-nav [data-nav-action=cta]{display:inline-flex!important;opacity:1}
#style-explorer .ux-preview #shared-preview-frame .mini-preview-nav [data-nav-action=cta]{display:inline-flex!important;opacity:1}



/* Visual fine-tuning: reuse the original option samples in the guided flow. */
.ux-tune-entry{display:flex;flex-direction:column;gap:7px;width:100%;min-height:84px;margin-top:16px;padding:16px 18px;text-align:left;border:2px solid #987039;border-radius:12px;background:#fff1d9;color:#292923;font:inherit;cursor:pointer}
.ux-tune-entry strong{font-size:16px}.ux-tune-entry span{font-size:13px;line-height:1.45}.ux-tune-entry small{font-size:12px;color:#60543f}.ux-tune-entry:hover{background:#f7dfb4;border-color:#654b28}
.ux-tune-entry:focus-visible{outline:3px solid #252923;outline-offset:3px}.ux-detail-label{display:block;font-weight:600;margin-bottom:8px}
.ux-choice-copy{min-width:0}.ux-visual-choice .ux-choice-copy{display:flex;flex-direction:column;gap:10px;width:100%}.ux-visual-sample{display:block;box-sizing:border-box;width:100%;min-width:0;height:52px;margin:0;overflow:hidden}.ux-visual-sample.visual-choice__sample{display:grid;min-height:52px}.ux-visual-sample.nav-action-sample,.ux-visual-sample.sample-nav{display:flex}.ux-visual-sample.palette-sample{display:flex}.ux-visual-sample.palette-sample i{min-width:0}.ux-visual-choice{align-items:start!important}.ux-visual-sample:not(.palette-sample){max-width:100%}.ux-visual-choice .ux-visual-sample{pointer-events:none}.ux-visual-sample.proof-sample{width:100%}.ux-visual-choice input{margin-top:4px}
.ux-personality{display:flex;align-items:center;justify-content:space-between;background:#eeeae2;padding:8px 12px;color:#30362d}.ux-personality b{font-size:20px}.ux-personality i{width:20px;height:20px;background:currentColor}.ux-personality-balanced{background:#eddfc9}.ux-personality-balanced b{font:italic 25px Georgia,serif}.ux-personality-expressive{background:#edb44f}.ux-personality-expressive b{font-size:30px}.ux-personality-expressive i{border-radius:50%;width:32px;height:32px}
@media(prefers-reduced-motion:reduce){.ux-visual-sample,.ux-visual-sample *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.ux-tune-entry{border:2px solid ButtonText}.ux-choice:has(input:checked){outline:3px solid Highlight}}



/* Scoped guided preview avoids the retired multi-page/device layout rules. */
#style-explorer .ux-preview{max-height:none;overflow:hidden;pointer-events:auto;background:#fffdfa}
.guided-site{min-width:0;width:100%;overflow:hidden;background-color:var(--g-bg);color:var(--g-ink);font:14px/1.5 Arial,sans-serif}
.guided-site-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--g-accent)}.guided-site-nav strong{font-size:13px;max-width:60%;overflow-wrap:anywhere}.guided-site-cta{border:1px solid var(--g-ink);border-radius:var(--g-button);padding:8px 10px;font-size:11px;white-space:normal;text-align:center}
.guided-site-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;padding:28px 22px;align-items:center}.guided-site-copy{min-width:0}.guided-site-copy small{font-size:9px;letter-spacing:.1em}.guided-site-copy h2{font:30px/1.12 var(--g-font);color:var(--g-ink);margin:12px 0;overflow-wrap:anywhere}.guided-site-copy p{font-size:12px;color:var(--g-muted);margin:0}
.guided-site-art{position:relative;isolation:isolate;overflow:hidden;min-height:200px;border-radius:var(--g-radius);background:var(--g-accent);color:var(--g-bg)}.guided-site-art i{position:absolute;width:140px;height:140px;border:1px solid currentColor;border-radius:50%;top:20px;right:-24px;opacity:.65}.guided-site-art b{position:absolute;inset:48% 15% -20% -20%;background:var(--g-ink);transform:rotate(-28deg);opacity:.4}.guided-site-art span{position:absolute;left:15px;bottom:16px;font:italic 22px/1.1 Georgia,serif;max-width:8ch}.guided-site-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.guided-site-proof{display:flex;flex-direction:column;gap:6px;margin:0 22px 22px;padding:15px;border-radius:var(--g-radius);background:var(--g-surface)}.guided-site-proof small{font-size:10px;color:var(--g-muted)}.guided-site-proof strong{font:18px/1.2 var(--g-font)}
.guided-site[data-cards=Bordered] .guided-site-proof{border:1px solid var(--g-accent)}.guided-site[data-cards=Raised] .guided-site-proof{box-shadow:0 4px 12px #0002}.guided-site[data-divider=Line] .guided-site-proof{border-top:1px solid var(--g-ink)}.guided-site[data-divider=Shape] .guided-site-proof{border-radius:24px 0 24px 0}.guided-site[data-images=Full] .guided-site-art{border-radius:0}.guided-site[data-images=Rounded] .guided-site-art{border-radius:28px}.guided-site[data-images=Framed] .guided-site-art{border:6px solid var(--g-surface);outline:1px solid var(--g-accent)}
.guided-site[data-spacing=Compact] .guided-site-hero{padding:16px;gap:12px}.guided-site[data-spacing=Spacious] .guided-site-hero{padding:36px 24px;gap:24px}.guided-site[data-intensity=expressive] .guided-site-copy h2{font-size:36px}.guided-site[data-intensity=quiet] .guided-site-art{opacity:.8}
.ux-visual-choice{border:2px solid #9c978f;min-height:128px;padding:14px;gap:10px}.ux-choice:has(input:checked){border:2px solid #805c28;outline:1px solid #805c28;background:#fff4df}.ux-visual-choice .ux-choice-copy>span:last-child{font-size:15px;font-weight:600;color:#18212b}.ux-visual-choice .ux-visual-sample{height:68px;min-height:68px;border:1px solid #d7d2c8;border-radius:6px}.ux-font-sample{display:flex!important;align-items:center;padding:10px;font-size:24px;color:#27342e;background:#f7f4ee}.ux-visual-choice .ux-check{position:absolute;right:9px;top:7px}.ux-visual-choice{padding-top:22px}
.ux-direction-sample{position:relative;display:flex;flex-direction:column;gap:8px;overflow:hidden;width:100%;height:140px;padding:16px;border:1px solid #bbb7ad;border-radius:5px}.ux-directions .ux-direction-sample small{font:8px Arial,sans-serif;color:inherit;margin:0}.ux-direction-sample b{font-size:24px;line-height:1.05;max-width:8ch;z-index:1}.ux-direction-sample i{position:absolute;right:0;bottom:0;width:32%;height:72%;background:var(--sample-accent);border-radius:35px 0 0 0}.ux-direction-sample em{font:9px Arial,sans-serif;margin-top:auto;z-index:1}.ux-directions .ux-choice input{top:20px;left:20px}.ux-directions .ux-choice{padding-top:44px}.ux-directions small{color:#505761;font-size:13px}.ux-directions strong{font-size:17px}
@media(max-width:959px){.guided-site-hero,.guided-site[data-spacing] .guided-site-hero{padding:14px 16px;gap:16px}.guided-site-art{min-height:130px}.guided-site-copy h2,.guided-site[data-intensity] .guided-site-copy h2{font-size:24px}.guided-site-nav{padding:10px 16px}.guided-site-proof{display:none}.guided-site-copy p{display:none}.ux-with-preview{grid-template-rows:auto minmax(0,1fr)}.ux-content{min-height:0}}
@media(max-width:719px){.ux-directions .ux-choice{padding:12px 12px 12px 40px}.ux-direction-sample{float:left;width:110px;height:110px;margin:0 12px 8px 0;padding:10px}.ux-direction-sample b{font-size:20px}.ux-directions .ux-choice input{left:12px;top:16px}.ux-visual-choice{min-height:120px}.guided-site-art{min-height:110px}.guided-site-copy h2,.guided-site[data-intensity] .guided-site-copy h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.guided-site *{animation:none!important;transition:none!important}}



/* Scrolling and device review; the page and preview each remain reachable. */
html,body{height:auto!important;overflow-y:auto!important}
#style-explorer .ux-shell{height:auto!important;max-height:none!important;overflow:visible!important;align-items:start;grid-template-rows:auto!important;padding-bottom:28px}
#style-explorer .ux-preview{position:sticky;top:90px;max-height:none!important;overflow:visible!important}
#style-explorer .ux-preview :is(#style-preview,#brand-preview){height:min(620px,70dvh)!important;max-height:70dvh!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:auto;scrollbar-width:thin;touch-action:pan-y}
#style-preview:focus-visible,#brand-preview:focus-visible,#review-preview:focus-visible{outline:3px solid #805c28;outline-offset:3px}
.guided-site-section{padding:24px;border-top:1px solid var(--g-accent)}.guided-site-section h3{font:26px/1.15 var(--g-font);margin:8px 0 20px}.guided-site-section h4{font:18px/1.2 var(--g-font);margin:0 0 8px}.guided-site-section p{font-size:13px;line-height:1.6;color:var(--g-muted)}.guided-site-section article{padding:18px 0;border-top:1px solid var(--g-surface)}.guided-site-end{padding-bottom:40px}.guided-site-end .guided-site-cta{display:inline-block}
.ux-review-devices{display:flex;justify-content:center;gap:10px;margin:20px 0}.ux-review-devices button{min-height:44px;padding:10px 24px;border:1px solid #807b73;border-radius:999px;background:#fffdfa;color:#252923}.ux-review-devices button[aria-pressed=true]{background:#252923;color:#fff;border:2px solid #252923}.ux-review-preview{max-width:100%!important}
.ux-review-preview #device-bezel{display:block!important;margin:0 auto;box-sizing:border-box;max-width:100%;transition:width .2s ease}
.ux-review-preview #device-bezel[data-device-mode=laptop]{width:100%;border:10px solid #292929;border-bottom-width:22px;border-radius:14px}
.ux-review-preview #device-bezel[data-device-mode=phone]{width:320px;border:10px solid #292929;border-top-width:26px;border-bottom-width:24px;border-radius:36px}
.ux-review-preview .device-bezel-screen{width:100%;min-width:0;overflow:hidden;border-radius:inherit}
.ux-review-preview #review-preview{height:440px!important;max-height:65dvh!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y;scrollbar-width:thin}
.ux-review-preview #device-bezel[data-device-mode=phone] .guided-site-hero{grid-template-columns:1fr}.ux-review-preview #device-bezel[data-device-mode=phone] .guided-site-nav{flex-wrap:wrap}.ux-review-preview #device-bezel[data-device-mode=phone] .guided-site-copy h2{font-size:26px}
.ux-review-preview .device-bezel-chrome{display:none!important}
@media(max-width:959px){#style-explorer .ux-preview{position:static;grid-row:auto}#style-explorer .ux-with-preview .ux-content{order:0}#style-explorer .ux-with-preview .ux-preview{order:1}#style-explorer .ux-preview :is(#style-preview,#brand-preview){height:380px!important;max-height:65dvh!important}.guided-site-copy p{display:block}.guided-site-proof{display:flex}.guided-site-art{min-height:150px}}
@media(prefers-reduced-motion:reduce){.ux-review-preview #device-bezel{transition:none}}



/* Mobile Step 3: full-screen website with a nonmodal choices sheet. */
.ux-mobile-sheet{min-width:0}#ux-sheet-toggle{display:none}
@media(max-width:719px){
 body:has(#style-explorer[data-stage=refine]){overflow:hidden!important}
 #style-explorer[data-stage=refine] .explorer-topbar{position:relative;z-index:65}
 #style-explorer[data-stage=refine] #ux-stage-3{display:block!important;padding:0!important;margin:0!important}
 #style-explorer[data-stage=refine] #ux-stage-3>.ux-preview{position:fixed!important;inset:var(--sheet-top,64px) 0 0!important;width:100%!important;max-width:none!important;border:0;border-radius:0;z-index:50;overflow:hidden!important;background:var(--canvas)}
 #style-explorer[data-stage=refine] #ux-stage-3 #brand-preview{height:100%!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:calc(min(48dvh,430px) + var(--sheet-dock,90px) + 24px);scroll-padding-bottom:calc(min(48dvh,430px) + var(--sheet-dock,90px));border-radius:0!important}
 #style-explorer[data-stage=refine]:has(.ux-mobile-sheet[data-collapsed=true]) #brand-preview{padding-bottom:calc(64px + var(--sheet-dock,90px));scroll-padding-bottom:calc(64px + var(--sheet-dock,90px))}
 #style-explorer[data-stage=refine] .guided-site-hero{grid-template-columns:1fr!important;padding:28px 22px!important;gap:22px!important}.guided-site-copy{min-width:0}
 #style-explorer[data-stage=refine] .guided-site-copy h2{font-size:34px!important;line-height:1.12}
 #style-explorer[data-stage=refine] .guided-site-art{min-height:260px!important}
 #style-explorer[data-stage=refine] .ux-mobile-sheet{position:fixed;z-index:70;left:0;right:0;bottom:var(--sheet-dock,90px);max-height:min(48dvh,430px);display:flex;flex-direction:column;background:#fffaf2;border:1px solid #c9c0b2;border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -8px 28px #25292318;overflow:hidden}
 #style-explorer[data-stage=refine] #ux-sheet-toggle{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:52px;width:100%;padding:9px 16px;border:0;background:#fffaf2;color:#443d34;font:600 12px/1.3 Arial,sans-serif;cursor:pointer}
 .ux-sheet-grip{display:block;width:38px;height:4px;border-radius:99px;background:#a9a194}
 #style-explorer[data-stage=refine] #ux-content-3{overflow-y:auto!important;overscroll-behavior:contain;min-height:0;padding:4px 16px 20px!important;scroll-padding-block:16px;touch-action:pan-y}
 #style-explorer[data-stage=refine] .ux-mobile-sheet[data-collapsed=true] #ux-content-3{display:none!important}
 #style-explorer[data-stage=refine] #ux-content-3>h1{font-size:20px;margin:0 0 12px}#style-explorer[data-stage=refine] #ux-content-3>.label{font-size:10px;margin-bottom:8px}
 #style-explorer[data-stage=refine] #ux-content-3 .ux-question legend{font-size:21px;line-height:1.2}
 #style-explorer[data-stage=refine] #dock{z-index:75!important;background:#fffaf2!important;bottom:0!important;padding-bottom:env(safe-area-inset-bottom)}
 #style-explorer[data-stage=refine] #ux-content-3 .ux-choices{gap:8px}#style-explorer[data-stage=refine] #ux-content-3 .ux-tune-entry{margin-top:12px}
 #style-explorer[data-stage=refine] #ux-content-3 :focus-visible{outline-offset:2px}
}
@media(max-width:719px) and (max-height:500px){#style-explorer[data-stage=refine] .ux-mobile-sheet{max-height:55dvh}}



/* A steady mobile viewport and clear numbered progress replace the reset bar. */
.explorer-topbar .explorer-step-context{display:none!important}.explorer-topbar__inner{display:flex;flex-wrap:nowrap!important;gap:12px!important;padding:10px 0!important}
#ux-step-tracker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1;min-width:0;order:-1}#ux-step-tracker[hidden]{display:none}#ux-step-tracker>div{display:flex;align-items:center;gap:7px;border-bottom:3px solid #d7d1c8;padding:5px 2px 8px;font-size:12px;color:#686258}#ux-step-tracker b{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;border:1px solid #a49c90;font-size:12px}#ux-step-tracker [aria-current=step]{color:#252923;border-color:#805c28;font-weight:700}#ux-step-tracker [aria-current=step] b{background:#805c28;color:white;border-color:#805c28}#ux-step-tracker [data-complete=true]{border-color:#626f59}#ux-more-options{min-height:44px!important;color:#403b33!important}#ux-options #reset{display:inline-flex;padding:12px 18px;margin-top:16px;border:1px solid #82796b;border-radius:8px}
@media(max-width:719px){
 html{scroll-behavior:auto!important}#style-explorer .stage.active{animation:none!important;transform:none!important}#style-explorer .ux-choice,#style-explorer .ux-content,#style-explorer .guided-site,#style-explorer .guided-site *{animation:none!important;transition:none!important}#style-explorer #dock *{animation:none!important;transition:none!important;transform:none!important}
 #ux-step-tracker{gap:6px}#ux-step-tracker>div{flex-direction:column;gap:4px;font-size:10px;padding-bottom:5px}#ux-step-tracker b{width:23px;height:23px}#ux-more-options{font-size:12px!important}.explorer-topbar__inner{width:calc(100% - 24px)!important}
 body:has(#style-explorer[data-stage=refine]) #site-header-host{display:none!important}
 #style-explorer[data-stage=refine]{--steady-sheet:min(43svh,380px)}
 #style-explorer[data-stage=refine] .explorer-topbar{position:fixed!important;inset:0 0 auto!important;height:82px!important;z-index:100!important;background:#fffaf2;overflow:hidden}
 #style-explorer[data-stage=refine] .explorer-topbar__inner{height:82px!important;box-sizing:border-box}
 #style-explorer[data-stage=refine] #ux-stage-3>.ux-preview{position:fixed!important;inset:82px 0 calc(var(--sheet-dock,90px) + var(--steady-sheet))!important;max-height:none!important;height:auto!important;overflow:hidden!important;contain:paint;isolation:isolate;z-index:50!important}
 #style-explorer[data-stage=refine] #ux-stage-3 #brand-preview{height:100%!important;max-height:100%!important;padding:0!important;scroll-padding:16px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;overflow-anchor:none;scroll-behavior:auto!important}
 #style-explorer[data-stage=refine] .ux-mobile-sheet{height:var(--steady-sheet)!important;max-height:var(--steady-sheet)!important;bottom:var(--sheet-dock,90px)!important;z-index:70;box-sizing:border-box}
 #style-explorer[data-stage=refine] .ux-mobile-sheet[data-collapsed=true]{height:52px!important;max-height:52px!important}
 #style-explorer[data-stage=refine]:has(.ux-mobile-sheet[data-collapsed=true]) #ux-stage-3>.ux-preview{bottom:calc(var(--sheet-dock,90px) + 52px)!important}
 #style-explorer[data-stage=refine] #ux-content-3{flex:1;overflow-anchor:none;scroll-behavior:auto!important}
 #style-explorer[data-stage=refine] #ux-sheet-toggle{height:52px;min-height:52px}
 #style-explorer[data-stage=refine] #dock{position:fixed!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;z-index:90!important}
 #style-explorer[data-stage=refine] .guided-site{max-width:100%;overflow:hidden;box-sizing:border-box}
}



/* Six concise direction cards, with clear secondary navigation. */
#style-explorer .ux-directions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px}
#style-explorer .ux-directions .ux-choice{padding:32px 12px 12px!important;min-height:0;display:block}
#style-explorer .ux-directions .ux-choice input{top:10px;left:12px}
#style-explorer .ux-directions .ux-check{top:8px;right:10px}
#style-explorer .ux-directions .ux-direction-sample{float:none;width:100%;height:94px;margin:0 0 8px;padding:10px}
#style-explorer .ux-directions .ux-direction-sample b{font-size:21px}
#style-explorer .ux-directions strong{font-size:15px;line-height:1.2;margin:5px 0}
#style-explorer .ux-directions small{font-size:12px;line-height:1.35;margin:4px 0}
#style-explorer .ux-direction-action{font-size:11px;margin-top:7px}
#style-explorer .ux-link[data-ux-view],#style-explorer .ux-pages button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;margin:12px 8px 0 0;border:2px solid #867050;border-radius:10px;background:#f7dfb4;color:#302a22;font-weight:600;text-decoration:none;line-height:1.3}
#style-explorer .ux-link[data-ux-view]:hover,#style-explorer .ux-pages button:hover{background:#f4d19e}
#style-explorer .ux-preview[hidden]{display:none!important}
#style-explorer .ux-preview:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important}
#style-explorer :is(#style-preview,#brand-preview,#review-preview):not([hidden]){display:block!important;visibility:visible!important;opacity:1!important;min-width:0}
@media(max-width:719px){#style-explorer .ux-directions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}#style-explorer .ux-directions .ux-choice{padding:30px 9px 10px!important}#style-explorer .ux-directions .ux-direction-sample{height:72px;padding:7px}#style-explorer .ux-directions .ux-direction-sample b{font-size:17px}#style-explorer .ux-directions strong{font-size:13px}#style-explorer .ux-directions small{font-size:11px}#style-explorer .ux-directions .ux-direction-sample small{font-size:7px}#style-explorer .ux-directions .ux-direction-action{font-size:10px}}



.ux-options-card{gap:12px;padding:18px;text-align:left}.ux-options-card>strong{font-size:19px}.ux-options-samples{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;min-width:0}.ux-option-teaser{display:flex;flex-direction:column;justify-content:space-between;gap:7px;min-width:0}.ux-options-card .ux-visual-sample{height:46px;min-height:46px;max-width:100%;border-radius:5px}.ux-options-card .ux-font-sample{font-size:18px!important;padding:5px!important;white-space:nowrap}.ux-options-card .ux-teaser-button{display:flex;align-items:center;justify-content:center;background:#292923;color:#fffaf2;min-height:40px;font-size:13px;font-weight:600;margin:3px 0}.ux-options-card-action{display:flex!important;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;background:#292923;color:#fffaf2;border-radius:9px;font-weight:600;font-size:14px!important}.ux-options-card:hover .ux-options-card-action{background:#4b3c27}.ux-options-card .ux-option-teaser small{font-size:11px}.ux-options-card .palette-sample i{display:block;flex:1}



/* Five distinct preview sections with contained geometric details. */
.guided-site{--g-shape:48% 48% 12% 12%}.guided-site section{position:relative;isolation:isolate;min-width:0;overflow:hidden}
.guided-site-art::after{content:'';position:absolute;z-index:2;right:12px;top:12px;width:58px;height:58px;border:2px solid var(--g-bg);border-radius:50%;box-shadow:0 0 0 8px #ffffff15;pointer-events:none}
.guided-site-proof{position:relative;padding:24px 70px 24px 22px;min-height:115px}.guided-site-proof h3{font:22px/1.2 var(--g-font);margin:0;color:var(--g-ink)}.guided-site-proof::after{content:'';position:absolute;right:18px;top:30px;width:35px;height:48px;background:var(--g-accent);border-radius:50% 50% 5px 5px}
.guided-site-services>article{position:relative;padding:22px 16px 22px 66px!important;margin:12px 0;background:var(--g-surface);border-radius:var(--g-radius);border:1px solid transparent}
.guided-site-services>article::before{content:'';position:absolute;left:17px;top:25px;width:30px;height:30px;background:var(--g-accent);border-radius:50%}
.guided-site-services>article:nth-of-type(2)::before{border-radius:50% 50% 0 0;height:35px}.guided-site-services>article:nth-of-type(3)::before{border-radius:3px;transform:rotate(45deg);width:24px;height:24px;left:21px}
.guided-site[data-cards=Bordered] .guided-site-services>article{border-color:var(--g-accent)}.guided-site[data-cards=Raised] .guided-site-services>article{box-shadow:0 4px 12px #0002}
.guided-site-process{background:var(--g-surface);padding-top:36px;padding-bottom:36px}.guided-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guided-process-grid article{min-width:0;border-top:0;padding:8px 0}.guided-process-number{display:grid;width:42px;height:48px;place-items:center;border:1px solid var(--g-accent);border-radius:var(--g-shape);color:var(--g-ink);font-size:12px;margin-bottom:14px}.guided-process-grid h4{font-size:17px}.guided-process-grid p{font-size:12px}
.guided-site-end{padding:45px 24px 40px;background:var(--g-bg)}.guided-site-end::before{content:'';display:block;width:76px;height:38px;border:1px solid var(--g-accent);border-radius:80px 80px 0 0;margin-bottom:22px}.guided-site-end .guided-site-cta{background:var(--g-ink);color:var(--g-bg);border-radius:var(--g-button);min-height:40px;padding:10px 16px}
.guided-site[data-family=monochrome-modern],.guided-site[data-family=bold-utility]{--g-shape:2px}.guided-site[data-family=soft-natural],.guided-site[data-family=organic-craft]{--g-shape:45% 55% 42% 58%}.guided-site[data-intensity=quiet] .guided-site-art::after{opacity:.6}
@media(max-width:719px){.guided-process-grid{grid-template-columns:1fr}.guided-process-grid article{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;padding:12px 0}.guided-process-number{grid-row:1/3;margin:0}.guided-process-grid p{grid-column:2;margin:4px 0}.guided-process-grid h4{margin:0}}
.ux-review-preview #device-bezel[data-device-mode=phone] .guided-process-grid{grid-template-columns:1fr}



/* Step 3 has one layout owner: no independently positioned overlapping panels. */
#style-explorer[data-stage=refine] #ux-stage-3{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:start!important;gap:24px!important}
#style-explorer[data-stage=refine] #ux-stage-3>.ux-mobile-sheet{grid-column:1;grid-row:1;min-width:0}
#style-explorer[data-stage=refine] #ux-stage-3>.ux-preview:not([hidden]){grid-column:2;grid-row:1;order:0!important;position:sticky!important;inset:auto!important;top:100px!important;align-self:start!important;width:100%!important;height:clamp(360px,65vh,640px)!important;min-height:240px;max-height:none!important;overflow:hidden!important;box-sizing:border-box}
#style-explorer[data-stage=refine] #ux-stage-3 #brand-preview:not([hidden]){height:100%!important;max-height:100%!important;min-height:0!important;width:100%!important;padding:0!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box}
@media(min-width:720px) and (max-width:959px){
 #style-explorer[data-stage=refine] #ux-stage-3{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important}
 #style-explorer[data-stage=refine] #ux-stage-3>.ux-preview:not([hidden]){grid-column:1;grid-row:1;position:relative!important;top:auto!important;height:380px!important}
 #style-explorer[data-stage=refine] #ux-stage-3>.ux-mobile-sheet{grid-column:1;grid-row:2}
}
@media(max-width:719px){
 #style-explorer[data-stage=refine] #ux-stage-3{position:fixed!important;z-index:60;inset:82px 0 var(--sheet-dock,90px)!important;height:calc(100dvh - 82px - var(--sheet-dock,90px))!important;min-height:0!important;max-height:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(100px,1fr) min(var(--steady-sheet),55%)!important;gap:0!important;overflow:hidden!important;isolation:isolate}
 #style-explorer[data-stage=refine] #ux-stage-3:has(.ux-mobile-sheet[data-collapsed=true]){grid-template-rows:minmax(100px,1fr) 52px!important}
 #style-explorer[data-stage=refine] #ux-stage-3>.ux-preview:not([hidden]){grid-column:1!important;grid-row:1!important;position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;height:100%!important;min-height:0!important;max-height:100%!important;width:100%!important;align-self:stretch!important;border:0!important;z-index:auto!important;contain:paint;overflow:hidden!important}
 #style-explorer[data-stage=refine] #ux-stage-3>.ux-mobile-sheet{grid-column:1!important;grid-row:2!important;position:relative!important;inset:auto!important;bottom:auto!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;z-index:auto!important;align-self:stretch!important;box-sizing:border-box;box-shadow:none}
 #style-explorer[data-stage=refine] #ux-stage-3>.ux-mobile-sheet[data-collapsed=true]{height:52px!important;max-height:52px!important}
 #style-explorer[data-stage=refine] #ux-stage-3 #brand-preview:not([hidden]){height:100%!important;max-height:100%!important;scroll-padding:12px!important;overscroll-behavior:contain}
}


@media(max-width:719px){#style-explorer[data-stage=refine]:has(.ux-mobile-sheet[data-collapsed=true]) #ux-stage-3>.ux-preview:not([hidden]){inset:auto!important;bottom:auto!important;top:auto!important;}}


#ux-more-options{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #b8a78b;border-radius:12px;background:#fff0cf;color:#302a23!important;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0}
#ux-more-options:hover{background:#ffe5b1;border-color:#776346}
#ux-more-options:focus-visible{outline:3px solid #413D38;outline-offset:3px}
#ux-step-tracker>div{position:relative}
#ux-step-tracker [data-complete=true]{border-bottom-color:transparent}
#ux-step-tracker [data-complete=true]::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:4px;border-radius:3px;background:linear-gradient(90deg, #FED456 0%, #FEC146 15%, #FDAE47 28%, #FBAC65 40%, #D0B9E4 52%, #9FC6FD 68%, #413D38 86%, #1C1816 100%)}
#progress .segment.complete{background:linear-gradient(90deg, #FED456 0%, #FEC146 15%, #FDAE47 28%, #FBAC65 40%, #D0B9E4 52%, #9FC6FD 68%, #413D38 86%, #1C1816 100%)}
#readiness-bar::-webkit-progress-value{background:linear-gradient(90deg, #FED456 0%, #FEC146 15%, #FDAE47 28%, #FBAC65 40%, #D0B9E4 52%, #9FC6FD 68%, #413D38 86%, #1C1816 100%)}
#readiness-bar::-moz-progress-bar{background:linear-gradient(90deg, #FED456 0%, #FEC146 15%, #FDAE47 28%, #FBAC65 40%, #D0B9E4 52%, #9FC6FD 68%, #413D38 86%, #1C1816 100%)}
@media(max-width:719px){#ux-more-options{padding:7px 9px;gap:5px;font-size:11px!important}.explorer-topbar__inner{gap:8px!important}#ux-step-tracker{gap:4px}}
@media(max-width:359px){#ux-more-options{flex-direction:column;gap:2px;padding:5px 7px}#ux-step-tracker>div{font-size:9px}}



:root{--canvas:#ffffff}
body{background:#ffffff}
#ux-step-tracker [aria-current=step]{border-bottom-color:#FDAE47}
#ux-step-tracker [aria-current=step] b{background:#FDAE47;border-color:#FDAE47;color:#1C1816}
#progress .segment.current{background:#FDAE47}



#style-explorer .ux-choice:has(input:checked),
#style-explorer .native-card:has(input:checked),
#style-explorer :is(.tile,.style-card,.color-choice,.graphic,.chip,.proof)[aria-checked="true"],
#style-explorer :is(.chip-choice,.image-pref-btn,.visual-choice)[aria-pressed="true"],
#style-explorer .ux-review-devices button[aria-pressed="true"],
#style-explorer .preview-device-controls button[aria-pressed="true"]{background:#FDAE47!important;border-color:#FDAE47!important;outline-color:#FDAE47!important;box-shadow:inset 0 0 0 1px #FDAE47!important;color:#1C1816!important}
#style-explorer .ux-choice input,#style-explorer .native-card input{accent-color:#FDAE47}
#style-explorer .ux-choice:has(input:checked) .ux-check{color:#1C1816}
#style-explorer .native-card .selected-mark{background:#FDAE47;color:#1C1816}
#ux-sheet-expand{display:none}
@media(max-width:719px){
 #style-explorer[data-stage=refine] .ux-sheet-toolbar{display:flex;align-items:center;flex:none;height:52px;min-height:52px;gap:6px;padding:0 10px;background:#fffaf2}
 #style-explorer[data-stage=refine] .ux-sheet-toolbar #ux-sheet-toggle{flex:1;min-width:0;width:auto;font-size:11px;gap:4px;padding:4px}
 #style-explorer[data-stage=refine] #ux-sheet-expand:not([hidden]){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 10px;border:1px solid #b9a07b;border-radius:9px;background:#fff0cf;color:#1C1816;font-size:11px;font-weight:700;white-space:nowrap}
 #ux-sheet-expand:focus-visible{outline:3px solid #413D38;outline-offset:2px}
 #style-explorer[data-stage=refine] #ux-stage-3:has(.ux-mobile-sheet[data-expanded=true]){grid-template-rows:minmax(0,1fr) 80%!important}
}
@media(forced-colors:active){#style-explorer .ux-choice:has(input:checked){outline:3px solid Highlight!important}}



@media(max-width:719px){
 #style-explorer[data-stage=refine] .ux-sheet-toolbar{flex-direction:column;height:88px;min-height:88px;gap:0;padding:0 10px}
 #style-explorer[data-stage=refine] #ux-sheet-expand:not([hidden]){display:flex;flex:none;width:80px;height:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:#FDAE47}
 #style-explorer[data-stage=refine] #ux-sheet-expand:hover{background:#fff0cf}
 #style-explorer[data-stage=refine] .ux-sheet-toolbar #ux-sheet-toggle{flex:none;width:100%;height:44px;min-height:44px;padding:0 8px}
 #ux-sheet-expand[aria-expanded=true] svg{transform:rotate(180deg)}
 #style-explorer[data-stage=refine] #ux-stage-3:has(.ux-mobile-sheet[data-collapsed=true]){grid-template-rows:minmax(0,1fr) 88px!important}
 #style-explorer[data-stage=refine] #ux-stage-3>.ux-mobile-sheet[data-collapsed=true]{height:88px!important;max-height:88px!important}
}



@media(max-width:719px){
 #style-explorer[data-stage=refine] #ux-stage-3:has(.ux-mobile-sheet[data-lowered=true]){grid-template-rows:minmax(0,1fr) max(132px,25%)!important}
}



#ux-step-tracker .ux-step-short{display:none}
@media(max-width:719px){#ux-step-tracker .ux-step-full{display:none}#ux-step-tracker .ux-step-short{display:inline}}



#style-explorer .ux-directions{gap:12px}
#style-explorer .ux-directions .ux-choice{padding:10px!important;border:1px solid #dedbd5;border-radius:12px;box-shadow:none;background:#fff;cursor:pointer;min-width:0}
#style-explorer .ux-directions .ux-choice input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0;border:0}
#style-explorer .ux-directions .ux-choice-copy{display:block}
#style-explorer .ux-directions .ux-direction-sample{display:flex;justify-content:center;float:none;width:100%;height:76px;min-height:0;margin:0 0 10px;padding:12px 16px;border:0;border-radius:7px;isolation:isolate}
#style-explorer .ux-directions .ux-direction-sample b{font-family:inherit;font-size:34px;font-weight:600;line-height:1;max-width:none;margin:0;z-index:1}
#style-explorer .ux-directions .ux-direction-sample i{right:12px;bottom:12px;width:38px;height:48px;border-radius:24px 24px 5px 5px;opacity:.9}
#style-explorer .ux-directions strong{font-size:14px;font-weight:600;line-height:1.3;margin:0 0 4px;color:#1C1816}
#style-explorer .ux-directions .ux-choice-copy>small{font-size:11px;line-height:1.4;margin:0;color:#62605b}
#style-explorer .ux-directions .ux-choice:hover{border-color:#9c978e}
#style-explorer .ux-directions .ux-choice:has(input:checked){background:#fff!important;border-color:#FDAE47!important;outline:2px solid #FDAE47!important;outline-offset:0;box-shadow:none!important}
#style-explorer .ux-directions .ux-check{top:7px;right:7px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#FDAE47;color:#1C1816;font-size:13px;z-index:2}
#style-explorer .ux-directions .ux-choice:has(input:focus-visible){outline:3px solid #413D38!important;outline-offset:3px}
@media(max-width:719px){#style-explorer .ux-directions{gap:9px}#style-explorer .ux-directions .ux-choice{padding:9px!important}#style-explorer .ux-directions .ux-direction-sample{height:64px;padding:10px 12px}#style-explorer .ux-directions .ux-direction-sample b{font-size:30px}#style-explorer .ux-directions .ux-direction-sample i{width:30px;height:40px;right:10px;bottom:10px}#style-explorer .ux-directions strong{font-size:13px}}
@media(forced-colors:active){#style-explorer .ux-directions .ux-choice:has(input:checked){outline-color:Highlight!important}}



:root{--brand-gradient:linear-gradient(90deg, #FED456 0%, #FEC146 15%, #FDAE47 28%, #FBAC65 40%, #D0B9E4 52%, #9FC6FD 68%, #413D38 86%, #1C1816 100%);--canvas:#fff;--surface:#fff;--paper:#fff;--ink:#1C1816;--muted:#526070;--line:#B8C2D1;--line-soft:#E2E8F0;--amber:#FDAE47;--amber-soft:#EAF2FF;--upcoming:#B8C2D1;--dock-ink:#1C1816;--dock-paper:#fff;--dock-line:#B8C2D1}
body,#style-explorer{background:#fff;color:#1C1816}
#style-explorer .explorer-topbar,#style-explorer[data-stage=refine] .explorer-topbar,#style-explorer #dock.explorer-bottom-dock,#style-explorer[data-stage=refine] #dock,#style-explorer .ux-mobile-sheet,#style-explorer .ux-sheet-toolbar,#style-explorer #ux-sheet-toggle,#ux-options{background:#fff!important;border-color:#B8C2D1!important;color:#1C1816!important;box-shadow:none}
#style-explorer :is(.help,.label,.field-help,.ux-summary>span,.ux-choice-copy>small){color:#526070!important}
#style-explorer .ux-directions :is(strong,.ux-choice-copy),#style-explorer .ux-visual-choice .ux-choice-copy>span:last-child{color:#1C1816!important}
#style-explorer :is(.ux-choice,.ux-summary,.ux-visual-sample,.ux-review-devices button),#style-explorer .ux-directions .ux-choice{border-color:#B8C2D1}
#style-explorer .ux-directions .ux-choice:hover{border-color:#9FC6FD}
#style-explorer :is(.ux-question input[type=text],#ux-email){background:#fff;border:1px solid #526070;color:#1C1816}
#style-explorer .ux-font-sample{background:#F1F5F9;color:#1C1816}
#style-explorer #ux-step-tracker>div{color:#526070;border-bottom-color:#B8C2D1}
#style-explorer #ux-step-tracker b{border-color:#526070}
#style-explorer #ux-step-tracker [aria-current=step]{color:#1C1816;border-bottom-color:#FDAE47}
#style-explorer #ux-step-tracker [aria-current=step] b{background:#FDAE47;border-color:#FDAE47;color:#1C1816}
#style-explorer #ux-step-tracker [data-complete=true]{border-bottom-color:transparent;color:#413D38}
#style-explorer #ux-step-tracker [data-complete=true]::after{background:var(--brand-gradient)}
#style-explorer #ux-more-options,#style-explorer .ux-link[data-ux-view],#style-explorer .ux-pages button,#style-explorer .ux-review-devices button,#style-explorer #dock #back{background:#fff!important;border:2px solid #1C1816!important;color:#1C1816!important;box-shadow:none!important}
#style-explorer #ux-more-options:hover,#style-explorer .ux-link[data-ux-view]:hover,#style-explorer .ux-pages button:hover,#style-explorer .ux-review-devices button:hover,#style-explorer #dock #back:hover:not(:disabled){background:#D0B9E4!important;color:#1C1816!important;transform:none}
#style-explorer .ux-tune-entry{background:#fff;border:2px solid #9FC6FD;color:#1C1816;box-shadow:none}
#style-explorer .ux-tune-entry:hover{background:#EAF2FF;border-color:#9FC6FD}
#style-explorer .ux-options-card-action,#style-explorer .ux-options-card:hover .ux-options-card-action{background:#1C1816;color:#fff}
#style-explorer #ux-sheet-expand:hover{background:#D0B9E4!important}
#style-explorer :is(.review-primary,#welcome-start,.submit,.final){background:#1C1816!important;color:#fff!important;border:2px solid #1C1816;box-shadow:none}
#style-explorer :is(.review-primary,#welcome-start,.submit,.final):hover:not(:disabled){border-color:transparent;background:linear-gradient(#1C1816,#1C1816) padding-box,var(--brand-gradient) border-box!important;color:#fff!important}
#style-explorer #dock #next .dark-core{background:#1C1816!important;border:0;box-shadow:none}
#style-explorer #dock #next .glass-rim,#style-explorer #dock #next:hover:not(:disabled) .glass-rim{background:var(--brand-gradient)!important;box-shadow:none!important}
#style-explorer #dock #next .core-label{background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#style-explorer #dock #next .core-arrow{color:#fff}
#style-explorer #dock #next:hover:not(:disabled){transform:none}
#style-explorer :is(button,a,input):focus-visible{outline:3px solid #9FC6FD!important;outline-offset:3px;box-shadow:0 0 0 7px #FED456!important}
#style-explorer .ux-choice:has(input:focus-visible){outline:3px solid #9FC6FD!important;outline-offset:3px;box-shadow:0 0 0 7px #FED456!important}
#style-explorer button:disabled,#style-explorer #dock #back:disabled,#style-explorer #dock #next:disabled{background:#B8C2D1!important;color:#526070!important;border-color:#B8C2D1!important;box-shadow:none!important;opacity:1;transform:none}
#style-explorer #dock #next:disabled .dark-core,#style-explorer #dock #next:disabled .glass-rim{background:#B8C2D1!important;box-shadow:none!important}
#style-explorer #dock #next:disabled :is(.core-label,.core-arrow){color:#526070!important;-webkit-text-fill-color:#526070!important}
#style-explorer #ux-options #reset{background:#fff!important;color:#B91C1C!important;border:2px solid #B91C1C!important}
#style-explorer #ux-options #reset:hover{background:#B91C1C!important;color:#fff!important}
#style-explorer .field-error{color:#B91C1C!important}
#style-explorer .review-process,#style-explorer .review-offer,#style-explorer .review-offer__pricing-wrap{background:#fff!important;color:#1C1816}
#style-explorer .review-process__timeline::before{background:var(--brand-gradient)!important;box-shadow:none}
#style-explorer .review-process__marker{background:#fff;border-color:#9FC6FD;color:#1C1816;box-shadow:0 0 0 7px #fff}
@media(forced-colors:active){#style-explorer :is(button,a,input):focus-visible{outline-color:Highlight!important}#style-explorer button{forced-color-adjust:auto}}



#style-explorer .review-offer__intro{background:#fff!important}
#style-explorer .review-offer__intro h2{color:#1C1816}
#style-explorer :is(.review-offer__eyebrow,.review-offer__promise,.review-offer__arrow){color:#526070}
#style-explorer .review-offer__start{background:#1C1816;color:#fff;border:2px solid #1C1816;box-shadow:none}
#style-explorer .review-offer__start:hover{background:linear-gradient(#1C1816,#1C1816) padding-box,var(--brand-gradient) border-box;border-color:transparent;box-shadow:none}
#style-explorer .review-offer__start::before{display:none}



/* A quiet welcome with one primary action. */
#style-explorer .welcome-stage.active{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;width:100%;max-width:680px;min-height:calc(100svh - var(--header-height) - 100px);margin:0 auto;padding:48px 16px;box-sizing:border-box;background:#fff;text-align:left}
.welcome-intro{width:100%}.welcome-logo{display:block;width:112px;height:auto;margin:0 0 24px}.welcome-intro .label{font-size:10px;letter-spacing:.12em;line-height:1.6;margin:0 0 20px;color:#525967}
#style-explorer .welcome-stage h1{font-size:clamp(36px,5vw,60px);line-height:1.06;letter-spacing:-.035em;max-width:17ch;margin:0 0 20px;color:#17191d}
#style-explorer .welcome-stage .welcome-body{font-size:17px;line-height:1.65;max-width:39ch;margin:0;color:#525967}
.welcome-ending{margin-top:30px;width:100%}
#style-explorer .welcome-stage #welcome-start{display:inline-flex;align-items:center;justify-content:center;min-height:58px;min-width:250px;padding:16px 30px;margin:0;border-radius:999px;border:2px solid #FDAE47;background:#FDAE47!important;color:#17191d!important;font-size:17px;font-weight:700;cursor:pointer}
#style-explorer .welcome-stage #welcome-start:hover{background:#FEC146!important;border-color:#FEC146;color:#17191d!important}
#style-explorer .welcome-stage #welcome-start:focus-visible{outline:3px solid #17191d;outline-offset:5px}
.welcome-note{font-size:12px;line-height:1.6;color:#525967;margin:16px 0 0;max-width:40ch}
.welcome-stage #welcome-recovery{margin-top:28px;font-size:12px}.welcome-stage #welcome-recovery button{font-size:12px}
@media(max-width:600px){#style-explorer .welcome-stage.active{padding:28px 4px;min-height:calc(100svh - var(--header-height) - 80px)}.welcome-logo{width:96px;margin-bottom:20px}#style-explorer .welcome-stage h1{font-size:clamp(34px,9vw,46px)}#style-explorer .welcome-stage .welcome-body{font-size:16px;max-width:32ch}.welcome-ending{margin-top:26px}#style-explorer .welcome-stage #welcome-start{width:100%;max-width:340px;min-width:0}.welcome-note{max-width:30ch}}