/* Inner pages — about, FAQ, contact, policies */
.pg { color: #0f1720; }
.pg a { color: #17738e; }
.pg__wrap { max-width: 1180px; margin: 0 auto; padding: 0 20px; }

.dxab__hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0;
  background: linear-gradient(180deg, #f7fcfd 0%, #eaf6f9 60%, #fff 100%);
}
.dxab__glow {
  pointer-events: none;
  position: absolute;
  width: 420px; height: 420px;
  border-radius: 50%;
  opacity: .28; filter: blur(8px);
}
.dxab__glow--a { top: -80px; right: 8%; background: radial-gradient(circle, #5fc9d6 0%, transparent 70%); }
.dxab__glow--b { bottom: -120px; left: -60px; background: radial-gradient(circle, #17738e 0%, transparent 70%); }
.dxab__hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 48px;
  align-items: center;
}
.dxab__eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 12px; border-radius: 999px;
  background: #fff; border: 1px solid #b9e0ea; color: #17738e;
  font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
}
.dxab__eyebrow i { width: 8px; height: 8px; border-radius: 50%; background: #16a34a; display: block; }
.dxab__h1 {
  margin: 18px 0 16px;
  font-size: 50px; font-weight: 900; line-height: 1.08; letter-spacing: -.03em;
}
.dxab__h1 em { font-style: normal; color: #17738e; }
.dxab__lead { color: #5b6875; font-size: 16px; line-height: 1.55; max-width: 540px; }
.dxab__lead p { margin: 0 0 12px; }
.dxab__btn {
  display: inline-flex; align-items: center; gap: 8px;
  margin-top: 8px; padding: 14px 22px;
  background: linear-gradient(135deg, #17738e 0%, #0e5468 100%);
  color: #fff !important; text-decoration: none; font-weight: 800;
  border-radius: 14px;
}
.dxab__frame {
  overflow: hidden; border-radius: 26px;
  background: #f4f5f7; border: 1px solid #e6e9ed;
}
.dxab__media { width: 100%; height: auto; display: block; }
.dxab__hero-media { position: relative; }
.dxab__badge {
  position: absolute; left: 18px; bottom: 18px;
  display: flex; align-items: center; gap: 10px;
  padding: 12px 14px; background: #fff; border: 1px solid #b9e0ea; border-radius: 18px;
  max-width: calc(100% - 36px);
}
.dxab__badge-ico {
  width: 40px; height: 40px; flex: 0 0 40px;
  display: grid; place-items: center;
  background: #eaf6f9; color: #17738e; border-radius: 999px;
}
.dxab__badge b { display: block; font-size: 14px; }
.dxab__badge i { font-style: normal; color: #5b6875; font-size: 12.5px; }
.dxab__stats-band { background: #eaf6f9; padding: 28px 0; }
.dxab__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.dxab__stat { text-align: center; }
.dxab__stat-num { display: block; font-size: 28px; font-weight: 900; color: #0e5468; }
.dxab__stat-lab { color: #4c6c78; font-size: 13.5px; }
.dxab__story { padding: 72px 0; background: #fff; }
.dxab__story-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 48px; align-items: center; }
.dxab__kicker { display: block; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #17738e; margin-bottom: 10px; }
.dxab__h2 { margin: 0 0 16px; font-size: 34px; font-weight: 900; letter-spacing: -.03em; }
.dxab__h2--center { text-align: center; }
.dxab__rt { color: #5b6875; font-size: 16px; line-height: 1.6; }
.dxab__rt p { margin: 0 0 14px; }
.dxab__values { padding: 72px 0; background: #f7fcfd; }
.dxab__center-sub { text-align: center; color: #5b6875; margin: -6px 0 32px; }
.dxab__vgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.dxab__vcard {
  position: relative; background: #fff; border: 1px solid #e6e9ed; border-radius: 18px;
  padding: 28px 22px 22px; display: flex; flex-direction: column; gap: 10px;
}
.dxab__vbar { position: absolute; left: 0; right: 0; top: 0; height: 4px; border-radius: 18px 18px 0 0; background: linear-gradient(90deg, #17738e, #5fc9d6); }
.dxab__vico {
  width: 48px; height: 48px; display: grid; place-items: center;
  background: #eaf6f9; color: #17738e; border-radius: 13px;
}
.dxab__vcard b { font-size: 18px; }
.dxab__vcard span { color: #5b6875; line-height: 1.5; }
.dxab__cta { padding: 56px 0 80px; text-align: center; background: #fff; }
.dxab__cta p { color: #5b6875; margin: 8px 0 18px; }

.dxfaq__hero {
  padding: 64px 0 28px;
  background: linear-gradient(180deg, #f7fcfd 0%, #fff 100%);
  text-align: center;
}
.dxfaq__h1 { margin: 0 0 12px; font-size: 44px; font-weight: 900; letter-spacing: -.03em; }
.dxfaq__h1 em { font-style: normal; color: #17738e; }
.dxfaq__lead { margin: 0 auto 22px; max-width: 560px; color: #5b6875; font-size: 16px; }
.dxfaq__search {
  max-width: 520px; margin: 0 auto;
  display: flex; align-items: center; gap: 10px;
  padding: 12px 16px; border: 1px solid #d7e4ea; border-radius: 14px; background: #fff;
}
.dxfaq__search input {
  flex: 1; border: 0; outline: none; font: inherit; font-size: 15px;
}
.dxfaq { padding: 12px 0 72px; }
.dxfaq__group { margin: 28px 0 8px; }
.dxfaq__h2 { margin: 0 0 12px; font-size: 22px; font-weight: 800; }
.dxfaq details {
  border: 1px solid #e6e9ed; border-radius: 14px; background: #fff;
  margin-bottom: 10px; overflow: hidden;
}
.dxfaq summary {
  cursor: pointer; list-style: none;
  padding: 16px 18px; font-weight: 700; font-size: 15.5px;
  display: flex; justify-content: space-between; gap: 12px; align-items: center;
}
.dxfaq summary::-webkit-details-marker { display: none; }
.dxfaq summary::after { content: "+"; color: #17738e; font-size: 22px; font-weight: 400; line-height: 1; }
.dxfaq details[open] summary::after { content: "–"; }
.dxfaq__a { padding: 0 18px 16px; color: #5b6875; line-height: 1.55; }
.dxfaq__a p { margin: 0 0 10px; }
.dxfaq__empty { text-align: center; color: #5b6875; padding: 24px; display: none; }
.dxfaq.is-filtered .dxfaq__empty.is-on { display: block; }
.dxfaq__foot {
  margin-top: 36px; padding: 24px; border-radius: 18px;
  background: #eaf6f9; text-align: center;
}
.dxfaq__foot a { font-weight: 800; }

.dxct__hero {
  padding: 64px 0 20px;
  background: linear-gradient(180deg, #f7fcfd 0%, #fff 100%);
}
.dxct__h1 { margin: 0 0 12px; font-size: 44px; font-weight: 900; letter-spacing: -.03em; }
.dxct__h1 em { font-style: normal; color: #17738e; }
.dxct__lead { color: #5b6875; font-size: 16px; max-width: 560px; margin: 0 0 28px; }
.dxct__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 40px; }
.dxct__card--legal strong { font-size: 16px; }
.dxct__card {
  background: #fff; border: 1px solid #e6e9ed; border-radius: 16px; padding: 20px;
}
.dxct__card b { display: block; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #17738e; margin-bottom: 8px; }
.dxct__card a, .dxct__card strong { display: block; color: #0f1720; font-size: 18px; font-weight: 800; text-decoration: none; }
.dxct__card p { margin: 8px 0 0; color: #5b6875; }
.dxct__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 32px; padding-bottom: 72px; }
.dxct form { display: grid; gap: 12px; }
.dxct label { font-size: 13px; font-weight: 700; }
.dxct input, .dxct textarea {
  width: 100%; padding: 12px 14px; border: 1px solid #d7e4ea; border-radius: 10px;
  font: inherit; background: #fff;
}
.dxct textarea { min-height: 140px; resize: vertical; }
.dxct button[type=submit] {
  justify-self: start; padding: 14px 22px; border: 0; border-radius: 14px;
  background: linear-gradient(135deg, #17738e 0%, #0e5468 100%);
  color: #fff; font-weight: 800; cursor: pointer;
}
.dxct__note { font-size: 13px; color: #5b6875; }
.dxct__ok { display: none; padding: 14px 16px; background: #eaf8ee; color: #166534; border-radius: 12px; }
.dxct.is-sent .dxct__ok { display: block; }
.dxct.is-sent form { display: none; }
.dxct__quick details { border-bottom: 1px solid #e6e9ed; padding: 12px 0; }
.dxct__quick summary { cursor: pointer; font-weight: 700; }
.dxct__quick p { margin: 8px 0 0; color: #5b6875; }

/* Shopify policy.title ("Terms of service", "Privacy policy"…) — not used */
.shopify-policy__title { display: none !important; }

.dxlg {
  padding: 32px 0 80px;
  background: #fff;
}
.dxlg__inner { max-width: 820px; margin: 0 auto; padding: 0 20px; }
.dxlg__kicker {
  display: inline-block;
  margin: 0 0 14px;
  padding: 7px 14px;
  background: #eaf6f9;
  border: 1px solid #b9e0ea;
  border-radius: 999px;
  color: #17738e;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.dxlg h1 { margin: 0 0 12px; font-size: 34px; font-weight: 900; line-height: 1.15; letter-spacing: -.03em; color: #0f1720; }
.dxlg__sub { color: #5b6875; margin: 0 0 6px; font-size: 16.5px; font-weight: 500; }
.dxlg__date {
  color: #5b6875;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .04em;
  margin: 0 0 26px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e9ed;
}
.dxlg__brief {
  background: #eaf6f9;
  border: 1px solid #b9e0ea;
  border-left: 4px solid #17738e;
  border-radius: 14px;
  padding: 18px 20px;
  margin-bottom: 20px;
}
.dxlg__brief b { display: block; margin-bottom: 6px; color: #0e5468; font-size: 14px; }
.dxlg h2 { margin: 34px 0 12px; font-size: 20px; font-weight: 900; letter-spacing: -.02em; }
.dxlg p, .dxlg li { color: #3d4652; line-height: 1.65; font-size: 15.5px; }
.dxlg ul, .dxlg ol { padding-left: 20px; }
.dxlg .dxlg__row {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 14px 0;
}
.dxlg .dxlg__box {
  background: #f7fcfd; border: 1px solid #e6e9ed; border-radius: 12px; padding: 14px 16px;
}
.dxlg .dxlg__box b { display: block; margin-bottom: 4px; }
.dxlg .dxlg__box span { color: #5b6875; }
.dxlg__warn { background: #fff6e8; border: 1px solid #f0d9a8; border-radius: 12px; padding: 14px 16px; }
.dxlg__contact {
  margin-top: 40px; padding: 22px; border-radius: 16px; background: #12212f; color: #fff;
}
.dxlg__contact h2 { color: #fff; margin-top: 0; }
.dxlg__contact p, .dxlg__contact a { color: #d3e2e9; }
.dxlg table { width: 100%; border-collapse: collapse; margin: 12px 0 20px; }
.dxlg td { padding: 10px 0; border-bottom: 1px solid #e6e9ed; vertical-align: top; }
.dxlg td:first-child { font-weight: 700; width: 42%; padding-right: 16px; }
.dxlg__rekv { list-style: none; padding: 0; margin: 0 0 24px; }
.dxlg__rekv li { padding: 6px 0; border-bottom: 1px solid #e6e9ed; color: #3d4652; line-height: 1.55; font-size: 15.5px; }
.dxlg__rekv li:last-child { border-bottom: 0; }

@media (max-width: 989px) {
  .dxab__h1 { font-size: 36px; }
  .dxab__hero-grid, .dxab__story-grid, .dxab__vgrid, .dxct__cards, .dxct__grid, .dxab__stats { grid-template-columns: 1fr; }
  .dxfaq__h1, .dxct__h1, .dxlg h1 { font-size: 32px; }
  .dxlg .dxlg__row { grid-template-columns: 1fr; }
  .dxab__badge { position: static; margin-top: 12px; }
}