:root {
  --svd-navy: #07182d;
  --svd-navy-2: #0b2442;
  --svd-black: #05070a;
  --svd-white: #ffffff;
  --svd-light: #f4f7fb;
  --svd-border: #d9e2ec;
  --svd-text: #111827;
  --svd-muted: #475569;
  --svd-soft: #d8e0ea;
}

/* BASIS */
.svd-page {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: var(--svd-white);
  color: var(--svd-text);
  font-family: inherit;
  overflow-x: hidden;
}

.svd-page * {
  box-sizing: border-box;
}

.svd-container {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* TOP BAR */
.svd-topbar {
  background: var(--svd-black);
  color: var(--svd-white);
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.svd-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
}

.svd-topbar strong {
  display: block;
  font-size: 15px;
  font-weight: 900;
}

.svd-topbar span {
  color: #b8c2d1;
  font-size: 13px;
}

.svd-topbar-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.svd-topbar-links a {
  color: var(--svd-white) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
}

/* HERO */
.svd-hero {
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.13), transparent 32%),
    linear-gradient(135deg, var(--svd-navy) 0%, var(--svd-black) 100%);
  padding: 100px 0 90px;
  color: var(--svd-white);
}

.svd-hero-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 64px;
  align-items: center;
}

.svd-eyebrow,
.svd-eyebrow-dark {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.svd-eyebrow {
  color: #dbeafe;
}

.svd-eyebrow-dark {
  color: var(--svd-navy);
}

.svd-hero h1 {
  margin: 0;
  color: var(--svd-white);
  font-size: clamp(42px, 6vw, 74px);
  line-height: 1.02;
  letter-spacing: -2px;
  font-weight: 900;
}

.svd-hero p {
  margin: 26px 0 0;
  color: var(--svd-soft);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.7;
  max-width: 740px;
}

.svd-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
}

.svd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 900;
  transition: all 0.22s ease;
  border: 1px solid transparent;
}

.svd-btn-white {
  background: var(--svd-white);
  color: var(--svd-navy) !important;
  border-color: var(--svd-white);
}

.svd-btn-white:hover {
  background: #e8eef5;
  color: var(--svd-navy) !important;
  transform: translateY(-2px);
}

.svd-btn-dark {
  background: var(--svd-black);
  color: var(--svd-white) !important;
  border-color: rgba(255,255,255,0.18);
}

.svd-btn-dark:hover {
  background: #111827;
  color: var(--svd-white) !important;
  transform: translateY(-2px);
}

.svd-btn-outline {
  background: transparent;
  color: var(--svd-white) !important;
  border-color: rgba(255,255,255,0.45);
}

.svd-btn-outline:hover {
  background: rgba(255,255,255,0.10);
  color: var(--svd-white) !important;
  border-color: var(--svd-white);
  transform: translateY(-2px);
}

.svd-hero-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.svd-hero-mini span {
  padding: 9px 13px;
  border-radius: 999px;
  color: #dbeafe;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  font-size: 14px;
  font-weight: 700;
}

/* CALLBACK BOX */
.svd-callback-box {
  background: var(--svd-white);
  color: var(--svd-text);
  border-radius: 24px;
  padding: 36px;
  box-shadow: 0 30px 90px rgba(0,0,0,0.32);
}

.svd-callback-box h2 {
  margin: 0;
  color: var(--svd-navy);
  font-size: 34px;
  line-height: 1.12;
  font-weight: 900;
}

.svd-callback-box p {
  color: var(--svd-muted);
  font-size: 16px;
  line-height: 1.7;
  margin: 14px 0 24px;
}

.svd-callback-actions {
  display: grid;
  gap: 12px;
}

.svd-callback-actions a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 900;
}

.svd-callback-call {
  background: var(--svd-navy);
  color: var(--svd-white) !important;
}

.svd-callback-wa {
  background: var(--svd-black);
  color: var(--svd-white) !important;
}

.svd-callback-form {
  background: var(--svd-light);
  color: var(--svd-navy) !important;
  border: 1px solid var(--svd-border);
}

.svd-callback-box small {
  display: block;
  margin-top: 16px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

/* CERT BAR */
.svd-certbar {
  background: var(--svd-white);
  border-bottom: 1px solid var(--svd-border);
  padding: 26px 0;
}

.svd-certgrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.svd-certgrid div {
  border-left: 3px solid var(--svd-navy);
  padding-left: 16px;
}

.svd-certgrid strong {
  display: block;
  color: var(--svd-navy);
  font-size: 15px;
  margin-bottom: 4px;
}

.svd-certgrid span {
  color: var(--svd-muted);
  font-size: 14px;
}

/* SECTIONS */
.svd-section {
  padding: 90px 0;
}

.svd-light {
  background: var(--svd-light);
}

.svd-white {
  background: var(--svd-white);
}

.svd-navy {
  background: var(--svd-navy);
  color: var(--svd-white);
}

.svd-section-head {
  max-width: 820px;
  margin-bottom: 46px;
}

.svd-section-head.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.svd-section-head h2,
.svd-text-block h2,
.svd-rights-box h2,
.svd-navy h2,
.svd-final h2 {
  margin: 0;
  color: var(--svd-navy);
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.08;
  letter-spacing: -1.4px;
  font-weight: 900;
}

.svd-navy h2,
.svd-final h2 {
  color: var(--svd-white);
}

.svd-section-head p,
.svd-text-block p,
.svd-rights-box p {
  color: var(--svd-muted);
  font-size: 17px;
  line-height: 1.75;
}

/* MAIN CARDS */
.svd-maincards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.svd-maincard {
  background: var(--svd-white);
  border: 1px solid var(--svd-border);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 22px 60px rgba(15,23,42,0.10);
  transition: all 0.24s ease;
}

.svd-maincard:hover {
  transform: translateY(-5px);
  box-shadow: 0 30px 80px rgba(15,23,42,0.16);
}

.svd-card-image {
  height: 280px;
  background-size: cover;
  background-position: center;
}

.svd-img-accident {
  background:
    linear-gradient(rgba(7,24,45,0.10), rgba(7,24,45,0.10)),
    url("https://kfz-gutachter-oleik.de/wp-content/uploads/2026/07/P1020575.jpg");
  background-size: cover;
  background-position: center 45%;
  background-repeat: no-repeat;
}

.svd-img-axis {
  background:
    linear-gradient(rgba(7,24,45,0.06), rgba(7,24,45,0.06)),
    url("https://kfz-gutachter-oleik.de/wp-content/uploads/2026/07/20250722_141950_IMG_1231.jpg");
  background-size: cover, contain;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-color: #07182d;
}

.svd-img-value {
  background:
    linear-gradient(rgba(7,24,45,0.10), rgba(7,24,45,0.10)),
    url("https://kfz-gutachter-oleik.de/wp-content/uploads/2026/07/20251008_1244531.jpg");
  background-size: cover;
  background-position: center 45%;
  background-repeat: no-repeat;
}

.svd-card-body {
  padding: 30px;
}

.svd-card-body h3 {
  margin: 0 0 12px;
  color: var(--svd-navy);
  font-size: 26px;
  font-weight: 900;
}

.svd-card-body p {
  color: var(--svd-muted);
  font-size: 16px;
  line-height: 1.7;
}

.svd-card-body a {
  color: var(--svd-navy) !important;
  text-decoration: none !important;
  font-weight: 900;
}

/* SPLIT */
.svd-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

.svd-link-btn {
  display: inline-flex;
  margin-top: 20px;
  min-height: 50px;
  padding: 0 22px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--svd-navy);
  color: var(--svd-white) !important;
  text-decoration: none !important;
  font-weight: 900;
}

.svd-info-panel {
  background: var(--svd-light);
  border: 1px solid var(--svd-border);
  border-radius: 24px;
  padding: 36px;
}

.svd-info-panel h3 {
  color: var(--svd-navy);
  font-size: 30px;
  margin: 0 0 12px;
}

.svd-info-panel p {
  color: var(--svd-muted);
  line-height: 1.7;
}

.svd-info-list {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.svd-info-list span,
.svd-checklist div {
  background: var(--svd-white);
  border: 1px solid var(--svd-border);
  border-radius: 14px;
  padding: 16px;
  color: var(--svd-navy);
  font-weight: 800;
}

/* NAVY CHECKLIST */
.svd-navy p {
  color: var(--svd-soft);
}

.svd-checklist {
  display: grid;
  gap: 12px;
}

.svd-checklist div {
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.14);
  color: var(--svd-white);
}

/* RIGHTS */
.svd-rights-box {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 60px;
  background: var(--svd-light);
  border: 1px solid var(--svd-border);
  border-radius: 28px;
  padding: 50px;
}

/* WHY */
.svd-why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.svd-why-item {
  background: var(--svd-white);
  border: 1px solid var(--svd-border);
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 18px 46px rgba(15,23,42,0.07);
}

.svd-why-item strong {
  display: inline-flex;
  width: 44px;
  height: 44px;
  background: var(--svd-navy);
  color: var(--svd-white);
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin-bottom: 20px;
}

.svd-why-item h3 {
  color: var(--svd-navy);
  font-size: 22px;
  margin: 0 0 10px;
}

.svd-why-item p {
  color: var(--svd-muted);
  line-height: 1.7;
}

/* GUIDE */
.svd-guide-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.svd-guide-grid article {
  background: var(--svd-light);
  border: 1px solid var(--svd-border);
  border-radius: 20px;
  padding: 30px;
}

.svd-guide-grid h3 {
  color: var(--svd-navy);
  font-size: 24px;
  margin: 0 0 12px;
}

.svd-guide-grid p {
  color: var(--svd-muted);
  line-height: 1.7;
}

.svd-guide-grid a {
  color: var(--svd-navy) !important;
  font-weight: 900;
  text-decoration: none !important;
}

/* FINAL */
.svd-final {
  background: var(--svd-black);
  color: var(--svd-white);
  padding: 92px 0;
}

.svd-final-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
}

.svd-final p {
  color: var(--svd-soft);
  font-size: 18px;
  line-height: 1.7;
}

.svd-final-card {
  background: var(--svd-white);
  border-radius: 24px;
  padding: 36px;
  display: grid;
  gap: 14px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.28);
}

.svd-final-card a,
.svd-final-card span {
  color: var(--svd-navy) !important;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: 900;
}

.svd-final-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .svd-hero-grid,
  .svd-split,
  .svd-rights-box,
  .svd-final-grid {
    grid-template-columns: 1fr;
  }

  .svd-certgrid,
  .svd-why-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .svd-maincards,
  .svd-guide-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .svd-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .svd-topbar-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .svd-topbar-links {
    flex-direction: column;
    gap: 8px;
  }

  .svd-hero {
    padding: 72px 0 58px;
  }

  .svd-hero h1 {
    font-size: 39px;
    letter-spacing: -1px;
  }

  .svd-hero-buttons,
  .svd-final-card div {
    flex-direction: column;
  }

  .svd-btn {
    width: 100%;
  }

  .svd-callback-box,
  .svd-rights-box {
    padding: 28px;
  }

  .svd-certgrid,
  .svd-why-grid {
    grid-template-columns: 1fr;
  }

  .svd-section {
    padding: 68px 0;
  }
}

:root {
  --svu-navy: #07182d;
  --svu-navy-2: #0b2442;
  --svu-black: #05070a;
  --svu-white: #ffffff;
  --svu-light: #f4f7fb;
  --svu-border: #d9e2ec;
  --svu-text: #111827;
  --svu-muted: #475569;
  --svu-soft: #d8e0ea;
}

/* BASIS */
.svu-page {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: var(--svu-white);
  color: var(--svu-text);
  font-family: inherit;
  overflow-x: hidden;
}

.svu-page * {
  box-sizing: border-box;
}

