.dnai-products {
  --dnai-products-blue: #1269e6;
  --dnai-products-blue-dark: #0b4ea2;
  --dnai-products-ink: #10233f;
  --dnai-products-muted: #5f7189;
  --dnai-products-line: #d8e4f2;
  --dnai-products-soft: #f4f8fd;
  --dnai-products-gold: #f3c85a;
  overflow: hidden;
  background: #fff;
  color: var(--dnai-products-ink);
}

.dnai-products *,
.dnai-products *::before,
.dnai-products *::after,
.dnai-account-products *,
.dnai-account-products *::before,
.dnai-account-products *::after { box-sizing: border-box; }

.dnai-products__shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.dnai-products__hero { padding: 44px 0 64px; background: linear-gradient(135deg, #f7fbff 0%, #eaf3ff 58%, #f7f9fc 100%); border-bottom: 1px solid var(--dnai-products-line); }
.dnai-products__hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); gap: 52px; align-items: center; }
.dnai-products__eyebrow { margin: 0 0 10px; color: var(--dnai-products-blue); font-size: 12px; font-weight: 800; letter-spacing: .11em; }
.dnai-products h1 { max-width: 780px; margin: 0; color: #0c1d36; font-size: clamp(36px, 5vw, 62px); line-height: 1.08; letter-spacing: -.035em; }
.dnai-products h2 { margin: 0; color: #10233f; font-size: clamp(27px, 3.4vw, 40px); line-height: 1.17; letter-spacing: -.025em; }
.dnai-products h3 { margin: 0; color: #142d4d; font-size: 22px; line-height: 1.25; }
.dnai-products__lead { max-width: 760px; margin: 22px 0 0; color: #415a78; font-size: clamp(17px, 2vw, 20px); line-height: 1.7; }
.dnai-products__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.dnai-products__button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 11px 18px; border: 1px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 750; line-height: 1.25; text-decoration: none; transition: transform .16s ease, box-shadow .16s ease, background .16s ease; }
.dnai-products__button:hover { transform: translateY(-1px); }
.dnai-products__button:focus-visible { outline: 3px solid rgba(18,105,230,.28); outline-offset: 3px; }
.dnai-products__button.is-primary { background: var(--dnai-products-blue); color: #fff; box-shadow: 0 9px 22px rgba(18,105,230,.2); }
.dnai-products__button.is-primary:hover { background: var(--dnai-products-blue-dark); color: #fff; }
.dnai-products__button.is-secondary { border-color: #afc6e3; background: #fff; color: #164f90; }
.dnai-products__button.is-light { background: #fff; color: #104f9c; }
.dnai-products__button.is-outline-light { border-color: rgba(255,255,255,.6); color: #fff; }
.dnai-products__breadcrumbs { margin-bottom: 30px; }
.dnai-products__breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; color: #62748b; font-size: 13px; }
.dnai-products__breadcrumbs li:not(:last-child)::after { content: '›'; margin-left: 7px; color: #8fa0b5; }
.dnai-products__breadcrumbs li { margin: 0; padding-left: 0; }
.dnai-products__breadcrumbs li::before { content: none; }
.dnai-products__breadcrumbs a { color: #365f91; text-decoration: none; }
.dnai-products__hero-visual { position: relative; min-height: 330px; border: 1px solid #bad2ed; border-radius: 30px; background: radial-gradient(circle at 22% 28%, rgba(51,132,245,.23), transparent 32%), radial-gradient(circle at 78% 70%, rgba(243,200,90,.25), transparent 30%), #fff; box-shadow: 0 22px 60px rgba(31,75,126,.14); }
.dnai-products__hero-visual::before { content: ''; position: absolute; inset: 23% 17%; border-left: 3px solid #7ab3fa; border-bottom: 3px solid #7ab3fa; transform: skewY(-18deg); opacity: .65; }
.dnai-products__hero-visual i { position: absolute; inset: 50% 45%; width: 34px; height: 3px; background: #7d93ae; }
.dnai-products__hero-visual span { position: absolute; display: grid; width: 98px; height: 98px; place-items: center; border-radius: 24px; color: #fff; font-size: 29px; font-style: normal; font-weight: 850; box-shadow: 0 15px 32px rgba(20,71,133,.2); }
.dnai-products__hero-visual .is-chart { top: 18%; left: 14%; background: linear-gradient(145deg,#0e74ed,#0c4fae); }
.dnai-products__hero-visual .is-chat { right: 14%; bottom: 17%; background: linear-gradient(145deg,#123b70,#081f3e); }
.dnai-products__preview-image { display: block; width: 100%; height: auto; border: 1px solid #bcd2ea; border-radius: 22px; background: #eef5fd; box-shadow: 0 20px 48px rgba(24,68,119,.15); }

.dnai-products__section { padding: 78px 0; scroll-margin-top: 86px; }
.dnai-products__section--soft { background: var(--dnai-products-soft); border-block: 1px solid #e1eaf5; }
.dnai-products__section-head { max-width: 820px; margin-bottom: 34px; }
.dnai-products__section-head > p:last-child { margin: 14px 0 0; color: var(--dnai-products-muted); font-size: 16px; line-height: 1.65; }
.dnai-products__product-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.dnai-products__product-card { position: relative; min-width: 0; padding: 34px; border: 1px solid var(--dnai-products-line); border-radius: 24px; background: #fff; box-shadow: 0 12px 38px rgba(23,60,102,.08); }
.dnai-products__product-card.is-indicator { border-top: 5px solid var(--dnai-products-blue); }
.dnai-products__product-card.is-assistant { border-top: 5px solid #183f72; }
.dnai-products__product-icon { display: grid; width: 54px; height: 54px; place-items: center; margin-bottom: 20px; border-radius: 15px; background: #eaf3ff; color: #135cb6; font-size: 20px; font-weight: 850; }
.dnai-products__product-card.is-assistant .dnai-products__product-icon { background: #e9eef6; color: #173f70; }
.dnai-products__product-card > p { min-height: 54px; margin: 12px 0 18px; color: var(--dnai-products-muted); line-height: 1.6; }
.dnai-products ul { margin: 0; padding: 0; list-style: none; }
.dnai-products li { position: relative; margin: 9px 0; padding-left: 22px; color: #334e6d; line-height: 1.52; }
.dnai-products li::before { content: '✓'; position: absolute; left: 0; color: #1471d9; font-weight: 850; }
.dnai-products__product-card .dnai-products__button { margin-top: 22px; }
.dnai-products__selector { position: sticky; top: 0; z-index: 20; border-block: 1px solid var(--dnai-products-line); background: rgba(255,255,255,.94); backdrop-filter: blur(10px); }
.dnai-products__selector .dnai-products__shell { display: flex; justify-content: center; gap: 8px; padding-block: 10px; overflow-x: auto; scrollbar-width: none; }
.dnai-products__selector a { flex: 0 0 auto; padding: 9px 16px; border-radius: 999px; color: #315676; font-size: 13px; font-weight: 750; text-decoration: none; white-space: nowrap; }
.dnai-products__selector a:hover,.dnai-products__selector a:focus-visible { background: #eaf3ff; color: #0e61c8; outline: none; }

.dnai-products__plan-grid { display: grid; gap: 22px; }
.dnai-products__plan-grid.is-two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.dnai-products__plan-grid.is-three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.dnai-products__plan { position: relative; display: flex; min-width: 0; flex-direction: column; padding: 30px; border: 1px solid var(--dnai-products-line); border-radius: 21px; background: #fff; box-shadow: 0 10px 30px rgba(24,65,111,.07); }
.dnai-products__plan.is-popular { border: 2px solid #2676db; box-shadow: 0 15px 42px rgba(30,102,194,.14); }
.dnai-products__popular { position: absolute; top: -14px; right: 20px; padding: 6px 11px; border-radius: 999px; background: #0e66d4; color: #fff; font-size: 11px; font-weight: 800; }
.dnai-products__plan > p { min-height: 50px; margin: 12px 0 0; color: var(--dnai-products-muted); line-height: 1.55; }
.dnai-products__price { margin: 22px 0; color: #0c4f9f; font-size: clamp(24px,3vw,34px); font-weight: 850; line-height: 1.2; }
.dnai-products__price small { display: block; margin-top: 6px; color: #718299; font-size: 12px; font-weight: 550; }
.dnai-products__plan ul { flex: 1; }
.dnai-products__plan .dnai-products__button { width: 100%; margin-top: 23px; }
.dnai-products__center-link { margin: 26px 0 0; text-align: center; }
.dnai-products__center-link a { color: #0c61ca; font-weight: 750; text-decoration: none; }

.dnai-products__combo { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(270px,.6fr); gap: 44px; align-items: center; padding: 42px; border-radius: 28px; background: linear-gradient(135deg,#082b57,#0b57a8 62%,#126ee0); color: #fff; box-shadow: 0 20px 52px rgba(10,63,124,.2); }
.dnai-products__combo h2,.dnai-products__combo li { color: #fff; }
.dnai-products__combo p { color: #d9e9fb; line-height: 1.65; }
.dnai-products__combo li::before { color: #ffe39a; }
.dnai-products__combo-action { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 25px; border: 1px solid rgba(255,255,255,.22); border-radius: 20px; background: rgba(255,255,255,.1); }
.dnai-products__combo-action strong { font-size: 22px; }
.dnai-products__combo-action span { color: #dbeaff; font-size: 13px; line-height: 1.5; }
.dnai-products__combo-action .dnai-products__button { width: 100%; margin-top: 10px; }

.dnai-products__table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--dnai-products-line); border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(21,59,103,.06); }
.dnai-products__table { width: 100%; min-width: 680px; border-collapse: separate; border-spacing: 0; }
.dnai-products__table th,.dnai-products__table td { padding: 15px 17px; border-bottom: 1px solid #e3ebf5; color: #304b69; font-size: 14px; line-height: 1.45; text-align: left; vertical-align: top; }
.dnai-products__table thead th { position: sticky; top: 0; z-index: 2; background: #eaf3ff; color: #123e74; font-size: 13px; }
.dnai-products__table tbody th { width: 34%; background: #f9fbfe; color: #193b61; font-weight: 750; }
.dnai-products__table tr:last-child th,.dnai-products__table tr:last-child td { border-bottom: 0; }
.dnai-products__comparison-note { margin: 22px 0 0; padding: 18px 22px; border-left: 4px solid var(--dnai-products-blue); border-radius: 8px; background: #edf5ff; color: #21496f; font-weight: 700; line-height: 1.55; }
.dnai-products__feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.dnai-products__feature-grid article { padding: 25px; border: 1px solid var(--dnai-products-line); border-radius: 18px; background: #fff; }
.dnai-products__feature-grid h2 { font-size: 22px; }
.dnai-products__feature-grid p { margin: 12px 0 0; color: var(--dnai-products-muted); line-height: 1.6; }

.dnai-products__faq-list { display: grid; gap: 10px; }
.dnai-products__faq details { border: 1px solid var(--dnai-products-line); border-radius: 14px; background: #fff; }
.dnai-products__faq summary { position: relative; padding: 18px 48px 18px 20px; color: #173c66; font-weight: 750; cursor: pointer; list-style: none; }
.dnai-products__faq summary::-webkit-details-marker { display: none; }
.dnai-products__faq summary::after { content: '+'; position: absolute; top: 14px; right: 19px; color: #1465c8; font-size: 24px; }
.dnai-products__faq details[open] summary::after { content: '−'; }
.dnai-products__faq details p { margin: 0; padding: 0 20px 19px; color: var(--dnai-products-muted); line-height: 1.65; }
.dnai-products__cross-sell { padding: 48px 0; border-block: 1px solid #dce8f5; background: #eef6ff; }
.dnai-products__cross-sell .dnai-products__shell { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.dnai-products__cross-sell h2 { font-size: 30px; }
.dnai-products__cross-sell p:not(.dnai-products__eyebrow) { max-width: 760px; margin: 10px 0 0; color: #526b86; line-height: 1.6; }
.dnai-products__final { padding: 62px 0; background: linear-gradient(135deg,#08294f,#0a57ad); color: #fff; text-align: center; }
.dnai-products__final h2 { max-width: 780px; margin-inline: auto; color: #fff; }
.dnai-products__final .dnai-products__actions { justify-content: center; }
.dnai-products__disclaimer { padding: 21px 0; border-top: 1px solid #dce5ef; background: #f6f8fb; }
.dnai-products__disclaimer p { max-width: 980px; margin: 0 auto; color: #69798d; font-size: 12px; line-height: 1.6; text-align: center; }

.dnai-account-products { margin: 22px 0; padding: 22px; border: 1px solid #d8e4f2; border-radius: 16px; background: #f7faff; }
.dnai-account-products h3 { margin: 0 0 14px; color: #163d68; }
.dnai-account-products > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.dnai-account-products article { display: flex; min-width: 0; flex-direction: column; gap: 5px; padding: 15px; border: 1px solid #dae6f3; border-radius: 12px; background: #fff; }
.dnai-account-products span,.dnai-account-products small { color: #667990; font-size: 12px; }
.dnai-account-products strong { color: #123f73; }
.dnai-account-products p { margin: 14px 0 0; }

@media (max-width: 900px) {
  .dnai-products__hero-grid,.dnai-products__combo { grid-template-columns: 1fr; }
  .dnai-products__hero-visual { min-height: 280px; }
  .dnai-products__plan-grid.is-three { grid-template-columns: 1fr; }
  .dnai-products__feature-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .dnai-products__shell { width: min(100% - 24px, 1180px); }
  .dnai-products__hero { padding: 24px 0 42px; }
  .dnai-products h1 { font-size: clamp(32px,9.6vw,45px); }
  .dnai-products__lead { font-size: 16px; line-height: 1.62; }
  .dnai-products__section { padding: 52px 0; }
  .dnai-products__product-grid,.dnai-products__plan-grid.is-two { grid-template-columns: 1fr; }
  .dnai-products__product-card,.dnai-products__plan { padding: 24px; }
  .dnai-products__product-card > p,.dnai-products__plan > p { min-height: 0; }
  .dnai-products__selector .dnai-products__shell { justify-content: flex-start; }
  .dnai-products__combo { gap: 26px; padding: 26px; }
  .dnai-products__cross-sell .dnai-products__shell { align-items: flex-start; flex-direction: column; }
  .dnai-products__actions .dnai-products__button { width: 100%; }
  .dnai-products__table { min-width: 620px; }
  .dnai-products__table th,.dnai-products__table td { padding: 13px 14px; font-size: 13px; }
  .dnai-products__table thead th:first-child,.dnai-products__table tbody th { position: sticky; left: 0; z-index: 3; width: 180px; min-width: 180px; box-shadow: 7px 0 12px rgba(19,54,92,.06); }
  .dnai-products__table thead th:first-child { z-index: 4; }
}

@media (max-width: 430px) {
  .dnai-products__hero-grid { gap: 32px; }
  .dnai-products__hero-visual { min-height: 230px; border-radius: 22px; }
  .dnai-products__hero-visual span { width: 76px; height: 76px; border-radius: 19px; font-size: 22px; }
  .dnai-products__breadcrumbs { margin-bottom: 20px; }
  .dnai-products__section-head { margin-bottom: 25px; }
  .dnai-products__product-card,.dnai-products__plan { border-radius: 18px; }
  .dnai-products__preview-image { border-radius: 16px; }
  .dnai-account-products > div { grid-template-columns: 1fr; }
}

@media (max-width: 340px) {
  .dnai-product-pricing-route .dn-home-logo { width: 180px; flex-basis: 180px; }
  .dnai-product-pricing-route .dn-home-logo__copy,
  .dnai-product-pricing-route .dn-home-logo__copy small { width: 131px; }
  .dnai-products__shell { width: min(100% - 18px, 1180px); }
  .dnai-products__product-card,.dnai-products__plan,.dnai-products__combo { padding: 20px; }
  .dnai-products__selector a { padding-inline: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .dnai-products__button { transition: none; }
}