.pricing-hero { padding:100px max(24px,calc((100vw - 1080px)/2)) 85px; text-align:center; background:radial-gradient(circle at 50% 0,#dff4ec 0,transparent 42%),linear-gradient(180deg,#f8fcfa,#fff); }
.pricing-hero h1 { margin-bottom:24px; font-size:clamp(44px,6vw,72px); }
.pricing-hero>p:not(.eyebrow) { max-width:760px; margin:0 auto; color:var(--muted); font-size:17px; }
.pricing-hero-actions { margin-top:34px; display:flex; justify-content:center; gap:12px; }
.pricing-highlights { max-width:920px; margin:70px auto 0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); list-style:none; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 16px 40px rgba(23,63,51,.08); }
.pricing-highlights li { padding:24px 14px; }
.pricing-highlights li+li { border-left:1px solid var(--line); }
.pricing-highlights strong,.pricing-highlights span { display:block; }
.pricing-highlights strong { color:var(--green); font:700 27px "DM Sans",sans-serif; }
.pricing-highlights span { margin-top:4px; color:var(--muted); font-size:10px; }
.pricing-page-section,.billing-section,.pricing-faq { padding:110px max(24px,calc((100vw - 1040px)/2)); }
.pricing-page-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.pricing-page-card { padding:38px; position:relative; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 14px 36px rgba(22,65,51,.07); }
.pricing-page-card.featured { border:2px solid var(--green); }
.plan-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.plan-heading>span { font:700 22px "DM Sans",sans-serif; }
.plan-heading p { margin:0; color:var(--muted); }
.plan-heading b { color:var(--dark); font:700 45px/1 "DM Sans",sans-serif; }
.plan-summary { min-height:52px; margin:24px 0; color:var(--muted); font-size:12px; }
.pricing-page-card dl { margin:0 0 30px; }
.pricing-page-card dl div { padding:13px 0; display:flex; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); font-size:11px; }
.pricing-page-card dt { color:var(--muted); }
.pricing-page-card dd { margin:0; text-align:right; font-weight:700; }
.pricing-page-card .button { width:100%; margin-top:auto; }
.notice-box { margin-top:24px; padding:22px 26px; display:grid; grid-template-columns:170px 1fr; gap:20px; border:1px solid #add8ca; border-radius:14px; background:var(--mint); }
.notice-box strong { color:var(--green); }
.notice-box p { margin:0; color:var(--muted); font-size:11px; }
.usage-section { padding:110px max(24px,calc((100vw - 1100px)/2)); color:#fff; background:var(--navy); }
.usage-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.usage-grid article { padding:32px; border:1px solid #315047; border-radius:18px; background:#17342b; }
.usage-grid article>span { color:#71ddba; font:700 10px "DM Sans",sans-serif; letter-spacing:.12em; }
.usage-grid strong,.usage-grid small { display:block; }
.usage-grid strong { margin-top:18px; font:700 40px "DM Sans",sans-serif; }
.usage-grid small { min-height:36px; color:#a8bbb5; }
.usage-grid p { margin:22px 0 0; color:#b8c8c3; font-size:11px; }
.example-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.example-grid article { padding:30px; border:1px solid var(--line); border-radius:18px; background:var(--soft); }
.example-grid article:last-child { grid-column:1/-1; }
.example-grid article>span { color:var(--green); font:700 10px "DM Sans",sans-serif; }
.example-grid h3 { margin:12px 0 20px; }
.formula { display:flex; align-items:baseline; gap:12px; }
.formula b { color:var(--green); font:700 48px "DM Sans",sans-serif; }
.formula small,.example-grid article>p { color:var(--muted); }
.example-grid article>p { margin-bottom:0; font-size:11px; }
.calculation { max-width:620px; }
.calculation p { margin:0; padding:12px 0; display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); font-size:12px; }
.calculation .total { padding-top:18px; border-bottom:0; color:var(--green); font-size:17px; }
.example-note { margin:22px 0 0; color:var(--muted); text-align:center; font-size:10px; }
.billing-section { background:var(--soft); }
.billing-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.billing-grid article { padding:26px; display:flex; gap:18px; border:1px solid var(--line); border-radius:15px; background:#fff; }
.billing-grid article>span { width:38px; height:38px; display:grid; place-items:center; flex:0 0 auto; color:var(--green); border-radius:50%; background:var(--mint); font:700 11px "DM Sans",sans-serif; }
.billing-grid strong { font-size:14px; }
.billing-grid p { margin:7px 0 0; color:var(--muted); font-size:11px; }
.pricing-final-cta { padding:105px 24px 120px; text-align:center; background:var(--soft); }
.pricing-final-cta>p:not(.eyebrow) { color:var(--muted); }
.pricing-final-cta .button { margin-top:22px; }
@media(max-width:900px){
  .usage-grid { grid-template-columns:1fr; }
  .pricing-highlights { grid-template-columns:1fr 1fr; }
  .pricing-highlights li:nth-child(3) { border-top:1px solid var(--line); border-left:0; }
  .pricing-highlights li:nth-child(4) { border-top:1px solid var(--line); }
}
@media(max-width:700px){
  .pricing-nav>a:not(.nav-cta) { display:none; }
  .pricing-hero { padding:65px 18px 70px; }
  .pricing-hero h1 { font-size:clamp(38px,12vw,52px); }
  .pricing-hero-actions { display:grid; }
  .pricing-page-section,.usage-section,.billing-section,.pricing-faq { padding:80px 18px; }
  .pricing-page-grid,.example-grid,.billing-grid { grid-template-columns:1fr; }
  .example-grid article:last-child { grid-column:auto; }
  .pricing-page-card { padding:28px 24px; }
  .plan-heading { align-items:flex-start; flex-direction:column; }
  .plan-summary { min-height:0; }
  .notice-box { grid-template-columns:1fr; gap:8px; }
  .pricing-highlights { margin-top:50px; }
  .pricing-highlights strong { font-size:23px; }
}