.svu-container {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* TOPBAR */
.svu-topbar {
  background: var(--svu-black);
  color: var(--svu-white);
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.svu-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
}

.svu-topbar strong {
  display: block;
  font-size: 15px;
  font-weight: 900;
}

.svu-topbar span {
  color: #b8c2d1;
  font-size: 13px;
}

.svu-topbar-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.svu-topbar-links a {
  color: var(--svu-white) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
}

/* HERO */
.svu-hero {
  position: relative;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.13), transparent 32%),
    linear-gradient(135deg, var(--svu-navy) 0%, var(--svu-black) 100%);
  padding: 104px 0 92px;
  color: var(--svu-white);
  overflow: hidden;
}

.svu-hero::before {
  content: "";
  position: absolute;
  right: -150px;
  top: -150px;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.12);
}

.svu-hero::after {
  content: "";
  position: absolute;
  left: -220px;
  bottom: -240px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: rgba(255,255,255,0.035);
}

.svu-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 64px;
  align-items: center;
}

.svu-eyebrow,
.svu-eyebrow-dark {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.svu-eyebrow {
  color: #dbeafe;
}

.svu-eyebrow-dark {
  color: var(--svu-navy);
}

.svu-hero h1 {
  margin: 0;
  color: var(--svu-white);
  font-size: clamp(42px, 6vw, 74px);
  line-height: 1.02;
  letter-spacing: -2px;
  font-weight: 900;
}

.svu-hero p {
  margin: 26px 0 0;
  color: var(--svu-soft);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.7;
  max-width: 760px;
}

.svu-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
}

.svu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 900;
  transition: all 0.22s ease;
  border: 1px solid transparent;
}

.svu-btn-white {
  background: var(--svu-white);
  color: var(--svu-navy) !important;
  border-color: var(--svu-white);
}

.svu-btn-white:hover {
  background: #e8eef5;
  color: var(--svu-navy) !important;
  transform: translateY(-2px);
}

.svu-btn-dark {
  background: var(--svu-black);
  color: var(--svu-white) !important;
  border-color: rgba(255,255,255,0.18);
}

.svu-btn-dark:hover {
  background: #111827;
  color: var(--svu-white) !important;
  transform: translateY(-2px);
}

.svu-btn-outline {
  background: transparent;
  color: var(--svu-white) !important;
  border-color: rgba(255,255,255,0.45);
}

.svu-btn-outline:hover {
  background: rgba(255,255,255,0.1);
  color: var(--svu-white) !important;
  border-color: var(--svu-white);
  transform: translateY(-2px);
}

.svu-hero-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.svu-hero-mini span {
  padding: 9px 13px;
  border-radius: 999px;
  color: #dbeafe;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  font-size: 14px;
  font-weight: 700;
}

/* QUICK BOX */
.svu-quick-box {
  background: var(--svu-white);
  color: var(--svu-text);
  border-radius: 24px;
  padding: 36px;
  box-shadow: 0 30px 90px rgba(0,0,0,0.32);
}

.svu-quick-box h2 {
  margin: 0;
  color: var(--svu-navy);
  font-size: 36px;
  line-height: 1.1;
  font-weight: 900;
}

.svu-quick-box p {
  color: var(--svu-muted);
  font-size: 16px;
  line-height: 1.7;
  margin: 14px 0 24px;
}

.svu-quick-list {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
}

.svu-quick-list div {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--svu-light);
  border: 1px solid var(--svu-border);
  border-radius: 14px;
  padding: 14px;
}

.svu-quick-list strong {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: var(--svu-navy);
  color: var(--svu-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.svu-quick-list span {
  color: var(--svu-navy);
  font-weight: 850;
}

.svu-quick-main,
.svu-quick-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 900;
  margin-top: 12px;
}

.svu-quick-main {
  background: var(--svu-navy);
  color: var(--svu-white) !important;
}

.svu-quick-secondary {
  background: var(--svu-black);
  color: var(--svu-white) !important;
}

/* INFOBAR */
.svu-infobar {
  background: var(--svu-white);
  border-bottom: 1px solid var(--svu-border);
  padding: 26px 0;
}

.svu-infobar-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.svu-infobar-grid div {
  border-left: 3px solid var(--svu-navy);
  padding-left: 16px;
}

.svu-infobar-grid strong {
  display: block;
  color: var(--svu-navy);
  font-size: 15px;
  margin-bottom: 4px;
}

.svu-infobar-grid span {
  color: var(--svu-muted);
  font-size: 14px;
}

/* SECTIONS */
.svu-section {
  padding: 90px 0;
}

.svu-white {
  background: var(--svu-white);
}

.svu-light {
  background: var(--svu-light);
}

.svu-navy {
  background: var(--svu-navy);
  color: var(--svu-white);
}

.svu-section-head {
  max-width: 830px;
  margin-bottom: 46px;
}

.svu-section-head.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.svu-section-head h2,
.svu-text-block h2,
.svu-rights-box h2,
.svu-navy h2,
.svu-final h2 {
  margin: 0;
  color: var(--svu-navy);
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.08;
  letter-spacing: -1.4px;
  font-weight: 900;
}

.svu-navy h2,
.svu-final h2 {
  color: var(--svu-white);
}

.svu-section-head p,
.svu-text-block p,
.svu-rights-box p {
  color: var(--svu-muted);
  font-size: 17px;
  line-height: 1.75;
}

.svu-navy p {
  color: var(--svu-soft);
  font-size: 17px;
  line-height: 1.75;
}

/* SPLIT */
.svu-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

.svu-link-btn {
  display: inline-flex;
  margin-top: 20px;
  min-height: 50px;
  padding: 0 22px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--svu-navy);
  color: var(--svu-white) !important;
  text-decoration: none !important;
  font-weight: 900;
}

/* HIGHLIGHT */
.svu-highlight-card {
  background: var(--svu-light);
  border: 1px solid var(--svu-border);
  border-radius: 24px;
  padding: 36px;
}

.svu-highlight-card h3 {
  margin: 0 0 14px;
  color: var(--svu-navy);
  font-size: 32px;
  line-height: 1.1;
  font-weight: 900;
}

.svu-highlight-card p {
  color: var(--svu-muted);
  line-height: 1.7;
}

.svu-highlight-list {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.svu-highlight-list span {
  background: var(--svu-white);
  border: 1px solid var(--svu-border);
  border-radius: 14px;
  padding: 16px;
  color: var(--svu-navy);
  font-weight: 850;
}

/* CARDS */
.svu-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.svu-info-card {
  background: var(--svu-white);
  border: 1px solid var(--svu-border);
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 18px 46px rgba(15,23,42,0.07);
  transition: all 0.22s ease;
}

.svu-info-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 26px 70px rgba(15,23,42,0.14);
}

.svu-info-card strong {
  display: inline-flex;
  width: 44px;
  height: 44px;
  background: var(--svu-navy);
  color: var(--svu-white);
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin-bottom: 20px;
}

.svu-info-card h3 {
  margin: 0 0 12px;
  color: var(--svu-navy);
  font-size: 24px;
  font-weight: 900;
}

.svu-info-card p {
  margin: 0;
  color: var(--svu-muted);
  line-height: 1.7;
}

/* DARK CHECKLIST */
.svu-dark-checklist {
  display: grid;
  gap: 12px;
}

.svu-dark-checklist div {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  padding: 16px;
  color: var(--svu-white);
  font-weight: 850;
}

/* PROCESS */
.svu-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.svu-process-item {
  background: var(--svu-white);
  border: 1px solid var(--svu-border);
  border-radius: 18px;
  padding: 28px 22px;
  box-shadow: 0 14px 38px rgba(15,23,42,0.06);
}

.svu-process-item div {
  width: 46px;
  height: 46px;
  background: var(--svu-navy);
  color: var(--svu-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  margin-bottom: 20px;
}

.svu-process-item h3 {
  margin: 0 0 10px;
  color: var(--svu-navy);
  font-size: 21px;
  font-weight: 900;
}

.svu-process-item p {
  margin: 0;
  color: var(--svu-muted);
  line-height: 1.65;
}

/* COMPARE */
.svu-compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.svu-compare-card {
  background: var(--svu-white);
  border: 1px solid var(--svu-border);
  border-radius: 24px;
  padding: 36px;
}

.svu-compare-dark {
  background: var(--svu-navy);
  color: var(--svu-white);
}

.svu-compare-card h3 {
  margin: 0 0 20px;
  color: var(--svu-navy);
  font-size: 30px;
  font-weight: 900;
}

.svu-compare-dark h3 {
  color: var(--svu-white);
}

.svu-compare-card ul {
  margin: 0;
  padding-left: 20px;
}

.svu-compare-card li {
  color: var(--svu-muted);
  margin-bottom: 12px;
  line-height: 1.7;
}

.svu-compare-dark li {
  color: var(--svu-soft);
}

/* RIGHTS */
.svu-rights-box {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 60px;
  background: var(--svu-light);
  border: 1px solid var(--svu-border);
  border-radius: 28px;
  padding: 50px;
}

/* FAQ */
.svu-faq {
  max-width: 920px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

.svu-faq details {
  background: var(--svu-white);
  border: 1px solid var(--svu-border);
  border-radius: 18px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 12px 34px rgba(15,23,42,0.06);
}

.svu-faq summary {
  cursor: pointer;
  list-style: none;
  padding: 22px 26px;
  color: var(--svu-navy);
  font-size: 18px;
  font-weight: 900;
}

.svu-faq summary::-webkit-details-marker {
  display: none;
}

.svu-faq summary::after {
  content: "+";
  float: right;
  font-size: 24px;
  line-height: 1;
}

.svu-faq details[open] summary::after {
  content: "–";
}

.svu-faq p {
  margin: 0;
  padding: 0 26px 24px;
  color: var(--svu-muted);
  line-height: 1.7;
}

/* FINAL */
.svu-final {
  background: var(--svu-black);
  color: var(--svu-white);
  padding: 92px 0;
}

.svu-final-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
}

.svu-final p {
  color: var(--svu-soft);
  font-size: 18px;
  line-height: 1.7;
}

.svu-final-card {
  background: var(--svu-white);
  border-radius: 24px;
  padding: 36px;
  display: grid;
  gap: 14px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.28);
}

.svu-final-card a,
.svu-final-card span {
  color: var(--svu-navy) !important;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: 900;
}

.svu-final-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .svu-hero-grid,
  .svu-split,
  .svu-rights-box,
  .svu-final-grid,
  .svu-compare-grid {
    grid-template-columns: 1fr;
  }

  .svu-infobar-grid,
  .svu-process-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .svu-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  .svu-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .svu-topbar-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .svu-topbar-links {
    flex-direction: column;
    gap: 8px;
  }

  .svu-hero {
    padding: 72px 0 58px;
  }

  .svu-hero h1 {
    font-size: 39px;
    letter-spacing: -1px;
  }

  .svu-hero-buttons,
  .svu-final-card div {
    flex-direction: column;
  }

  .svu-btn {
    width: 100%;
  }

  .svu-quick-box,
  .svu-highlight-card,
  .svu-rights-box,
  .svu-compare-card {
    padding: 28px;
  }

  .svu-infobar-grid,
  .svu-card-grid,
  .svu-process-grid {
    grid-template-columns: 1fr;
  }

  .svu-section {
    padding: 68px 0;
  }

  .svu-final {
    padding: 74px 0;
  }
}

:root {
  --sva-navy: #07182d;
  --sva-navy-2: #0b2442;
  --sva-black: #05070a;
  --sva-white: #ffffff;
  --sva-light: #f4f7fb;
  --sva-border: #d9e2ec;
  --sva-text: #111827;
  --sva-muted: #475569;
  --sva-soft: #d8e0ea;
}

/* BASIS */
.sva-page {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: var(--sva-white);
  color: var(--sva-text);
  font-family: inherit;
  overflow-x: hidden;
}

.sva-page * {
  box-sizing: border-box;
}

