.pricing-hero { padding:clamp(72px,9vw,128px) 0; background:#f3f0e5 linear-gradient(90deg,rgba(255,250,242,.94),rgba(255,250,242,.83) 55%,rgba(255,250,242,.28)); background-image:linear-gradient(90deg,rgba(255,250,242,.94),rgba(255,250,242,.83) 55%,rgba(255,250,242,.28)),url('/assets/pepper-calm-lake.jpg'); background-size:cover; background-position:center; }
.pricing-content .pricing-hero h1 { font-size:clamp(48px,6.5vw,88px); }
.pricing-hero h1 em { color:#84263f; }
.pricing-hero p { max-width:46ch; font-size:clamp(17px,1.7vw,20px); }
.pricing-hero .product-text-link { display:inline-block; margin-top:12px; }
.pricing-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,6vw,80px); }
.pricing-workstreams { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin-top:40px; }
.pricing-workstreams article { border-top:1px solid #c6d2c3; padding-top:12px; }
.pricing-workstreams h3 { font-size:27px; }
.pricing-workstreams p { font-size:15px; }
.pricing-river { background:#f5f2e8; background-image:linear-gradient(rgba(255,250,242,.87),rgba(255,250,242,.82)),url('/assets/pepper-quiet-river.jpg'); background-size:cover; background-position:center; scroll-margin-top:24px; }
.pricing-steps { margin:0; padding-left:24px; }
.pricing-steps li { padding-left:12px; margin-bottom:24px; }
.pricing-steps li::marker { color:#60785f; font:500 14px Geologica,system-ui,sans-serif; }
.pricing-steps h3 { margin-top:0; }
.pricing-steps p { margin-bottom:0; }
.pricing-terms { border-top:1px solid #bdcabc; display:flex; gap:24px 48px; flex-wrap:wrap; padding-top:24px; margin-top:28px; }
.pricing-terms p { font-size:15px; font-weight:500; color:#214b3a; margin:0; }
.pricing-content .pricing-note { font-size:13px; margin:22px 0 0; max-width:76ch; }
.pricing-faq details { border-bottom:1px solid #d5ded1; padding:20px 0; }
.pricing-faq details:first-child { padding-top:0; }
.pricing-faq summary { cursor:pointer; font:400 24px/1.3 'reiher-headline',Georgia,serif; }
.pricing-faq summary:focus-visible { outline:2px solid #cc8617; outline-offset:5px; }
.pricing-faq p { margin:14px 0 0; font-size:16px; }
.pricing-ocean { background:#f5f2e8; background-image:linear-gradient(rgba(255,250,242,.76),rgba(255,250,242,.76)),url('/assets/time-back-coast.jpg'); background-size:cover; background-position:center 60%; text-align:center; }
.pricing-ocean h2 { font:400 clamp(60px,7vw,96px)/1.1 'kentwell',cursive; }
@media(max-width:900px) { .pricing-workstreams { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .pricing-split { grid-template-columns:1fr; gap:12px; } .pricing-workstreams { gap:16px; margin-top:24px; } .pricing-workstreams h3 { font-size:24px; } .pricing-terms { flex-direction:column; gap:12px; } .pricing-hero { background-position:65% center; } }