/* Full palette tokens: page, cards, recessed demos, type, borders and particles. */
:root{--button-text:#fff;--scene-base:#080e1e;--scene-raised:#304e78;--scene-muted:#99adc9;--scene-text:#edf3ff;--scene-pale:#dce6fa}
html[data-theme=sable]{--scene-base:#211b18;--scene-raised:#5d4b40;--scene-muted:#a58d7b;--scene-text:#f3e5d3;--scene-pale:#e9dfd1;--particle-b:#786052}
html[data-theme=lusion]{--scene-base:#141418;--scene-raised:#525260;--scene-muted:#9898b1;--scene-text:#eeeef7;--scene-pale:#e2e1f1}
html[data-theme=evergreen]{--palette-bg:#0c1b16;--palette-text:#e7f3e9;--palette-muted:#a7bdb0;--palette-accent:#b9dec1;--palette-line:#bed8c42b;--palette-card:#172d23;--palette-card-text:#e7f3e9;--palette-card-muted:#a7bdb0;--palette-a:#10241ded;--palette-b:#0c1b16e8;--palette-c:#1b3026ed;--particle-a:#b9dec1;--particle-b:#76af99;--selection-accent:#d4e7af;--scene-base:#0a1915;--scene-raised:#244d3e;--scene-muted:#7ca998;--scene-text:#dcf5e9;--scene-pale:#def0e4;--button-text:#11261b}
html[data-theme=orchid]{--palette-bg:#1d1422;--palette-text:#f5e9f4;--palette-muted:#c0aec7;--palette-accent:#deb5d2;--palette-line:#dbbde32b;--palette-card:#2d2034;--palette-card-text:#f5e9f4;--palette-card-muted:#c0aec7;--palette-a:#25182bed;--palette-b:#1d1422e8;--palette-c:#32203aed;--particle-a:#e6b9d5;--particle-b:#b99adc;--selection-accent:#f4c3b7;--scene-base:#1a111f;--scene-raised:#59395f;--scene-muted:#b095b6;--scene-text:#f8e9f6;--scene-pale:#ecd9ed;--button-text:#29142c}
html[data-theme=mineral]{--palette-bg:#eceee9;--palette-text:#20332e;--palette-muted:#596a63;--palette-accent:#35675b;--palette-line:#28443926;--palette-card:#f8f9f4;--palette-card-text:#20332e;--palette-card-muted:#596a63;--palette-a:#dfe6dfed;--palette-b:#f5f6f0e8;--palette-c:#e6e9e1ed;--particle-a:#487968;--particle-b:#79968a;--selection-accent:#35675b;--scene-base:#142421;--scene-raised:#42615c;--scene-muted:#99afa9;--scene-text:#e6f1ed;--scene-pale:#d8e9e3}
html:not([data-theme=current]) body[data-page] .button{color:var(--button-text)}
html:not([data-theme=current]) body[data-page] .button--outline{color:var(--palette-text)}
html:not([data-theme=current]) body[data-page] :is(.agency-panel,.cta-panel) .button{color:var(--scene-base);background:var(--scene-text);border-color:var(--scene-text)}
html:not([data-theme=current]) body[data-page] .process-tab-icon{color:var(--scene-text)}
html:not([data-theme=current]) body[data-page] .process-story .process-workspace-tabs .next-journey-tab[aria-selected=true] .process-tab-icon{background:var(--palette-accent);color:var(--button-text);border-color:var(--palette-accent);box-shadow:0 0 22px color-mix(in srgb,var(--palette-accent) 35%,transparent)}
html:not([data-theme=current]) body[data-page] .process-workspace-tabs:after{background:var(--palette-accent)}
html:not([data-theme=current]) body[data-page] :is(.next-workbench-tab[aria-selected=true],.story-step.is-active){box-shadow:inset 2px 0 var(--palette-accent)}
html:not([data-theme=current]) body[data-page] .next-workbench-tab[aria-selected=true]>span{color:var(--palette-accent)}
html:not([data-theme=current]) body[data-page] .story-step.is-active>b{color:var(--palette-accent)}
html:not([data-theme=current]) body[data-page] .starting-card.starting-card-accent{background:color-mix(in srgb,var(--palette-card) 90%,var(--palette-accent));border-color:var(--palette-line)}
html:not([data-theme=current]) body[data-page] .starting-card:first-child :is(h3,p,.starting-top,.starting-action){color:var(--palette-card-text)}
html:not([data-theme=current]) body[data-page] main>section#for-agencies{background:var(--palette-c)}
html:not([data-theme=current]) body[data-page] .site-header .brand-logo,html:not([data-theme=current]) body[data-page] .site-footer .brand-logo{filter:none}
html:not([data-theme=current]) body[data-page] .icon-tile{background:color-mix(in srgb,var(--palette-accent) 10%,transparent);border-color:var(--palette-line);color:var(--palette-accent)}
html:not([data-theme=current]) body[data-page] .story-link:before{background:var(--palette-accent)}
html:not([data-theme=current]) body[data-page] .next-chart-line{stroke:var(--scene-text);filter:none}
html:not([data-theme=current]) body[data-page] .next-chart-marker{background:var(--palette-accent);box-shadow:0 0 12px var(--palette-accent)}
html:not([data-theme=current]) body[data-page] .process-ribbon path{stroke:var(--scene-muted)}
html:not([data-theme=current]) body[data-page] svg stop{stop-color:var(--palette-accent)}
html:not([data-theme=current]) body[data-page] .story-browser{background:var(--scene-pale)}
html:not([data-theme=current]) body[data-page] .story-browser-body{background:var(--scene-pale)}
html:not([data-theme=current]) body[data-page] .story-browser :is(small,p,.story-form-preview>span,.story-form-preview>div){color:var(--scene-raised)}
html:not([data-theme=current]) body[data-page] .story-browser :is(strong,.story-browser-bar b){color:var(--scene-base)}
html:not([data-theme=current]) body[data-page] .story-browser .story-faux-input{background:var(--scene-raised);color:var(--scene-text)}
html:not([data-theme=current]) body[data-page] .page-copy h1 span{color:var(--palette-accent);background:none;-webkit-text-fill-color:currentColor}
html:not([data-theme=current]) body[data-page] .process-tab-name small{color:var(--scene-text)}
html:not([data-theme=current]) body[data-page] .story-step.is-active>b{color:color-mix(in srgb,var(--palette-accent),var(--scene-text) 45%)}
html[data-theme] body[data-page] .service-feature{transform:none}
html:not([data-theme=current]) body[data-page] .next-hero-flow{filter:var(--flow-filter,none);opacity:.55}
html[data-theme=sable]{--flow-filter:sepia(1) saturate(.8) hue-rotate(335deg)}
html[data-theme=lusion]{--flow-filter:saturate(.25)}
html[data-theme=evergreen]{--flow-filter:hue-rotate(295deg) saturate(.55)}
html[data-theme=orchid]{--flow-filter:hue-rotate(65deg) saturate(.5)}
html[data-theme=mineral]{--flow-filter:hue-rotate(310deg) saturate(.25)}
/* A quieter, numbered FAQ chapter with a clear reading rhythm. */
html[data-theme] body[data-page] .faq-section{width:100%;margin:0;padding-block:105px;background:var(--palette-a)}
html[data-theme] body[data-page] .faq-section .faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:9%;align-items:start}
html[data-theme] body[data-page] .faq-section .faq-intro{position:sticky;top:125px;padding:0}
html[data-theme] body[data-page] .faq-section .faq-intro h2{font-size:clamp(34px,3.5vw,49px);line-height:1.12;letter-spacing:-2px;color:var(--palette-text);margin:27px 0 23px}
html[data-theme] body[data-page] .faq-section .faq-intro h2 span{color:var(--palette-accent)}
html[data-theme] body[data-page] .faq-section .faq-intro>p{font-size:16px;max-width:310px;line-height:1.8;color:var(--palette-muted)}
html[data-theme] body[data-page] .faq-contact{display:flex;align-items:center;gap:13px;padding:23px 0;margin-top:38px;border-top:1px solid var(--palette-line);color:var(--palette-text);text-decoration:none}
.faq-contact-symbol{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border:1px solid var(--palette-line);border-radius:12px;color:var(--palette-accent)}
.faq-contact b{display:block;font-size:13px;line-height:1.5;font-weight:650}.faq-contact small{display:block;color:var(--palette-muted);font-size:12px;line-height:1.65;margin-top:4px}.faq-contact>.arrow{margin-left:auto;color:var(--palette-accent)}
html[data-theme] body[data-page] .faq-section .faq-list{display:block;border-top:1px solid var(--palette-line)}
html[data-theme] body[data-page] .faq-section .faq-list details{background:none;border:0;border-bottom:1px solid var(--palette-line);border-radius:0;box-shadow:none;overflow:visible}
html[data-theme] body[data-page] .faq-section .faq-list details[open]{background:none;border-color:var(--palette-line)}
html[data-theme] body[data-page] .faq-section .faq-list summary{display:grid;grid-template-columns:28px 1fr 30px;gap:15px;align-items:center;padding:25px 0;color:var(--palette-text);font-size:17px;line-height:1.5;font-weight:550;list-style:none;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
html[data-theme] body[data-page] .faq-section .faq-list summary:after{display:none;content:none}
.faq-number{font-size:10px;font-weight:600;letter-spacing:1px;color:var(--palette-muted);align-self:start;padding-top:6px}
.faq-toggle{width:28px;height:28px;border:1px solid var(--palette-line);border-radius:50%;display:grid;place-items:center;position:relative;color:var(--palette-accent)}
.faq-toggle:before,.faq-toggle:after{content:'';position:absolute;width:9px;height:1px;background:currentColor}.faq-toggle:after{transform:rotate(90deg);transition:transform .25s}.faq-list details[open] .faq-toggle:after{transform:rotate(0deg)}
.faq-list details[open] .faq-toggle{background:var(--palette-accent);color:var(--palette-bg);border-color:var(--palette-accent)}
html[data-theme] body[data-page] .faq-section .faq-list .faq-answer p{padding:0 46px 26px 43px;margin:0;font-size:15px;line-height:1.9;color:var(--palette-muted);max-width:unset}
.faq-answer{animation:faq-in .25s ease-out}
@keyframes faq-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.faq-list summary:focus-visible{outline:2px solid var(--palette-accent);outline-offset:5px;border-radius:3px}
/* Six palettes remain easy to scan, including in a short mobile viewport. */
.theme-panel{width:290px;max-height:min(570px,calc(100svh - 100px));overflow:auto;overscroll-behavior:contain}
[data-theme-choice=sable] .theme-swatch{background:conic-gradient(#f3f0e9 50%,#c43f35 0 75%,#302722 0)}
[data-theme-choice=evergreen] .theme-swatch{background:conic-gradient(#0c1b16 50%,#b9dec1 0 75%,#567a62 0)}
[data-theme-choice=orchid] .theme-swatch{background:conic-gradient(#1d1422 50%,#deb5d2 0 75%,#8d6c99 0)}
[data-theme-choice=mineral] .theme-swatch{background:conic-gradient(#eceee9 50%,#35675b 0 75%,#a4b4aa 0)}
@media(max-width:760px){html[data-theme] body[data-page] .faq-section{padding-block:65px}html[data-theme] body[data-page] .faq-section .faq-layout{grid-template-columns:1fr;gap:24px}html[data-theme] body[data-page] .faq-section .faq-intro{position:static}html[data-theme] body[data-page] .faq-section .faq-intro h2{font-size:37px;letter-spacing:-1.5px}html[data-theme] body[data-page] .faq-contact{margin-top:24px}html[data-theme] body[data-page] .faq-section .faq-list summary{font-size:16px;gap:9px;grid-template-columns:24px 1fr 27px;padding-block:22px}html[data-theme] body[data-page] .faq-section .faq-list .faq-answer p{padding-left:33px;padding-right:15px;font-size:14px}.theme-panel{width:min(290px,calc(100vw - 30px))}}
@media(prefers-reduced-motion:reduce){.faq-answer{animation:none}.faq-toggle:after{transition:none}}