.sva-container {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* TOPBAR */
.sva-topbar {
  background: var(--sva-black);
  color: var(--sva-white);
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.sva-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
}

.sva-topbar strong {
  display: block;
  font-size: 15px;
  font-weight: 900;
}

.sva-topbar span {
  color: #b8c2d1;
  font-size: 13px;
}

.sva-topbar-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.sva-topbar-links a {
  color: var(--sva-white) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
}

/* HERO */
.sva-hero {
  position: relative;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.13), transparent 32%),
    linear-gradient(135deg, var(--sva-navy) 0%, var(--sva-black) 100%);
  padding: 104px 0 92px;
  color: var(--sva-white);
  overflow: hidden;
}

.sva-hero::before {
  content: "";
  position: absolute;
  right: -150px;
  top: -150px;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.12);
}

.sva-hero::after {
  content: "";
  position: absolute;
  left: -220px;
  bottom: -240px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: rgba(255,255,255,0.035);
}

.sva-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 64px;
  align-items: center;
}

.sva-eyebrow,
.sva-eyebrow-dark {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.sva-eyebrow {
  color: #dbeafe;
}

.sva-eyebrow-dark {
  color: var(--sva-navy);
}

.sva-hero h1 {
  margin: 0;
  color: var(--sva-white);
  font-size: clamp(42px, 6vw, 74px);
  line-height: 1.02;
  letter-spacing: -2px;
  font-weight: 900;
}

.sva-hero p {
  margin: 26px 0 0;
  color: var(--sva-soft);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.7;
  max-width: 760px;
}

.sva-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
}

.sva-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 900;
  transition: all 0.22s ease;
  border: 1px solid transparent;
}

.sva-btn-white {
  background: var(--sva-white);
  color: var(--sva-navy) !important;
  border-color: var(--sva-white);
}

.sva-btn-white:hover {
  background: #e8eef5;
  color: var(--sva-navy) !important;
  transform: translateY(-2px);
}

.sva-btn-dark {
  background: var(--sva-black);
  color: var(--sva-white) !important;
  border-color: rgba(255,255,255,0.18);
}

.sva-btn-dark:hover {
  background: #111827;
  color: var(--sva-white) !important;
  transform: translateY(-2px);
}

.sva-btn-outline {
  background: transparent;
  color: var(--sva-white) !important;
  border-color: rgba(255,255,255,0.45);
}

.sva-btn-outline:hover {
  background: rgba(255,255,255,0.1);
  color: var(--sva-white) !important;
  border-color: var(--sva-white);
  transform: translateY(-2px);
}

.sva-hero-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.sva-hero-mini span {
  padding: 9px 13px;
  border-radius: 999px;
  color: #dbeafe;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  font-size: 14px;
  font-weight: 700;
}

/* QUICK BOX */
.sva-quick-box {
  background: var(--sva-white);
  color: var(--sva-text);
  border-radius: 24px;
  padding: 36px;
  box-shadow: 0 30px 90px rgba(0,0,0,0.32);
}

.sva-quick-box h2 {
  margin: 0;
  color: var(--sva-navy);
  font-size: 36px;
  line-height: 1.1;
  font-weight: 900;
}

.sva-quick-box p {
  color: var(--sva-muted);
  font-size: 16px;
  line-height: 1.7;
  margin: 14px 0 24px;
}

.sva-quick-list {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
}

.sva-quick-list div {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--sva-light);
  border: 1px solid var(--sva-border);
  border-radius: 14px;
  padding: 14px;
}

.sva-quick-list strong {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: var(--sva-navy);
  color: var(--sva-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sva-quick-list span {
  color: var(--sva-navy);
  font-weight: 850;
}

.sva-quick-main,
.sva-quick-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 900;
  margin-top: 12px;
}

.sva-quick-main {
  background: var(--sva-navy);
  color: var(--sva-white) !important;
}

.sva-quick-secondary {
  background: var(--sva-black);
  color: var(--sva-white) !important;
}

/* INFOBAR */
.sva-infobar {
  background: var(--sva-white);
  border-bottom: 1px solid var(--sva-border);
  padding: 26px 0;
}

.sva-infobar-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.sva-infobar-grid div {
  border-left: 3px solid var(--sva-navy);
  padding-left: 16px;
}

.sva-infobar-grid strong {
  display: block;
  color: var(--sva-navy);
  font-size: 15px;
  margin-bottom: 4px;
}

.sva-infobar-grid span {
  color: var(--sva-muted);
  font-size: 14px;
}

/* SECTIONS */
.sva-section {
  padding: 90px 0;
}

.sva-white {
  background: var(--sva-white);
}

.sva-light {
  background: var(--sva-light);
}

.sva-navy {
  background: var(--sva-navy);
  color: var(--sva-white);
}

.sva-section-head {
  max-width: 830px;
  margin-bottom: 46px;
}

.sva-section-head.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.sva-section-head h2,
.sva-text-block h2,
.sva-navy h2,
.sva-final h2 {
  margin: 0;
  color: var(--sva-navy);
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.08;
  letter-spacing: -1.4px;
  font-weight: 900;
}

.sva-navy h2,
.sva-final h2 {
  color: var(--sva-white);
}

.sva-section-head p,
.sva-text-block p {
  color: var(--sva-muted);
  font-size: 17px;
  line-height: 1.75;
}

.sva-navy p {
  color: var(--sva-soft);
  font-size: 17px;
  line-height: 1.75;
}

/* SPLIT */
.sva-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

.sva-link-btn {
  display: inline-flex;
  margin-top: 20px;
  min-height: 50px;
  padding: 0 22px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--sva-navy);
  color: var(--sva-white) !important;
  text-decoration: none !important;
  font-weight: 900;
}

/* HIGHLIGHT */
.sva-highlight-card {
  background: var(--sva-light);
  border: 1px solid var(--sva-border);
  border-radius: 24px;
  padding: 36px;
}

.sva-highlight-card h3 {
  margin: 0 0 14px;
  color: var(--sva-navy);
  font-size: 32px;
  line-height: 1.1;
  font-weight: 900;
}

.sva-highlight-card p {
  color: var(--sva-muted);
  line-height: 1.7;
}

.sva-highlight-list {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.sva-highlight-list span {
  background: var(--sva-white);
  border: 1px solid var(--sva-border);
  border-radius: 14px;
  padding: 16px;
  color: var(--sva-navy);
  font-weight: 850;
}

/* CARDS */
.sva-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.sva-info-card {
  background: var(--sva-white);
  border: 1px solid var(--sva-border);
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 18px 46px rgba(15,23,42,0.07);
  transition: all 0.22s ease;
}

.sva-info-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 26px 70px rgba(15,23,42,0.14);
}

.sva-info-card strong {
  display: inline-flex;
  width: 44px;
  height: 44px;
  background: var(--sva-navy);
  color: var(--sva-white);
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin-bottom: 20px;
}

.sva-info-card h3 {
  margin: 0 0 12px;
  color: var(--sva-navy);
  font-size: 24px;
  font-weight: 900;
}

.sva-info-card p {
  margin: 0;
  color: var(--sva-muted);
  line-height: 1.7;
}

/* DARK CHECKLIST */
.sva-dark-checklist {
  display: grid;
  gap: 12px;
}

.sva-dark-checklist div {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  padding: 16px;
  color: var(--sva-white);
  font-weight: 850;
}

/* PROCESS */
.sva-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.sva-process-item {
  background: var(--sva-white);
  border: 1px solid var(--sva-border);
  border-radius: 18px;
  padding: 28px 22px;
  box-shadow: 0 14px 38px rgba(15,23,42,0.06);
}

.sva-process-item div {
  width: 46px;
  height: 46px;
  background: var(--sva-navy);
  color: var(--sva-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  margin-bottom: 20px;
}

.sva-process-item h3 {
  margin: 0 0 10px;
  color: var(--sva-navy);
  font-size: 21px;
  font-weight: 900;
}

.sva-process-item p {
  margin: 0;
  color: var(--sva-muted);
  line-height: 1.65;
}

/* COMPARE */
.sva-compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.sva-compare-card {
  background: var(--sva-white);
  border: 1px solid var(--sva-border);
  border-radius: 24px;
  padding: 36px;
}

.sva-compare-dark {
  background: var(--sva-navy);
  color: var(--sva-white);
}

.sva-compare-card h3 {
  margin: 0 0 20px;
  color: var(--sva-navy);
  font-size: 30px;
  font-weight: 900;
}

.sva-compare-dark h3 {
  color: var(--sva-white);
}

.sva-compare-card ul {
  margin: 0;
  padding-left: 20px;
}

.sva-compare-card li {
  color: var(--sva-muted);
  margin-bottom: 12px;
  line-height: 1.7;
}

.sva-compare-dark li {
  color: var(--sva-soft);
}

/* BENEFITS */
.sva-benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.sva-benefit-item {
  background: var(--sva-white);
  border: 1px solid var(--sva-border);
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 18px 46px rgba(15,23,42,0.07);
}

.sva-benefit-item strong {
  display: inline-flex;
  width: 44px;
  height: 44px;
  background: var(--sva-navy);
  color: var(--sva-white);
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin-bottom: 20px;
}

.sva-benefit-item h3 {
  color: var(--sva-navy);
  font-size: 22px;
  margin: 0 0 10px;
  font-weight: 900;
}

.sva-benefit-item p {
  color: var(--sva-muted);
  line-height: 1.7;
}

/* FAQ */
.sva-faq {
  max-width: 920px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

.sva-faq details {
  background: var(--sva-white);
  border: 1px solid var(--sva-border);
  border-radius: 18px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 12px 34px rgba(15,23,42,0.06);
}

.sva-faq summary {
  cursor: pointer;
  list-style: none;
  padding: 22px 26px;
  color: var(--sva-navy);
  font-size: 18px;
  font-weight: 900;
}

.sva-faq summary::-webkit-details-marker {
  display: none;
}

.sva-faq summary::after {
  content: "+";
  float: right;
  font-size: 24px;
  line-height: 1;
}

.sva-faq details[open] summary::after {
  content: "–";
}

.sva-faq p {
  margin: 0;
  padding: 0 26px 24px;
  color: var(--sva-muted);
  line-height: 1.7;
}

/* FINAL */
.sva-final {
  background: var(--sva-black);
  color: var(--sva-white);
  padding: 92px 0;
}

.sva-final-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
}

.sva-final p {
  color: var(--sva-soft);
  font-size: 18px;
  line-height: 1.7;
}

.sva-final-card {
  background: var(--sva-white);
  border-radius: 24px;
  padding: 36px;
  display: grid;
  gap: 14px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.28);
}

.sva-final-card a,
.sva-final-card span {
  color: var(--sva-navy) !important;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: 900;
}

.sva-final-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .sva-hero-grid,
  .sva-split,
  .sva-final-grid,
  .sva-compare-grid {
    grid-template-columns: 1fr;
  }

  .sva-infobar-grid,
  .sva-process-grid,
  .sva-benefit-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sva-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  .sva-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .sva-topbar-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .sva-topbar-links {
    flex-direction: column;
    gap: 8px;
  }

  .sva-hero {
    padding: 72px 0 58px;
  }

  .sva-hero h1 {
    font-size: 39px;
    letter-spacing: -1px;
  }

  .sva-hero-buttons,
  .sva-final-card div {
    flex-direction: column;
  }

  .sva-btn {
    width: 100%;
  }

  .sva-quick-box,
  .sva-highlight-card,
  .sva-compare-card {
    padding: 28px;
  }

  .sva-infobar-grid,
  .sva-card-grid,
  .sva-process-grid,
  .sva-benefit-grid {
    grid-template-columns: 1fr;
  }

  .sva-section {
    padding: 68px 0;
  }

  .sva-final {
    padding: 74px 0;
  }
}

:root {
  --svb-navy: #07182d;
  --svb-navy-2: #0b2442;
  --svb-black: #05070a;
  --svb-white: #ffffff;
  --svb-light: #f4f7fb;
  --svb-border: #d9e2ec;
  --svb-text: #111827;
  --svb-muted: #475569;
  --svb-soft: #d8e0ea;
}

