/* /clean-design.css */
:root{--ink:#173b40;--muted:#607174;--paper:#f8f9f5;--lime:#e9f16d;--line:#dce3de}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:0}body.clean-site{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #759fa0;outline-offset:5px}[hidden]{display:none!important}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}.clean-nav{height:88px;display:flex;align-items:center;gap:36px;padding:0 40px;position:sticky;top:0;z-index:30;background:rgba(248,249,245,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.wordmark{font-family:Outfit,sans-serif;font-size:39px;font-weight:600;letter-spacing:-2.3px;line-height:1}.wordmark span{font:11px Inter,sans-serif;vertical-align:top;letter-spacing:0;margin-left:3px}.nav-links{display:flex;gap:28px;align-items:center;margin-left:auto;font-size:13px;font-weight:500}.nav-links>a:last-child{display:none}.nav-links a{color:var(--ink)!important}.nav-actions{display:flex;align-items:center;gap:24px;font-size:13px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:16px 23px;border-radius:8px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;border:1px solid transparent;line-height:1.25}.button:hover{transform:translateY(-2px);background:#dce661}.lime{background:var(--lime);color:var(--ink)}.mobile-toggle{display:none}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:62px;align-items:center;padding-top:86px;padding-bottom:88px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;line-height:1.7}.eyebrow i{height:6px;width:6px;background:#72978e;border-radius:50%}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:400}h1{font-size:clamp(48px,5.5vw,76px);line-height:1.03;letter-spacing:-.045em;margin:23px 0}h1 em,h2 em{font-style:normal;color:#648781}.hero-copy>p,.firm-hero>p{font-size:15px;line-height:1.8;max-width:440px;color:var(--muted)}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:28px}.text-link{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:15px;padding:9px 0}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-copy .micro{font-size:10px;margin-top:18px}.firm-shortcut{display:block;font-size:11px;line-height:1.6;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);max-width:410px}.hero-product{border:1px solid #d6dfd8;background:white;border-radius:16px;box-shadow:0 24px 60px #1d454010;position:relative;transform:rotate(-1deg)}.window-bar{padding:18px 22px;border-bottom:1px solid #e4e9e5;display:flex;justify-content:space-between;align-items:center}.mini-brand{font-size:14px;font-weight:600;letter-spacing:-.5px}.sample-label{font-size:9px;color:#7a8a89}.workspace{padding:26px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.workspace-heading small{font-size:8px;letter-spacing:.12em;color:var(--muted)}.workspace-heading h2{font-size:25px;margin:8px 0 23px;letter-spacing:-.03em}.status{font-size:8px;color:#38756b;background:#edf5ee;padding:6px 8px;border-radius:5px;white-space:nowrap}.metrics{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-bottom:24px}.metrics>div{padding:16px;background:#f6f8f4;border:1px solid #e7ece5;border-radius:9px}.metrics small{font-size:10px;color:var(--muted)}.metrics strong{display:block;font-size:26px;font-weight:500;letter-spacing:-1px;margin-top:12px}.metrics strong span{float:right;font-size:17px;color:#799589}.metrics p{font-size:9px;color:var(--muted);line-height:1.6}.metrics svg{width:100%;height:42px;overflow:visible}.metrics path{fill:none;stroke:#648c7e;stroke-width:2;stroke-dasharray:300;stroke-dashoffset:300;animation:chart-draw 3s ease forwards}.document-row{display:flex;gap:12px;align-items:center;border-top:1px solid #e6ebe6;padding:15px 0;animation:entry-in .9s both}.document-row:nth-child(4){animation-delay:.2s}.doc-icon{font-size:20px;border:1px solid var(--line);border-radius:6px;padding:4px 8px}.document-row b{display:block;font-size:10px;font-weight:500}.document-row small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.document-row>.status{margin-left:auto}.ai-message{background:#edf1e7;border:1px solid #dce4d2;padding:16px;border-radius:9px;display:flex;align-items:flex-start;gap:12px;margin-top:12px;animation:entry-in 1s .4s both}.ai-message img{width:22px;height:22px}.ai-message b{font-size:10px;font-weight:600}.ai-message p{font-size:9px;line-height:1.6;margin:6px 0 0;color:var(--muted)}.workspace-link{display:flex;justify-content:space-between;margin-top:23px;font-size:10px;font-weight:600}.floating-note{position:absolute;bottom:-21px;right:25px;background:#244b46;color:white;border-radius:9px;padding:15px 21px;font-size:10px;box-shadow:0 10px 20px #153b401c}.floating-note span{color:var(--lime);margin-right:10px}.connection-strip{display:flex;align-items:center;gap:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:24px;padding-bottom:24px}.connection-strip>span:first-child{font-size:9px;letter-spacing:.13em;margin-right:auto;color:var(--muted)}.connection-strip>span{display:flex;align-items:center;gap:10px;font-size:16px}.connection-strip img{width:24px;height:24px}.connection-strip small{font-size:9px;color:var(--muted)}.section{padding-top:96px;padding-bottom:96px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}h2{font-size:clamp(34px,3.8vw,49px);line-height:1.08;letter-spacing:-.035em;margin:18px 0 0}.section-heading>p{max-width:345px;font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 4px}.tour-shell{border:1px solid #d2ded6;border-radius:14px;overflow:hidden;background:white}.tour-tabs{display:flex;padding:10px;gap:7px;background:#eef2eb;border-bottom:1px solid #d9e3d8}.tour-tabs button{flex:1;border:0;background:transparent;border-radius:6px;padding:16px;cursor:pointer;text-align:left;font-size:10px;color:#638078;display:flex;gap:17px;align-items:center}.tour-tabs button span{font-size:12px;font-weight:500;color:var(--ink)}.tour-tabs button[aria-selected=true]{background:white;box-shadow:0 2px 7px #163b4010}.motion-frame{position:relative;aspect-ratio:16/9;background:#18393f;overflow:hidden}.motion-frame iframe{position:absolute;width:100%;height:100%;inset:0;border:0}.tour-caption{padding:18px 24px;display:flex;justify-content:space-between;gap:16px;font-size:10px;background:#fff;line-height:1.6}.tour-caption>span{color:var(--muted)}.tour-caption a{font-weight:600}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:38px}.feature-row>div>span{font-size:10px;color:#79918a}.feature-row h3{font-size:19px;margin:14px 0 8px;letter-spacing:-.02em}.feature-row p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.firm-section{background:#193e40;color:#fff;padding:84px 0}.firm-grid{display:grid;grid-template-columns:1fr 1fr;gap:92px;align-items:center}.firm-section .eyebrow{color:#dfe9e6}.firm-section h2{margin:22px 0}.firm-section h2 em{color:#bdcec6}.firm-section p{font-size:14px;line-height:1.8;color:#e3ece9}.firm-section small{display:block;margin-top:22px;color:#b7c9c2;font-size:10px}.portal-stack{border-top:1px solid #476362}.portal-stack>a{display:flex;align-items:center;gap:22px;padding:24px 0;border-bottom:1px solid #476362;transition:padding .2s}.portal-stack>a:hover{padding-left:10px}.portal-number{font-size:12px;color:#e3ece9}.portal-stack h3{font-size:21px;margin:0}.portal-stack p{font-size:13px;margin:5px 0 0}.portal-stack>a>span:last-child{margin-left:auto;color:var(--lime)}.assistance{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.assistance p{font-size:14px;color:var(--muted);line-height:1.8;max-width:420px}.support-options details{border-bottom:1px solid var(--line);padding:24px 0}.support-options details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:14px;font-weight:500;display:flex;gap:15px;justify-content:space-between;line-height:1.6}summary::-webkit-details-marker{display:none}summary span{font-size:20px;font-weight:400;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}.support-options p{font-size:12px;line-height:1.8;max-width:95%}.support-options a{font-size:11px;font-weight:600}.firm-section .support-options details{border-color:#476362}.closing{background:#eaf0e6;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:58px;padding-bottom:58px;margin-bottom:80px}.closing h2{font-size:42px}.closing>div:last-child{padding-left:30px;border-left:1px solid #cddacc}.closing p{font-size:14px;line-height:1.8;color:var(--muted)}.price{font-size:50px;font-family:'Google Sans Flex',Arial,sans-serif;letter-spacing:-2px}.price span{font:13px 'Google Sans Flex',Arial,sans-serif;letter-spacing:0;margin-left:7px}.closing small,.closing>div>a:not(.button){display:block;font-size:13px;margin-top:14px}.clean-footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding-top:10px;padding-bottom:28px}.clean-footer p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:20px}.clean-footer b{font-size:11px;display:block;margin:7px 0 20px}.clean-footer>div>a:not(.wordmark){display:block;font-size:11px;color:var(--muted);margin-top:14px}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;grid-column:1/-1;display:flex;align-items:center;gap:24px;font-size:12px;color:var(--muted)}.footer-bottom span{margin-right:auto}.clean-footer .footer-bottom>a{margin:0!important;font-size:12px!important}.firm-hero{text-align:center;padding-top:76px;padding-bottom:58px}.firm-hero .eyebrow,.firm-hero .actions{justify-content:center}.firm-hero h1{font-size:clamp(48px,6.5vw,84px)}.firm-hero>p{margin:20px auto}.firm-hero>small{display:block;font-size:10px;color:var(--muted);margin-top:22px}.firm-movie .motion-frame{border-radius:14px 14px 0 0}.firm-movie .tour-caption{border:1px solid var(--line);border-radius:0 0 14px 14px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-grid article{background:#eef2ea;padding:35px;border-radius:12px;display:flex;flex-direction:column;scroll-margin-top:110px}.product-card-top{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#617b71}.product-grid h3{font-size:30px;line-height:1.15;letter-spacing:-.025em;max-width:330px;margin:35px 0 16px}.product-grid p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 25px}.product-grid a{margin-top:auto}.svc-dd{position:relative}.svc-menu{display:none;position:absolute;top:100%;left:-15px;min-width:255px;padding:13px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px #173b4017}.svc-menu a{display:block;padding:10px;font-size:12px;border-radius:5px}.svc-menu a:hover{background:#edf2e9}.svc-open-business [data-svc-key=business]>.svc-menu,.svc-open-firms [data-svc-key=firms]>.svc-menu,.svc-open-services [data-svc-key=services]>.svc-menu{display:block}@keyframes chart-draw{to{stroke-dashoffset:0}}@keyframes entry-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.clean-nav{padding-left:calc((100vw - 1144px)/2);padding-right:calc((100vw - 1144px)/2)}}
@media(max-width:1100px){.nav-links{gap:18px}.nav-links>a{display:none}.clean-nav{gap:24px}.hero{gap:35px}.hero h1{font-size:60px}.firm-grid{gap:50px}.connection-strip{gap:22px}.nav-actions{gap:15px}}
@media(max-width:850px){.wrap{padding-left:26px;padding-right:26px}.clean-nav{height:74px;padding:0 26px}.nav-links,.nav-actions{display:none}.mobile-toggle{display:flex;margin-left:auto;gap:20px;align-items:center;background:transparent;border:0;font-size:12px;padding:12px 0;color:var(--ink)}#clean-mobile{position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:18px 26px 26px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #173b4015}#clean-mobile a{display:block;padding:13px 0;font-size:15px}.hero{grid-template-columns:1fr;gap:48px;padding-top:48px;padding-bottom:65px}.hero-copy>p{max-width:500px}.hero h1{font-size:62px}.hero-product{max-width:560px;width:100%;justify-self:center;transform:none}.connection-strip{flex-wrap:wrap;gap:20px}.connection-strip>span:first-child{width:100%}.connection-strip small{margin-left:auto}.section{padding-top:64px;padding-bottom:64px}.section-heading{gap:25px}.section-heading>p{max-width:280px}.firm-grid,.assistance{grid-template-columns:1fr;gap:40px}.firm-section{padding:64px 0}.firm-grid>div:first-child{max-width:560px}.closing{margin-left:26px;margin-right:26px;gap:32px;padding-top:40px;padding-bottom:40px}.closing h2{font-size:33px}.feature-row{gap:24px}.tour-tabs button{padding:13px 10px;gap:8px}.clean-footer{gap:25px}.product-grid article{padding:26px}}
@media(max-width:540px){.hero h1{font-size:53px}.hero .eyebrow{font-size:8px}.hero-copy>p{font-size:14px}.hero .actions{gap:19px}.button{padding:15px 18px;font-size:12px}.text-link{font-size:12px}.workspace{padding:19px}.window-bar{padding:16px 19px}.floating-note{font-size:9px;right:15px;padding:13px}.workspace-heading h2{font-size:23px}.connection-strip>span{font-size:15px}.connection-strip small{width:100%;margin:0}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:none;font-size:13px}.tour-tabs{padding:7px;gap:3px}.tour-tabs button{flex-direction:column;align-items:flex-start;gap:7px;padding:11px 8px}.tour-tabs button span{font-size:10px;line-height:1.4}.motion-frame{aspect-ratio:4/3}.tour-caption{flex-direction:column;padding:15px 18px;font-size:9px;gap:8px}.feature-row{grid-template-columns:1fr;gap:25px}.feature-row>div{border-bottom:1px solid var(--line);padding-bottom:23px}.feature-row h3{margin-top:10px}.closing{grid-template-columns:1fr;gap:28px;margin-bottom:55px}.closing>div:last-child{padding:25px 0 0;border-left:0;border-top:1px solid #cddacc}.clean-footer{grid-template-columns:1fr 1fr}.clean-footer>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:16px}.clean-footer{padding-bottom:96px}.footer-bottom span{width:100%}.product-grid{grid-template-columns:1fr}.firm-hero{padding-top:50px}.firm-hero h1{font-size:48px}.firm-hero p{font-size:13px}.firm-hero .actions{gap:18px}.firm-movie{padding-left:15px;padding-right:15px}}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.price-card{background:white;border:1px solid var(--line);border-radius:12px;padding:30px 26px;display:flex;flex-direction:column}.price-card.featured{background:#edf2e7;border-color:#b9c9ae}.price-card h2{font-size:27px;min-height:66px;margin:21px 0 24px}.price-card .eyebrow{font-size:8px}.quote-price{font:29px 'Google Sans Flex',Arial,sans-serif;letter-spacing:-.03em;min-height:63px;display:flex;align-items:center}.price-card p{font-size:10px;color:var(--muted);margin:10px 0}.price-card ul{list-style:none;padding:22px 0;margin:12px 0 20px;border-top:1px solid var(--line);font-size:11px;line-height:1.7;display:grid;gap:16px}.price-card li{padding-left:20px;position:relative}.price-card li::before{content:'✓';position:absolute;left:0;color:#618174}.price-card .button{margin-top:auto}.outline{border-color:#bfcfc3}.outline:hover{background:#eef2e8}.price-card small{font-size:9px;line-height:1.7;color:var(--muted);margin-top:17px}.service-note{padding-top:44px;text-align:center}.service-note h3{font-size:23px;margin:0}.service-note p{font-size:12px;color:var(--muted);line-height:1.7}.clean-site section[id]{scroll-margin-top:100px}.clean-site .nav-links>a:last-child{display:none}
@media(max-width:850px){.pricing-grid{grid-template-columns:1fr;max-width:600px}.price-card h2{min-height:0}.price-card{padding:30px}.price-card ul{margin-top:10px}.price-card .eyebrow{font-size:9px}.price-card li{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.metrics path{stroke-dashoffset:0}}
.motion-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;background:#edf2eb;border-top:1px solid #d5e0d4}.motion-actions button{border:1px solid #bdcdbf;border-radius:6px;background:white;color:#244a42;min-height:40px;min-width:65px;font-size:11px;cursor:pointer}.motion-actions button:hover{background:#e9f16d}
.wordmark{display:inline-flex;flex-shrink:0}.wordmark .brand-mark{display:block;width:116px;height:30px;margin:0;background:#173b40;mask:url(/assets/vacei-word-mask.png?v=31c81e3068) center/contain no-repeat;-webkit-mask:url(/assets/vacei-word-mask.png?v=31c81e3068) center/contain no-repeat}
.motion-frame::before{content:"Loading animated walkthrough…";position:absolute;inset:0;display:grid;place-items:center;background:#193e40;color:#c6d7cf;font:12px Inter,sans-serif;z-index:2;pointer-events:none}.motion-frame.motion-ready::before{display:none}
/* Keep every navigation destination reachable on short phone screens. The
   header stays beside its close control while the links scroll independently. */
@media(max-width:1024px){
  body.clean-site .mobile-toggle{min-height:44px;padding:10px 14px;gap:12px;border:1px solid var(--line);border-radius:999px;font-size:14px;cursor:pointer}
  .mobile-toggle span{display:inline-flex;justify-content:center;width:18px;font-size:18px;line-height:1}
  html.clean-menu-open{overflow:hidden}
  html.clean-menu-open body.clean-site{overflow:hidden;padding-top:74px}
  html.clean-menu-open body.clean-site .clean-nav{position:fixed!important;top:0!important;left:0;right:0;z-index:1100;background:#fff!important;--logo-color:#173b40;color:#173b40}
  html.clean-menu-open .mobile-toggle{color:#173b40!important}
  body.clean-site #clean-mobile{position:fixed;top:74px;bottom:0;max-height:calc(100dvh - 74px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 20px max(24px,env(safe-area-inset-bottom))}
  body.clean-site #clean-mobile a{display:flex;align-items:center;min-height:48px;padding:12px 8px;line-height:1.5}
  html.clean-menu-open body.clean-site #clean-mobile .button{justify-content:space-between;min-height:52px;margin-top:12px;padding:12px 16px}
}

/* /brand-refinement.css */
/* Original Vacei cover palette and rounded surfaces, with the clearer page structure. */
.clean-site{--paper:#fafbf9;--lime:#e9f16d;--cover-1:#33646e;--cover-2:#4e7b84;--cover-3:#6b939b;--cover-4:#8faeb3}
.clean-site .button{border-radius:999px}
.clean-site .hero.wrap{max-width:none;padding-left:max(48px,calc((100vw - 1144px)/2));padding-right:max(48px,calc((100vw - 1144px)/2));background:radial-gradient(ellipse at 80% 0%,#ffffff22,transparent 60%),linear-gradient(112deg,var(--cover-1),var(--cover-2) 48%,var(--cover-4));border-radius:0 0 34px 34px;position:relative;overflow:hidden;padding-top:78px;padding-bottom:84px}
.hero-copy{position:relative;z-index:1}.hero-copy h1{color:#fff;font-weight:400}.hero-copy h1 em{color:#e7eee2}.hero-copy>.eyebrow{color:#e0e9e8}.hero-copy>.eyebrow i{background:var(--lime)}.hero-copy>p{color:#f0f5f2}.hero-copy .micro{color:#e2ece8}.hero-copy .text-link{color:#fff}.hero-copy .firm-shortcut{border-color:#ffffff38;color:#fff}.hero-product{transform:none;border-radius:22px;border:1px solid #ffffff66;box-shadow:0 28px 80px #153b4030}.hero-product .window-bar{background:#f4f6f2;border-radius:22px 22px 0 0}.hero-product .floating-note{background:#143c3f;border:1px solid #ffffff38;border-radius:999px;right:22px;bottom:-20px}.clean-site .connection-strip{border-top:0;margin-top:12px}.clean-site .firm-section{background:radial-gradient(ellipse at 0 0,#6b939b44,transparent 65%),linear-gradient(120deg,#254f59,#173a43 60%,#122d33)}.clean-site .portal-stack>a{border-color:#ffffff25}.clean-site .portal-stack>a:hover{background:#ffffff05}.clean-site .closing{background:radial-gradient(ellipse at 100% 0%,#d4e2df 0%,transparent 70%),#eef3ed;border-radius:24px}.clean-site .product-grid article{border-radius:20px;background:#edf2ef;border:1px solid #dfe8e0}.clean-site .price-card{border-radius:20px}.clean-site .tour-shell{border-radius:22px}.clean-site .price-card.featured{border-color:#789c8f;background:linear-gradient(145deg,#eaf2e6,#f3f6ed)}
body[data-page="for-firms"] .firm-hero,body[data-page="books"] .firm-hero,body[data-page="bookkeeping"] .firm-hero,body[data-page="audit"] .firm-hero{max-width:none;background:radial-gradient(ellipse at 85% 0%,#ffffff18,transparent 60%),linear-gradient(112deg,#33646e,#4e7b84 62%,#6b939b);padding-top:66px;padding-bottom:115px;border-radius:0 0 34px 34px;color:white}
body[data-page="for-firms"] .firm-hero h1,body[data-page="books"] .firm-hero h1,body[data-page="bookkeeping"] .firm-hero h1,body[data-page="audit"] .firm-hero h1{font-size:clamp(46px,5.6vw,72px)}
body[data-page]:not([data-page="pricing"]) .firm-hero h1 em{color:#e0eade}
body[data-page]:not([data-page="pricing"]) .firm-hero>p,body[data-page]:not([data-page="pricing"]) .firm-hero>small{color:#edf3ee}
body[data-page]:not([data-page="pricing"]) .firm-hero .eyebrow{color:#dde9e3}
body[data-page]:not([data-page="pricing"]) .firm-hero .eyebrow i{background:var(--lime)}
.firm-hero+.firm-movie{margin-top:-55px;position:relative;z-index:1}.firm-movie .motion-frame{border:1px solid #ffffff40;border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 20px 65px #183b4015}.firm-movie .tour-caption{border-radius:0 0 22px 22px}
.clean-site .tour-tabs{background:#e8efeb}.clean-site .motion-actions{background:#edf2ee}.clean-site .firm-shortcut:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.clean-site .clean-nav{gap:20px}.clean-site .nav-links{gap:17px;font-size:12px}.clean-site .nav-actions{gap:15px}.clean-site .hero.wrap{gap:35px}.clean-site .hero h1{font-size:58px}}
@media(max-width:1024px){.clean-site .nav-links,.clean-site .nav-actions{display:none}.clean-site .mobile-toggle{display:flex;margin-left:auto;gap:20px;align-items:center;background:transparent;border:0;font-size:12px;padding:12px 0;color:var(--ink)}.clean-site .clean-nav{height:74px;padding:0 26px}.clean-site #clean-mobile{position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:18px 26px 26px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #173b4015}.clean-site #clean-mobile a{display:block;padding:13px 0;font-size:15px}.clean-site #clean-mobile a.button{display:flex;justify-content:center;margin-top:14px;padding:15px 22px}}
@media(max-width:850px){.clean-site .hero.wrap{padding:48px 26px 65px;gap:46px;border-radius:0 0 26px 26px}.clean-site .hero h1{font-size:62px}.hero-product{width:100%}.hero-copy .firm-shortcut{max-width:500px}.clean-site .connection-strip{margin-top:0}.firm-hero+.firm-movie{margin-top:-42px}body[data-page="for-firms"] .firm-hero,body[data-page="books"] .firm-hero,body[data-page="bookkeeping"] .firm-hero,body[data-page="audit"] .firm-hero{padding-top:50px;padding-bottom:88px;border-radius:0 0 26px 26px}}
@media(max-width:540px){.clean-site .hero h1{font-size:52px}.hero-product .floating-note{right:10px;font-size:8px;padding:13px 15px}.clean-site .hero-copy .micro{font-size:9px}body[data-page="for-firms"] .firm-hero h1,body[data-page="books"] .firm-hero h1,body[data-page="bookkeeping"] .firm-hero h1,body[data-page="audit"] .firm-hero h1{font-size:46px}.clean-site .connection-strip{padding-top:26px;padding-bottom:26px}}
@media(max-width:850px){.clean-site .hero.wrap{background:radial-gradient(ellipse at 100% 0%,#ffffff0a,transparent 60%),linear-gradient(140deg,#2d5963,#416e78)}body[data-page="for-firms"] .firm-hero,body[data-page="books"] .firm-hero,body[data-page="bookkeeping"] .firm-hero,body[data-page="audit"] .firm-hero{background:linear-gradient(135deg,#2d5963,#416e78)}}

/* /signature-motion.css */
/* Teal sampled from the supplied logo reference; no pale blue overlay. */
.clean-site{--vacei-teal-start:#346a76;--vacei-teal-mid:#376c79;--vacei-teal-end:#3b717e;--vacei-cover:linear-gradient(112deg,var(--vacei-teal-start),var(--vacei-teal-mid) 50%,var(--vacei-teal-end));--logo-color:#173b40}
.clean-site .clean-nav{background:var(--vacei-cover);border-bottom:1px solid #ffffff18;color:#fff;--logo-color:#fff;backdrop-filter:none}
.clean-site .nav-links a{color:#fff!important}.clean-site .nav-links .svc-menu a{color:#173b40!important}.clean-site .mobile-toggle{color:#fff}.clean-site #clean-mobile{background:var(--vacei-cover);border-color:#ffffff30;color:#fff}
.clean-site .wordmark{display:inline-flex;align-items:center;gap:13px;min-width:132px;height:42px;letter-spacing:0}
.clean-site .wordmark .brand-symbol{display:block;flex:none;width:41px;height:41px;margin:0;background:var(--logo-color);mask:url('/assets/vacei-v-mask.png?v=6091836562') center/contain no-repeat;-webkit-mask:url('/assets/vacei-v-mask.png?v=6091836562') center/contain no-repeat}
.clean-site .wordmark .brand-divider{display:block;flex:none;width:1px;height:33px;margin:0;background:var(--logo-color);opacity:.4}
.clean-site .wordmark .brand-mark{display:block;flex:none;width:66px;height:18px;margin:0;background:var(--logo-color);mask:url('/assets/vacei-word-mask.png?v=31c81e3068') center/contain no-repeat;-webkit-mask:url('/assets/vacei-word-mask.png?v=31c81e3068') center/contain no-repeat}
.clean-site .hero.wrap{background:var(--vacei-cover);border-radius:0;transform-origin:50% 40%;will-change:transform,border-radius;min-height:calc(100svh - 88px);padding-top:48px;padding-bottom:64px}
.hero-scroll-stage{position:relative;height:128svh;background:#edf2ed}.clean-site .hero-scroll-stage>.hero{position:sticky;top:88px}.hero-scroll-stage .hero-copy,.hero-scroll-stage .hero-product{will-change:transform,opacity}
.clean-site .hero h1 em{color:#e5eeea}.clean-site .hero-product{box-shadow:0 20px 60px #13373e22}.clean-site .hero-product .floating-note{box-shadow:none}
body[data-page="for-firms"] .firm-hero,body[data-page="books"] .firm-hero,body[data-page="bookkeeping"] .firm-hero,body[data-page="audit"] .firm-hero{background:var(--vacei-cover)}
.clean-site .firm-section{background:var(--vacei-cover)}
.intro-scroll-stage{height:168svh;position:relative;background:#fafbf9;margin:0;z-index:2}
.intro-sticky{height:100svh;position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:hidden;padding:16px 0}
.intro-heading{text-align:center;flex:none}.intro-heading .eyebrow{justify-content:center;font-size:9px}.intro-heading h2{font-size:32px;margin-top:10px;letter-spacing:-.035em}
.intro-media{width:min(calc(100vw - 48px),1600px,calc((100svh - 170px)*1.77778));flex:none;transform:scale(.86);transform-origin:50% 50%;will-change:transform;perspective:1200px}
.intro-tilt{overflow:hidden;border-radius:24px;background:#15373f;box-shadow:0 22px 65px #183b401f;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease-out;will-change:transform;border:1px solid #d5e1dd}
.intro-media video{display:block;width:100%;aspect-ratio:16/9;background:#15373f;object-fit:contain}
.intro-film-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:#fff;color:#173b40}
.intro-film-controls>span{font-size:11px}.intro-film-controls>div{display:flex;gap:8px}.intro-film-controls button{border:1px solid #d4dfd7;border-radius:999px;background:#f6f8f4;color:#173b40;min-height:40px;padding:0 17px;font-size:11px;cursor:pointer}.intro-film-controls button:hover{background:#e9f16d}.intro-film-controls button:last-child{background:#e9f16d;border-color:#e9f16d}
.intro-skip{font-size:11px;font-weight:500;padding:10px;flex:none}.intro-skip:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.clean-site .hero h1{font-size:54px}.clean-site .clean-nav{gap:22px}.clean-site .nav-links{gap:15px}}
@media(max-width:1024px){.clean-site .hero-scroll-stage>.hero{top:74px}.clean-site .hero.wrap{min-height:calc(100svh - 74px)}.intro-sticky{top:0;height:100svh}}
@media(max-width:850px){.hero-scroll-stage{height:auto;padding-bottom:40px}.clean-site .hero-scroll-stage>.hero{position:relative;top:0}.clean-site .hero.wrap{padding-top:42px;padding-bottom:58px;min-height:0;border-radius:0;transform-origin:50% 15%}.clean-site .hero h1{font-size:58px}.intro-scroll-stage{height:135svh}.intro-sticky{gap:20px}.intro-media{width:calc(100vw - 28px)}.intro-heading h2{font-size:29px}.intro-film-controls{padding:12px;flex-wrap:wrap;justify-content:center}.intro-film-controls>span{display:none}.intro-film-controls button{font-size:11px;padding:0 15px;min-height:42px}.intro-tilt{box-shadow:0 16px 35px #183b401a}}
@media(max-width:540px){.clean-site .wordmark{min-width:126px;gap:12px}.clean-site .wordmark .brand-symbol{width:37px;height:37px}.clean-site .wordmark .brand-mark{width:62px;height:17px}.clean-site .hero h1{font-size:51px}.intro-scroll-stage{height:auto;padding:40px 0}.intro-sticky{position:relative;height:auto}.intro-heading h2{font-size:27px}.intro-media{width:calc(100vw - 20px)}.intro-heading .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-scroll-stage{height:auto;padding-bottom:0}.clean-site .hero-scroll-stage>.hero{position:relative;top:0}.clean-site .hero.wrap{transform:none!important;box-shadow:none!important;border-radius:0!important}.hero-scroll-stage .hero-copy,.hero-scroll-stage .hero-product{transform:none!important;opacity:1!important}.intro-scroll-stage{height:auto;padding:45px 0}.intro-sticky{height:auto;position:relative;top:0;overflow:visible}.intro-media,.intro-tilt{transform:none!important}.intro-media{will-change:auto}.intro-skip{margin-top:12px}}

/* /fonts/google-sans-flex.css */
/* Google Sans Flex (opsz 8-144, wght 400-600), self-hosted so first paint never waits on two Google
   origins and an @import chain. The same woff2 subsets and descriptors that
   fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@8..144,400..600&display=swap served on
   2026-10-04 (v23). SIL Open Font License 1.1: fonts/google-sans-flex/OFL.txt.
   Each unicode-range is the range Google served cut down to the characters its file can draw (perf,
   2026-10-05). Google declares one generic range per subset, wider than the file: the arrows and marks
   the pages use (↗ → ☰ ✓) sit in the symbols and math ranges, but neither file has them, so every
   page downloaded both (106 KB) and laid its text out again as each arrived, only for those characters
   to fall back to the next font, as they always did and still do. A browser downloads a subset only
   for a character it can draw now; what each character renders in is unchanged. The pages whose hero
   fade waits for the face (index, outsourced-audit, outsourced-bookkeeping) preload latin.woff2. */
/* canadian-aboriginal */
@font-face {
  font-family: 'Google Sans Flex';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/google-sans-flex/canadian-aboriginal.woff2?v=e08ee6f354) format('woff2');
  unicode-range: U+02C7, U+02D8-02D9, U+02DB, U+0307, U+25CC;
}
/* cherokee */
@font-face {
  font-family: 'Google Sans Flex';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/google-sans-flex/cherokee.woff2?v=6b3490a7ae) format('woff2');
  unicode-range: U+0300-0302, U+0304, U+030B-030C, U+0323;
}
/* math */
@font-face {
  font-family: 'Google Sans Flex';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/google-sans-flex/math.woff2?v=8edb70172d) format('woff2');
  unicode-range: U+0302-0303, U+0307-0308, U+0312, U+0326-0327, U+03BC, U+2070, U+2074-2079, U+207B, U+2080-2089, U+221A, U+2248, U+2260, U+2264-2265, U+25CC, U+1D6E1;
}
/* nushu */
@font-face {
  font-family: 'Google Sans Flex';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/google-sans-flex/nushu.woff2?v=ff5eb9902b) format('woff2');
  unicode-range: U+2003;
}
/* symbols */
@font-face {
  font-family: 'Google Sans Flex';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/google-sans-flex/symbols.woff2?v=5f8652229f) format('woff2');
  unicode-range: U+25CC, U+2780-2788, U+278A-2792;
}
/* syriac */
@font-face {
  font-family: 'Google Sans Flex';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/google-sans-flex/syriac.woff2?v=6798ed6146) format('woff2');
  unicode-range: U+0303-0304, U+0307-0308, U+030A, U+0323, U+25CC;
}
/* tifinagh */
@font-face {
  font-family: 'Google Sans Flex';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/google-sans-flex/tifinagh.woff2?v=a8f291a3f2) format('woff2');
  unicode-range: U+02C7, U+0301-0302, U+0304, U+0306-0307, U+0309, U+0323, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Google Sans Flex';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/google-sans-flex/vietnamese.woff2?v=29d89e7c75) format('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+1EA0-1EF9;
}
/* latin-ext */
@font-face {
  font-family: 'Google Sans Flex';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/google-sans-flex/latin-ext.woff2?v=a6d71eae2e) format('woff2');
  unicode-range: U+0100-0107, U+010A-0113, U+0116-011B, U+011E-0123, U+0126-012B, U+012E-0130, U+0132-0133, U+0136-0137, U+0139-0148, U+014C-014D, U+0150-0151, U+0154-015B, U+015E-0165, U+0168-017E, U+0181, U+018A, U+018F, U+0198-0199, U+01A0-01A1, U+01AF-01B0, U+01B3-01B4, U+01CD-01CE, U+0218-021B, U+0237, U+0253, U+0257, U+0259, U+02C7, U+02DD, U+02E3, U+0304, U+0308, U+1E44-1E45, U+1E62-1E63, U+1E80-1E85, U+1E9E, U+1EF2-1EF9, U+20A9, U+20B9;
}
/* latin */
@font-face {
  font-family: 'Google Sans Flex';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/google-sans-flex/latin.woff2?v=6ea3d11623) format('woff2');
  unicode-range: U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+2002, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2039-203A, U+2044, U+20AC, U+2122, U+2212;
}

/* /minimal-design.css */
/* One typographic system across product pages, campaigns and service forms. */
.legacy-minimal .hero2{display:block!important;max-width:900px!important;text-align:center;margin:auto}.legacy-minimal .hero2>div:nth-child(2){display:none!important}.legacy-minimal .hero2 h1,.legacy-minimal .hero2 p{margin-left:auto!important;margin-right:auto!important}.legacy-minimal .hero2 h1{max-width:20ch}.legacy-minimal .hero2>div>div:has(>a){justify-content:center}.legacy-minimal .hero2>div>p:last-child:has(a[href="/health-check"]){display:none}.legacy-minimal .site-bar .nav-links{margin-left:auto!important;margin-right:20px!important}.legacy-minimal .site-bar .nav-cta{background:#e9f16d!important;min-height:48px!important;font-weight:500!important}.legacy-minimal .quiet-video{margin:32px auto 0;max-width:1000px;border-radius:24px!important;overflow:hidden;position:relative;box-shadow:none!important;cursor:default!important}.legacy-minimal .quiet-video video{display:block;width:100%;border-radius:24px}.legacy-minimal footer{background:#173b40!important}
:root{--font-marketing:'Google Sans Flex',Arial,sans-serif;--font-body:'Google Sans Flex',Arial,sans-serif}
body.clean-site,body.legacy-minimal{font-family:'Google Sans Flex',Arial,sans-serif;--paper:#fafbf9;--ink:#173b40;--body:#465d60;--muted:#607174;--brand:#346a76;--cover-1:#346a76;--cover-2:#376c79;--cover-3:#386d7a;--cover-4:#3b717e}
.clean-site h1,.clean-site h2,.clean-site h3,.legacy-minimal h1,.legacy-minimal h2,.legacy-minimal h3{font-family:'Google Sans Flex',Arial,sans-serif!important;font-weight:400!important;text-wrap:balance;letter-spacing:-.045em!important}
.clean-site .eyebrow{font-size:12px;text-transform:none;letter-spacing:.02em;font-weight:400}
.clean-site .hero.wrap{display:flex;justify-content:center;text-align:center;min-height:calc(92svh - 88px);padding-top:90px;padding-bottom:95px}
.clean-site .hero-copy{width:100%;max-width:1000px}.clean-site .hero h1{font-size:clamp(48px,6.6vw,94px);line-height:1.05;letter-spacing:-.055em;margin:28px 0}
.clean-site .hero-copy>.eyebrow,.clean-site .hero-copy .actions{justify-content:center}.clean-site .hero-copy>p{max-width:550px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.6}.clean-site .hero-copy .micro{font-size:12px}.clean-site .hero-copy .firm-shortcut{margin:35px auto 0;border:0;padding:0;max-width:none;font-size:13px;color:#e1ece9}
.type-line{display:inline-grid;position:relative;max-width:100%}.type-reserve{visibility:hidden;grid-area:1/1}.type-visible{grid-area:1/1}.type-visible.typing:after{content:'';display:inline-block;height:.82em;width:2px;background:currentColor;margin-left:5px;animation:caret .7s step-end infinite}@keyframes caret{50%{opacity:0}}
.clean-site .firm-hero{padding:85px 28px 110px!important;max-width:none!important;background:linear-gradient(112deg,#346a76,#376c79 50%,#3b717e)!important;color:white!important;border-radius:0 0 32px 32px}
.clean-site .firm-hero h1{font-size:clamp(44px,5.8vw,80px)!important;max-width:950px;margin-left:auto;margin-right:auto}.clean-site .firm-hero h1 em,.clean-site .firm-hero>p,.clean-site .firm-hero>small,.clean-site .firm-hero .eyebrow{color:#e5eeea!important}.clean-site .firm-hero>p{max-width:620px;font-size:17px;line-height:1.65}.clean-site .firm-hero .text-link{color:white}
.clean-site .product-grid article{background:transparent;border:0;border-top:1px solid #dce3de;border-radius:0;padding-left:0;padding-right:20px}.clean-site .section{padding-top:100px;padding-bottom:75px}.clean-site .closing{background:#eef3ef;box-shadow:none}.clean-site .tour-shell{border:0;background:transparent}.clean-site .tour-tabs{background:transparent;border:0;padding:0 0 16px}.clean-site .tour-tabs button{border-radius:999px;text-align:center;justify-content:center}.clean-site .motion-frame{aspect-ratio:16/9;border:0!important;border-radius:24px!important;overflow:hidden;box-shadow:none!important}.clean-site .tour-caption{background:transparent!important;border:0!important;padding:20px 4px}.clean-site .tour-caption>span{font-size:11px;color:#657675}.clean-site .motion-actions{display:none}.clean-site .firm-movie{max-width:1100px}
.landing-film{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#14353d}.landing-film iframe{display:block;width:100%;height:100%;border:0}.clean-site .firm-movie .landing-film{border:1px solid #ffffff30}
.intro-tilt{position:relative;box-shadow:none!important;border:0!important}.intro-play{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:#173b40;cursor:none}.play-cursor{position:absolute;left:var(--cursor-x,50%);top:var(--cursor-y,50%);transform:translate(-50%,-50%);padding:18px 25px;display:flex;align-items:center;gap:13px;white-space:nowrap;border-radius:999px;background:#ffffffed;backdrop-filter:blur(12px);font-size:14px;pointer-events:none;box-shadow:0 4px 22px #0001}.play-cursor>span{font-size:11px}.intro-play:focus-visible{outline:3px solid #e9f16d;outline-offset:-7px}.intro-play:focus-visible .play-cursor{left:50%;top:50%}.intro-dialog{padding:0;width:min(1200px,94vw);max-width:94vw;background:#101819;border:0;border-radius:24px;overflow:visible;color:white}.intro-dialog::backdrop{background:#071316dd;backdrop-filter:blur(15px)}.intro-dialog video{display:block;width:100%;max-height:80svh;border-radius:24px}.intro-close{position:absolute;right:0;top:-48px;border:0;color:white;background:transparent;padding:10px 0;cursor:pointer;font-size:14px}html:has(.intro-dialog[open]){overflow:hidden}
/* Older pages retain their forms and tools, with the same quieter visual treatment. */
body.legacy-minimal{margin:0;background:#fafbf9!important;color:#173b40}.legacy-minimal :is(h1,h2,h3,p,a,button,input,select,textarea){font-family:'Google Sans Flex',Arial,sans-serif!important}.legacy-minimal .site-bar{min-height:88px;background:linear-gradient(112deg,#346a76,#3b717e)!important;box-shadow:none!important;border-bottom:1px solid #ffffff18}.legacy-minimal [data-screen-label="Hero"]{background:linear-gradient(112deg,#346a76,#376c79 50%,#3b717e)!important;padding-top:85px!important;padding-bottom:95px!important;border-radius:0 0 32px 32px}.legacy-minimal [data-screen-label="Hero"] h1{font-size:clamp(44px,5.8vw,80px)!important;line-height:1.07!important}.legacy-minimal [data-screen-label="Hero"] h1+p{font-size:17px!important;line-height:1.65!important}.legacy-minimal [data-screen-label="Hero"]>div:first-child:not(:has(h1)){background:transparent!important;backdrop-filter:none!important;border:0!important}.legacy-minimal [data-reveal]{scroll-margin-top:105px!important}.legacy-minimal section[data-reveal]{padding-top:90px!important}.legacy-minimal [data-reveal] h2{font-size:clamp(32px,3.8vw,49px)!important}.legacy-minimal div:has(>iframe),.legacy-minimal div:has(>div>iframe){box-shadow:none!important;border-radius:24px!important}.legacy-minimal iframe{border-radius:24px}.legacy-minimal section a[style*="height:"]{border-radius:999px!important}.legacy-minimal [data-screen-label="Footer"]{background:#173b40!important}.legacy-minimal [style*="font-family: var(--font-body); background: #0F2226"]{background:#fafbf9!important}.legacy-minimal .site-bar>a:first-child span:first-child{width:41px!important;height:41px!important}.legacy-minimal .site-bar>a:first-child span:last-child{width:66px!important;height:18px!important}.legacy-minimal .site-bar>a:first-child{gap:13px!important}
@media(max-width:850px){.clean-site .hero.wrap{min-height:650px;padding:70px 22px 80px}.clean-site .hero h1{font-size:clamp(43px,7.7vw,68px)}.clean-site .hero-copy>p{font-size:16px}.clean-site .hero-copy .micro{font-size:11px}.clean-site .firm-hero{padding:62px 24px 95px!important}.clean-site .section{padding-top:65px;padding-bottom:50px}.clean-site .firm-hero>p{font-size:16px}.landing-film,.clean-site .motion-frame{border-radius:20px!important}.legacy-minimal [data-screen-label="Hero"]{padding:62px 24px 75px!important}.legacy-minimal .site-bar{min-height:74px}.legacy-minimal section[data-reveal]{padding-top:65px!important}.legacy-minimal .site-bar>a:first-child span:first-child{width:33px!important;height:33px!important}}
@media(max-width:540px){.clean-site .hero h1{font-size:clamp(34px,9vw,48px)}.clean-site .hero.wrap{min-height:610px}.clean-site .hero-copy .actions{gap:15px}.clean-site .hero-copy .firm-shortcut{font-size:12px;max-width:260px}.play-cursor{padding:14px 20px;font-size:13px}.intro-dialog,.intro-dialog video{border-radius:16px}.clean-site .firm-hero h1{font-size:43px!important}}
@media(pointer:coarse){.intro-play{cursor:pointer}.play-cursor{left:50%!important;top:50%!important}}
@media(prefers-reduced-motion:reduce){.type-visible.typing:after{animation:none}.intro-play{cursor:pointer}.play-cursor{left:50%!important;top:50%!important}}
/* Page navigation leaves the viewport with the page; it does not cover demos. */
.clean-site .clean-nav,.legacy-minimal .site-bar{position:relative!important;top:auto!important}
.clean-site .hero-scroll-stage>.hero,.clean-site .intro-sticky{top:0}

.skip-link{position:fixed;left:16px;top:12px;z-index:300;padding:10px 14px;border-radius:8px;background:#fff;color:#173b40;font-weight:600;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
/* Older pages (body.legacy-minimal) still load the A4 Services design system. These rules put them on the Vacei brand the clean pages use. */
body.legacy-minimal{--marketing-dark:#0f2225;--shell-dark:#0f2225;--sidebar-dark:#0f2225;--brand-hover:#2a535c;--brand-glow:#6b939b;--brand-soft:#edf2ed;--brand-soft-border:#dce6df;--brand-tint:rgba(52,106,118,.08);--brand-focus:#759fa0;--sidebar-active:rgba(52,106,118,.24);--canvas:#edf2ed;--hairline:#dce6df;--hairline-soft:#e6ede8;--hairline-strong:#cfdcd4;--line:#dce6df;--line-soft:#e6ede8;--stone:#5d7073;--mute:#6b7f82;--marketing-mute:#5d7073;--lime:#e9f16d;--lime-ink:#173b40;--surface-subtle:#f3f6f3;--surface-hover:#edf2ed;--surface-quiet:#fafbf9}
body.legacy-minimal a[style*="background: var(--marketing-dark)"],body.legacy-minimal button[style*="background: var(--marketing-dark)"]{background:#e9f16d!important;color:#173b40!important;border-color:transparent!important}
body.legacy-minimal a[style*="background: var(--marketing-dark)"]:hover,body.legacy-minimal button[style*="background: var(--marketing-dark)"]:hover{background:#dde65a!important;color:#173b40!important}
body.legacy-minimal footer.clean-footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding:56px max(48px,calc((100% - 1144px)/2)) 28px;background:#f8f9f5!important;color:#173b40;font-family:'Google Sans Flex',Arial,sans-serif}
body.legacy-minimal .clean-footer p{font-size:12px;line-height:1.8;color:#607174;margin:20px 0 0}
body.legacy-minimal .clean-footer b{font-size:11px;font-weight:600;display:block;margin:7px 0 20px}
body.legacy-minimal .clean-footer>div>a:not(.wordmark){display:block;font-size:11px;color:#607174;margin-top:14px}
body.legacy-minimal .clean-footer>div>a:not(.wordmark):hover{color:#173b40}
body.legacy-minimal .clean-footer .footer-note{grid-column:1/-1;margin:0}
body.legacy-minimal .clean-footer .footer-bottom{border-top:1px solid #dce3de;padding-top:25px;grid-column:1/-1;display:flex;align-items:center;gap:24px;font-size:12px;color:#607174}
body.legacy-minimal .clean-footer .footer-bottom span{margin-right:auto}
body.legacy-minimal .clean-footer .footer-bottom a{color:#607174}
body.legacy-minimal .clean-footer .wordmark{--logo-color:#173b40;display:inline-flex;align-items:center;gap:13px;min-width:132px;height:42px}
body.legacy-minimal .clean-footer .wordmark .brand-symbol{display:block;flex:none;width:41px;height:41px;background:var(--logo-color);mask:url('/assets/vacei-v-mask.png?v=6091836562') center/contain no-repeat;-webkit-mask:url('/assets/vacei-v-mask.png?v=6091836562') center/contain no-repeat}
body.legacy-minimal .clean-footer .wordmark .brand-divider{display:block;flex:none;width:1px;height:33px;background:var(--logo-color);opacity:.4}
body.legacy-minimal .clean-footer .wordmark .brand-mark{display:block;flex:none;width:66px;height:18px;background:var(--logo-color);mask:url('/assets/vacei-word-mask.png?v=31c81e3068') center/contain no-repeat;-webkit-mask:url('/assets/vacei-word-mask.png?v=31c81e3068') center/contain no-repeat}
@media(max-width:850px){body.legacy-minimal footer.clean-footer{gap:25px;padding:48px 26px 96px}}
@media(max-width:540px){body.legacy-minimal footer.clean-footer{grid-template-columns:1fr 1fr}body.legacy-minimal .clean-footer>div:first-child{grid-column:1/-1}body.legacy-minimal .clean-footer .footer-bottom{flex-wrap:wrap;gap:16px}body.legacy-minimal .clean-footer .footer-bottom span{width:100%}}
/* Four assurance cards need a full row at phone widths: two columns made the
   audit page wider than a 320px screen. Keep the same shared service layout. */
@media(max-width:560px){
  .legacy-minimal .g4{grid-template-columns:minmax(0,1fr)}
}
/* Comfortable form controls without shrinking the text when the keyboard opens. */
@media(max-width:640px){
  body.legacy-minimal :is(.finput,.bd-i,.bdp-input){min-height:48px;font-size:16px}
  body.legacy-minimal .nav-drawer-panel{overscroll-behavior:contain;max-height:100dvh}
  body.legacy-minimal .nav-drawer-head{position:sticky;top:0;z-index:1;background:#fff;padding-block:4px}
  body.legacy-minimal :is(.nav-drawer,nav[data-screen-label="Mobile menu"]){z-index:1100}
}


/* /automation-explorer.css */
.automation-explorer{max-width:1240px;margin:0 auto;padding:90px 48px;color:#173b40;font-family:'Google Sans Flex',Arial,sans-serif}.automation-explorer *{box-sizing:border-box}.explorer-heading{max-width:720px;margin-bottom:32px}.explorer-kicker{font-size:12px;color:#607174}.explorer-heading h2{font-family:inherit;font-size:clamp(32px,4vw,49px);font-weight:400;letter-spacing:-.04em;line-height:1.1;margin:16px 0}.explorer-heading p,.estimator-intro p{font-size:15px;line-height:1.7;color:#607174}.feature-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.feature-filters button{border:1px solid #d8e2db;border-radius:999px;background:transparent;color:#173b40;font:inherit;font-size:13px;padding:11px 20px;cursor:pointer}.feature-filters button[aria-pressed=true]{background:#346a76;border-color:#346a76;color:white}.automation-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:14px;line-height:1.6}.automation-table th,.automation-table td{padding:24px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #dce3de}.automation-table th:first-child{padding-left:0;width:27%}.automation-table th:last-child{width:15%}.automation-table thead th{font-size:11px;font-weight:400;color:#607174;padding-top:5px;padding-bottom:14px}.automation-table td{color:#526c6e}.automation-table tbody th{font-weight:400}.automation-table details summary{list-style:none;display:flex;justify-content:space-between;gap:12px;cursor:pointer;color:#173b40;font-size:16px}.automation-table summary::-webkit-details-marker{display:none}.automation-table details summary span{color:#78908d}.automation-table details[open] summary span{transform:rotate(45deg)}.automation-table details p{font-size:13px;color:#607174;font-weight:400;margin:16px 0 0}.feature-saving strong{display:block;font-size:20px;font-weight:400;color:#346a76;line-height:1.25;white-space:nowrap}.feature-saving span{display:block;font-size:12px;color:#607174;margin-top:7px}.automation-table th:last-child{width:22%}.feature-count{font-size:11px;color:#607174;margin:18px 0}.savings-note{max-width:780px;font-size:12px;line-height:1.7;color:#607174;margin:20px 0 0}.explorer-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.automation-explorer [hidden]{display:none!important}.automation-explorer :is(button,summary):focus-visible{outline:3px solid #759fa0;outline-offset:4px}
@media(max-width:850px){.automation-explorer{padding:65px 26px}.automation-table th,.automation-table td{padding:20px 10px}.feature-saving strong{font-size:18px}}
@media(max-width:760px){.automation-table,.automation-table tbody,.automation-table tr,.automation-table td,.automation-table th{display:block;width:100%!important}.automation-table thead{display:none}.automation-table tr{padding:22px 0;border-bottom:1px solid #dce3de}.automation-table th,.automation-table td{padding:0;border:0}.automation-table td{margin-top:15px}.automation-table td[data-label]:before{content:attr(data-label);display:block;color:#173b40;font-size:11px;margin-bottom:5px}.automation-table summary{font-size:19px!important}.feature-filters button{padding:10px 15px}.feature-saving{background:#eef3ef;border-radius:14px;padding:16px!important}.feature-saving strong{font-size:23px}}

/* /ai-showcase.css */
.ai-showcase{max-width:1200px;margin:0 auto;padding:85px 40px;color:#173b40;font-family:'Google Sans Flex',Arial,sans-serif;scroll-margin-top:100px}.ai-showcase-heading{max-width:710px;margin:0 auto 34px;text-align:center}.ai-showcase-heading>span{font-size:12px;color:#607174}.ai-showcase-heading h2{font-family:inherit;font-weight:400;font-size:clamp(32px,4vw,49px);line-height:1.1;letter-spacing:-.04em;margin:17px 0}.ai-showcase-heading p{font-size:15px;line-height:1.7;color:#607174;margin:0}.ai-showcase iframe{display:block;width:100%;height:830px;border:0;border-radius:26px;background:#f3f6f2}.ai-showcase-caption{display:flex;justify-content:space-between;gap:20px;padding:18px 4px;font-size:11px;line-height:1.6;color:#688078}.ai-showcase-caption a{color:#346a76;text-decoration:none;white-space:nowrap}.ai-showcase-caption a:hover{text-decoration:underline}@media(max-width:760px){.ai-showcase{padding:60px 24px}.ai-showcase iframe{height:1080px}.ai-showcase-heading p{font-size:14px}.ai-showcase-caption{flex-direction:column;gap:8px}}@media(max-width:440px){.ai-showcase{padding-left:16px;padding-right:16px}.ai-showcase iframe{border-radius:19px}}
.showcase-tabs{display:flex;justify-content:center;gap:8px;margin:0 0 24px}.showcase-tabs button{font:inherit;font-size:13px;color:#346a76;border:1px solid #dce6df;border-radius:999px;background:transparent;padding:12px 20px;cursor:pointer}.showcase-tabs button[aria-pressed=true]{background:#346a76;color:white;border-color:#346a76}.ai-workflow-film{display:block;width:100%;border-radius:26px;background:#eef4ef}.ai-showcase [hidden]{display:none!important}.showcase-tabs button:focus-visible{outline:3px solid #759fa0;outline-offset:4px}
.ai-showcase iframe.dashboard-film{height:auto!important;aspect-ratio:1280/850;border:0;border-radius:24px;background:#e5e8ea}.motion-frame:has(iframe[src*="portal-walkthrough"]){aspect-ratio:1280/850!important;background:#e5e8ea}

/* /film-theme.css */
/* 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%}
}