/* Auto Costbook: the job-to-quote visual language, shared by public pages only. */
body.costbook-atelier{--atelier-ink:#102f34;--atelier-paper:#f5f8f3;--atelier-mint:#d5f1b4;--atelier-line:#36585d;background:#102d32;color:#ecf4f1;background-image:radial-gradient(ellipse at 90% 0,#32666c70,transparent 900px)}
.costbook-atelier :focus-visible{outline:3px solid #50aa91;outline-offset:4px}
.costbook-atelier .site-header,.costbook-atelier>header.nav{background:#102d32;color:#eff6f1;border-bottom:1px solid #37545b;padding-block:20px}
.costbook-atelier .site-header .brand,.costbook-atelier>header.nav .brand{color:#f2f7ef}.costbook-atelier .brand span{color:#b4cdc7}
.costbook-atelier .site-header nav a,.costbook-atelier>header.nav nav a{color:#e2ece5}
.costbook-atelier .site-header .button,.costbook-atelier>header.nav .button{background:#d5f1b4;color:#153630;border-color:#d5f1b4}
.costbook-atelier .experience-hero{position:relative;gap:50px;padding-top:58px;padding-bottom:60px;background:transparent;max-width:1440px;margin:auto}
.costbook-atelier .experience-hero h1{color:#f4f7ee}.costbook-atelier .experience-hero .shine{color:#c5e9ae}.costbook-atelier .experience-hero .hero-copy>p{color:#c8d8d5}.costbook-atelier .experience-hero .eyebrow{color:#bdd2c9}.costbook-atelier .experience-hero .actions .button{background:#d5f1b4;color:#123c31;border-color:#d5f1b4}.costbook-atelier .experience-hero .actions .quiet{color:#e7f4ef}
.costbook-atelier .experience-proof{background:#183b41;border-color:#527d7c;box-shadow:0 24px 70px #041c2470,0 1px 0 #a7c5bd25 inset;border-radius:24px}
.proof-quote-context{border-block:1px solid #ffffff22;padding:18px 0 12px;margin:18px 0}.proof-quote-context>span{font-size:10px;letter-spacing:.12em;color:#c7ddcd;font-weight:700}.proof-quote-context h2{margin:8px 0 16px!important;font-size:24px!important}.proof-vehicle-label{font-size:12px;color:#cadae0;display:grid;gap:7px}.proof-vehicle-label select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #658385;border-radius:8px;background:#123138;color:#f5f8f3;font:inherit;font-size:14px}.proof-quote-context #experience-context{font-size:13px;color:#c0d2ce;display:none}.proof-quote-context summary{font-size:12px;min-height:40px;align-content:center;cursor:pointer;color:#deebdf}.proof-quote-context details p{font-size:13px;line-height:1.55;color:#d2e1db;margin:0 0 10px}.proof-evidence ul{list-style:none;padding:0}.proof-evidence li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff16;padding:8px 0}.proof-evidence li b{color:#ddf3c9;white-space:nowrap}
.costbook-atelier .proof-next{background:#f0f6e8;border-radius:13px}.costbook-atelier .proof-next button{background:#20594f}.costbook-atelier .has-applied .proof-next button{background:#d8e9d0;color:#163c31}
.costbook-atelier .page-explore{background:#0d282ef5;border-color:#37565c;color:#c8ddd6;justify-content:center}.costbook-atelier .page-explore a:hover,.costbook-atelier .page-explore a[aria-current]{background:#d5f1b4;color:#18382c}
.costbook-atelier main>.section{max-width:1440px;margin-inline:auto}.costbook-atelier .section-head h2,.costbook-atelier .section-head p,.costbook-atelier .section-head .eyebrow{color:inherit}.costbook-atelier .section-head p{color:#bccfcb}.costbook-atelier .section-head h2{letter-spacing:-.045em}.costbook-atelier .costbook-service-scope{color:#c9ddd0}
.costbook-atelier #package-estimator{border:1px solid #56756e;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px #021c2440;background:#f4f7f2;color:#173c3d}.costbook-atelier #try .demo-business-picker{background:#21464a;color:#eff5ec;border:0;padding:28px 32px}.costbook-atelier #try .demo-business-picker h3{color:#fff}.costbook-atelier #try .demo-business-buttons button{background:#15363c;color:#d9e9df;border-color:#52746e;border-radius:8px}.costbook-atelier #try .demo-business-buttons button[aria-pressed=true]{background:#d8efbf;color:#153730;border-color:#d8efbf}.costbook-atelier #try #demo-service-help{color:#d3e2d9}.costbook-atelier #try .demo-sample-label{background:#21464a;color:#cbdfd0;border-color:#456764}.costbook-atelier #try .demo-main-grid{gap:28px;padding:30px}.costbook-atelier #try .demo-step-number{background:#d9e9d3;color:#245744}.costbook-atelier #try .demo-step{border-color:#d1ded2}.costbook-atelier #try .demo-package-choice{border-radius:12px;border-color:#c1d0c6;background:#fff;color:#193d3a}.costbook-atelier #try .demo-package-choice.is-selected{background:#e6f0df;border:2px solid #456e52;box-shadow:0 2px 10px #1c4b3510}.costbook-atelier #try .demo-package-choice small{color:#4d665b}.costbook-atelier #try .demo-estimate-proof{background:#183c41;color:#f1f6ed;border:1px solid #3e6566;border-radius:16px;padding:28px}.costbook-atelier #try .demo-estimate-proof h3,.costbook-atelier #try .demo-price-total strong{color:#f4f8ea}.costbook-atelier #try .demo-receipt-label,.costbook-atelier #try .demo-receipt-meta,.costbook-atelier #try .demo-price-total>span{color:#bed2c9}.costbook-atelier #try .demo-price-breakdown{border-color:#52716d}.costbook-atelier #try .demo-price-breakdown dt,.costbook-atelier #try #demo-price-change{color:#d1e0d4}.costbook-atelier #try .demo-price-breakdown dd{color:#eff6e7}.costbook-atelier #try .demo-main-preview{background:#d5edb9;color:#173a30;border-color:#d5edb9}.costbook-atelier #try .demo-account-cta{color:#e4efe5}.costbook-atelier #try .demo-history-details>summary,.costbook-atelier #try .demo-history-details p,.costbook-atelier #try .demo-history-details details>summary{color:#d5e5dc}.costbook-atelier #try .demo-history-details button{background:#dcebd5;color:#143c30;border-color:#b3cdaf}.costbook-atelier #try .demo-simple-footer{background:#e7eee3;border-color:#cddbc9}.costbook-atelier #try .demo-text-button{color:#255947}.costbook-atelier #try .demo-step select{border-color:#acbeb5;background:#fff;color:#173d38;border-radius:8px}
.costbook-atelier .feature-tabs button{background:#17373e;border:1px solid #4c6d6b;color:#d6e6dd}.costbook-atelier .feature-tabs button[aria-selected=true],.costbook-atelier .feature-tabs button[aria-pressed=true],.costbook-atelier .feature-tabs button.active{background:#d5edb9;color:#183e30;border-color:#d5edb9}.costbook-atelier .feature-panel{background:#21454a;color:#e7f0e9;border-color:#456d6d;border-radius:22px}.costbook-atelier .feature-explain>p{color:#ccddd5}.costbook-atelier .feature-explain>h3{color:#f2f7ec}.costbook-atelier .feature-explain>.eyebrow{color:#bfd8c6}.costbook-atelier .feature-panel .feature-summary,.costbook-atelier .task-block,.costbook-atelier .inspection-settings{background:#f6f8f0;color:#173a38;border-color:#d0ddcd}.costbook-atelier .feature-panel .feature-summary{box-shadow:0 16px 36px #08212a40}.costbook-atelier .task-block h4>span,.costbook-atelier .approval-steps li:before,.costbook-atelier .inspection-steps li:before{background:#d5e9cb;color:#264f3a}.costbook-atelier .approval-steps span{color:#c1d7cf}.costbook-atelier .shop-choice-note{background:#16373e;border-color:#afcf9c}.costbook-atelier .feature-explain>label{color:#e0ece2}.costbook-atelier .feature-explain>label select{color:#153c38;background:#f5f7ef}.costbook-atelier .feature-explain>.demo-hint{color:#d0ddd6}.costbook-atelier .task-block #demo-timer-toggle,.costbook-atelier .task-block #demo-time,.costbook-atelier #demo-time-next-estimate,.costbook-atelier #inspection-demo-approve{background:#20594f;color:white}.costbook-atelier .feature-summary .demo-extra{background:#e7efdf;border-color:#abc49c}.costbook-atelier .showcase{background:#0a242c;border-block:1px solid #335459}.costbook-atelier .showcase .show-document{box-shadow:0 30px 70px #0005}.costbook-atelier .value-grid article{background:#1b3d41;border:1px solid #4b6968;border-radius:16px;padding:28px}.costbook-atelier .value-grid article>span{color:#c0d7b2}.costbook-atelier .value-grid h3{color:#f2f7eb}.costbook-atelier .value-grid p{color:#ccded5}.costbook-atelier .start-path{background:linear-gradient(120deg,#2d5657,#193c43);border:1px solid #638176}.costbook-atelier .testing-path>a{color:#d1ecba}
/* Public information pages: bright reading surfaces inside the same dark shell. */
.costbook-atelier main.feature-page,.costbook-atelier main.guide-hub,.costbook-atelier main.travel-page{color:#e6f1e9}.costbook-atelier main.feature-page>h1,.costbook-atelier .feature-hero h1,.costbook-atelier .trust-intro h1,.costbook-atelier .guide-hub>h1{color:#f4f6ed;letter-spacing:-.045em}.costbook-atelier .feature-hero,.costbook-atelier .trust-intro{background:transparent;border-color:#4a706c;color:#d0dfd7}.costbook-atelier .feature-page>.lead,.costbook-atelier .feature-hero>p,.costbook-atelier .trust-intro>p,.costbook-atelier .guide-hub>.lead{color:#d0dfd7}.costbook-atelier .feature-section,.costbook-atelier .pricing-page-plan,.costbook-atelier .guide-hub-tools,.costbook-atelier .guide-grid>a,.costbook-atelier .guide-grid>article,.costbook-atelier .travel-example,.costbook-atelier .travel-cta{background:#f4f7ee;color:#193c36;border:1px solid #b3c9b1;border-radius:18px;padding:28px;margin-block:24px;box-shadow:0 12px 30px #041d2420}.costbook-atelier .feature-section h2,.costbook-atelier .feature-section h3,.costbook-atelier .pricing-page-plan h2{color:#193e36}.costbook-atelier main.article{background:#f6f8f1;color:#213d37;border:1px solid #acbfac;border-radius:20px;padding:36px 42px;margin-block:36px;box-shadow:0 18px 60px #031c2440}.costbook-atelier main.article h1,.costbook-atelier main.article h2,.costbook-atelier main.article h3{color:#143b32}.costbook-atelier main.article a{color:#225d4f;text-decoration:underline;text-underline-offset:3px}.costbook-atelier .feature-page a.button,.costbook-atelier .guide-hub a.button{background:#d5edb9;color:#173c31}.costbook-atelier .feature-section a.button{background:#20594f;color:#fff}.costbook-atelier .tester-hero,.costbook-atelier .tester-founder,.costbook-atelier .tester-how,.costbook-atelier .tester-details{border-radius:20px}.costbook-atelier .tester-final{background:#20484b;color:#f1f7ee;border:1px solid #52776e;border-radius:20px}
.costbook-atelier .site-footer{background:#0b252c;color:#e3eee6;border-top:1px solid #3e5b60}.costbook-atelier .site-footer .brand,.costbook-atelier .site-footer h2{color:#edf5e9}.costbook-atelier .site-footer p,.costbook-atelier .site-footer a,.costbook-atelier .footer-bottom{color:#bed3ca}.costbook-atelier .site-footer .footer-bottom{border-color:#355157}.costbook-atelier .motion-toggle{background:#173c41;color:#d4e6d9;border:1px solid #55766e}.costbook-atelier dialog{color:#173c38;background:#f6f8f2}
@media(prefers-reduced-motion:no-preference){.costbook-atelier .demo-package-choice,.costbook-atelier .feature-tabs button,.costbook-atelier .value-grid article{transition:background .18s,border-color .18s,box-shadow .18s}.costbook-atelier .value-grid article:hover{border-color:#a6ca9e;box-shadow:0 12px 35px #001a2440}.costbook-atelier .demo-main-preview:hover,.costbook-atelier .experience-hero .button:hover{box-shadow:0 0 0 5px #c9e9ab20}.costbook-atelier .proof-next strong{animation:atelier-number .25s ease-out}@keyframes atelier-number{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}}
.costbook-atelier.motion-paused *{animation:none!important;transition:none!important}
@media(max-width:1000px){.costbook-atelier .experience-hero{gap:26px}.proof-service-buttons{flex-wrap:wrap}.proof-service-buttons button{min-width:50px}.costbook-atelier #try .demo-main-grid{padding:20px;gap:20px}}
@media(max-width:700px){.costbook-atelier .experience-hero{padding:36px 20px}.costbook-atelier .page-explore{justify-content:flex-start}.costbook-atelier #try .demo-business-picker{padding:22px 18px}.costbook-atelier #try .demo-main-grid{padding:18px;gap:24px}.costbook-atelier #try .demo-estimate-proof{padding:22px 18px}.costbook-atelier .value-grid article{padding:22px}.costbook-atelier main.article{border-radius:12px;padding:24px 20px;margin:24px 12px}.costbook-atelier .feature-section,.costbook-atelier .pricing-page-plan{padding:24px 20px}.proof-bars>div{font-size:13px;gap:9px}.proof-bars>div>span{max-width:180px}.costbook-atelier .site-header{padding-block:14px}}
@media(prefers-reduced-motion:reduce){.costbook-atelier *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.costbook-atelier .site-header a[aria-label="Log in to Costbook"]{color:#d8e8dc!important}.costbook-atelier #try #demo-proof-vehicle,.costbook-atelier #try #demo-save-estimate{color:#d8e8dc!important}
/* Legibility on the shared shell and on the inset reading panels. */
.costbook-atelier main.feature-page>p,.costbook-atelier main.feature-page>.eyebrow,.costbook-atelier .trust-intro .eyebrow,.costbook-atelier .feature-hero .eyebrow,.costbook-atelier .guide-hub-intro,.costbook-atelier .travel-page-intro{color:#ccded3}.costbook-atelier .pricing-status{color:#193d35}.costbook-atelier .pricing-status strong{color:#193d35}.costbook-atelier .guide-hub-intro h1,.costbook-atelier .travel-page-intro h1{color:#f0f6e9}.costbook-atelier .guide-hub-intro p,.costbook-atelier .travel-page-intro p,.costbook-atelier .guide-hub-intro .eyebrow,.costbook-atelier .travel-page-intro .eyebrow{color:#c8dccf}.costbook-atelier .guide-hub-card,.costbook-atelier .travel-explainer article{background:#f4f7ee;color:#193d35;border:1px solid #acc6b1;border-radius:14px}.costbook-atelier .guide-hub-card h2,.costbook-atelier .travel-explainer h2{color:#1b4639}.costbook-atelier .travel-explainer article{padding:24px}.costbook-atelier .travel-cost-note{color:#ceddd3}.costbook-atelier main>.feature-nav a,.costbook-atelier footer.wrap,.costbook-atelier footer.wrap a{color:#d3e4d6}
.costbook-atelier .tester-copy h1 em{color:#d2ebb4}.costbook-atelier .tester-copy .eyebrow,.costbook-atelier .tester-copy .tester-lead,.costbook-atelier .tester-copy .tester-regular,.costbook-atelier .tester-copy .tester-terms,.costbook-atelier .tester-copy .tester-regular a,.costbook-atelier .tester-copy .tester-terms a,.costbook-atelier .tester-copy .tester-secondary,.costbook-atelier .offer-facts dt,.costbook-atelier .offer-facts dd{color:#cbded1}.costbook-atelier .tester-copy .button{background:#d5edb9;color:#173b30}.costbook-atelier .job-studio{background:linear-gradient(135deg,#2a5559,#102f36);border-color:#5d8074}.costbook-atelier .tester-how,.costbook-atelier .tester-details{background:#f4f7ee;color:#193d36;padding:38px}.costbook-atelier .tester-founder{background:#e4efdd;color:#193d36}.costbook-atelier .tester-how h2,.costbook-atelier .tester-details h2,.costbook-atelier .tester-founder h2{color:#193d36}.costbook-atelier .tester-details .eyebrow,.costbook-atelier .tester-how .eyebrow,.costbook-atelier .tester-founder .eyebrow{color:#37634b}.costbook-atelier .tester-final .button{background:#d5edb9;color:#173b30}.costbook-atelier .tester-final .eyebrow{color:#cee4bc}
.atelier-nav{display:flex;gap:24px;align-items:center;margin-left:auto;margin-right:26px;font-size:14px}.costbook-atelier>header.nav .atelier-nav a{color:#d7e6db;min-height:44px;display:inline-flex;align-items:center}.costbook-atelier>header.nav .atelier-nav a:hover{color:#e5f8b9}
@media(max-width:700px){.atelier-nav{order:3;flex-basis:100%;margin:6px 0 0;justify-content:space-between;gap:14px}.costbook-atelier>header.nav{flex-wrap:wrap;row-gap:8px;padding-inline:12px}.costbook-atelier>header.nav>.button{margin-left:auto}.costbook-atelier .tester-how,.costbook-atelier .tester-details{padding:24px 18px}.costbook-atelier .tester-founder{padding:26px 20px}}
.costbook-atelier .skip{background:#f4f7ee;color:#193d35}.costbook-atelier footer small,.costbook-atelier footer>p,.costbook-atelier footer #analytics-settings{color:#c8dace!important}.costbook-atelier main.article a.button{background:#20594f;color:#fff;text-decoration:none}.costbook-atelier #trip-tool,.costbook-atelier .travel-cost-note{color:#193d35}.costbook-atelier .testing-path>p{color:#c8dace}.costbook-atelier .schedule-hours,.costbook-atelier .schedule-times{color:#c8dace}
.costbook-atelier .feature-hero>div>p,.costbook-atelier .feature-hero .feature-limit,.costbook-atelier .feature-hero figcaption{color:#c8dace}.costbook-atelier main.article{box-sizing:border-box;max-width:min(900px,calc(100% - 32px))}

.costbook-atelier .schedule-hours>span{color:#4c6276}

/* Keep the same destinations readable on every marketing page. */
.atelier-nav{flex-wrap:wrap;gap:8px 18px}.atelier-nav a{white-space:nowrap}
@media(max-width:700px){.atelier-nav{justify-content:flex-start;gap:4px 18px}}