/* BASIS */
.svb-page {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: var(--svb-white);
  color: var(--svb-text);
  font-family: inherit;
  overflow-x: hidden;
}

.svb-page * {
  box-sizing: border-box;
}

.svb-container {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* TOPBAR */
.svb-topbar {
  background: var(--svb-black);
  color: var(--svb-white);
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.svb-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
}

.svb-topbar strong {
  display: block;
  font-size: 15px;
  font-weight: 900;
}

.svb-topbar span {
  color: #b8c2d1;
  font-size: 13px;
}

.svb-topbar-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.svb-topbar-links a {
  color: var(--svb-white) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
}

/* HERO */
.svb-hero {
  position: relative;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.13), transparent 32%),
    linear-gradient(135deg, var(--svb-navy) 0%, var(--svb-black) 100%);
  padding: 104px 0 92px;
  color: var(--svb-white);
  overflow: hidden;
}

.svb-hero::before {
  content: "";
  position: absolute;
  right: -150px;
  top: -150px;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.12);
}

.svb-hero::after {
  content: "";
  position: absolute;
  left: -220px;
  bottom: -240px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: rgba(255,255,255,0.035);
}

.svb-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 64px;
  align-items: center;
}

.svb-eyebrow,
.svb-eyebrow-dark {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.svb-eyebrow {
  color: #dbeafe;
}

.svb-eyebrow-dark {
  color: var(--svb-navy);
}

.svb-hero h1 {
  margin: 0;
  color: var(--svb-white);
  font-size: clamp(42px, 6vw, 74px);
  line-height: 1.02;
  letter-spacing: -2px;
  font-weight: 900;
}

.svb-hero p {
  margin: 26px 0 0;
  color: var(--svb-soft);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.7;
  max-width: 760px;
}

.svb-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
}

.svb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 900;
  transition: all 0.22s ease;
  border: 1px solid transparent;
}

.svb-btn-white {
  background: var(--svb-white);
  color: var(--svb-navy) !important;
  border-color: var(--svb-white);
}

.svb-btn-white:hover {
  background: #e8eef5;
  color: var(--svb-navy) !important;
  transform: translateY(-2px);
}

.svb-btn-dark {
  background: var(--svb-black);
  color: var(--svb-white) !important;
  border-color: rgba(255,255,255,0.18);
}

.svb-btn-dark:hover {
  background: #111827;
  color: var(--svb-white) !important;
  transform: translateY(-2px);
}

.svb-btn-outline {
  background: transparent;
  color: var(--svb-white) !important;
  border-color: rgba(255,255,255,0.45);
}

.svb-btn-outline:hover {
  background: rgba(255,255,255,0.1);
  color: var(--svb-white) !important;
  border-color: var(--svb-white);
  transform: translateY(-2px);
}

.svb-hero-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.svb-hero-mini span {
  padding: 9px 13px;
  border-radius: 999px;
  color: #dbeafe;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  font-size: 14px;
  font-weight: 700;
}

/* QUICK BOX */
.svb-quick-box {
  background: var(--svb-white);
  color: var(--svb-text);
  border-radius: 24px;
  padding: 36px;
  box-shadow: 0 30px 90px rgba(0,0,0,0.32);
}

.svb-quick-box h2 {
  margin: 0;
  color: var(--svb-navy);
  font-size: 36px;
  line-height: 1.1;
  font-weight: 900;
}

.svb-quick-box p {
  color: var(--svb-muted);
  font-size: 16px;
  line-height: 1.7;
  margin: 14px 0 24px;
}

.svb-quick-list {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
}

.svb-quick-list div {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--svb-light);
  border: 1px solid var(--svb-border);
  border-radius: 14px;
  padding: 14px;
}

.svb-quick-list strong {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: var(--svb-navy);
  color: var(--svb-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.svb-quick-list span {
  color: var(--svb-navy);
  font-weight: 850;
}

.svb-quick-main,
.svb-quick-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 900;
  margin-top: 12px;
}

.svb-quick-main {
  background: var(--svb-navy);
  color: var(--svb-white) !important;
}

.svb-quick-secondary {
  background: var(--svb-black);
  color: var(--svb-white) !important;
}

/* INFOBAR */
.svb-infobar {
  background: var(--svb-white);
  border-bottom: 1px solid var(--svb-border);
  padding: 26px 0;
}

.svb-infobar-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.svb-infobar-grid div {
  border-left: 3px solid var(--svb-navy);
  padding-left: 16px;
}

.svb-infobar-grid strong {
  display: block;
  color: var(--svb-navy);
  font-size: 15px;
  margin-bottom: 4px;
}

.svb-infobar-grid span {
  color: var(--svb-muted);
  font-size: 14px;
}

/* SECTIONS */
.svb-section {
  padding: 90px 0;
}

.svb-white {
  background: var(--svb-white);
}

.svb-light {
  background: var(--svb-light);
}

.svb-navy {
  background: var(--svb-navy);
  color: var(--svb-white);
}

.svb-section-head {
  max-width: 830px;
  margin-bottom: 46px;
}

.svb-section-head.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.svb-section-head h2,
.svb-text-block h2,
.svb-navy h2,
.svb-final h2 {
  margin: 0;
  color: var(--svb-navy);
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.08;
  letter-spacing: -1.4px;
  font-weight: 900;
}

.svb-navy h2,
.svb-final h2 {
  color: var(--svb-white);
}

.svb-section-head p,
.svb-text-block p {
  color: var(--svb-muted);
  font-size: 17px;
  line-height: 1.75;
}

.svb-navy p {
  color: var(--svb-soft);
  font-size: 17px;
  line-height: 1.75;
}

/* SPLIT */
.svb-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

.svb-link-btn {
  display: inline-flex;
  margin-top: 20px;
  min-height: 50px;
  padding: 0 22px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--svb-navy);
  color: var(--svb-white) !important;
  text-decoration: none !important;
  font-weight: 900;
}

/* HIGHLIGHT */
.svb-highlight-card {
  background: var(--svb-light);
  border: 1px solid var(--svb-border);
  border-radius: 24px;
  padding: 36px;
}

.svb-highlight-card h3 {
  margin: 0 0 14px;
  color: var(--svb-navy);
  font-size: 32px;
  line-height: 1.1;
  font-weight: 900;
}

.svb-highlight-card p {
  color: var(--svb-muted);
  line-height: 1.7;
}

.svb-highlight-list {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.svb-highlight-list span {
  background: var(--svb-white);
  border: 1px solid var(--svb-border);
  border-radius: 14px;
  padding: 16px;
  color: var(--svb-navy);
  font-weight: 850;
}

/* CARDS */
.svb-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.svb-info-card {
  background: var(--svb-white);
  border: 1px solid var(--svb-border);
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 18px 46px rgba(15,23,42,0.07);
  transition: all 0.22s ease;
}

.svb-info-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 26px 70px rgba(15,23,42,0.14);
}

.svb-info-card strong {
  display: inline-flex;
  width: 44px;
  height: 44px;
  background: var(--svb-navy);
  color: var(--svb-white);
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin-bottom: 20px;
}

.svb-info-card h3 {
  margin: 0 0 12px;
  color: var(--svb-navy);
  font-size: 24px;
  font-weight: 900;
}

.svb-info-card p {
  margin: 0;
  color: var(--svb-muted);
  line-height: 1.7;
}

/* DARK CHECKLIST */
.svb-dark-checklist {
  display: grid;
  gap: 12px;
}

.svb-dark-checklist div {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  padding: 16px;
  color: var(--svb-white);
  font-weight: 850;
}

/* PROCESS */
.svb-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.svb-process-item {
  background: var(--svb-white);
  border: 1px solid var(--svb-border);
  border-radius: 18px;
  padding: 28px 22px;
  box-shadow: 0 14px 38px rgba(15,23,42,0.06);
}

.svb-process-item div {
  width: 46px;
  height: 46px;
  background: var(--svb-navy);
  color: var(--svb-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  margin-bottom: 20px;
}

.svb-process-item h3 {
  margin: 0 0 10px;
  color: var(--svb-navy);
  font-size: 21px;
  font-weight: 900;
}

.svb-process-item p {
  margin: 0;
  color: var(--svb-muted);
  line-height: 1.65;
}

/* COMPARE */
.svb-compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.svb-compare-card {
  background: var(--svb-white);
  border: 1px solid var(--svb-border);
  border-radius: 24px;
  padding: 36px;
}

.svb-compare-dark {
  background: var(--svb-navy);
  color: var(--svb-white);
}

.svb-compare-card h3 {
  margin: 0 0 20px;
  color: var(--svb-navy);
  font-size: 30px;
  font-weight: 900;
}

.svb-compare-dark h3 {
  color: var(--svb-white);
}

.svb-compare-card ul {
  margin: 0;
  padding-left: 20px;
}

.svb-compare-card li {
  color: var(--svb-muted);
  margin-bottom: 12px;
  line-height: 1.7;
}

.svb-compare-dark li {
  color: var(--svb-soft);
}

/* BENEFITS */
.svb-benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.svb-benefit-item {
  background: var(--svb-white);
  border: 1px solid var(--svb-border);
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 18px 46px rgba(15,23,42,0.07);
}

.svb-benefit-item strong {
  display: inline-flex;
  width: 44px;
  height: 44px;
  background: var(--svb-navy);
  color: var(--svb-white);
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin-bottom: 20px;
}

.svb-benefit-item h3 {
  color: var(--svb-navy);
  font-size: 22px;
  margin: 0 0 10px;
  font-weight: 900;
}

.svb-benefit-item p {
  color: var(--svb-muted);
  line-height: 1.7;
}

/* FAQ */
.svb-faq {
  max-width: 920px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

.svb-faq details {
  background: var(--svb-white);
  border: 1px solid var(--svb-border);
  border-radius: 18px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 12px 34px rgba(15,23,42,0.06);
}

.svb-faq summary {
  cursor: pointer;
  list-style: none;
  padding: 22px 26px;
  color: var(--svb-navy);
  font-size: 18px;
  font-weight: 900;
}

.svb-faq summary::-webkit-details-marker {
  display: none;
}

.svb-faq summary::after {
  content: "+";
  float: right;
  font-size: 24px;
  line-height: 1;
}

.svb-faq details[open] summary::after {
  content: "–";
}

.svb-faq p {
  margin: 0;
  padding: 0 26px 24px;
  color: var(--svb-muted);
  line-height: 1.7;
}

/* FINAL */
.svb-final {
  background: var(--svb-black);
  color: var(--svb-white);
  padding: 92px 0;
}

.svb-final-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
}

.svb-final p {
  color: var(--svb-soft);
  font-size: 18px;
  line-height: 1.7;
}

.svb-final-card {
  background: var(--svb-white);
  border-radius: 24px;
  padding: 36px;
  display: grid;
  gap: 14px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.28);
}

.svb-final-card a,
.svb-final-card span {
  color: var(--svb-navy) !important;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: 900;
}

.svb-final-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .svb-hero-grid,
  .svb-split,
  .svb-final-grid,
  .svb-compare-grid {
    grid-template-columns: 1fr;
  }

  .svb-infobar-grid,
  .svb-process-grid,
  .svb-benefit-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .svb-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  .svb-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .svb-topbar-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .svb-topbar-links {
    flex-direction: column;
    gap: 8px;
  }

  .svb-hero {
    padding: 72px 0 58px;
  }

  .svb-hero h1 {
    font-size: 39px;
    letter-spacing: -1px;
  }

  .svb-hero-buttons,
  .svb-final-card div {
    flex-direction: column;
  }

  .svb-btn {
    width: 100%;
  }

  .svb-quick-box,
  .svb-highlight-card,
  .svb-compare-card {
    padding: 28px;
  }

  .svb-infobar-grid,
  .svb-card-grid,
  .svb-process-grid,
  .svb-benefit-grid {
    grid-template-columns: 1fr;
  }

  .svb-section {
    padding: 68px 0;
  }

  .svb-final {
    padding: 74px 0;
  }
}

