.pricing-page-main{background:var(--surface-soft);color:var(--MainDark);font-family:var(--font);padding:0}.pricing-service{padding:0 4vw 64px;scroll-margin-top:110px}.pricing-service-card{max-width:1120px;margin:0 auto;background:#fff;border:1px solid #d3ddda;border-radius:18px;display:grid;grid-template-columns:.9fr 1.3fr;overflow:hidden}.service-intro{padding:40px;border-right:1px solid #d3ddda;background:#e8eeeb}.pricing-service h2,.pricing-billing h2{font:700 clamp(30px,3vw,40px)/1.15 var(--display);margin:0 0 16px;letter-spacing:-.025em}.service-description{font:400 19px/1.5 var(--font);margin:0 0 26px}.service-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:0 0 26px}.service-amount strong{font:700 38px/1.2 var(--display)}.service-amount span{font:400 14px/1.5 var(--font);color:#526b70}.service-contact{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border:2px solid #fff;border-radius:50px;background:var(--SelectMid);color:var(--MainDark);font:700 15px/1.4 var(--font);text-decoration:none;box-shadow:0 0 0 1px #d9c596}.service-contact:hover{box-shadow:0 0 0 3px #d9c596}.service-contact:focus-visible{outline:3px solid var(--AccentDark);outline-offset:4px}.service-scope{padding:40px}.service-scope h3{font:700 24px/1.3 var(--display);margin:0 0 10px}.service-scope>p{font:400 16px/1.6 var(--font);margin:0}.service-scope ul{list-style:none;margin:24px 0;padding:0}.service-scope li{display:grid;grid-template-columns:92px 1fr;gap:20px;padding:13px 0;border-bottom:1px solid #dfe5e3;font:400 15px/1.6 var(--font)}.service-scope li:first-child{border-top:1px solid #dfe5e3}.service-scope .service-footnote{font-size:13px;color:#577075;line-height:1.6}.pricing-billing{padding:0 4vw 64px;max-width:calc(1120px + 8vw);margin:auto;display:grid;grid-template-columns:.9fr 1.3fr;gap:0}.pricing-billing>div:first-child{padding:8px 40px 0 0}.pricing-billing a{font:400 14px/1.6 var(--font);text-underline-offset:4px}.billing-questions details{border:0;border-bottom:1px solid #c6d3d0;border-radius:0;background:none;margin:0;padding:0}.billing-questions details:first-child{border-top:1px solid #c6d3d0}.billing-questions summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;padding:20px 0;font:700 17px/1.5 var(--font)}.billing-questions summary::-webkit-details-marker{display:none}.billing-questions summary:after{content:'+';font-weight:400;font-size:22px;line-height:1.1}.billing-questions details[open] summary:after{content:'−'}.billing-questions p{font:400 15px/1.7 var(--font);margin:0 0 20px;color:#48646a}@media(max-width:700px){.pricing-service{padding:0 6vw 40px}.pricing-service-card{grid-template-columns:1fr}.service-intro{border-right:0;border-bottom:1px solid #d3ddda;padding:26px}.service-scope{padding:26px}.service-scope li{grid-template-columns:1fr;gap:2px}.pricing-billing{padding:0 6vw 40px;grid-template-columns:1fr;gap:24px}.pricing-billing>div:first-child{padding:0}.pricing-billing h2 br{display:none}}



/* Match the homepage navigation while keeping links usable on smaller screens. */
.pricing-quick-links{display:flex;align-items:center;gap:18px;margin-right:6px;font:400 13px/1.3 var(--font)}
.pricing-quick-links a{color:#fff;opacity:.85;text-decoration:none}
.pricing-quick-links a:hover,.pricing-quick-links a:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:5px}
@media(max-width:480px){.pricing-quick-links{gap:10px;margin-right:0;font-size:12px}.subpage:has(.pricing-page-main) .site-header{padding-inline:16px}.subpage:has(.pricing-page-main) .header-logo{width:120px}.subpage:has(.pricing-page-main) .nav-actions{gap:10px}.subpage:has(.pricing-page-main) .site-header .enter-button{padding-inline:14px;min-height:44px}}


/* Weekly volume-discount curve, synchronized with the existing budget planner. */
.volume-rate-section{max-width:1120px;margin:0 auto 64px;padding:30px 32px;background:#fff;border:1px solid #d3ddda;border-radius:18px;scroll-margin-top:110px}
.volume-rate-intro{display:flex;align-items:start;justify-content:space-between;gap:20px}
.volume-rate-intro h2{font:700 clamp(27px,3vw,39px)/1.18 var(--display);margin:0 0 10px}
.volume-rate-intro p{font:400 15px/1.7 var(--font);color:#496569;margin:0;max-width:600px}
.volume-rate-current{text-align:right;white-space:nowrap;display:flex;flex-direction:column;gap:3px;align-items:end}
.volume-rate-current span,.volume-rate-current small{font:400 12px/1.4 var(--font);color:#526b70}
.volume-rate-current strong{font:700 30px/1.1 var(--display);color:#247d75}
.volume-rate-graphic{overflow-x:auto;margin-top:24px}
.volume-rate-graphic svg{display:block;min-width:570px;width:100%;height:auto;cursor:crosshair}
.volume-rate-footnote{font:400 12px/1.6 var(--font);color:#5c767a;margin:6px 0 0}
@media(max-width:700px){.volume-rate-section{padding:24px 18px;margin:0 6vw 40px}.volume-rate-intro{flex-direction:column;gap:13px}.volume-rate-current{align-items:start;text-align:left;white-space:normal}.volume-rate-current strong{font-size:27px}}
/* Keep the full $0–$1M curve visible on phones without horizontal scrolling. */
@media(max-width:700px){.volume-rate-graphic svg{min-width:0}.volume-rate-graphic svg text{font-size:22px}}


/* The chart and the main calculator edit the same advertising budget. */
.volume-budget-control{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 14px;margin-top:20px;font:400 14px/1.4 var(--font);color:#496569}
.volume-budget-control>span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #b9cdc7;border-radius:8px;background:#f5f8f6;color:#123a40}
.volume-budget-control input{width:12ch;min-width:0;border:0;background:transparent;color:inherit;font:700 16px/1.4 var(--font);text-align:right;padding:0}
.volume-budget-control input:focus-visible{outline:2px solid #247d75;outline-offset:4px}
@media(max-width:700px){.volume-budget-control{justify-content:flex-start}.volume-budget-control input{width:11ch}}