/* Dark-theme contrast layer. Loaded after the production styles. */

body[data-theme="dark"] {
  --ink: #050815;
  --bg: #070b18;
  --bg-2: #0b1020;
  --surface: #101832;
  --surface-2: #15203d;
  --line: rgba(120, 160, 255, 0.18);
  --line-2: rgba(120, 160, 255, 0.32);

  --text: #f4f7ff;
  --text-2: #dde6f8;
  --text-3: #b8c2d8;
  --text-mute: #98a6c2;

  --blue: #6ea2ff;
  --blue-2: #4f8cff;
  --green: #42d392;
  --green-glow: rgba(66, 211, 146, 0.14);

  --shadow-card:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 18px 50px rgba(0, 0, 0, 0.28);
  --shadow-cta:
    0 12px 32px rgba(79, 140, 255, 0.35),
    0 0 0 1px rgba(142, 180, 255, 0.24) inset;

  background:
    radial-gradient(900px 560px at 12% 2%, rgba(79, 140, 255, 0.09), transparent 62%),
    radial-gradient(720px 460px at 88% 16%, rgba(66, 211, 146, 0.05), transparent 68%),
    var(--bg);
}

body[data-theme="dark"] .header {
  background: color-mix(in oklab, #070b18 82%, transparent);
  border-bottom-color: rgba(120, 160, 255, 0.16);
}

body[data-theme="dark"] .hero {
  background:
    radial-gradient(1100px 680px at 50% 18%, rgba(79, 140, 255, 0.22), transparent 62%),
    radial-gradient(800px 560px at 82% 84%, rgba(110, 162, 255, 0.12), transparent 64%),
    linear-gradient(180deg, rgba(11, 16, 32, 0.22), transparent 75%);
}

body[data-theme="dark"] :is(.h1, .h2, .h3, h1, h2, h3),
body[data-theme="dark"] :is(.brand, .tariff__term, .checkout-summary__amount) {
  color: var(--text);
}

body[data-theme="dark"] :is(.lede, .checkout-lead, .trial-modal__lede) {
  color: #cbd6eb;
}

body[data-theme="dark"] :is(
  .eyebrow,
  .muted,
  .mono-small,
  .hero__secondary,
  .hero__meta,
  .step__desc,
  .benefit__desc,
  .device__hint,
  .contact p,
  .footer-note,
  .footer__bottom
) {
  color: var(--text-3);
}

body[data-theme="dark"] :is(.nav a, .footer__col a, .footer__desc) {
  color: var(--text-2);
}

body[data-theme="dark"] .section--surface {
  background:
    linear-gradient(180deg, transparent, rgba(11, 16, 32, 0.92) 26%, rgba(11, 16, 32, 0.92) 74%, transparent);
}

body[data-theme="dark"] :is(
  .ui-card,
  .step,
  .benefit,
  .device,
  .contact,
  .restore-card,
  .checkout-card,
  .final-cta,
  .access-card,
  .instructions
) {
  background:
    linear-gradient(180deg, rgba(21, 32, 61, 0.96), rgba(14, 22, 46, 0.96));
  border-color: rgba(120, 160, 255, 0.24);
  box-shadow: var(--shadow-card);
}

body[data-theme="dark"] :is(.step, .benefit, .device, .contact):hover {
  border-color: rgba(120, 160, 255, 0.42);
}

body[data-theme="dark"] :is(.step__icon, .benefit__icon, .contact .icon) {
  background: linear-gradient(145deg, rgba(79, 140, 255, 0.20), rgba(21, 32, 61, 0.92));
  border-color: rgba(120, 160, 255, 0.34);
}

body[data-theme="dark"] .hero__chips li {
  background: rgba(16, 24, 50, 0.78);
  border-color: rgba(120, 160, 255, 0.28);
  color: #dce5f7;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

body[data-theme="dark"] .btn--primary {
  background: linear-gradient(135deg, #4f8cff, #6ea2ff);
  color: #ffffff;
  border-color: rgba(155, 190, 255, 0.48);
  box-shadow: var(--shadow-cta);
}

body[data-theme="dark"] .btn--primary:hover {
  background: linear-gradient(135deg, #6098ff, #82afff);
  border-color: rgba(180, 207, 255, 0.72);
  box-shadow:
    0 16px 42px rgba(79, 140, 255, 0.44),
    0 0 0 1px rgba(205, 222, 255, 0.28) inset;
}

body[data-theme="dark"] .btn--ghost {
  background: rgba(16, 24, 50, 0.64);
  color: #edf3ff;
  border-color: rgba(142, 175, 242, 0.42);
}

body[data-theme="dark"] .btn--ghost:hover {
  background: rgba(79, 140, 255, 0.14);
  border-color: rgba(110, 162, 255, 0.82);
}

.btn--sm {
  min-height: 44px;
  height: 44px;
}

.modal__close,
.theme-toggle {
  min-width: 44px;
  min-height: 44px;
}

body[data-theme="dark"] :is(.btn, .tariff, .faq-item__btn, .modal__close, .theme-toggle):focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(79, 140, 255, 0.24);
}

body[data-theme="dark"] .trial-note {
  background:
    radial-gradient(440px 180px at 8% 0%, rgba(66, 211, 146, 0.20), transparent 70%),
    linear-gradient(135deg, rgba(21, 50, 66, 0.95), rgba(20, 34, 70, 0.96));
  border-color: rgba(66, 211, 146, 0.48);
  box-shadow:
    0 0 0 1px rgba(79, 140, 255, 0.10) inset,
    0 20px 54px rgba(0, 0, 0, 0.26);
}

body[data-theme="dark"] .trial-note__badge {
  background: rgba(66, 211, 146, 0.17);
  border-color: rgba(66, 211, 146, 0.55);
  color: #7ce7b6;
}

body[data-theme="dark"] .trial-note__title {
  color: #ffffff;
  font-size: 20px;
}

body[data-theme="dark"] .trial-note__text {
  color: #dce6f7;
}

body[data-theme="dark"] .trial-note__mini {
  color: #b9c7dd;
}

body[data-theme="dark"] .trial-note__btn {
  background: linear-gradient(135deg, #3fbd83, #4f8cff);
  border-color: rgba(144, 222, 190, 0.58);
  color: #ffffff;
  box-shadow: 0 12px 30px rgba(31, 137, 105, 0.24);
}

body[data-theme="dark"] .trial-note__btn:hover {
  background: linear-gradient(135deg, #4dcb91, #639aff);
  border-color: rgba(177, 239, 211, 0.78);
}

body[data-theme="dark"] .tariff {
  background:
    linear-gradient(180deg, rgba(22, 34, 68, 0.98), rgba(14, 22, 46, 0.98));
  border-color: rgba(120, 160, 255, 0.28);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 18px 50px rgba(0, 0, 0, 0.28);
}

body[data-theme="dark"] .tariff:hover {
  border-color: rgba(120, 160, 255, 0.52);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.07) inset,
    0 24px 58px rgba(0, 0, 0, 0.34);
}

body[data-theme="dark"] .tariff--featured {
  background:
    radial-gradient(480px 240px at 50% 0%, rgba(79, 140, 255, 0.24), transparent 72%),
    linear-gradient(180deg, rgba(24, 40, 82, 0.99), rgba(14, 23, 49, 0.99));
  border-color: rgba(79, 140, 255, 0.75);
  box-shadow:
    0 0 0 1px rgba(79, 140, 255, 0.25),
    0 24px 70px rgba(79, 140, 255, 0.20);
}

body[data-theme="dark"] .tariff.is-selected,
body[data-theme="dark"] .tariff[aria-pressed="true"] {
  border-color: rgba(110, 162, 255, 0.92);
  box-shadow:
    0 0 0 3px rgba(79, 140, 255, 0.20),
    0 22px 62px rgba(26, 69, 150, 0.24);
}

body[data-theme="dark"] .tariff--featured.is-selected,
body[data-theme="dark"] .tariff--featured[aria-pressed="true"] {
  box-shadow:
    0 0 0 1px rgba(153, 187, 255, 0.34),
    0 0 0 4px rgba(79, 140, 255, 0.18),
    0 26px 74px rgba(79, 140, 255, 0.24);
}

body[data-theme="dark"] .plan-badge {
  background: rgba(79, 140, 255, 0.22);
  border-color: rgba(126, 169, 255, 0.55);
  color: #d5e3ff;
}

body[data-theme="dark"] .tariff__name {
  color: #b8c8e6;
}

body[data-theme="dark"] .tariff__term {
  margin-top: 4px;
  color: #f4f7ff;
  font-size: 22px;
  font-weight: 650;
  line-height: 1.2;
  text-align: center;
}

body[data-theme="dark"] .tariff__price,
body[data-theme="dark"] .tariff__price :is(.amount, .currency) {
  color: #ffffff;
  text-shadow: 0 8px 28px rgba(79, 140, 255, 0.20);
}

body[data-theme="dark"] .tariff__period {
  color: #c7d3e8;
}

body[data-theme="dark"] .tariff__per,
body[data-theme="dark"] .tariff__save {
  color: #aebbd3;
}

body[data-theme="dark"] .tariff__save {
  margin: -6px auto 0;
  max-width: 30ch;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
}

body[data-theme="dark"] .tariff__list {
  color: #d9e3f5;
}

body[data-theme="dark"] .tariff__list svg {
  color: #58dda0;
}

body[data-theme="dark"] .checkout-lead {
  color: #c5d0e5;
}

body[data-theme="dark"] .checkout-card {
  border-color: rgba(120, 160, 255, 0.30);
}

body[data-theme="dark"] .checkout-summary__label,
body[data-theme="dark"] .checkout-summary__period,
body[data-theme="dark"] .checkout-summary__plan {
  color: #b5c1d8;
}

body[data-theme="dark"] .checkout-summary__plan b {
  color: #eef3ff;
}

body[data-theme="dark"] :is(.input, .textarea, .select) {
  background: #0e1630;
  border-color: rgba(120, 160, 255, 0.32);
  color: #f4f7ff;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.025) inset;
}

body[data-theme="dark"] :is(.input, .textarea, .select)::placeholder {
  color: #8794b0;
}

body[data-theme="dark"] :is(.input, .textarea, .select):hover {
  border-color: rgba(120, 160, 255, 0.48);
}

body[data-theme="dark"] :is(.input, .textarea, .select):focus {
  border-color: #4f8cff;
  box-shadow: 0 0 0 4px rgba(79, 140, 255, 0.18);
}

body[data-theme="dark"] .input:-webkit-autofill,
body[data-theme="dark"] .input:-webkit-autofill:hover,
body[data-theme="dark"] .input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f4f7ff;
  caret-color: #f4f7ff;
  box-shadow:
    0 0 0 1000px #0e1630 inset,
    0 0 0 4px rgba(79, 140, 255, 0.18);
  transition: background-color 9999s ease-out 0s;
}

body[data-theme="dark"] .field label {
  color: #b3c0d9;
}

body[data-theme="dark"] .check {
  color: #ccd7eb;
}

body[data-theme="dark"] .check__box {
  background: #0b132b;
  border-color: rgba(142, 175, 242, 0.48);
}

body[data-theme="dark"] .check:hover .check__box {
  border-color: rgba(110, 162, 255, 0.90);
}

body[data-theme="dark"] .check input:checked + .check__box {
  background: linear-gradient(135deg, #4f8cff, #6ea2ff);
  border-color: #7eabff;
  box-shadow: 0 6px 16px rgba(79, 140, 255, 0.28);
}

body[data-theme="dark"] .check input:checked + .check__box::after {
  border-color: #ffffff;
}

body[data-theme="dark"] .check a,
body[data-theme="dark"] .link-blue {
  color: #7eacff;
}

body[data-theme="dark"] .faq-item {
  background:
    linear-gradient(180deg, rgba(19, 29, 57, 0.98), rgba(14, 22, 44, 0.98));
  border-color: rgba(120, 160, 255, 0.22);
}

body[data-theme="dark"] .faq-item:hover {
  border-color: rgba(120, 160, 255, 0.42);
}

body[data-theme="dark"] .faq-item[open],
body[data-theme="dark"] .faq-item.is-open {
  background:
    linear-gradient(180deg, rgba(26, 43, 82, 0.98), rgba(16, 27, 54, 0.98));
  border-color: rgba(79, 140, 255, 0.70);
  box-shadow: 0 0 0 4px rgba(79, 140, 255, 0.11);
}

body[data-theme="dark"] .faq-item__answer {
  color: #d2ddef;
}

body[data-theme="dark"] .tg-banner {
  background:
    radial-gradient(420px 260px at 88% 20%, rgba(79, 140, 255, 0.22), transparent 68%),
    linear-gradient(135deg, #172751 0%, #101a36 58%, #111c3a 100%);
  border-color: rgba(120, 160, 255, 0.34);
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.28);
}

body[data-theme="dark"] .modal-backdrop {
  background: rgba(3, 6, 15, 0.78);
}

body[data-theme="dark"] .modal {
  background:
    radial-gradient(520px 260px at 50% 0%, rgba(79, 140, 255, 0.12), transparent 72%),
    #0f1730;
  border-color: rgba(120, 160, 255, 0.34);
  box-shadow:
    0 42px 100px rgba(0, 0, 0, 0.56),
    0 0 0 1px rgba(255, 255, 255, 0.03) inset;
}

body[data-theme="dark"] .modal__head {
  background: color-mix(in oklab, #111a34 94%, transparent);
  border-bottom-color: rgba(120, 160, 255, 0.20);
}

body[data-theme="dark"] .modal__head h2 {
  color: #ffffff;
}

body[data-theme="dark"] .modal__close {
  background: #182441;
  border-color: rgba(120, 160, 255, 0.34);
  color: #e5edfc;
}

body[data-theme="dark"] .trial-modal__lede,
body[data-theme="dark"] .trial-success__text {
  color: #d2ddef;
}

body[data-theme="dark"] .trial-form > .mono-small {
  padding: 11px 13px;
  background: rgba(79, 140, 255, 0.10);
  border: 1px solid rgba(120, 160, 255, 0.22);
  border-radius: 10px;
  color: #bac7df;
  line-height: 1.5;
}

body[data-theme="dark"] .cookie-banner {
  background: color-mix(in oklab, #101832 96%, transparent);
  border-color: rgba(120, 160, 255, 0.34);
}

body[data-theme="dark"] .cookie-banner__text {
  color: #d2ddef;
}

/* Light theme mirrors the same visual hierarchy with inverted surfaces. */

body[data-theme="light"] {
  --ink: #0b1224;
  --bg: #f5f8ff;
  --bg-2: #edf3ff;
  --surface: #ffffff;
  --surface-2: #eaf0fc;
  --line: rgba(45, 82, 156, 0.14);
  --line-2: rgba(45, 82, 156, 0.25);

  --text: #0c1428;
  --text-2: #263550;
  --text-3: #52627e;
  --text-mute: #74819a;

  --blue: #3978ee;
  --blue-2: #2764db;
  --green: #129b68;
  --green-glow: rgba(18, 155, 104, 0.12);

  --shadow-card:
    0 1px 0 rgba(255, 255, 255, 0.86) inset,
    0 18px 48px rgba(35, 64, 118, 0.12);
  --shadow-cta:
    0 12px 30px rgba(39, 100, 219, 0.24),
    0 0 0 1px rgba(255, 255, 255, 0.24) inset;

  background:
    radial-gradient(900px 560px at 12% 2%, rgba(79, 140, 255, 0.11), transparent 62%),
    radial-gradient(720px 460px at 88% 16%, rgba(66, 211, 146, 0.07), transparent 68%),
    var(--bg);
}

body[data-theme="light"] .header {
  background: color-mix(in oklab, #f5f8ff 84%, transparent);
  border-bottom-color: rgba(45, 82, 156, 0.14);
}

body[data-theme="light"] .hero {
  background:
    radial-gradient(1100px 680px at 50% 18%, rgba(79, 140, 255, 0.15), transparent 62%),
    radial-gradient(800px 560px at 82% 84%, rgba(66, 211, 146, 0.07), transparent 64%),
    linear-gradient(180deg, rgba(237, 243, 255, 0.45), transparent 75%);
}

body[data-theme="light"] :is(.h1, .h2, .h3, h1, h2, h3),
body[data-theme="light"] :is(.brand, .tariff__term, .checkout-summary__amount) {
  color: var(--text);
}

body[data-theme="light"] :is(.lede, .checkout-lead, .trial-modal__lede) {
  color: #33435e;
}

body[data-theme="light"] :is(
  .eyebrow,
  .muted,
  .mono-small,
  .hero__secondary,
  .hero__meta,
  .step__desc,
  .benefit__desc,
  .device__hint,
  .contact p,
  .footer-note,
  .footer__bottom
) {
  color: var(--text-3);
}

body[data-theme="light"] :is(.nav a, .footer__col a, .footer__desc) {
  color: var(--text-2);
}

body[data-theme="light"] .section--surface {
  background:
    linear-gradient(180deg, transparent, rgba(237, 243, 255, 0.92) 26%, rgba(237, 243, 255, 0.92) 74%, transparent);
}

body[data-theme="light"] :is(
  .ui-card,
  .step,
  .benefit,
  .device,
  .contact,
  .restore-card,
  .checkout-card,
  .final-cta,
  .access-card,
  .instructions
) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 248, 255, 0.99));
  border-color: rgba(65, 104, 180, 0.20);
  box-shadow: var(--shadow-card);
}

body[data-theme="light"] :is(.step, .benefit, .device, .contact):hover {
  border-color: rgba(57, 120, 238, 0.38);
}

body[data-theme="light"] :is(.step__icon, .benefit__icon, .contact .icon) {
  background: linear-gradient(145deg, rgba(79, 140, 255, 0.15), rgba(239, 244, 255, 0.96));
  border-color: rgba(65, 104, 180, 0.24);
  color: #2764db;
}

body[data-theme="light"] .hero__chips li {
  background: rgba(255, 255, 255, 0.84);
  border-color: rgba(65, 104, 180, 0.22);
  color: #263550;
  box-shadow: 0 8px 24px rgba(35, 64, 118, 0.09);
}

body[data-theme="light"] .btn--primary {
  background: linear-gradient(135deg, #2764db, #4f8cff);
  color: #ffffff;
  border-color: rgba(39, 100, 219, 0.56);
  box-shadow: var(--shadow-cta);
}

body[data-theme="light"] .btn--primary:hover {
  background: linear-gradient(135deg, #1f57c8, #3978ee);
  border-color: rgba(31, 87, 200, 0.72);
  box-shadow:
    0 16px 40px rgba(39, 100, 219, 0.30),
    0 0 0 1px rgba(255, 255, 255, 0.24) inset;
}

body[data-theme="light"] .btn--ghost {
  background: rgba(255, 255, 255, 0.72);
  color: #14213b;
  border-color: rgba(65, 104, 180, 0.28);
}

body[data-theme="light"] .btn--ghost:hover {
  background: rgba(79, 140, 255, 0.10);
  border-color: rgba(57, 120, 238, 0.62);
}

body[data-theme="light"] :is(.btn, .tariff, .faq-item__btn, .modal__close, .theme-toggle):focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(57, 120, 238, 0.18);
}

body[data-theme="light"] .trial-note {
  background:
    radial-gradient(440px 180px at 8% 0%, rgba(66, 211, 146, 0.18), transparent 70%),
    linear-gradient(135deg, rgba(234, 250, 243, 0.98), rgba(235, 242, 255, 0.99));
  border-color: rgba(18, 155, 104, 0.36);
  box-shadow:
    0 0 0 1px rgba(79, 140, 255, 0.07) inset,
    0 20px 48px rgba(35, 64, 118, 0.10);
}

body[data-theme="light"] .trial-note__badge {
  background: rgba(18, 155, 104, 0.11);
  border-color: rgba(18, 155, 104, 0.34);
  color: #08774c;
}

body[data-theme="light"] .trial-note__title {
  color: #0c1428;
  font-size: 20px;
}

body[data-theme="light"] .trial-note__text {
  color: #2b3b57;
}

body[data-theme="light"] .trial-note__mini {
  color: #53647f;
}

body[data-theme="light"] .trial-note__btn {
  background: linear-gradient(135deg, #168f61, #3978ee);
  border-color: rgba(22, 143, 97, 0.40);
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(28, 119, 95, 0.18);
}

body[data-theme="light"] .trial-note__btn:hover {
  background: linear-gradient(135deg, #107b53, #2764db);
  border-color: rgba(16, 123, 83, 0.55);
}

body[data-theme="light"] .tariff {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(243, 247, 255, 0.99));
  border-color: rgba(65, 104, 180, 0.22);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.88) inset,
    0 18px 46px rgba(35, 64, 118, 0.11);
}

body[data-theme="light"] .tariff:hover {
  border-color: rgba(57, 120, 238, 0.44);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.94) inset,
    0 24px 54px rgba(35, 64, 118, 0.15);
}

body[data-theme="light"] .tariff--featured {
  background:
    radial-gradient(480px 240px at 50% 0%, rgba(79, 140, 255, 0.18), transparent 72%),
    linear-gradient(180deg, rgba(247, 250, 255, 0.99), rgba(233, 240, 255, 0.99));
  border-color: rgba(39, 100, 219, 0.66);
  box-shadow:
    0 0 0 1px rgba(79, 140, 255, 0.16),
    0 24px 60px rgba(39, 100, 219, 0.16);
}

body[data-theme="light"] .tariff.is-selected,
body[data-theme="light"] .tariff[aria-pressed="true"] {
  border-color: rgba(39, 100, 219, 0.84);
  box-shadow:
    0 0 0 3px rgba(57, 120, 238, 0.14),
    0 22px 56px rgba(39, 100, 219, 0.15);
}

body[data-theme="light"] .tariff--featured.is-selected,
body[data-theme="light"] .tariff--featured[aria-pressed="true"] {
  box-shadow:
    0 0 0 1px rgba(39, 100, 219, 0.20),
    0 0 0 4px rgba(57, 120, 238, 0.13),
    0 26px 64px rgba(39, 100, 219, 0.18);
}

body[data-theme="light"] .plan-badge {
  background: rgba(39, 100, 219, 0.10);
  border-color: rgba(39, 100, 219, 0.30);
  color: #174cba;
}

body[data-theme="light"] .tariff__name {
  color: #52627e;
}

body[data-theme="light"] .tariff__term {
  margin-top: 4px;
  color: #0c1428;
  font-size: 22px;
  font-weight: 650;
  line-height: 1.2;
  text-align: center;
}

body[data-theme="light"] .tariff__price,
body[data-theme="light"] .tariff__price :is(.amount, .currency) {
  color: #091226;
  text-shadow: 0 8px 24px rgba(57, 120, 238, 0.10);
}

body[data-theme="light"] .tariff__period {
  color: #42536e;
}

body[data-theme="light"] .tariff__per,
body[data-theme="light"] .tariff__save {
  color: #65748e;
}

body[data-theme="light"] .tariff__save {
  margin: -6px auto 0;
  max-width: 30ch;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
}

body[data-theme="light"] .tariff__list {
  color: #263550;
}

body[data-theme="light"] .tariff__list svg {
  color: #129b68;
}

body[data-theme="light"] .checkout-lead {
  color: #3d4d68;
}

body[data-theme="light"] .checkout-card {
  border-color: rgba(65, 104, 180, 0.23);
}

body[data-theme="light"] .checkout-summary__label,
body[data-theme="light"] .checkout-summary__period,
body[data-theme="light"] .checkout-summary__plan {
  color: #52627e;
}

body[data-theme="light"] .checkout-summary__plan b {
  color: #17243d;
}

body[data-theme="light"] :is(.input, .textarea, .select) {
  background: #f8faff;
  border-color: rgba(65, 104, 180, 0.26);
  color: #0c1428;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

body[data-theme="light"] :is(.input, .textarea, .select)::placeholder {
  color: #7a879f;
}

body[data-theme="light"] :is(.input, .textarea, .select):hover {
  border-color: rgba(57, 120, 238, 0.42);
}

body[data-theme="light"] :is(.input, .textarea, .select):focus {
  background: #ffffff;
  border-color: #3978ee;
  box-shadow: 0 0 0 4px rgba(57, 120, 238, 0.14);
}

body[data-theme="light"] .input:-webkit-autofill,
body[data-theme="light"] .input:-webkit-autofill:hover,
body[data-theme="light"] .input:-webkit-autofill:focus {
  -webkit-text-fill-color: #0c1428;
  caret-color: #0c1428;
  box-shadow:
    0 0 0 1000px #f8faff inset,
    0 0 0 4px rgba(57, 120, 238, 0.14);
  transition: background-color 9999s ease-out 0s;
}

body[data-theme="light"] .field label {
  color: #52627e;
}

body[data-theme="light"] .check {
  color: #33435e;
}

body[data-theme="light"] .check__box {
  background: #f5f8ff;
  border-color: rgba(65, 104, 180, 0.38);
}

body[data-theme="light"] .check:hover .check__box {
  border-color: rgba(57, 120, 238, 0.78);
}

body[data-theme="light"] .check input:checked + .check__box {
  background: linear-gradient(135deg, #2764db, #4f8cff);
  border-color: #3978ee;
  box-shadow: 0 6px 16px rgba(39, 100, 219, 0.20);
}

body[data-theme="light"] .check input:checked + .check__box::after {
  border-color: #ffffff;
}

body[data-theme="light"] .check a,
body[data-theme="light"] .link-blue {
  color: #2764db;
}

body[data-theme="light"] .faq-item {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 248, 255, 0.99));
  border-color: rgba(65, 104, 180, 0.20);
}

body[data-theme="light"] .faq-item:hover {
  border-color: rgba(57, 120, 238, 0.38);
}

body[data-theme="light"] .faq-item[open],
body[data-theme="light"] .faq-item.is-open {
  background:
    linear-gradient(180deg, rgba(244, 248, 255, 0.99), rgba(234, 241, 255, 0.99));
  border-color: rgba(39, 100, 219, 0.58);
  box-shadow: 0 0 0 4px rgba(57, 120, 238, 0.08);
}

body[data-theme="light"] .faq-item__answer {
  color: #33435e;
}

body[data-theme="light"] .tg-banner {
  background:
    radial-gradient(420px 260px at 88% 20%, rgba(79, 140, 255, 0.16), transparent 68%),
    linear-gradient(135deg, #e8f0ff 0%, #f8faff 58%, #edf3ff 100%);
  border-color: rgba(65, 104, 180, 0.24);
  box-shadow: 0 22px 54px rgba(35, 64, 118, 0.12);
}

body[data-theme="light"] .modal-backdrop {
  background: rgba(12, 20, 40, 0.45);
}

body[data-theme="light"] .modal {
  background:
    radial-gradient(520px 260px at 50% 0%, rgba(79, 140, 255, 0.12), transparent 72%),
    #f8faff;
  border-color: rgba(65, 104, 180, 0.26);
  box-shadow:
    0 42px 90px rgba(19, 35, 69, 0.24),
    0 0 0 1px rgba(255, 255, 255, 0.7) inset;
}

body[data-theme="light"] .modal__head {
  background: color-mix(in oklab, #f8faff 94%, transparent);
  border-bottom-color: rgba(65, 104, 180, 0.16);
}

body[data-theme="light"] .modal__head h2 {
  color: #0c1428;
}

body[data-theme="light"] .modal__close {
  background: #edf3ff;
  border-color: rgba(65, 104, 180, 0.26);
  color: #263550;
}

body[data-theme="light"] .trial-modal__lede,
body[data-theme="light"] .trial-success__text {
  color: #33435e;
}

body[data-theme="light"] .trial-form > .mono-small {
  padding: 11px 13px;
  background: rgba(79, 140, 255, 0.08);
  border: 1px solid rgba(65, 104, 180, 0.18);
  border-radius: 10px;
  color: #52627e;
  line-height: 1.5;
}

body[data-theme="light"] .cookie-banner {
  background: color-mix(in oklab, #ffffff 96%, transparent);
  border-color: rgba(65, 104, 180, 0.24);
}

body[data-theme="light"] .cookie-banner__text {
  color: #33435e;
}

@media (max-width: 767px) {
  .btn,
  .btn--sm,
  .header__right .btn--sm {
    min-height: 44px;
    height: 44px;
  }

  .theme-toggle {
    min-height: 44px;
    height: 44px;
    padding-inline: 13px;
  }

  body[data-theme="dark"] .tariff__term {
    font-size: 20px;
  }

  body[data-theme="light"] .tariff__term {
    font-size: 20px;
  }

  body[data-theme="dark"] .trial-note__title,
  body[data-theme="light"] .trial-note__title {
    font-size: 19px;
  }
}