:root {
  --svr-navy: #07182d;
  --svr-navy-2: #0b2442;
  --svr-black: #05070a;
  --svr-white: #ffffff;
  --svr-light: #f4f7fb;
  --svr-border: #d9e2ec;
  --svr-text: #111827;
  --svr-muted: #475569;
  --svr-soft: #d8e0ea;
}

/* BASIS */
.svr-page {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: var(--svr-white);
  color: var(--svr-text);
  font-family: inherit;
  overflow-x: hidden;
}

.svr-page * {
  box-sizing: border-box;
}

.svr-container {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* TOPBAR */
.svr-topbar {
  background: var(--svr-black);
  color: var(--svr-white);
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.svr-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
}

.svr-topbar strong {
  display: block;
  font-size: 15px;
  font-weight: 900;
}

.svr-topbar span {
  color: #b8c2d1;
  font-size: 13px;
}

.svr-topbar-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.svr-topbar-links a {
  color: var(--svr-white) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
}

/* HERO */
.svr-hero {
  position: relative;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.13), transparent 32%),
    linear-gradient(135deg, var(--svr-navy) 0%, var(--svr-black) 100%);
  padding: 104px 0 92px;
  color: var(--svr-white);
  overflow: hidden;
}

.svr-hero::before {
  content: "";
  position: absolute;
  right: -150px;
  top: -150px;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.12);
}

.svr-hero::after {
  content: "";
  position: absolute;
  left: -220px;
  bottom: -240px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: rgba(255,255,255,0.035);
}

.svr-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 64px;
  align-items: center;
}

.svr-eyebrow,
.svr-eyebrow-dark {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.svr-eyebrow {
  color: #dbeafe;
}

.svr-eyebrow-dark {
  color: var(--svr-navy);
}

.svr-hero h1 {
  margin: 0;
  color: var(--svr-white);
  font-size: clamp(42px, 6vw, 74px);
  line-height: 1.02;
  letter-spacing: -2px;
  font-weight: 900;
}

.svr-hero p {
  margin: 26px 0 0;
  color: var(--svr-soft);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.7;
  max-width: 760px;
}

.svr-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
}

.svr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 900;
  transition: all 0.22s ease;
  border: 1px solid transparent;
}

.svr-btn-white {
  background: var(--svr-white);
  color: var(--svr-navy) !important;
  border-color: var(--svr-white);
}

.svr-btn-white:hover {
  background: #e8eef5;
  color: var(--svr-navy) !important;
  transform: translateY(-2px);
}

.svr-btn-dark {
  background: var(--svr-black);
  color: var(--svr-white) !important;
  border-color: rgba(255,255,255,0.18);
}

.svr-btn-dark:hover {
  background: #111827;
  color: var(--svr-white) !important;
  transform: translateY(-2px);
}

.svr-btn-outline {
  background: transparent;
  color: var(--svr-white) !important;
  border-color: rgba(255,255,255,0.45);
}

.svr-btn-outline:hover {
  background: rgba(255,255,255,0.1);
  color: var(--svr-white) !important;
  border-color: var(--svr-white);
  transform: translateY(-2px);
}

.svr-hero-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.svr-hero-mini span {
  padding: 9px 13px;
  border-radius: 999px;
  color: #dbeafe;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  font-size: 14px;
  font-weight: 700;
}

/* QUICK BOX */
.svr-quick-box {
  background: var(--svr-white);
  color: var(--svr-text);
  border-radius: 24px;
  padding: 36px;
  box-shadow: 0 30px 90px rgba(0,0,0,0.32);
}

.svr-quick-box h2 {
  margin: 0;
  color: var(--svr-navy);
  font-size: 36px;
  line-height: 1.1;
  font-weight: 900;
}

.svr-quick-box p {
  color: var(--svr-muted);
  font-size: 16px;
  line-height: 1.7;
  margin: 14px 0 24px;
}

.svr-quick-list {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
}

.svr-quick-list div {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--svr-light);
  border: 1px solid var(--svr-border);
  border-radius: 14px;
  padding: 14px;
}

.svr-quick-list strong {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: var(--svr-navy);
  color: var(--svr-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.svr-quick-list span {
  color: var(--svr-navy);
  font-weight: 850;
}

.svr-quick-main,
.svr-quick-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 900;
  margin-top: 12px;
}

.svr-quick-main {
  background: var(--svr-navy);
  color: var(--svr-white) !important;
}

.svr-quick-secondary {
  background: var(--svr-black);
  color: var(--svr-white) !important;
}

/* INFOBAR */
.svr-infobar {
  background: var(--svr-white);
  border-bottom: 1px solid var(--svr-border);
  padding: 26px 0;
}

.svr-infobar-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.svr-infobar-grid div {
  border-left: 3px solid var(--svr-navy);
  padding-left: 16px;
}

.svr-infobar-grid strong {
  display: block;
  color: var(--svr-navy);
  font-size: 15px;
  margin-bottom: 4px;
}

.svr-infobar-grid span {
  color: var(--svr-muted);
  font-size: 14px;
}

/* SECTIONS */
.svr-section {
  padding: 90px 0;
}

.svr-white {
  background: var(--svr-white);
}

.svr-light {
  background: var(--svr-light);
}

.svr-navy {
  background: var(--svr-navy);
  color: var(--svr-white);
}

.svr-section-head {
  max-width: 830px;
  margin-bottom: 46px;
}

.svr-section-head.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.svr-section-head h2,
.svr-text-block h2,
.svr-cost-box h2,
.svr-navy h2,
.svr-final h2 {
  margin: 0;
  color: var(--svr-navy);
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.08;
  letter-spacing: -1.4px;
  font-weight: 900;
}

.svr-navy h2,
.svr-final h2 {
  color: var(--svr-white);
}

.svr-section-head p,
.svr-text-block p,
.svr-cost-box p {
  color: var(--svr-muted);
  font-size: 17px;
  line-height: 1.75;
}

.svr-navy p {
  color: var(--svr-soft);
  font-size: 17px;
  line-height: 1.75;
}

/* SPLIT */
.svr-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

.svr-link-btn {
  display: inline-flex;
  margin-top: 20px;
  min-height: 50px;
  padding: 0 22px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--svr-navy);
  color: var(--svr-white) !important;
  text-decoration: none !important;
  font-weight: 900;
}

/* HIGHLIGHT */
.svr-highlight-card {
  background: var(--svr-light);
  border: 1px solid var(--svr-border);
  border-radius: 24px;
  padding: 36px;
}

.svr-highlight-card h3 {
  margin: 0 0 14px;
  color: var(--svr-navy);
  font-size: 32px;
  line-height: 1.1;
  font-weight: 900;
}

.svr-highlight-card p {
  color: var(--svr-muted);
  line-height: 1.7;
}

.svr-highlight-list {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.svr-highlight-list span {
  background: var(--svr-white);
  border: 1px solid var(--svr-border);
  border-radius: 14px;
  padding: 16px;
  color: var(--svr-navy);
  font-weight: 850;
}

/* CARDS */
.svr-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.svr-info-card {
  background: var(--svr-white);
  border: 1px solid var(--svr-border);
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 18px 46px rgba(15,23,42,0.07);
  transition: all 0.22s ease;
}

.svr-info-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 26px 70px rgba(15,23,42,0.14);
}

.svr-info-card strong {
  display: inline-flex;
  width: 44px;
  height: 44px;
  background: var(--svr-navy);
  color: var(--svr-white);
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin-bottom: 20px;
}

.svr-info-card h3 {
  margin: 0 0 12px;
  color: var(--svr-navy);
  font-size: 24px;
  font-weight: 900;
}

.svr-info-card p {
  margin: 0;
  color: var(--svr-muted);
  line-height: 1.7;
}

/* DARK CHECKLIST */
.svr-dark-checklist {
  display: grid;
  gap: 12px;
}

.svr-dark-checklist div {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  padding: 16px;
  color: var(--svr-white);
  font-weight: 850;
}

/* COST BOX */
.svr-cost-box {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 60px;
  background: var(--svr-light);
  border: 1px solid var(--svr-border);
  border-radius: 28px;
  padding: 50px;
}

/* PROCESS */
.svr-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.svr-process-item {
  background: var(--svr-white);
  border: 1px solid var(--svr-border);
  border-radius: 18px;
  padding: 28px 22px;
  box-shadow: 0 14px 38px rgba(15,23,42,0.06);
}

.svr-process-item div {
  width: 46px;
  height: 46px;
  background: var(--svr-navy);
  color: var(--svr-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  margin-bottom: 20px;
}

.svr-process-item h3 {
  margin: 0 0 10px;
  color: var(--svr-navy);
  font-size: 21px;
  font-weight: 900;
}

.svr-process-item p {
  margin: 0;
  color: var(--svr-muted);
  line-height: 1.65;
}

/* COMPARE */
.svr-compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.svr-compare-card {
  background: var(--svr-light);
  border: 1px solid var(--svr-border);
  border-radius: 24px;
  padding: 36px;
}

.svr-compare-dark {
  background: var(--svr-navy);
  color: var(--svr-white);
}

.svr-compare-card h3 {
  margin: 0 0 20px;
  color: var(--svr-navy);
  font-size: 30px;
  font-weight: 900;
}

.svr-compare-dark h3 {
  color: var(--svr-white);
}

.svr-compare-card ul {
  margin: 0;
  padding-left: 20px;
}

.svr-compare-card li {
  color: var(--svr-muted);
  margin-bottom: 12px;
  line-height: 1.7;
}

.svr-compare-dark li {
  color: var(--svr-soft);
}

/* BENEFITS */
.svr-benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.svr-benefit-item {
  background: var(--svr-white);
  border: 1px solid var(--svr-border);
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 18px 46px rgba(15,23,42,0.07);
}

.svr-benefit-item strong {
  display: inline-flex;
  width: 44px;
  height: 44px;
  background: var(--svr-navy);
  color: var(--svr-white);
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin-bottom: 20px;
}

.svr-benefit-item h3 {
  color: var(--svr-navy);
  font-size: 22px;
  margin: 0 0 10px;
  font-weight: 900;
}

.svr-benefit-item p {
  color: var(--svr-muted);
  line-height: 1.7;
}

/* FAQ */
.svr-faq {
  max-width: 920px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

.svr-faq details {
  background: var(--svr-white);
  border: 1px solid var(--svr-border);
  border-radius: 18px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 12px 34px rgba(15,23,42,0.06);
}

.svr-faq summary {
  cursor: pointer;
  list-style: none;
  padding: 22px 26px;
  color: var(--svr-navy);
  font-size: 18px;
  font-weight: 900;
}

.svr-faq summary::-webkit-details-marker {
  display: none;
}

.svr-faq summary::after {
  content: "+";
  float: right;
  font-size: 24px;
  line-height: 1;
}

.svr-faq details[open] summary::after {
  content: "–";
}

.svr-faq p {
  margin: 0;
  padding: 0 26px 24px;
  color: var(--svr-muted);
  line-height: 1.7;
}

/* FINAL */
.svr-final {
  background: var(--svr-black);
  color: var(--svr-white);
  padding: 92px 0;
}

.svr-final-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
}

.svr-final p {
  color: var(--svr-soft);
  font-size: 18px;
  line-height: 1.7;
}

.svr-final-card {
  background: var(--svr-white);
  border-radius: 24px;
  padding: 36px;
  display: grid;
  gap: 14px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.28);
}

.svr-final-card a,
.svr-final-card span {
  color: var(--svr-navy) !important;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: 900;
}

