.pricing-main { width: min(calc(100% - 48px), 1180px); margin: 0 auto; }
.pricing-hero { max-width: 900px; padding: 110px 0 58px; }
.pricing-hero h1 { margin: 0; font-size: clamp(50px, 7vw, 88px); line-height: .96; letter-spacing: -.07em; }
.pricing-hero h1 em { color: #b74d25; font-style: normal; }
.pricing-hero > p:last-child { max-width: 720px; margin: 28px 0 0; color: var(--muted); font-size: 17px; line-height: 1.7; }
.pricing-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 10px; padding-bottom: 105px; }
.pricing-card { position: relative; min-width: 0; display: flex; flex-direction: column; padding: 21px; border: 1px solid rgba(255,255,255,.9); border-radius: 21px; background: rgba(255,255,255,.76); box-shadow: 0 15px 40px rgba(70,45,30,.08); }
.pricing-card.featured { border-color: rgba(255,122,69,.38); background: linear-gradient(155deg,#fff,#fff1e6); transform: translateY(-9px); }
.pricing-ribbon { display: inline-flex; align-self: flex-start; margin-bottom: 13px; padding: 5px 7px; border-radius: 999px; background: #fff0e6; color: #b74d25; font-size: 7px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.pricing-card-head { min-height: 105px; }
.pricing-card h2 { margin: 0; font-size: 21px; letter-spacing: -.04em; }
.pricing-card-head p { margin: 10px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.pricing-amount { min-height: 61px; display: flex; align-items: baseline; gap: 4px; margin: 14px 0; }
.pricing-amount small,.pricing-amount span { color: var(--muted); font-size: 8px; }
.pricing-amount strong { font-size: 35px; letter-spacing: -.06em; }
.pricing-card ul { display: grid; gap: 10px; margin: 0 0 22px; padding: 0; color: #655b54; font-size: 9px; line-height: 1.45; list-style: none; }
.pricing-card li { position: relative; padding-left: 16px; }
.pricing-card li::before { position: absolute; top: 0; left: 0; color: var(--green); content: "✓"; font-weight: 800; }
.pricing-card > a { min-height: 39px; display: grid; place-items: center; margin-top: auto; border: 1px solid rgba(255,122,69,.24); border-radius: 11px; background: #fff0e6; color: #b74d25; font-size: 9px; font-weight: 800; text-align: center; }
.pricing-section { padding: 96px 0; border-top: 1px solid var(--line); }
.pricing-section-copy { max-width: 760px; }
.pricing-section-copy h2 { margin: 0; font-size: clamp(36px,4.7vw,58px); line-height: 1.03; letter-spacing: -.055em; }
.pricing-section-copy > p:last-child { max-width: 650px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.comparison-wrap { margin-top: 38px; overflow-x: auto; border: 1px solid rgba(255,255,255,.9); border-radius: 20px; background: rgba(255,255,255,.72); box-shadow: 0 14px 38px rgba(70,45,30,.07); }
.comparison-wrap table { width: 100%; min-width: 820px; border-collapse: collapse; font-size: 10px; }
.comparison-wrap th,.comparison-wrap td { padding: 16px; border-bottom: 1px solid var(--line); text-align: center; }
.comparison-wrap th:first-child { text-align: left; }
.comparison-wrap thead th { color: #b74d25; font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }
.comparison-wrap tbody tr:last-child th,.comparison-wrap tbody tr:last-child td { border-bottom: 0; }
.usage-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 36px; }
.usage-grid article { padding: 23px; border: 1px solid rgba(255,255,255,.9); border-radius: 18px; background: rgba(255,255,255,.72); }
.usage-grid small { color: #b74d25; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.usage-grid strong { display: block; margin: 16px 0 9px; font-size: 19px; letter-spacing: -.035em; }
.usage-grid p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.faq-list { max-width: 850px; margin-top: 32px; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { padding: 20px 2px; cursor: pointer; font-size: 14px; font-weight: 750; }
.faq-list p { max-width: 720px; margin: -3px 0 20px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.pricing-final { width: 100%; }
.site-nav a.active { color: #b74d25; font-weight: 750; }
@media (max-width: 1080px) { .pricing-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .pricing-card.featured { transform: none; } }
@media (max-width: 760px) { .pricing-main { width: min(calc(100% - 32px),1180px); } .pricing-hero { padding: 80px 0 50px; } .pricing-grid { grid-template-columns: 1fr; padding-bottom: 70px; } .pricing-card-head { min-height: 0; } .usage-grid { grid-template-columns: 1fr 1fr; } .pricing-section { padding: 68px 0; } }
@media (max-width: 480px) { .usage-grid { grid-template-columns: 1fr; } }