.pricing-hero { position: relative; padding: 110px 0 72px; text-align: center; }
.pricing-hero::before { content: ""; position: absolute; top: -90px; left: 50%; width: min(850px, 100%); height: 520px; transform: translateX(-50%); pointer-events: none; background: radial-gradient(ellipse, #285dd148, #6339d322 38%, transparent 70%); filter: blur(12px); }
.pricing-hero h1 { position: relative; margin: 32px 0 28px; font-size: clamp(54px, 7.2vw, 92px); line-height: .95; letter-spacing: -.064em; }
.pricing-hero h1 em { color: transparent; background: linear-gradient(90deg, #fff, #68e9ff 48%, #a17aff); background-clip: text; -webkit-background-clip: text; font-style: normal; }
.pricing-hero > p { position: relative; width: min(720px, 100%); margin: auto; color: #9caac0; font-size: 18px; line-height: 1.7; }
.plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding-bottom: 28px; }
.price-card { position: relative; display: flex; min-height: 610px; flex-direction: column; padding: 36px; border: 1px solid #243650; border-radius: 22px; background: linear-gradient(145deg, #0b121f, #070b13); }
.price-card.preferred { border-color: #5c76bd; background: radial-gradient(circle at 80% 0, #4a55cf4c, transparent 42%), linear-gradient(145deg, #101a2a, #080d16); box-shadow: 0 28px 90px #0008, 0 0 70px #4556c325; }
.plan-label { color: #68e9ff; font: 750 9px ui-monospace, monospace; letter-spacing: .14em; }
.price-card h2 { margin: 42px 0 8px; font-size: clamp(58px, 6vw, 78px); line-height: .9; letter-spacing: -.065em; }
.price-card h2 sup { margin-right: 4px; color: #7f92ae; font-size: 23px; vertical-align: top; }
.price-card h2 span { margin-left: 7px; color: #7f92ae; font-size: 14px; letter-spacing: 0; }
.annual-price { min-height: 0 !important; margin: 0 0 28px; color: #7788a1 !important; font-size: 13px; }
.annual-price strong { color: #c1cada; }
.price-card > p:not(.annual-price) { min-height: 82px; margin: 0; color: #91a0b6; line-height: 1.65; }
.price-card ul { display: grid; gap: 12px; margin: 28px 0 30px; padding: 26px 0 0; border-top: 1px solid #1d2d45; list-style: none; }
.price-card li { position: relative; padding-left: 23px; color: #9cabc0; font-size: 13px; line-height: 1.5; }
.price-card li::before { content: "✓"; position: absolute; left: 0; color: #61e8fa; font-weight: 900; }
.price-card .button { width: 100%; margin-top: auto; }
.services-scale { display: grid; grid-template-columns: .8fr 1.2fr; gap: 58px; align-items: center; margin-bottom: 120px; padding: 34px 38px; border: 1px solid #4565a0; border-radius: 18px; background: radial-gradient(circle at 0 50%, #315bd336, transparent 42%), linear-gradient(145deg, #10192a, #080e18); box-shadow: 0 22px 65px #0005; }
.services-scale span { color: #68e9ff; font: 750 9px ui-monospace, monospace; letter-spacing: .14em; }
.services-scale h2 { margin: 12px 0 0; font-size: clamp(30px, 3.2vw, 44px); line-height: 1; letter-spacing: -.045em; }
.services-scale p { margin: 0; color: #9cabc0; font-size: 15px; line-height: 1.75; }
.services-scale strong { color: #e2e9f5; }
.services-scale a { color: #68e9ff; font-weight: 750; }
.services-scale a:hover { text-decoration: underline; }
.usage-summary { margin-top: -76px; margin-bottom: 96px; padding: 22px 26px; border: 1px solid #24425a; border-radius: 14px; color: #91a0b6; background: #08121c; font-size: 14px; line-height: 1.7; text-align: center; }
.usage-summary strong { color: #dce6f6; }
.pricing-note { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: end; margin-bottom: 150px; padding: 58px; border: 1px solid #253856; border-radius: 22px; background: radial-gradient(circle at 15% 0, #4160cb35, transparent 45%), #080e18; }
.pricing-note h2 { margin: 18px 0 0; font-size: clamp(40px, 5vw, 64px); line-height: 1; letter-spacing: -.055em; }
.pricing-note > p { margin: 0; color: #9aa9be; font-size: 17px; line-height: 1.75; }
.included { padding-bottom: 150px; }
.included-head { max-width: 770px; margin-bottom: 54px; }
.included-head h2 { margin: 22px 0 26px; font-size: clamp(42px, 5.2vw, 72px); line-height: 1; letter-spacing: -.055em; }
.included-head > p:last-child { color: #93a2b8; font-size: 18px; line-height: 1.75; }
.feature-groups { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.feature-group { padding: 38px; border: 1px solid #1d2d45; border-radius: 18px; background: linear-gradient(145deg, #0b121f, #070b13); }
.feature-group > span { color: #68e9ff; font: 700 9px ui-monospace, monospace; letter-spacing: .14em; }
.feature-group h3 { margin: 24px 0 28px; font-size: 30px; letter-spacing: -.04em; }
.feature-group ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.feature-group li { position: relative; padding-left: 26px; color: #9cabc0; font-size: 14px; line-height: 1.5; }
.feature-group li::before { content: "✓"; position: absolute; left: 0; color: #61e8fa; font-weight: 900; }
.translation-note { margin: 18px 0 0; padding: 24px 28px; border: 1px solid #604f9f66; border-radius: 14px; color: #9cabc0; background: #6d4cff12; font-size: 13px; line-height: 1.7; }
.translation-note strong { color: #c6baff; }
.translation-note a { color: #68e9ff; font-weight: 750; }
.translation-note a:hover { text-decoration: underline; }
.pricing-faq { padding: 145px 0; border-top: 1px solid #142137; }
.faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.faq-grid article { min-height: 190px; padding: 30px; border: 1px solid #1d2d45; border-radius: 16px; background: #080e18; }
.faq-grid h3 { margin: 0 0 16px; font-size: 21px; }
.faq-grid p { margin: 0; color: #8e9db3; font-size: 14px; line-height: 1.7; }
[aria-current="page"] { color: #68e9ff; }

@media (max-width: 960px) {
  .plans { grid-template-columns: 1fr; max-width: 680px; }
  .price-card { min-height: 0; }
  .price-card > p:not(.annual-price) { min-height: 0; }
  .price-card .button { margin-top: 10px; }
}

@media (max-width: 800px) {
  .pricing-hero { padding-top: 70px; }
  .pricing-hero h1 { font-size: 49px; }
  .pricing-hero > p { font-size: 16px; }
  .plans, .services-scale, .feature-groups, .pricing-note, .faq-grid { grid-template-columns: 1fr; }
  .plans { padding-bottom: 24px; }
  .services-scale { gap: 18px; margin-bottom: 70px; padding: 28px 24px; }
  .usage-summary { margin-top: -54px; margin-bottom: 70px; text-align: left; }
  .price-card { padding: 34px 24px; }
  .pricing-note { gap: 28px; margin-bottom: 110px; padding: 34px 24px; }
  .pricing-note h2, .included-head h2 { font-size: 42px; }
  .pricing-note > p, .included-head > p:last-child { font-size: 16px; }
  .included { padding-bottom: 110px; }
  .feature-group { padding: 30px 24px; }
  .pricing-faq { padding: 110px 0; }
  .faq-grid article { min-height: 0; }
}