.svr-final-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .svr-hero-grid,
  .svr-split,
  .svr-cost-box,
  .svr-final-grid,
  .svr-compare-grid {
    grid-template-columns: 1fr;
  }

  .svr-infobar-grid,
  .svr-process-grid,
  .svr-benefit-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .svr-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  .svr-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .svr-topbar-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .svr-topbar-links {
    flex-direction: column;
    gap: 8px;
  }

  .svr-hero {
    padding: 72px 0 58px;
  }

  .svr-hero h1 {
    font-size: 39px;
    letter-spacing: -1px;
  }

  .svr-hero-buttons,
  .svr-final-card div {
    flex-direction: column;
  }

  .svr-btn {
    width: 100%;
  }

  .svr-quick-box,
  .svr-highlight-card,
  .svr-cost-box,
  .svr-compare-card {
    padding: 28px;
  }

  .svr-infobar-grid,
  .svr-card-grid,
  .svr-process-grid,
  .svr-benefit-grid {
    grid-template-columns: 1fr;
  }

  .svr-section {
    padding: 68px 0;
  }

  .svr-final {
    padding: 74px 0;
  }
}
.sv-google-reviews {
  width: 100%;
  background: #f4f7fb;
  padding: 90px 24px;
}

.sv-google-reviews .elementor-widget-container {
  max-width: 1240px;
  margin: 0 auto;
}

.sv-google-reviews h2 {
  color: #07182d;
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.08;
  letter-spacing: -1.2px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 14px;
}

.sv-google-reviews p {
  color: #475569;
  font-size: 17px;
  line-height: 1.7;
  text-align: center;
  max-width: 720px;
  margin: 0 auto 38px;
}

@media (max-width: 720px) {
  .sv-google-reviews {
    padding: 68px 18px;
  }
}
:root {
  --svo-navy: #07182d;
  --svo-navy-2: #0b2442;
  --svo-black: #05070a;
  --svo-white: #ffffff;
  --svo-light: #f4f7fb;
  --svo-border: #d9e2ec;
  --svo-text: #111827;
  --svo-muted: #475569;
  --svo-soft: #d8e0ea;
}

/* BASIS */
.svo-page {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: var(--svo-white);
  color: var(--svo-text);
  font-family: inherit;
  overflow-x: hidden;
}

.svo-page * {
  box-sizing: border-box;
}

.svo-container {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* TOPBAR */
.svo-topbar {
  background: var(--svo-black);
  color: var(--svo-white);
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.svo-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
}

.svo-topbar strong {
  display: block;
  font-size: 15px;
  font-weight: 900;
}

.svo-topbar span {
  color: #b8c2d1;
  font-size: 13px;
}

.svo-topbar-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.svo-topbar-links a {
  color: var(--svo-white) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
}

/* HERO */
.svo-hero {
  position: relative;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.13), transparent 32%),
    linear-gradient(135deg, var(--svo-navy) 0%, var(--svo-black) 100%);
  padding: 104px 0 92px;
  color: var(--svo-white);
  overflow: hidden;
}

.svo-hero::before {
  content: "";
  position: absolute;
  right: -150px;
  top: -150px;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.12);
}

.svo-hero::after {
  content: "";
  position: absolute;
  left: -220px;
  bottom: -240px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: rgba(255,255,255,0.035);
}

.svo-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 64px;
  align-items: center;
}

.svo-eyebrow,
.svo-eyebrow-dark {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.svo-eyebrow {
  color: #dbeafe;
}

.svo-eyebrow-dark {
  color: var(--svo-navy);
}

.svo-hero h1 {
  margin: 0;
  color: var(--svo-white);
  font-size: clamp(42px, 6vw, 74px);
  line-height: 1.02;
  letter-spacing: -2px;
  font-weight: 900;
}

.svo-hero p {
  margin: 26px 0 0;
  color: var(--svo-soft);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.7;
  max-width: 760px;
}

.svo-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
}

.svo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 900;
  transition: all 0.22s ease;
  border: 1px solid transparent;
}

.svo-btn-white {
  background: var(--svo-white);
  color: var(--svo-navy) !important;
  border-color: var(--svo-white);
}

.svo-btn-white:hover {
  background: #e8eef5;
  color: var(--svo-navy) !important;
  transform: translateY(-2px);
}

.svo-btn-dark {
  background: var(--svo-black);
  color: var(--svo-white) !important;
  border-color: rgba(255,255,255,0.18);
}

.svo-btn-dark:hover {
  background: #111827;
  color: var(--svo-white) !important;
  transform: translateY(-2px);
}

.svo-btn-outline {
  background: transparent;
  color: var(--svo-white) !important;
  border-color: rgba(255,255,255,0.45);
}

.svo-btn-outline:hover {
  background: rgba(255,255,255,0.1);
  color: var(--svo-white) !important;
  border-color: var(--svo-white);
  transform: translateY(-2px);
}

.svo-hero-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.svo-hero-mini span {
  padding: 9px 13px;
  border-radius: 999px;
  color: #dbeafe;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  font-size: 14px;
  font-weight: 700;
}

/* PROFILE BOX */
.svo-profile-box {
  background: var(--svo-white);
  color: var(--svo-text);
  border-radius: 24px;
  padding: 36px;
  box-shadow: 0 30px 90px rgba(0,0,0,0.32);
}

.svo-profile-photo {
  height: 210px;
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(7,24,45,0.92), rgba(5,7,10,0.92));
  display: flex;
  align-items: flex-end;
  padding: 24px;
  margin-bottom: 26px;
}

.svo-profile-photo span {
  color: var(--svo-white);
  font-size: 26px;
  font-weight: 900;
}

.svo-profile-box h2 {
  margin: 0;
  color: var(--svo-navy);
  font-size: 36px;
  line-height: 1.1;
  font-weight: 900;
}

.svo-profile-box p {
  color: var(--svo-muted);
  font-size: 16px;
  line-height: 1.7;
  margin: 14px 0 24px;
}

.svo-profile-list {
  display: grid;
  gap: 12px;
}

.svo-profile-list div {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--svo-light);
  border: 1px solid var(--svo-border);
  border-radius: 14px;
  padding: 14px;
}

.svo-profile-list strong {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: var(--svo-navy);
  color: var(--svo-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.svo-profile-list span {
  color: var(--svo-navy);
  font-weight: 850;
}

/* INFOBAR */
.svo-infobar {
  background: var(--svo-white);
  border-bottom: 1px solid var(--svo-border);
  padding: 26px 0;
}

.svo-infobar-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.svo-infobar-grid div {
  border-left: 3px solid var(--svo-navy);
  padding-left: 16px;
}

.svo-infobar-grid strong {
  display: block;
  color: var(--svo-navy);
  font-size: 15px;
  margin-bottom: 4px;
}

.svo-infobar-grid span {
  color: var(--svo-muted);
  font-size: 14px;
}

/* SECTIONS */
.svo-section {
  padding: 90px 0;
}

.svo-white {
  background: var(--svo-white);
}

.svo-light {
  background: var(--svo-light);
}

.svo-navy {
  background: var(--svo-navy);
  color: var(--svo-white);
}

.svo-section-head {
  max-width: 830px;
  margin-bottom: 46px;
}

.svo-section-head.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.svo-section-head h2,
.svo-text-block h2,
.svo-location-box h2,
.svo-navy h2,
.svo-final h2 {
  margin: 0;
  color: var(--svo-navy);
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.08;
  letter-spacing: -1.4px;
  font-weight: 900;
}

.svo-navy h2,
.svo-final h2 {
  color: var(--svo-white);
}

.svo-section-head p,
.svo-text-block p,
.svo-location-box p {
  color: var(--svo-muted);
  font-size: 17px;
  line-height: 1.75;
}

.svo-navy p {
  color: var(--svo-soft);
  font-size: 17px;
  line-height: 1.75;
}

/* SPLIT */
.svo-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

.svo-link-btn {
  display: inline-flex;
  margin-top: 20px;
  min-height: 50px;
  padding: 0 22px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--svo-navy);
  color: var(--svo-white) !important;
  text-decoration: none !important;
  font-weight: 900;
}

/* HIGHLIGHT */
.svo-highlight-card {
  background: var(--svo-light);
  border: 1px solid var(--svo-border);
  border-radius: 24px;
  padding: 36px;
}

.svo-highlight-card h3 {
  margin: 0 0 14px;
  color: var(--svo-navy);
  font-size: 32px;
  line-height: 1.1;
  font-weight: 900;
}

.svo-highlight-card p {
  color: var(--svo-muted);
  line-height: 1.7;
}

.svo-highlight-list {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.svo-highlight-list span {
  background: var(--svo-white);
  border: 1px solid var(--svo-border);
  border-radius: 14px;
  padding: 16px;
  color: var(--svo-navy);
  font-weight: 850;
}

/* CARDS */
.svo-card-grid,
.svo-why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.svo-info-card,
.svo-why-item {
  background: var(--svo-white);
  border: 1px solid var(--svo-border);
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 18px 46px rgba(15,23,42,0.07);
  transition: all 0.22s ease;
}

.svo-info-card:hover,
.svo-why-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 26px 70px rgba(15,23,42,0.14);
}

.svo-info-card strong,
.svo-why-item strong {
  display: inline-flex;
  width: 44px;
  height: 44px;
  background: var(--svo-navy);
  color: var(--svo-white);
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin-bottom: 20px;
}

.svo-info-card h3,
.svo-why-item h3 {
  margin: 0 0 12px;
  color: var(--svo-navy);
  font-size: 22px;
  font-weight: 900;
}

.svo-info-card p,
.svo-why-item p {
  margin: 0;
  color: var(--svo-muted);
  line-height: 1.7;
}

/* DARK CHECKLIST */
.svo-dark-checklist {
  display: grid;
  gap: 12px;
}

.svo-dark-checklist div {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  padding: 16px;
  color: var(--svo-white);
  font-weight: 850;
}

/* PROCESS */
.svo-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.svo-process-item {
  background: var(--svo-white);
  border: 1px solid var(--svo-border);
  border-radius: 18px;
  padding: 28px 22px;
  box-shadow: 0 14px 38px rgba(15,23,42,0.06);
}

.svo-process-item div {
  width: 46px;
  height: 46px;
  background: var(--svo-navy);
  color: var(--svo-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  margin-bottom: 20px;
}

.svo-process-item h3 {
  margin: 0 0 10px;
  color: var(--svo-navy);
  font-size: 21px;
  font-weight: 900;
}

.svo-process-item p {
  margin: 0;
  color: var(--svo-muted);
  line-height: 1.65;
}

/* GOOGLE REVIEWS */
.svo-reviews {
  background: var(--svo-white);
}

.svo-review-shell {
  background: var(--svo-light);
  border: 1px solid var(--svo-border);
  border-radius: 26px;
  padding: 34px;
  box-shadow: 0 20px 60px rgba(15,23,42,0.08);
}

/* LOCATION */
.svo-location-box {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 60px;
  background: var(--svo-light);
  border: 1px solid var(--svo-border);
  border-radius: 28px;
  padding: 50px;
}

/* FINAL */
.svo-final {
  background: var(--svo-black);
  color: var(--svo-white);
  padding: 92px 0;
}

.svo-final-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
}

.svo-final p {
  color: var(--svo-soft);
  font-size: 18px;
  line-height: 1.7;
}

.svo-final-card {
  background: var(--svo-white);
  border-radius: 24px;
  padding: 36px;
  display: grid;
  gap: 14px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.28);
}

.svo-final-card a,
.svo-final-card span {
  color: var(--svo-navy) !important;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: 900;
}

.svo-final-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .svo-hero-grid,
  .svo-split,
  .svo-location-box,
  .svo-final-grid {
    grid-template-columns: 1fr;
  }

  .svo-infobar-grid,
  .svo-process-grid,
  .svo-card-grid,
  .svo-why-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  .svo-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .svo-topbar-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .svo-topbar-links {
    flex-direction: column;
    gap: 8px;
  }

  .svo-hero {
    padding: 72px 0 58px;
  }

  .svo-hero h1 {
    font-size: 39px;
    letter-spacing: -1px;
  }

  .svo-hero-buttons,
  .svo-final-card div {
    flex-direction: column;
  }

  .svo-btn {
    width: 100%;
  }

  .svo-profile-box,
  .svo-highlight-card,
  .svo-location-box,
  .svo-review-shell {
    padding: 28px;
  }

  .svo-infobar-grid,
  .svo-process-grid,
  .svo-card-grid,
  .svo-why-grid {
    grid-template-columns: 1fr;
  }

  .svo-section {
    padding: 68px 0;
  }

  .svo-final {
    padding: 74px 0;
  }
}
:root {
  --svk-navy: #07182d;
  --svk-black: #05070a;
  --svk-white: #ffffff;
  --svk-light: #f4f7fb;
  --svk-border: #d9e2ec;
  --svk-text: #111827;
  --svk-muted: #475569;
  --svk-soft: #d8e0ea;
}

