.pricing-page { min-height: 100vh; background: #020a1c; }
.pricing-nav { display: flex; align-items: center; gap: 24px; color: #cad7e8; font-size: 13px; font-weight: 650; }
.pricing-nav > a:first-child:hover { color: #fff; }
.pricing-hero { position: relative; overflow: hidden; min-height: calc(100vh - 120px); padding: 150px 0 90px; color: #fff; background: radial-gradient(circle at 78% 24%, rgba(25,112,240,.28), transparent 34%), linear-gradient(135deg, #020a1c, #061a42 65%, #020a1c); }
.pricing-grid { position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(93,166,255,.28) 1px, transparent 1px), linear-gradient(90deg, rgba(93,166,255,.28) 1px, transparent 1px); background-size: 40px 40px; mask-image: linear-gradient(to right, transparent 5%, #000 72%); }
.pricing-layout { position: relative; display: grid; grid-template-columns: 1fr minmax(380px, 480px); align-items: center; gap: 90px; }
.pricing-intro h1 { max-width: 680px; margin: 0; font-size: clamp(45px, 5.5vw, 76px); line-height: 1.04; letter-spacing: -.06em; }
.pricing-intro > p:not(.eyebrow) { max-width: 620px; margin: 28px 0 0; color: #aebdd0; font-size: 18px; line-height: 1.7; }
.pricing-brand-lockup { width: min(330px, 80%); margin-top: 34px; overflow: hidden; border: 1px solid rgba(142,197,255,.22); border-radius: 15px; background: #020b1e; }
.pricing-brand-lockup img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.price-card { padding: 38px; color: #06152f; border: 1px solid rgba(154,201,255,.6); border-radius: 24px; background: rgba(255,255,255,.98); box-shadow: 0 36px 90px rgba(0,0,0,.42); }
.plan-badge { display: inline-flex; padding: 7px 10px; color: #0c56c5; border-radius: 999px; background: #e8f2ff; font-size: 10px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.plan-heading h2 { margin: 18px 0 8px; font-size: 28px; letter-spacing: -.04em; }
.plan-heading p, .price-note { margin: 0; color: #617086; font-size: 13px; line-height: 1.6; }
.price { display: flex; align-items: baseline; gap: 8px; margin: 28px 0 8px; }
.price > span { color: #1767e6; font-size: 19px; font-weight: 850; }
.price strong { font-size: clamp(58px, 7vw, 78px); line-height: 1; letter-spacing: -.065em; }
.price small { color: #617086; font-size: 14px; font-weight: 700; }
.price-note { padding-bottom: 25px; border-bottom: 1px solid #dbe5f2; }
.plan-features { display: grid; gap: 14px; margin: 25px 0 30px; padding: 0; list-style: none; }
.plan-features li { display: grid; grid-template-columns: 24px 1fr; gap: 8px; align-items: start; color: #344961; font-size: 13px; line-height: 1.5; }
.plan-features li > span:first-child { width: 22px; height: 22px; display: grid; place-items: center; color: #13884c; border-radius: 50%; background: #dff8e9; font-size: 11px; font-weight: 900; }
.price-cta { width: 100%; }
.price-editor-link { width: 100%; margin-top: 10px; color: #174d95; border: 1px solid #9fc6ef; background: #eef6ff; }
.price-editor-link:hover { background: #e3f0ff; }
.additional-user-offer { margin-top: 25px; padding-top: 23px; border-top: 1px solid #dbe5f2; }
.additional-user-offer h3 { margin: 15px 0 6px; color: #06152f; font-size: 20px; letter-spacing: -.035em; }
.additional-user-offer > p:not(.price):not(.additional-user-note) { margin: 0; color: #617086; font-size: 13px; line-height: 1.6; }
.price-addon { margin: 18px 0 6px; }
.price-addon strong { font-size: 44px; }
.price-addon > span { font-size: 15px; }
.price-addon small { font-size: 12px; }
.additional-user-note { margin: 0 0 14px; color: #617086; font-size: 12px; line-height: 1.5; }
.additional-user-cta { width: 100%; color: #174d95; border: 1px solid #9fc6ef; background: #eef6ff; }
.additional-user-cta:disabled { opacity: .65; cursor: not-allowed; }
.additional-user-feedback { margin: 10px 0 0; color: #174d95; font-size: 12px; line-height: 1.5; }
.pricing-assurance { color: #dce8f7; border-top: 1px solid rgba(255,255,255,.1); background: #020a1c; }
.assurance-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.assurance-grid > div { padding: 31px; border-left: 1px solid rgba(255,255,255,.1); }
.assurance-grid > div:last-child { border-right: 1px solid rgba(255,255,255,.1); }
.assurance-grid strong, .assurance-grid span { display: block; }
.assurance-grid strong { font-size: 13px; }
.assurance-grid span { margin-top: 5px; color: #8294ab; font-size: 11px; }

@media (max-width: 900px) {
  .pricing-layout { grid-template-columns: 1fr; gap: 52px; }
  .price-card { width: min(520px, 100%); }
}

@media (max-width: 620px) {
  .pricing-nav > a:first-child { display: none; }
  .pricing-nav { gap: 10px; }
  .pricing-nav .language-switcher { margin: 0; }
  .pricing-nav .button { min-height: 36px; padding-inline: 11px; }
  .pricing-hero { padding: 120px 0 64px; }
  .pricing-intro h1 { font-size: clamp(41px, 12vw, 57px); }
  .pricing-intro > p:not(.eyebrow) { font-size: 16px; }
  .price-card { padding: 27px 23px; border-radius: 18px; }
  .assurance-grid { grid-template-columns: 1fr; }
  .assurance-grid > div { border-right: 1px solid rgba(255,255,255,.1); }
}