/* The film theme on all 30 marketing pages (PLAN.md). Tokens, then the components */
body.clean-site,body.legacy-minimal{
/* film palette (film.jsx C) */
--ft-ink:#173b40;--ft-deep:#0f2226;--ft-deep-glow:#22555e;--ft-mid:#33646e;--ft-lime:#e9f16d;--ft-lime-ink:#1f2a0c;--ft-mint:#a9efc4;
/* text on grounds: contrast is the worst stop of each ground ($T/final/cc.py) */
--ft-body:#33494d;          /* body on any light ground: 5.97 (GRAD #b6cef5) .. 9.5 (white) */
--ft-muted:#4a5f62;         /* small secondary text: only on white/WARM/MIST/SOFT/WHITE (>=5.0); NEVER on GRAD or SKY */
--ft-on-deep:#d4e3e0;--ft-on-deep-2:#b7cdd0;   /* on DEEP: 12.4 / 9.9 */
--ft-line:#e3e9ec;--ft-skel:#edf1f4;--ft-row:#f6f8fa;--ft-page:#f7f9fc;
--ft-ok:#186246;--ft-ok-bg:#e3f1ea;--ft-payroll:#2f7fea;
/* Vee colours (vees/cast.json = film AGENTS); decoration on Vacei's own parts only */
--ft-emma:#ffd055;--ft-emma-d:#e0a81f;--ft-jack:#2fa3b8;--ft-tom:#84d9a5;--ft-tom-d:#3fae6c;--ft-sam:#63aef2;--ft-sam-d:#2f86d6;--ft-olivia:#a68bf7;--ft-olivia-d:#7d5ce8;
/* grounds (film.jsx 239-245), static; px radials converted to % of the section */
--ft-g-warm:radial-gradient(70% 75% at 8% 4%,#ffe2c4 0%,#ffe2c400 70%),radial-gradient(65% 80% at 96% 92%,#e6d9fb 0%,#e6d9fb00 72%),radial-gradient(55% 60% at 88% 10%,#ffd3d3 0%,#ffd3d300 70%),linear-gradient(160deg,#fff7ec 0%,#fdf1ee 50%,#f3edfb 100%);
--ft-g-white:radial-gradient(62.5% 74% at 50% 45%,#fff 0%,#fff 55%,#f2f5f9 100%);
--ft-g-mist:radial-gradient(70% 80% at 18% 0%,#fff 0%,#fff0 60%),radial-gradient(60% 70% at 92% 100%,#e4dcfa 0%,#e4dcfa00 70%),#d6e6f6;
--ft-g-soft:radial-gradient(62.5% 83% at 0% 0%,#e9f16d3d,#e9f16d14 45%,#e9f16d00 75%),radial-gradient(68% 93% at 100% 100%,#a68bf72b,#a68bf70d 45%,#a68bf700 75%),linear-gradient(165deg,#f8fafc 0%,#eef3f8 55%,#eaf0f8 100%);
--ft-g-grad:radial-gradient(62.5% 88% at 0% 0%,#b6cef5 0%,#b6cef566 40%,#b6cef500 72%),radial-gradient(57% 83% at 100% 0%,#d5cef7 0%,#d5cef766 40%,#d5cef700 72%),radial-gradient(73% 93% at 100% 100%,#cdeee8 0%,#cdeee866 40%,#cdeee800 72%),linear-gradient(160deg,#c6d7f6 0%,#dad7f6 50%,#dcf1ed 100%);
/* SKY mirrored: vivid on the right behind the product, copy on the light left end (ink >= 6.7) */
--ft-g-sky:radial-gradient(60% 55% at 12% 6%,#d9d6fb 0%,#d9d6fb00 70%),radial-gradient(55% 60% at 8% 96%,#d3f1fb 0%,#d3f1fb00 72%),linear-gradient(285deg,#5ba2f2 0%,#79b1f4 26%,#9dc3f6 52%,#c3d8f9 74%,#dde8fb 100%);
/* SKY on phones (<=1024): copy on top, product at the bottom */
--ft-g-sky-v:radial-gradient(70% 40% at 15% 0%,#d9d6fb 0%,#d9d6fb00 70%),linear-gradient(180deg,#dde8fb 0%,#c3d8f9 42%,#9dc3f6 74%,#79b1f4 100%);
/* film SKY as is: behind pictures only, never behind text */
--ft-g-sky-vivid:radial-gradient(60% 55% at 88% 6%,#b9b6f6 0%,#b9b6f600 70%),radial-gradient(55% 60% at 92% 96%,#bdebf8 0%,#bdebf800 72%),linear-gradient(105deg,#5ba2f2 0%,#79b1f4 38%,#9dc3f6 70%,#afcbf7 100%);
--ft-g-deep:radial-gradient(68% 70% at 62% -8%,#22555e 0%,#22555e00 70%),#0f2226;
/* shadows: film SHADOW / big card / window / Brand panels / chip / buttons */
--ft-sh-card:0 1px 2px #14326e0f,0 18px 40px -10px #14326e38;
--ft-sh-big:0 1px 2px #14326e0f,0 30px 70px -16px #14326e42;
--ft-sh-window:0 70px 140px -30px #173b404d,0 12px 34px #173b4014;
--ft-sh-3d:0 60px 120px -30px #0a285a73,0 10px 30px #0a285a1f;
--ft-sh-chip:0 10px 30px #173b401a;
--ft-sh-lime:0 18px 40px #96a02840;
--ft-sh-cta:0 22px 50px -12px #788c1e73,inset 0 2px 0 #ffffff99;
--ft-sh-on-deep:0 40px 90px -30px #0000008c,0 2px 6px #00000033;
/* gradients, radii, ease */
--ft-cta:linear-gradient(100deg,#e9f16d 0%,#d7f28c 55%,#bdf0c2 100%);
--ft-glow-text:linear-gradient(95deg,#e9f16d 10%,#a9efc4 90%);
--ft-caret:linear-gradient(180deg,#e9f16d,#5ba2f2);
--ft-r-tile:24px;--ft-r-card:30px;--ft-r-big:36px;--ft-r-stage:40px;
--ft-io:cubic-bezier(.65,0,.35,1);
/* the four-point spark (film SPARK path) */
--ft-i-spark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23E9F16D' d='M12 0C12.9 7 17 11.1 24 12C17 12.9 12.9 17 12 24C11.1 17 7 12.9 0 12C7 11.1 11.1 7 12 0Z'/%3E%3C/svg%3E");
--ft-i-spark-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231F2A0C' d='M12 0C12.9 7 17 11.1 24 12C17 12.9 12.9 17 12 24C11.1 17 7 12.9 0 12C7 11.1 11.1 7 12 0Z'/%3E%3C/svg%3E");
/* the site's own light tokens, moved onto the film's light grounds */
--paper:#f7f9fc;--line:#e3e9ec;--muted:#4a5f62;--body:#33494d;
}
body.clean-site{--ft-nav:88px}
@media(max-width:1024px){body.clean-site{--ft-nav:74px}}
body.legacy-minimal{--ft-lnav:88px;--canvas:#f7f9fc;--surface-subtle:#f3f6fa;--surface-quiet:#f7f9fc;--hairline:#e3e9ec;--hairline-soft:#edf1f4;--stone:#33494d;--mute:#4a5f62;--marketing-mute:#4a5f62}
@media(max-width:1024px){body.legacy-minimal{--ft-lnav:74px}}
body.clean-site.os{--os-off:#f7f9fc;--os-sage:#e9f0f8;--os-line:#e3e9ec;--os-muted:#4a5f62;--os-body:#33494d}
body.clean-site .ak.ak--vacei{--ak-paper-2:#e9f0f8;--ak-paper-3:#f7f9fc;--ak-line:#e3e9ec;--ak-muted:#4a5f62;--ak-faint:#4a5f62}
/* grounds (os family; film-home.css re-grounds some homepage sections by id) */
body.clean-site .os-hero,body.clean-site .os-end{background:var(--ft-g-warm);color:var(--ft-ink)}
body.clean-site.os .os-sec:not(.is-sage):not(.is-dark){background:var(--ft-g-white)}
body.clean-site.os .os-sec.is-sage{background:var(--ft-g-mist)}
body.clean-site.os .os-sec.is-dark{background:var(--ft-g-deep)}
body.clean-site.os .os-sec.is-dark::before{display:none}
body.clean-site.os .os-sec.is-dark::after{--fx-glow:#e9f16d14}
body.clean-site.os .os-hero::before{display:none}
body.clean-site.os .os-hero::after{--fx-glow:#e9f16d6b}
body.clean-site.os .os-end::after{--fx-glow:#e9f16d59}
body.clean-site main{background:var(--ft-page)}
/* nav: no bar of colour; the hero's ground runs up under it */
body.clean-site .clean-nav{background:transparent!important;border-bottom-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
body.clean-site:not([data-page="insights"]) .clean-nav{--logo-color:var(--ft-ink);color:var(--ft-ink)}
body.clean-site:not([data-page="insights"]) :is(.nav-links a,.nav-actions>a:not(.button)){color:var(--ft-ink)!important}
body.clean-site:not([data-page="insights"]) .mobile-toggle{color:var(--ft-ink);border-color:#173b402e}
body.clean-site[data-page="insights"] .clean-nav{--logo-color:#fff}
body.clean-site #clean-mobile{background:#fff!important;color:var(--ft-ink);box-shadow:var(--ft-sh-big)}
body.clean-site #clean-mobile a{color:var(--ft-ink)!important}
body.clean-site .svc-menu{box-shadow:var(--ft-sh-big);border-color:transparent}
body.clean-site :is(.os-hero,.firm-hero,.ak-hero){margin-top:calc(-1 * var(--ft-nav))!important;border-top:var(--ft-nav) solid transparent!important;background-origin:border-box!important}
body.clean-site .os-hero{min-height:100svh}
@media screen{body.clean-site .ak-hero[data-ak-hero]{min-height:calc(min(100vh,980px) + var(--ft-nav))}}
@media(forced-colors:active){html body.clean-site :is(.os-hero,.firm-hero,.ak-hero),html body.legacy-minimal [data-screen-label="Hero"]{border-top-color:Canvas!important}}
/* legacy bar from 901 px (its burger stops at 900) to 1100: the link row on one line */
@media(min-width:901px) and (max-width:1100px){
body.legacy-minimal :is(.site-bar,header[data-screen-label="Nav"]){gap:14px!important}
body.legacy-minimal :is(.site-bar,header[data-screen-label="Nav"])>.nav-links{gap:clamp(8px,12.5vw - 112.5px,18px)!important;margin-right:0!important}
body.legacy-minimal :is(.site-bar,header[data-screen-label="Nav"]) :is(.nav-links>a,.nav-links>.svc-dd>a,.nav-cta){white-space:nowrap}
}
/* type: headings at 500; legacy and article headings keep -.045em (font-swap shifts) */
body.clean-site :is(h1,h2),body.legacy-minimal :is(h1,h2){font-weight:500!important;letter-spacing:-.035em!important;text-wrap:balance}
body.clean-site h3,body.legacy-minimal h3{font-weight:500!important}
body.clean-site.os :is(.os-h2,.os-head h2,.os-hero h1){letter-spacing:-.04em!important;line-height:1.04!important}
body.clean-site.os:is([data-page="outsourced-audit"],[data-page="outsourced-bookkeeping"]) :is(.os-h2,.os-head h2){font-size:clamp(38px,5.05vw,78px)!important}
body.clean-site .ak :is(h1,h2),body.legacy-minimal :is(h1,h2){letter-spacing:-.045em!important}
body.clean-site .ak h1{text-wrap:pretty}
@media(max-width:640px){body.legacy-minimal :is(h1,h2){font-weight:450!important}}
/* the band (light grounds) and the glow (DEEP) */
body.clean-site :is(h1,h2) em{font-style:normal;padding:0;border-radius:0;color:var(--ft-ink);background:linear-gradient(var(--ft-lime),var(--ft-lime)) no-repeat 0 88%/100% 46%;-webkit-box-decoration-break:slice;box-decoration-break:slice}
body.clean-site .firm-hero h1 em{color:var(--ft-ink)!important}
body.clean-site.os :is(.os-hero h1,.os-end h2) em{font-style:normal;padding:0;color:var(--ft-ink);background:linear-gradient(var(--ft-lime),var(--ft-lime)) no-repeat 0 88%/100% 46%;-webkit-box-decoration-break:slice;box-decoration-break:slice}
body.clean-site.os .os-sec.is-dark :is(h1,h2) em{background:var(--ft-glow-text);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:slice;box-decoration-break:slice}
body.clean-site.os .os-hero h1 .type-line{display:inline}
body.clean-site.os .os-hero h1 .type-reserve{display:none}
body.clean-site.os .os-hero h1 .type-visible{display:inline}
/* focus: ink on the light grounds, lime only on DEEP */
body.clean-site :is(a,button,summary,input,select,textarea):focus-visible,body.legacy-minimal :is(a,button,summary,input,select,textarea):focus-visible{outline-color:var(--ft-ink)}
body.clean-site.os .os-hero :is(a,button):focus-visible,body.clean-site.os .os-end :is(a,button):focus-visible{outline-color:var(--ft-ink)}
body.clean-site.os .osx :is(.os-hero,.os-end) :focus-visible{outline-color:var(--ft-ink)}
body.clean-site.os :is(.os-sec.is-dark,.os-core,.os-get.is-key,.os-chapter) :is(a,button,summary):focus-visible{outline-color:var(--ft-lime)}
body.clean-site .ak-dark :is(a,button):focus-visible,body.clean-site[data-page="insights"] .clean-nav :is(a,button):focus-visible{outline-color:var(--ft-lime)}
body.clean-site.os .osx .osx-film .osx-film-btn:focus-visible{outline-color:var(--ft-sam-d)}
body.clean-site[data-page="insights"] .skip-link:focus-visible{outline-color:#fff}
body.clean-site .ak .ak-field input:focus-visible{outline:3px solid var(--ft-ink);outline-offset:2px}
body.clean-site .ak .ak-qc--dark .ak-field input:focus-visible,body.clean-site .ak .ak-icard--dark .ak-step:focus-visible{outline-color:#fff}
/* chips: the film's label, for section labels, kickers and eyebrows */
body.clean-site.os :is(.os-label,.os-kicker),body.clean-site .firm-hero .eyebrow,body:is(.clean-site,.legacy-minimal) .ai-showcase-heading>span{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border:0;border-radius:999px;background:#ffffffdb;box-shadow:var(--ft-sh-chip);font-size:14px;font-weight:600;letter-spacing:-.005em;text-transform:none;color:var(--ft-ink)}
body.clean-site.os .os-label::before,body.clean-site .firm-hero .eyebrow::before,body:is(.clean-site,.legacy-minimal) .ai-showcase-heading>span::before{content:'';flex:none;width:10px;height:10px;border-radius:50%;background:var(--ft-dot,var(--ft-lime));box-shadow:0 0 0 2px #173b402e}
body.clean-site.os .os-kicker i{width:10px;height:10px;background:var(--ft-lime);box-shadow:0 0 0 2px #173b402e}
body.clean-site .firm-hero .eyebrow{color:var(--ft-ink)!important}
body.clean-site.os .os-sec.is-dark :is(.os-label,.os-kicker){background:#e9f16d1a;box-shadow:inset 0 0 0 2px #e9f16d47;color:var(--ft-lime)}
body.clean-site.os .os-sec.is-dark .os-label::before,body.clean-site.os .os-sec.is-dark .os-kicker i{background:var(--ft-lime);box-shadow:0 0 12px #e9f16db3}
body.clean-site :is(.eyebrow,.osh-demo-k,.os-num){text-transform:none;letter-spacing:0;font-weight:600}
/* buttons: lime pill, the glyph in an ink disc */
body.clean-site .os-btn{font-weight:600}
body.clean-site .os-btn.is-lime{background:var(--ft-lime);color:var(--ft-lime-ink);box-shadow:var(--ft-sh-lime)}
body.clean-site .os-btn.is-ink{box-shadow:0 18px 40px -12px #173b4073}
body.clean-site .os-btn:is(.is-lime,.is-ink):has(>span[aria-hidden="true"]:last-child:not(.os-play)){padding-right:8px;gap:12px}
body.clean-site .os-btn:is(.is-lime,.is-ink)>span[aria-hidden="true"]:last-child:not(.os-play),body.clean-site .clean-nav .button.lime>span:last-child{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--ft-ink);color:var(--ft-lime);font-size:17px;line-height:1}
body.clean-site .os-btn.is-ink>span[aria-hidden="true"]:last-child:not(.os-play){background:var(--ft-lime);color:var(--ft-ink)}
body.clean-site .clean-nav .button.lime>span:last-child{width:32px;height:32px;margin:-6px -12px -6px 4px;font-size:14px}
body.clean-site .clean-nav .button.lime{box-shadow:none}
body.clean-site .os-btn:is(.is-ghost,.is-line){background:#ffffffe6;border-color:transparent;color:var(--ft-ink);box-shadow:var(--ft-sh-card)}
body.clean-site .os-btn:is(.is-ghost,.is-line):hover{background:#fff}
body.clean-site .os-btn .os-play{width:28px;height:28px;background:var(--ft-ink)}
body.clean-site .os-btn .os-play::before{border-left-color:var(--ft-lime)}
body.clean-site .button.lime{background:var(--ft-lime)!important;color:var(--ft-lime-ink)!important;font-weight:600;box-shadow:var(--ft-sh-lime)}
body.clean-site .button.outline{background:#fff;border-color:transparent;box-shadow:var(--ft-sh-card);color:var(--ft-ink)}
/* cards: white floating cards on light grounds; the dark cards stay dark */
body.clean-site.os .os-sec:not(.is-dark) :is(.os-mod,.os-get:not(.is-key),.os-steps li,.os-parts-list,.osx-card,.osx-stage),body.clean-site :is(.price-card,.feature-row>div){background:#fff!important;border:0!important;box-shadow:var(--ft-sh-card)!important}
body.clean-site.os .os-sec:not(.is-dark) :is(.os-mod,.os-get:not(.is-key)),body.clean-site .price-card{border-radius:var(--ft-r-card)!important}
body.clean-site.os .os-sec:not(.is-dark) .os-steps li,body.clean-site .feature-row>div{border-radius:var(--ft-r-tile)!important}
body.clean-site.os .os-sec:not(.is-dark) :is(.os-mod,.os-get:not(.is-key)):hover{box-shadow:var(--ft-sh-big)!important}
body.clean-site.os .os-sec.is-dark :is(.os-get,.os-steps li,.os-mod){border-color:#ffffff1f}
body.clean-site.os .os-sec:not(.is-dark) .os-steps li{padding:24px 22px 26px}
body.clean-site.os .os-sec:not(.is-dark) .os-steps li::before{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:20px;border-radius:50%;background:var(--ft-skel);font-weight:600;color:var(--ft-ink)}
body.clean-site.os .os-sec:not(.is-dark) .os-steps li:last-child::before{background:var(--ft-lime);color:var(--ft-lime-ink)}
/* the dark cards: DEEP; VEE's own card keeps his halo */
body.clean-site.os :is(.os-core,.os-get.is-key){box-shadow:var(--ft-sh-window)!important;border-radius:var(--ft-r-big)!important;border:0!important}
body.clean-site.os .os-core{background:radial-gradient(closest-side at 120px 50%,#e9f16d38,#e9f16d00) no-repeat 0 0/240px 100%,var(--ft-g-deep)!important}
body.clean-site.os .os-get.is-key{background:var(--ft-g-deep)!important}
@media(min-width:1025px){body.clean-site.os .os-core .os-core-vee{width:160px;height:160px;margin:-20px 0}}
body.clean-site.os .os-core strong{background:var(--ft-cta);color:var(--ft-lime-ink);font-weight:600;box-shadow:var(--ft-sh-cta)}
/* squircle icons in Vee colours */
body.clean-site.os .os-sec:not(.is-dark) .os-ico{width:56px;height:56px;border-radius:15px;color:#fff;background:linear-gradient(140deg,var(--ft-a0,#7cc0f6),var(--ft-a1,#2f86d6));box-shadow:inset 0 1px 0 #ffffff59,0 12px 24px -12px var(--ft-a1,#2f86d6)}
body.clean-site.os .os-gets>.os-get:nth-child(3n+1){--ft-a0:var(--ft-emma);--ft-a1:var(--ft-emma-d)}
body.clean-site.os .os-gets>.os-get:nth-child(3n+2){--ft-a0:var(--ft-tom);--ft-a1:var(--ft-tom-d)}
body.clean-site.os .os-gets>.os-get:nth-child(3n){--ft-a0:#b9a2fa;--ft-a1:var(--ft-olivia-d)}
body.clean-site.os .os-sec .os-get.is-key .os-ico{background:var(--ft-cta);color:var(--ft-ink);box-shadow:var(--ft-sh-lime)}
/* how-it-works: the connect tiles float, the pressed one keeps its ink ring */
body.clean-site.os .osx-tile{border-color:transparent;box-shadow:var(--ft-sh-card)}
body.clean-site.os .osx-tile:not(:disabled):not([aria-pressed="true"]):hover{border-color:transparent;box-shadow:var(--ft-sh-big)}
body.clean-site.os .osx-tile[aria-pressed="true"]{border-color:var(--ft-ink);box-shadow:0 0 0 1px var(--ft-ink),var(--ft-sh-card)}
body.clean-site.os :is(.osx-shortlist,.osx-seg){border-color:transparent;box-shadow:var(--ft-sh-chip)}
/* films and windows */
body.clean-site .os-film{border-radius:var(--ft-r-big);box-shadow:var(--ft-sh-window),0 0 0 1px #ffffffcc}
body.clean-site.os .os-sec.is-dark .os-film{box-shadow:var(--ft-sh-on-deep)}
body.clean-site .jn-film video{border-radius:var(--ft-r-big);box-shadow:var(--ft-sh-window)}
body.clean-site .firm-movie .motion-frame{border-radius:var(--ft-r-card)!important;box-shadow:var(--ft-sh-window)!important}
body.clean-site :is(.os-film-cap,.os-fine,.os-note,.osx-tag,.bl-tag,.jn-film figcaption,.jn-film figcaption a,.firm-movie .tour-caption>span,.firm-movie .tour-caption a){color:var(--ft-ink)}
body.clean-site.os .os-sec.is-dark :is(.os-film-cap,.os-fine,.os-note){color:var(--ft-on-deep-2)}
/* the ai-showcase (both families): SOFT, full bleed, the window floats */
body:is(.clean-site,.legacy-minimal) .ai-showcase{background:var(--ft-g-soft)!important}
@media(min-width:761px){body:is(.clean-site,.legacy-minimal) .ai-showcase{max-width:none;padding-left:max(40px,calc((100% - 1120px)/2));padding-right:max(40px,calc((100% - 1120px)/2))}}
body:is(.clean-site,.legacy-minimal) .ai-showcase iframe{border-radius:28px!important;background:#fff;box-shadow:var(--ft-sh-window)}
body:is(.clean-site,.legacy-minimal) :is(.ai-showcase-heading p,.ai-showcase-caption){color:var(--ft-body)}
body:is(.clean-site,.legacy-minimal) .ai-showcase-caption a{color:var(--ft-ink)}
/* FAQ: one white card of rows (the film's Choose card) */
body.clean-site.os .os-faq>div:last-child,body.clean-site .assistance .support-options{align-self:start;padding:10px 34px;border-radius:40px;background:#fff;box-shadow:var(--ft-sh-big)}
body.clean-site.os .os-faq details,body.clean-site .assistance .support-options details{border-color:var(--ft-skel)}
body.clean-site.os .os-faq details:last-child,body.clean-site .assistance .support-options details:last-child{border-bottom:0}
body.clean-site .assistance .support-options details:first-child{border-top:0}
body.clean-site.os .os-faq summary{font-weight:500}
body.clean-site.os .os-faq summary span,body.clean-site .support-options summary span{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--ft-skel);font-size:18px;font-weight:600}
body.clean-site.os .os-faq details[open] summary span,body.clean-site .support-options details[open] summary span{background:var(--ft-lime)}
/* the os hero and end card: WARM, ink */
body.clean-site.os .os-hero h1{color:var(--ft-ink)}
body.clean-site.os .os-hero :is(p.os-lead,.os-hero-fine){color:var(--ft-body)}
body.clean-site.os .os-hero .os-biz{color:var(--ft-ink);text-decoration-color:#173b4059}
body.clean-site.os .os-cue{color:var(--ft-mid);text-transform:none;letter-spacing:0}
body.clean-site.os .os-cue::after{background:linear-gradient(var(--ft-mid),transparent)}
body.clean-site.os .os-end .os-lockup{--logo-color:var(--ft-ink)}
body.clean-site.os .os-end .os-lockup i{background:var(--ft-ink)}
body.clean-site.os .os-end .os-lockup .d{opacity:.35}
body.clean-site.os .os-end h2{color:var(--ft-ink)}
body.clean-site.os .os-end :is(small,.os-end-lead){color:var(--ft-body)}
body.clean-site.os .os-end .os-end-link{color:var(--ft-ink);text-decoration-color:#173b4059}
body.clean-site.os:not([data-page="index"]) .os-end::before{content:'';position:absolute;z-index:0;inset:6% 3%;pointer-events:none;background:var(--ft-i-spark) 16% 14%/54px no-repeat,var(--ft-i-spark) 6% 62%/30px no-repeat,var(--ft-i-spark) 22% 92%/40px no-repeat,var(--ft-i-spark) 84% 10%/40px no-repeat,var(--ft-i-spark) 95% 54%/58px no-repeat,var(--ft-i-spark) 78% 94%/28px no-repeat;filter:drop-shadow(0 0 14px #e9f16dcc)}
/* clean pages: books, bookkeeping, pricing */
body.clean-site .firm-hero{background:var(--ft-g-warm)!important;background-origin:border-box!important;color:var(--ft-ink)!important}
body.clean-site .firm-hero h1{color:var(--ft-ink)}
body.clean-site .firm-hero>p,body.clean-site .firm-hero>small{color:var(--ft-body)!important}
body.clean-site .firm-hero .text-link{color:var(--ft-ink)}
body.clean-site .firm-section{background:var(--ft-g-grad)!important;color:var(--ft-ink)}
body.clean-site .firm-section :is(h2,h3,.eyebrow,a,b,strong){color:var(--ft-ink)}
body.clean-site .firm-section :is(p,small,li){color:var(--ft-body)}
body.clean-site .closing{background:var(--ft-g-warm);border-radius:40px;box-shadow:var(--ft-sh-big)}
body.clean-site .closing :is(p,small){color:var(--ft-body)}
body.clean-site .closing>div:last-child{border-color:#173b401f}
body.clean-site .price-card{padding:34px 30px}
body.clean-site .price-card.featured{overflow:hidden;box-shadow:0 0 0 2px var(--ft-lime),0 40px 90px -30px #a0af1e8c,var(--ft-sh-card)!important}
body.clean-site .price-card.featured::before{content:'';display:block;flex:none;height:8px;margin:-34px -30px 26px;background:var(--ft-cta)}
body.clean-site .price-card .eyebrow{color:var(--ft-mid)}
body.clean-site .price-card ul{border-top-color:var(--ft-skel)}
body.clean-site .price-card li::before{color:var(--ft-ok)}
body.clean-site .feature-row>div{padding:28px 26px 30px}
body.clean-site .feature-row>div>span{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;font-size:14px;font-weight:600;color:var(--ft-ink);background:linear-gradient(140deg,#ffe399,var(--ft-emma))}
body.clean-site .feature-row>div:nth-child(2)>span{background:linear-gradient(140deg,#c6eed6,var(--ft-tom))}
body.clean-site .feature-row>div:nth-child(3)>span{background:linear-gradient(140deg,#cfe6fb,#8ec5f5)}
body.clean-site .feature-row p{color:var(--ft-body)}
body.clean-site .feature-filters button{border-color:#173b402e}
body.clean-site .feature-filters button[aria-pressed=true]{background:var(--ft-ink);border-color:var(--ft-ink)}
/* insights: the kit's tokens; its dark turns on the film's DEEP */
body.clean-site .ak.ak--vacei{--ak-accent-text:var(--ft-mid)}
body.clean-site .ak.ak--vacei .ak-dark{background:var(--ft-g-deep)}
/* footer */
body.clean-site .clean-footer,body.legacy-minimal footer.clean-footer{background:#fff!important;box-shadow:0 -1px 0 var(--ft-line)}
@media(min-width:1241px){body.clean-site .clean-footer{max-width:none;padding-left:calc((100% - 1144px)/2);padding-right:calc((100% - 1144px)/2)}}
/* phones */
@media(max-width:640px){
body.clean-site .os-film{border-radius:22px}
body.clean-site.os .os-faq>div:last-child,body.clean-site .assistance .support-options{padding:4px 20px;border-radius:28px}
body.clean-site .closing{border-radius:30px}
body.clean-site.os:not([data-page="index"]) .os-end::before{inset:2% 3%;background:var(--ft-i-spark) 4% 2%/30px no-repeat,var(--ft-i-spark) 2% 99%/20px no-repeat,var(--ft-i-spark) 96% 1%/22px no-repeat,var(--ft-i-spark) 98% 97%/32px no-repeat}
}
/* Mobile navigation stays within the visible screen, including short landscape
   views. Its own scroll keeps every destination reachable above browser chrome. */
@media(max-width:850px){
body.clean-site .mobile-toggle{min-width:64px;min-height:44px;justify-content:center}
body.clean-site #clean-mobile{max-height:calc(100vh - 74px);max-height:calc(100dvh - 74px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
body.clean-site #clean-mobile a{min-height:44px;line-height:1.4}
body.clean-site .text-link{min-height:44px}
body.clean-site .firm-hero>small a{display:inline-flex;align-items:center;min-height:44px;line-height:1.5}
body.clean-site .clean-footer>div>a:not(.wordmark){display:flex;align-items:center;min-height:44px;margin-top:2px;font-size:14px;line-height:1.5}
body.clean-site .clean-footer .footer-bottom{flex-wrap:wrap;gap:8px 20px}
body.clean-site .clean-footer .footer-bottom>a{min-height:44px;display:inline-flex;align-items:center;font-size:13px!important}
}

/* motion: the band sweeps in once */
@media (prefers-reduced-motion: no-preference){
html.fx-on body.clean-site.os .os-sec:not(.is-dark)>.os-wrap>* :is(h1,h2) em,html.fx-on body.clean-site.os .os-sec:not(.is-dark)>.os-wrap>:is(h1,h2) em{transition:background-size .7s var(--ft-io) .4s}
html.fx-on body.clean-site.os .os-sec:not(.is-dark)>.os-wrap>:not(.fx-done) :is(h1,h2) em,html.fx-on body.clean-site.os .os-sec:not(.is-dark)>.os-wrap>:is(h1,h2):not(.fx-done) em{background-size:0% 46%}
html.fx.fx-hero body.clean-site.os .os-hero h1 em{animation:ft-band .8s var(--ft-io) .5s backwards}
@keyframes ft-band{from{background-size:0% 46%}}
html.fx body.clean-site.os .os-end h2 em{transition:background-size .7s var(--ft-io) .55s}
html.fx body.clean-site.os .os-end:not(.is-in) h2 em{background-size:0% 46%}
}