/* BASIS */
.svk-page {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: var(--svk-white);
  color: var(--svk-text);
  font-family: inherit;
  overflow-x: hidden;
}

.svk-page * {
  box-sizing: border-box;
}

.svk-container {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* TOPBAR */
.svk-topbar {
  background: var(--svk-black);
  color: var(--svk-white);
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.svk-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
}

.svk-topbar strong {
  display: block;
  font-size: 15px;
  font-weight: 900;
}

.svk-topbar span {
  color: #b8c2d1;
  font-size: 13px;
}

.svk-topbar-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.svk-topbar-links a {
  color: var(--svk-white) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
}

/* HERO */
.svk-hero {
  position: relative;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.13), transparent 32%),
    linear-gradient(135deg, var(--svk-navy) 0%, var(--svk-black) 100%);
  padding: 104px 0 92px;
  color: var(--svk-white);
  overflow: hidden;
}

.svk-hero::before {
  content: "";
  position: absolute;
  right: -150px;
  top: -150px;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.12);
}

.svk-hero::after {
  content: "";
  position: absolute;
  left: -220px;
  bottom: -240px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: rgba(255,255,255,0.035);
}

.svk-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 64px;
  align-items: center;
}

.svk-eyebrow,
.svk-eyebrow-dark {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.svk-eyebrow {
  color: #dbeafe;
}

.svk-eyebrow-dark {
  color: var(--svk-navy);
}

.svk-hero h1 {
  margin: 0;
  color: var(--svk-white);
  font-size: clamp(42px, 6vw, 74px);
  line-height: 1.02;
  letter-spacing: -2px;
  font-weight: 900;
}

.svk-hero p {
  margin: 26px 0 0;
  color: var(--svk-soft);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.7;
  max-width: 760px;
}

.svk-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
}

.svk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 900;
  transition: all 0.22s ease;
  border: 1px solid transparent;
}

.svk-btn-white {
  background: var(--svk-white);
  color: var(--svk-navy) !important;
  border-color: var(--svk-white);
}

.svk-btn-white:hover {
  background: #e8eef5;
  color: var(--svk-navy) !important;
  transform: translateY(-2px);
}

.svk-btn-dark {
  background: var(--svk-black);
  color: var(--svk-white) !important;
  border-color: rgba(255,255,255,0.18);
}

.svk-btn-dark:hover {
  background: #111827;
  color: var(--svk-white) !important;
  transform: translateY(-2px);
}

.svk-btn-outline {
  background: transparent;
  color: var(--svk-white) !important;
  border-color: rgba(255,255,255,0.45);
}

.svk-btn-outline:hover {
  background: rgba(255,255,255,0.1);
  color: var(--svk-white) !important;
  border-color: var(--svk-white);
  transform: translateY(-2px);
}

.svk-hero-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.svk-hero-mini span {
  padding: 9px 13px;
  border-radius: 999px;
  color: #dbeafe;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  font-size: 14px;
  font-weight: 700;
}

/* QUICK BOX */
.svk-quick-box {
  background: var(--svk-white);
  color: var(--svk-text);
  border-radius: 24px;
  padding: 36px;
  box-shadow: 0 30px 90px rgba(0,0,0,0.32);
}

.svk-quick-box h2 {
  margin: 0;
  color: var(--svk-navy);
  font-size: 36px;
  line-height: 1.1;
  font-weight: 900;
}

.svk-quick-box p {
  color: var(--svk-muted);
  font-size: 16px;
  line-height: 1.7;
  margin: 14px 0 24px;
}

.svk-quick-list {
  display: grid;
  gap: 12px;
  margin-bottom: 18px;
}

.svk-quick-list a {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--svk-light);
  border: 1px solid var(--svk-border);
  border-radius: 14px;
  padding: 14px;
  text-decoration: none !important;
}

.svk-quick-list strong {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--svk-navy);
  color: var(--svk-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.svk-quick-list span {
  color: var(--svk-navy);
  font-weight: 850;
}

.svk-quick-box small {
  display: block;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

/* SECTIONS */
.svk-section {
  padding: 90px 0;
}

.svk-white {
  background: var(--svk-white);
}

.svk-light {
  background: var(--svk-light);
}

.svk-reviews {
  background: var(--svk-white);
}

.svk-section-head {
  max-width: 830px;
  margin-bottom: 46px;
}

.svk-section-head.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.svk-section-head h2,
.svk-form-info h2,
.svk-location-box h2,
.svk-final h2 {
  margin: 0;
  color: var(--svk-navy);
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.08;
  letter-spacing: -1.4px;
  font-weight: 900;
}

.svk-final h2 {
  color: var(--svk-white);
}

.svk-section-head p,
.svk-form-info p,
.svk-location-box p {
  color: var(--svk-muted);
  font-size: 17px;
  line-height: 1.75;
}

/* CONTACT CARDS */
.svk-contact-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.svk-contact-card {
  background: var(--svk-white);
  border: 1px solid var(--svk-border);
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 18px 46px rgba(15,23,42,0.07);
  text-decoration: none !important;
  transition: all 0.22s ease;
}

.svk-contact-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 26px 70px rgba(15,23,42,0.14);
}

.svk-contact-card strong {
  display: inline-flex;
  width: 44px;
  height: 44px;
  background: var(--svk-navy);
  color: var(--svk-white);
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin-bottom: 20px;
}

.svk-contact-card h3 {
  margin: 0 0 12px;
  color: var(--svk-navy);
  font-size: 24px;
  font-weight: 900;
}

.svk-contact-card p {
  color: var(--svk-muted);
  line-height: 1.7;
}

.svk-contact-card span {
  display: block;
  color: var(--svk-navy);
  font-weight: 900;
  margin-top: 18px;
}

/* FORM */
.svk-form-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 64px;
  align-items: start;
}

.svk-form-points {
  display: grid;
  gap: 12px;
  margin-top: 28px;
}

.svk-form-points span {
  background: var(--svk-light);
  border: 1px solid var(--svk-border);
  border-radius: 14px;
  padding: 16px;
  color: var(--svk-navy);
  font-weight: 850;
}

.svk-form-box {
  background: var(--svk-light);
  border: 1px solid var(--svk-border);
  border-radius: 26px;
  padding: 36px;
  box-shadow: 0 20px 60px rgba(15,23,42,0.08);
}

.svk-form-box h3 {
  margin: 0 0 12px;
  color: var(--svk-navy);
  font-size: 32px;
  font-weight: 900;
}

.svk-form-box p {
  color: var(--svk-muted);
  line-height: 1.7;
}

.svk-shortcode-placeholder {
  margin-top: 24px;
  border: 1px dashed #94a3b8;
  border-radius: 18px;
  padding: 28px;
  background: var(--svk-white);
  text-align: center;
}

.svk-shortcode-placeholder strong {
  display: block;
  color: var(--svk-navy);
  font-size: 20px;
  margin-bottom: 8px;
}

.svk-shortcode-placeholder span {
  color: var(--svk-muted);
  line-height: 1.6;
}

/* REVIEWS */
.svk-review-shell {
  background: var(--svk-light);
  border: 1px solid var(--svk-border);
  border-radius: 26px;
  padding: 34px;
  box-shadow: 0 20px 60px rgba(15,23,42,0.08);
}

/* LOCATION */
.svk-location-box {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 60px;
  background: var(--svk-white);
  border: 1px solid var(--svk-border);
  border-radius: 28px;
  padding: 50px;
  box-shadow: 0 20px 60px rgba(15,23,42,0.08);
}

.svk-link-btn {
  display: inline-flex;
  margin-top: 20px;
  min-height: 50px;
  padding: 0 22px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--svk-navy);
  color: var(--svk-white) !important;
  text-decoration: none !important;
  font-weight: 900;
}

/* FAQ */
.svk-faq {
  max-width: 920px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

.svk-faq details {
  background: var(--svk-white);
  border: 1px solid var(--svk-border);
  border-radius: 18px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 12px 34px rgba(15,23,42,0.06);
}

.svk-faq summary {
  cursor: pointer;
  list-style: none;
  padding: 22px 26px;
  color: var(--svk-navy);
  font-size: 18px;
  font-weight: 900;
}

.svk-faq summary::-webkit-details-marker {
  display: none;
}

.svk-faq summary::after {
  content: "+";
  float: right;
  font-size: 24px;
  line-height: 1;
}

.svk-faq details[open] summary::after {
  content: "–";
}

.svk-faq p {
  margin: 0;
  padding: 0 26px 24px;
  color: var(--svk-muted);
  line-height: 1.7;
}

/* FINAL */
.svk-final {
  background: var(--svk-black);
  color: var(--svk-white);
  padding: 92px 0;
}

.svk-final-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
}

.svk-final p {
  color: var(--svk-soft);
  font-size: 18px;
  line-height: 1.7;
}

.svk-final-card {
  background: var(--svk-white);
  border-radius: 24px;
  padding: 36px;
  display: grid;
  gap: 14px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.28);
}

.svk-final-card a,
.svk-final-card span {
  color: var(--svk-navy) !important;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: 900;
}

.svk-final-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .svk-hero-grid,
  .svk-form-grid,
  .svk-location-box,
  .svk-final-grid {
    grid-template-columns: 1fr;
  }

  .svk-contact-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  .svk-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .svk-topbar-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .svk-topbar-links {
    flex-direction: column;
    gap: 8px;
  }

  .svk-hero {
    padding: 72px 0 58px;
  }

  .svk-hero h1 {
    font-size: 39px;
    letter-spacing: -1px;
  }

  .svk-hero-buttons,
  .svk-final-card div {
    flex-direction: column;
  }

  .svk-btn {
    width: 100%;
  }

  .svk-quick-box,
  .svk-form-box,
  .svk-location-box,
  .svk-review-shell {
    padding: 28px;
  }

  .svk-contact-grid {
    grid-template-columns: 1fr;
  }

  .svk-section {
    padding: 68px 0;
  }

  .svk-final {
    padding: 74px 0;
  }
}
:root {
  --svdm-navy: #07182d;
  --svdm-black: #05070a;
  --svdm-white: #ffffff;
  --svdm-light: #f4f7fb;
  --svdm-border: #d9e2ec;
  --svdm-text: #111827;
  --svdm-muted: #475569;
  --svdm-soft: #d8e0ea;
}

/* BASIS */
.svdm-page {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: var(--svdm-white);
  color: var(--svdm-text);
  font-family: inherit;
  overflow-x: hidden;
}

.svdm-page * {
  box-sizing: border-box;
}

.svdm-container {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* TOPBAR */
.svdm-topbar {
  background: var(--svdm-black);
  color: var(--svdm-white);
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.svdm-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
}

.svdm-topbar strong {
  display: block;
  font-size: 15px;
  font-weight: 900;
}

.svdm-topbar span {
  color: #b8c2d1;
  font-size: 13px;
}

.svdm-topbar-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.svdm-topbar-links a {
  color: var(--svdm-white) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
}

/* HERO */
.svdm-hero {
  position: relative;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.13), transparent 32%),
    linear-gradient(135deg, var(--svdm-navy) 0%, var(--svdm-black) 100%);
  padding: 104px 0 92px;
  color: var(--svdm-white);
  overflow: hidden;
}

.svdm-hero::before {
  content: "";
  position: absolute;
  right: -150px;
  top: -150px;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.12);
}

