/* A static pricing story: chart, comparison bars, margin dial and decision flow. */
.pricing-composition { width:100%; max-width:490px; margin:0 auto; align-self:center; color:var(--green); }
.pricing-composition svg { display:block; width:100%; height:auto; overflow:visible; font-family:"Open Sauce Sans",sans-serif; }
.pricing-composition figcaption { text-align:center; color:var(--muted); font-size:11px; margin-top:12px; }
.story-hero__copy h1 { margin-top:0; }
@media(min-width:1101px) { .story-hero { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:48px 30px; }.story-hero h1 { font-size:clamp(57.6px,5.4vw,81.6px); letter-spacing:-.05em; } }
@media(max-width:1100px) and (min-width:701px) { .story-hero h1 { font-size:clamp(52.8px,6.96vw,100.8px); } }
@media(max-width:700px) { .story-hero h1 { font-size:clamp(48px,10.56vw,74.4px); }.brand-group > .soon-note { display:inline-flex; font-size:9px; }.brand-group { flex-wrap:wrap; gap:5px 10px; } }
.footer-socials { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.footer-socials a, .footer-socials > span { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--line-strong); border-radius:50%; color:var(--green); }
.footer-socials svg { width:17px; height:17px; fill:currentColor; }
.footer-socials a:hover { background:var(--cream); border-color:var(--green); }
.footer-socials > span { color:#7a8882; border-style:dashed; cursor:default; }