.svdm-hero::after {
  content: "";
  position: absolute;
  left: -220px;
  bottom: -240px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: rgba(255,255,255,0.035);
}

.svdm-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 64px;
  align-items: center;
}

.svdm-eyebrow,
.svdm-eyebrow-dark {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.svdm-eyebrow {
  color: #dbeafe;
}

.svdm-eyebrow-dark {
  color: var(--svdm-navy);
}

.svdm-hero h1 {
  margin: 0;
  color: var(--svdm-white);
  font-size: clamp(42px, 6vw, 74px);
  line-height: 1.02;
  letter-spacing: -2px;
  font-weight: 900;
}

.svdm-hero p {
  margin: 26px 0 0;
  color: var(--svdm-soft);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.7;
  max-width: 760px;
}

.svdm-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
}

.svdm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 900;
  transition: all 0.22s ease;
  border: 1px solid transparent;
}

.svdm-btn-white {
  background: var(--svdm-white);
  color: var(--svdm-navy) !important;
  border-color: var(--svdm-white);
}

.svdm-btn-white:hover {
  background: #e8eef5;
  color: var(--svdm-navy) !important;
  transform: translateY(-2px);
}

.svdm-btn-dark {
  background: var(--svdm-black);
  color: var(--svdm-white) !important;
  border-color: rgba(255,255,255,0.18);
}

.svdm-btn-dark:hover {
  background: #111827;
  color: var(--svdm-white) !important;
  transform: translateY(-2px);
}

.svdm-btn-outline {
  background: transparent;
  color: var(--svdm-white) !important;
  border-color: rgba(255,255,255,0.45);
}

.svdm-btn-outline:hover {
  background: rgba(255,255,255,0.1);
  color: var(--svdm-white) !important;
  border-color: var(--svdm-white);
  transform: translateY(-2px);
}

.svdm-hero-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.svdm-hero-mini span {
  padding: 9px 13px;
  border-radius: 999px;
  color: #dbeafe;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  font-size: 14px;
  font-weight: 700;
}

/* QUICK BOX */
.svdm-quick-box {
  background: var(--svdm-white);
  color: var(--svdm-text);
  border-radius: 24px;
  padding: 36px;
  box-shadow: 0 30px 90px rgba(0,0,0,0.32);
}

.svdm-quick-box h2 {
  margin: 0;
  color: var(--svdm-navy);
  font-size: 36px;
  line-height: 1.1;
  font-weight: 900;
}

.svdm-quick-box p {
  color: var(--svdm-muted);
  font-size: 16px;
  line-height: 1.7;
  margin: 14px 0 24px;
}

.svdm-quick-list {
  display: grid;
  gap: 12px;
  margin-bottom: 18px;
}

.svdm-quick-list div {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--svdm-light);
  border: 1px solid var(--svdm-border);
  border-radius: 14px;
  padding: 14px;
}

.svdm-quick-list strong {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: var(--svdm-navy);
  color: var(--svdm-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.svdm-quick-list span {
  color: var(--svdm-navy);
  font-weight: 850;
}

.svdm-quick-box small {
  display: block;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

/* INFOBAR */
.svdm-infobar {
  background: var(--svdm-white);
  border-bottom: 1px solid var(--svdm-border);
  padding: 26px 0;
}

.svdm-infobar-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.svdm-infobar-grid div {
  border-left: 3px solid var(--svdm-navy);
  padding-left: 16px;
}

.svdm-infobar-grid strong {
  display: block;
  color: var(--svdm-navy);
  font-size: 15px;
  margin-bottom: 4px;
}

.svdm-infobar-grid span {
  color: var(--svdm-muted);
  font-size: 14px;
}

/* SECTIONS */
.svdm-section {
  padding: 90px 0;
}

.svdm-white {
  background: var(--svdm-white);
}

.svdm-light {
  background: var(--svdm-light);
}

.svdm-navy {
  background: var(--svdm-navy);
  color: var(--svdm-white);
}

.svdm-section-head {
  max-width: 830px;
  margin-bottom: 46px;
}

.svdm-section-head.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.svdm-section-head h2,
.svdm-text-block h2,
.svdm-note-box h2,
.svdm-autoixpert-text h2,
.svdm-navy h2,
.svdm-final h2 {
  margin: 0;
  color: var(--svdm-navy);
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.08;
  letter-spacing: -1.4px;
  font-weight: 900;
}

.svdm-navy h2,
.svdm-final h2 {
  color: var(--svdm-white);
}

.svdm-section-head p,
.svdm-text-block p,
.svdm-note-box p,
.svdm-autoixpert-text p {
  color: var(--svdm-muted);
  font-size: 17px;
  line-height: 1.75;
}

.svdm-navy p {
  color: var(--svdm-soft);
  font-size: 17px;
  line-height: 1.75;
}

/* AUTO IXPERT SECTION */
.svdm-autoixpert-box {
  display: grid;
  grid-template-columns: 1fr 0.85fr;
  gap: 64px;
  align-items: center;
}

.svdm-autoixpert-points {
  display: grid;
  gap: 12px;
  margin-top: 28px;
}

.svdm-autoixpert-points span {
  background: var(--svdm-white);
  border: 1px solid var(--svdm-border);
  border-radius: 14px;
  padding: 16px;
  color: var(--svdm-navy);
  font-weight: 850;
}

.svdm-autoixpert-card {
  background: var(--svdm-white);
  border: 1px solid var(--svdm-border);
  border-radius: 26px;
  padding: 38px;
  box-shadow: 0 24px 70px rgba(15,23,42,0.12);
}

.svdm-autoixpert-card h3 {
  margin: 0 0 14px;
  color: var(--svdm-navy);
  font-size: 34px;
  line-height: 1.1;
  font-weight: 900;
}

.svdm-autoixpert-card p {
  color: var(--svdm-muted);
  line-height: 1.7;
  margin-bottom: 26px;
}

.svdm-autoixpert-btn,
.svdm-autoixpert-secondary {
  display: flex;
  width: 100%;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 900;
  margin-top: 12px;
}

.svdm-autoixpert-btn {
  background: var(--svdm-navy);
  color: var(--svdm-white) !important;
}

.svdm-autoixpert-btn:hover {
  background: #0b2442;
  color: var(--svdm-white) !important;
}

.svdm-autoixpert-secondary {
  background: var(--svdm-black);
  color: var(--svdm-white) !important;
}

.svdm-autoixpert-secondary:hover {
  background: #111827;
  color: var(--svdm-white) !important;
}

.svdm-autoixpert-card small {
  display: block;
  margin-top: 18px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

/* SPLIT */
.svdm-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

.svdm-link-btn {
  display: inline-flex;
  margin-top: 20px;
  min-height: 50px;
  padding: 0 22px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--svdm-navy);
  color: var(--svdm-white) !important;
  text-decoration: none !important;
  font-weight: 900;
}

/* HIGHLIGHT */
.svdm-highlight-card {
  background: var(--svdm-light);
  border: 1px solid var(--svdm-border);
  border-radius: 24px;
  padding: 36px;
}

.svdm-highlight-card h3 {
  margin: 0 0 14px;
  color: var(--svdm-navy);
  font-size: 32px;
  line-height: 1.1;
  font-weight: 900;
}

.svdm-highlight-card p {
  color: var(--svdm-muted);
  line-height: 1.7;
}

.svdm-highlight-list {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.svdm-highlight-list span {
  background: var(--svdm-white);
  border: 1px solid var(--svdm-border);
  border-radius: 14px;
  padding: 16px;
  color: var(--svdm-navy);
  font-weight: 850;
}

/* CARDS */
.svdm-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.svdm-info-card {
  background: var(--svdm-white);
  border: 1px solid var(--svdm-border);
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 18px 46px rgba(15,23,42,0.07);
  transition: all 0.22s ease;
}

.svdm-info-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 26px 70px rgba(15,23,42,0.14);
}

.svdm-info-card strong {
  display: inline-flex;
  width: 44px;
  height: 44px;
  background: var(--svdm-navy);
  color: var(--svdm-white);
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin-bottom: 20px;
}

.svdm-info-card h3 {
  margin: 0 0 12px;
  color: var(--svdm-navy);
  font-size: 24px;
  font-weight: 900;
}

.svdm-info-card p {
  margin: 0;
  color: var(--svdm-muted);
  line-height: 1.7;
}

/* DARK CHECKLIST */
.svdm-dark-checklist {
  display: grid;
  gap: 12px;
}

.svdm-dark-checklist div {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  padding: 16px;
  color: var(--svdm-white);
  font-weight: 850;
}

/* PROCESS */
.svdm-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.svdm-process-item {
  background: var(--svdm-white);
  border: 1px solid var(--svdm-border);
  border-radius: 18px;
  padding: 28px 22px;
  box-shadow: 0 14px 38px rgba(15,23,42,0.06);
}

.svdm-process-item div {
  width: 46px;
  height: 46px;
  background: var(--svdm-navy);
  color: var(--svdm-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  margin-bottom: 20px;
}

.svdm-process-item h3 {
  margin: 0 0 10px;
  color: var(--svdm-navy);
  font-size: 21px;
  font-weight: 900;
}

.svdm-process-item p {
  margin: 0;
  color: var(--svdm-muted);
  line-height: 1.65;
}

/* NOTE BOX */
.svdm-note-box {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 60px;
  background: var(--svdm-white);
  border: 1px solid var(--svdm-border);
  border-radius: 28px;
  padding: 50px;
  box-shadow: 0 20px 60px rgba(15,23,42,0.08);
}

/* FAQ */
.svdm-faq {
  max-width: 920px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

.svdm-faq details {
  background: var(--svdm-white);
  border: 1px solid var(--svdm-border);
  border-radius: 18px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 12px 34px rgba(15,23,42,0.06);
}

.svdm-faq summary {
  cursor: pointer;
  list-style: none;
  padding: 22px 26px;
  color: var(--svdm-navy);
  font-size: 18px;
  font-weight: 900;
}

.svdm-faq summary::-webkit-details-marker {
  display: none;
}

.svdm-faq summary::after {
  content: "+";
  float: right;
  font-size: 24px;
  line-height: 1;
}

.svdm-faq details[open] summary::after {
  content: "–";
}

.svdm-faq p {
  margin: 0;
  padding: 0 26px 24px;
  color: var(--svdm-muted);
  line-height: 1.7;
}

/* FINAL */
.svdm-final {
  background: var(--svdm-black);
  color: var(--svdm-white);
  padding: 92px 0;
}

.svdm-final-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
}

.svdm-final p {
  color: var(--svdm-soft);
  font-size: 18px;
  line-height: 1.7;
}

.svdm-final-card {
  background: var(--svdm-white);
  border-radius: 24px;
  padding: 36px;
  display: grid;
  gap: 14px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.28);
}

.svdm-final-card a,
.svdm-final-card span {
  color: var(--svdm-navy) !important;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: 900;
}

.svdm-final-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .svdm-hero-grid,
  .svdm-autoixpert-box,
  .svdm-split,
  .svdm-note-box,
  .svdm-final-grid {
    grid-template-columns: 1fr;
  }

  .svdm-infobar-grid,
  .svdm-process-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .svdm-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  .svdm-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .svdm-topbar-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .svdm-topbar-links {
    flex-direction: column;
    gap: 8px;
  }

  .svdm-hero {
    padding: 72px 0 58px;
  }

  .svdm-hero h1 {
    font-size: 39px;
    letter-spacing: -1px;
  }

  .svdm-hero-buttons,
  .svdm-final-card div {
    flex-direction: column;
  }

  .svdm-btn {
    width: 100%;
  }

  .svdm-quick-box,
  .svdm-highlight-card,
  .svdm-note-box,
  .svdm-autoixpert-card {
    padding: 28px;
  }

  .svdm-infobar-grid,
  .svdm-card-grid,
  .svdm-process-grid {
    grid-template-columns: 1fr;
  }

  .svdm-section {
    padding: 68px 0;
  }

  .svdm-final {
    padding: 74px 0;
  }
}