@font-face {
  font-family: "InterLocal";
  src: url("../assets/fonts/Inter-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterLocal";
  src: url("../assets/fonts/Inter-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterLocal";
  src: url("../assets/fonts/Inter-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterLocal";
  src: url("../assets/fonts/Inter-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterLocal";
  src: url("../assets/fonts/Inter-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterLocal";
  src: url("../assets/fonts/Inter-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --bg: #f6f7fb;
  --paper: #ffffff;
  --paper-soft: #eef4ff;
  --ink: #132033;
  --muted: #667085;
  --line: rgba(20, 32, 51, .13);
  --brand: #2447ff;
  --brand-2: #00b7a8;
  --brand-3: #8b5cf6;
  --deep: #071222;
  --shadow: 0 24px 80px rgba(15, 23, 42, .12);
  --radius: 28px;
  --radius-sm: 18px;
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "InterLocal", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at 15% 10%, rgba(36, 71, 255, .12), transparent 32%),
    radial-gradient(circle at 80% 0%, rgba(0, 183, 168, .14), transparent 34%),
    linear-gradient(180deg, #f9fbff 0%, var(--bg) 42%, #fff 100%);
  line-height: 1.55;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
img, svg { display: block; max-width: 100%; }

.skip-link {
  position: absolute;
  left: -999px;
  top: 12px;
  z-index: 99;
  padding: 10px 14px;
  background: var(--deep);
  color: #fff;
  border-radius: 999px;
}
.skip-link:focus { left: 12px; }

.topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom: 1px solid rgba(15, 23, 42, .08);
  background: rgba(246, 247, 251, .82);
  backdrop-filter: blur(18px);
}
.topbar-inner {
  max-width: var(--max);
  margin: 0 auto;
  padding: 16px 24px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 22px;
  align-items: center;
}
.brand {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  font-weight: 820;
  letter-spacing: -.035em;
}
.brand-mark {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, var(--brand), var(--brand-3) 55%, var(--brand-2));
  box-shadow: 0 14px 30px rgba(36, 71, 255, .22);
}
.brand small {
  display: block;
  font-size: 12px;
  color: var(--muted);
  letter-spacing: .02em;
  font-weight: 680;
}
.mainnav {
  justify-self: center;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 6px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 999px;
  background: rgba(255,255,255,.62);
}
.mainnav a {
  padding: 9px 13px;
  border-radius: 999px;
  color: #344054;
  font-size: 14px;
  font-weight: 720;
}
.mainnav a:hover { background: #fff; color: var(--ink); }
.actions { display: flex; align-items: center; gap: 12px; }
.lang-switch { display: flex; gap: 4px; padding: 5px; border-radius: 999px; background: #fff; border: 1px solid var(--line); }
.lang-switch a { padding: 5px 8px; border-radius: 999px; font-size: 12px; font-weight: 760; color: var(--muted); }
.lang-switch a[aria-current="page"] { background: var(--deep); color: #fff; }
.nav-toggle {
  display: none;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #101b2d;
  box-shadow: none;
  cursor: pointer;
  padding: 0;
}
.nav-toggle span {
  display: block;
  width: 19px;
  height: 2px;
  margin: 3px auto;
  background: currentColor;
  border-radius: 999px;
  opacity: .92;
  transition: transform .18s ease, opacity .18s ease, width .18s ease;
}

.nav-toggle[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}
.nav-toggle[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}
.nav-toggle[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}


.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 12px 18px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: -.01em;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-primary { color: #fff; background: linear-gradient(135deg, var(--brand), var(--brand-3)); box-shadow: 0 16px 36px rgba(36, 71, 255, .26); }
.btn-soft { color: var(--ink); background: #fff; border-color: var(--line); }
.btn-dark { color: #fff; background: var(--deep); }
.btn[disabled] { opacity: .62; cursor: not-allowed; transform: none; box-shadow: none; }

.section { padding: 94px 24px; }
.section-inner { max-width: var(--max); margin: 0 auto; }
.kicker { display: inline-flex; gap: 8px; align-items: center; margin: 0 0 16px; color: var(--brand); font-size: 13px; font-weight: 860; text-transform: uppercase; letter-spacing: .12em; }
.kicker::before { content: ""; width: 34px; height: 2px; border-radius: 9px; background: linear-gradient(90deg, var(--brand), var(--brand-2)); }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 24px; font-size: clamp(3.1rem, 7.1vw, 6.7rem); line-height: .9; letter-spacing: -.078em; }
h2 { margin-bottom: 20px; font-size: clamp(2.1rem, 4.1vw, 4.35rem); line-height: .96; letter-spacing: -.06em; }
h3 { margin-bottom: 10px; font-size: 1.18rem; line-height: 1.16; letter-spacing: -.03em; }
.lead { max-width: 700px; color: #475467; font-size: clamp(1.08rem, 1.65vw, 1.32rem); }
.muted { color: var(--muted); }

.hero { position: relative; padding-top: 72px; padding-bottom: 78px; }
.hero-grid { max-width: var(--max); margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(340px, .64fr); gap: 42px; align-items: center; }
.hero-copy { position: relative; z-index: 1; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hero-proof { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 36px; max-width: 720px; }
.proof-pill { padding: 15px 16px; border: 1px solid rgba(15, 23, 42, .09); border-radius: 20px; background: rgba(255,255,255,.72); }
.proof-pill strong { display: block; font-size: 1.28rem; letter-spacing: -.04em; }
.proof-pill span { color: var(--muted); font-size: 13px; font-weight: 650; }
.hero-card {
  position: relative;
  min-height: 560px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 40px;
  padding: 22px;
  background: linear-gradient(145deg, rgba(7,18,34,.98), rgba(28,36,74,.94));
  color: #fff;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.hero-card::before {
  content: "";
  position: absolute;
  inset: -35% -30% auto auto;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,183,168,.6), transparent 66%);
}
.hero-card::after {
  content: "";
  position: absolute;
  inset: auto auto -22% -18%;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(139,92,246,.58), transparent 66%);
}
.panel { position: relative; z-index: 1; border: 1px solid rgba(255,255,255,.16); border-radius: 28px; background: rgba(255,255,255,.08); backdrop-filter: blur(18px); padding: 22px; }
.panel + .panel { margin-top: 14px; }
.panel-header { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 18px; }
.status-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--brand-2); box-shadow: 0 0 0 7px rgba(0,183,168,.14); }
.agenda { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.agenda li { display: grid; grid-template-columns: 72px 1fr; gap: 12px; align-items: start; }
.agenda time { color: rgba(255,255,255,.62); font-size: 12px; font-weight: 760; }
.agenda strong { display: block; }
.agenda span { display: block; color: rgba(255,255,255,.66); font-size: 13px; }
.ticket { margin-top: 16px; display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; padding: 15px; border-radius: 22px; background: #fff; color: var(--ink); }
.ticket small { color: var(--muted); font-weight: 700; }
.ticket b { letter-spacing: -.025em; }

.trust-strip { padding: 28px 24px; background: var(--deep); color: #fff; }
.trust-grid { max-width: var(--max); margin: 0 auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.trust-item { padding: 18px; border-radius: 22px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); }
.trust-item strong { display: block; margin-bottom: 4px; }
.trust-item span { color: rgba(255,255,255,.66); font-size: 13px; }

.split { display: grid; grid-template-columns: .8fr 1fr; gap: 46px; align-items: start; }
.card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.service-card, .process-card, .quote-card, .event-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.82);
  box-shadow: 0 18px 44px rgba(15, 23, 42, .07);
  padding: 26px;
}
.service-card:nth-child(2), .event-card { background: linear-gradient(180deg, #fff, #eef4ff); }
.icon-box { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 17px; margin-bottom: 18px; background: linear-gradient(135deg, rgba(36,71,255,.12), rgba(0,183,168,.16)); color: var(--brand); }
.service-card ul, .event-card ul { margin: 16px 0 0; padding-left: 18px; color: #475467; }
.service-card li + li, .event-card li + li { margin-top: 7px; }

.offer-band { border-radius: 38px; padding: 32px; background: linear-gradient(135deg, var(--deep), #172554 58%, #123d48); color: #fff; overflow: hidden; position: relative; }
.offer-band::after { content: ""; position: absolute; inset: auto -80px -140px auto; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(0,183,168,.42), transparent 65%); }
.offer-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin-top: 26px; }
.offer { padding: 22px; border-radius: 24px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); }
.offer strong { display: block; margin-bottom: 8px; }
.offer span { color: rgba(255,255,255,.7); font-size: 14px; }

.process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 32px; }
.process-card { min-height: 210px; }
.step { display: inline-flex; width: 36px; height: 36px; border-radius: 50%; align-items: center; justify-content: center; color: #fff; background: var(--deep); font-weight: 850; margin-bottom: 18px; }

.events-wrap { display: grid; grid-template-columns: 1fr .8fr; gap: 22px; align-items: stretch; }
.event-card.big { padding: 34px; background: linear-gradient(135deg, #fff, #eff6ff 58%, #f4f0ff); }
.event-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.event-meta span { padding: 7px 10px; border-radius: 999px; background: #fff; border: 1px solid var(--line); color: #475467; font-size: 13px; font-weight: 750; }
.event-stack { display: grid; gap: 16px; }
.quote-card { display: grid; align-content: space-between; min-height: 100%; }
.quote-card blockquote { margin: 0; font-size: 1.4rem; line-height: 1.25; letter-spacing: -.045em; }
.quote-card cite { margin-top: 22px; color: var(--muted); font-style: normal; font-weight: 750; }

.form-shell { display: grid; grid-template-columns: .72fr 1fr; gap: 24px; align-items: stretch; }
.form-aside { border-radius: 34px; padding: 32px; color: #fff; background: linear-gradient(145deg, var(--deep), #20205a); position: relative; overflow: hidden; }
.form-aside::after { content: ""; position: absolute; width: 260px; height: 260px; right: -120px; bottom: -120px; border-radius: 50%; background: radial-gradient(circle, rgba(0,183,168,.42), transparent 68%); }
.form-aside > * { position: relative; z-index: 1; }
.contact-list { display: grid; gap: 12px; margin-top: 24px; }
.contact-list a, .contact-list span { display: block; padding: 13px 14px; border-radius: 18px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.82); }
.request-form { border: 1px solid var(--line); border-radius: 34px; background: #fff; padding: 28px; box-shadow: var(--shadow); }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.field { display: grid; gap: 7px; }
.field.full { grid-column: 1 / -1; }
label { font-weight: 780; font-size: 14px; }
input, select, textarea { width: 100%; border: 1px solid rgba(15, 23, 42, .15); border-radius: 16px; background: #f8fafc; color: var(--ink); padding: 13px 14px; outline: none; }
textarea { min-height: 132px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--brand); box-shadow: 0 0 0 4px rgba(36, 71, 255, .11); background: #fff; }
.field.has-error input, .field.has-error select, .field.has-error textarea { border-color: #d92d20; box-shadow: 0 0 0 4px rgba(217,45,32,.09); }
.form-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; }
.form-status { min-height: 22px; color: var(--muted); font-weight: 700; }
.form-status[data-state="success"] { color: #027a48; }
.form-status[data-state="error"] { color: #b42318; }
.form-status[data-state="pending"] { color: var(--brand); }

/* consolidated x25.website CTA: copied from immobilien.x25.website */
.x25-order-sidebar {
  position: fixed !important;
  right: 18px !important;
  top: 50% !important;
  z-index: 2147483647 !important;
  width: min(264px, calc(100vw - 36px));
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 20px 20px 18px 20px;
  border: 1px solid rgba(150, 198, 231, 0.22);
  border-radius: 26px;
  background: linear-gradient(180deg, #16344c 0%, #102b41 100%);
  color: #ffffff !important;
  text-decoration: none !important;
  text-align: left;
  box-shadow: 0 24px 56px rgba(5, 16, 29, 0.34);
  isolation: isolate;
  overflow: hidden;
  transform: translateY(-50%);
  line-height: 1;
  transition: opacity 180ms ease, transform 180ms ease;
  cursor: grab;
  touch-action: none;
}
.x25-order-sidebar::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 10% 8%, rgba(255, 255, 255, 0.07), transparent 22%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015));
  pointer-events: none;
}
.x25-order-sidebar::after,
.x25-order-sidebar-mobile-trigger::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #67d8ea 0%, #4f9fff 100%);
  pointer-events: none;
}
.x25-order-sidebar__drag,
.x25-order-sidebar__close {
  display: none;
}
.x25-order-sidebar__eyebrow {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  margin: 0;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(103, 216, 234, 0.12);
  border: 1px solid rgba(103, 216, 234, 0.18);
  font-size: 0.645rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
  color: rgba(233, 248, 255, 0.97);
  white-space: nowrap;
}
.x25-order-sidebar__title {
  display: block;
  margin: 0;
  max-width: 100%;
  font-size: clamp(1.18rem, 1.2vw, 1.3rem);
  font-weight: 860;
  line-height: 1.14;
  letter-spacing: -0.018em;
  color: #ffffff;
  text-wrap: balance;
}
.x25-order-sidebar__text {
  display: block;
  margin: -1px 0 0;
  font-size: 0.905rem;
  font-weight: 520;
  line-height: 1.5;
  letter-spacing: -0.005em;
  color: rgba(238, 246, 255, 0.88);
}
.x25-order-sidebar__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 46px;
  margin: 2px 0 0;
  padding: 12px 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, #61e0e6, #4da9ff);
  color: #08263d;
  font-size: 0.93rem;
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38);
  white-space: nowrap;
}
.x25-order-sidebar__button::after {
  content: "→";
  font-size: 0.98em;
  line-height: 1;
}
.x25-order-sidebar__note {
  display: block;
  margin: 0;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.38;
  letter-spacing: -0.004em;
  color: rgba(214, 229, 241, 0.82);
}
.x25-order-sidebar-mobile-trigger {
  display: none;
}
.x25-order-sidebar:hover,
.x25-order-sidebar:focus-visible,
.x25-order-sidebar:active,
.x25-order-sidebar:visited {
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-50%);
  box-shadow: 0 24px 56px rgba(5, 16, 29, 0.34);
}
.x25-order-sidebar:focus-visible {
  outline: 3px solid rgba(97, 224, 230, 0.42);
  outline-offset: 4px;
}
@media (max-width: 1240px) {
  .x25-order-sidebar {
    right: 0 !important;
    width: 86px;
    min-height: 274px;
    padding: 28px 12px 18px 14px;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 24px 0 0 24px;
    text-align: center;
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
  .x25-order-sidebar__eyebrow,
  .x25-order-sidebar__text,
  .x25-order-sidebar__note,
  .x25-order-sidebar__close,
  .x25-order-sidebar__drag {
    display: none;
  }
  .x25-order-sidebar__title,
  .x25-order-sidebar__button {
    width: auto;
    max-width: none;
    margin: 0;
    line-height: 1;
  }
  .x25-order-sidebar__title {
    font-size: 0.92rem;
    letter-spacing: -0.01em;
    text-wrap: nowrap;
  }
  .x25-order-sidebar__button {
    min-height: auto;
    padding: 10px 9px;
    font-size: 0.82rem;
  }
  .x25-order-sidebar__button::after {
    content: "";
  }
}
@media (max-width: 720px) {
  .x25-order-sidebar {
    display: none !important;
  }
  .x25-order-sidebar-mobile-trigger,
  .x25-order-sidebar-mobile-trigger.is-visible,
  .x25-order-sidebar-mobile-trigger.is-hidden {
    position: fixed !important;
    right: 0 !important;
    top: 50% !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 2147483647 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    min-height: 134px;
    padding: 16px 8px 14px 11px;
    border: 1px solid rgba(150, 198, 231, 0.22);
    border-right: 0;
    border-radius: 20px 0 0 20px;
    background: linear-gradient(180deg, #16344c 0%, #102b41 100%);
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 22px 46px rgba(5, 16, 29, 0.28);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 0.82rem;
    font-weight: 850;
    line-height: 1;
    letter-spacing: -0.01em;
    transform: translateY(-50%) !important;
    overflow: hidden;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}
@media (max-width: 720px) {
  .x25-order-sidebar {
    cursor: pointer;
    touch-action: auto;
  }
}
.x25-order-sidebar.is-dragging {
  cursor: grabbing;
  -webkit-user-select: none;
  user-select: none;
}

.footer { padding: 46px 24px; background: #071222; color: #fff; }
.footer-inner { max-width: var(--max); margin: 0 auto; display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; }
.footer a { color: rgba(255,255,255,.78); }
.footer-links { display: flex; flex-wrap: wrap; gap: 16px; justify-content: flex-end; }

.cookie-banner { position: fixed; left: 22px; right: 22px; bottom: 22px; z-index: 50; max-width: 780px; margin: 0 auto; display: none; grid-template-columns: 1fr auto; gap: 16px; align-items: center; padding: 16px; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.94); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.cookie-banner.is-visible { display: grid; }
.cookie-actions { display: flex; gap: 8px; }
.cookie-banner p { margin: 0; color: #475467; font-size: 14px; }

[data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
[data-reveal].is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1050px) {
  .topbar-inner { grid-template-columns: auto auto 1fr; }
  .nav-toggle { display: inline-block; justify-self: end; order: 3;     border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
  }
  .actions { justify-self: end; }
  .mainnav { position: absolute; left: 18px; right: 18px; top: 78px; display: none; padding: 10px; border-radius: 24px; background: #fff; box-shadow: var(--shadow); flex-direction: column; align-items: stretch; }
  .mainnav.is-open { display: flex; }
  .mainnav a { text-align: center; }
  .hero-grid, .split, .events-wrap, .form-shell { grid-template-columns: 1fr; }
  .hero-card { min-height: 470px; }
  .trust-grid, .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .offer-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .topbar-inner { padding: 12px 16px; gap: 10px; grid-template-columns: 1fr auto; }
  .brand small { display: none; }
  .actions { grid-column: 1 / -1; justify-content: space-between; }
  .hero { padding-top: 44px; }
  .hero-grid { padding: 0 16px; gap: 26px; }
  h1 { font-size: clamp(2.85rem, 15vw, 4.15rem); }
  .section { padding: 68px 16px; }
  .hero-proof, .card-grid, .trust-grid, .process-grid, .form-grid { grid-template-columns: 1fr; }
  .hero-card { border-radius: 30px; padding: 16px; min-height: 420px; }
  .panel { border-radius: 24px; padding: 18px; }
  .agenda li { grid-template-columns: 58px 1fr; }
  .offer-band, .request-form, .form-aside { border-radius: 28px; padding: 22px; }
  .form-footer, .footer-inner, .cookie-banner { grid-template-columns: 1fr; }
  .form-footer { align-items: stretch; }
  .footer-links { justify-content: flex-start; }
  .cookie-actions { flex-direction: column; }
}

:root {
  --shell: min(100% - 48px, 1240px);
}

.topbar-inner,
.section-inner,
.trust-grid,
.footer-inner {
  width: var(--shell);
  max-width: none;
}

.hero {
  width: 100vw;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  align-items: center;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(96px, 10vh, 132px) 0 clamp(58px, 8vh, 92px);
  background: #071222;
  color: #fff;
}

.hero-grid {
  width: var(--shell);
  max-width: none;
  padding: 0;
  grid-template-columns: minmax(0, 1.04fr) minmax(350px, .58fr);
  gap: clamp(30px, 5vw, 74px);
}

.hero-copy,
.hero-card {
  z-index: 2;
}

.hero h1,
.hero .lead,
.hero .kicker,
.hero .hero-proof,
.hero .proof-pill span {
  color: #fff;
}

.hero .lead {
  max-width: 780px;
  color: rgba(255,255,255,.76);
}

.hero .kicker {
  color: rgba(255,255,255,.9);
}

.hero .kicker::before {
  background: linear-gradient(90deg, #5eead4, #a78bfa);
}

.hero .proof-pill {
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.09);
  backdrop-filter: blur(18px);
}

.hero .proof-pill span {
  color: rgba(255,255,255,.68);
}

.hero-slider {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100vw;
  height: 100%;
  overflow: hidden;
}

.hero-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.035);
  animation: coachingHeroFade 18s infinite;
}

.hero-slide:nth-child(2) { animation-delay: 6s; }
.hero-slide:nth-child(3) { animation-delay: 12s; }

.hero-slider-shade {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 78% 18%, rgba(94,234,212,.22), transparent 30%),
    linear-gradient(90deg, rgba(3,7,18,.88) 0%, rgba(7,18,34,.72) 46%, rgba(7,18,34,.34) 100%),
    linear-gradient(180deg, rgba(2,6,23,.18) 0%, rgba(2,6,23,.42) 100%);
}

@keyframes coachingHeroFade {
  0%, 28% { opacity: 1; transform: scale(1); }
  33%, 95% { opacity: 0; transform: scale(1.045); }
  100% { opacity: 1; transform: scale(1); }
}

@media (min-width: 1600px) {
  :root { --shell: min(100% - 96px, 1480px); }
}

@media (min-width: 1361px) and (max-width: 1599px) {
  :root { --shell: min(100% - 96px, 1320px); }
}

@media (min-width: 1101px) and (max-width: 1360px) {
  :root { --shell: calc(100% - 72px); }
  .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(320px, .52fr); gap: 34px; }
  h1 { font-size: clamp(3.35rem, 6.4vw, 5.55rem); }
  .hero-card { min-height: 520px; }
}

@media (min-width: 721px) and (max-width: 1100px) {
  :root { --shell: calc(100% - 48px); }
  .hero { min-height: auto; padding-top: 118px; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-card { min-height: 420px; }
}

@media (max-width: 720px) {
  :root { --shell: calc(100% - 32px); }
  .topbar-inner,
  .section-inner,
  .trust-grid,
  .footer-inner { width: var(--shell); }
  .hero {
    min-height: 100vh;
    min-height: 100svh;
    padding: 112px 0 54px;
  }
  .hero-grid { width: var(--shell); padding: 0; gap: 24px; }
  .hero-actions .btn { width: 100%; }
  .actions .btn { display: none; }
  .hero-card { min-height: 330px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-slide { animation: none; opacity: 0; transform: none; }
  .hero-slide:first-child { opacity: 1; }
}

@media (max-width: 1240px) {
}

@media (max-width: 720px) {
}

:root {
  --shell: min(100% - 24px, 1640px);
}

.section {
  padding-left: 0;
  padding-right: 0;
}

.topbar-inner,
.section-inner,
.trust-grid,
.footer-inner,
.hero-grid {
  width: var(--shell);
  max-width: none;
}

.hero-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .52fr);
  gap: clamp(28px, 4.6vw, 68px);
}

.hero-card {
  min-height: clamp(500px, 48vh, 620px);
}

.hero-slide {
  filter: saturate(.94) contrast(1.02);
}

.hero-slider-shade {
  background:
    radial-gradient(circle at 78% 18%, rgba(94,234,212,.16), transparent 30%),
    linear-gradient(90deg, rgba(3,7,18,.88) 0%, rgba(7,18,34,.73) 43%, rgba(7,18,34,.30) 100%),
    linear-gradient(180deg, rgba(2,6,23,.12) 0%, rgba(2,6,23,.42) 100%);
}

@media (min-width: 1700px) {
  :root { --shell: min(100% - 32px, 1780px); }
}

@media (min-width: 1361px) and (max-width: 1699px) {
  :root { --shell: calc(100% - 28px); }
}

@media (min-width: 1101px) and (max-width: 1360px) {
  :root { --shell: calc(100% - 24px); }
  .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(300px, .48fr); gap: 28px; }
  .hero-card { min-height: 500px; }
}

@media (min-width: 721px) and (max-width: 1100px) {
  :root { --shell: calc(100% - 28px); }
  .hero { min-height: auto; padding-top: 118px; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-card { min-height: 430px; }
  .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1050px) {
  .topbar { z-index: 80; }
  .topbar-inner {
    position: relative;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
  }
  .brand { min-width: 0; }
  .brand > span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .nav-toggle {
    display: inline-grid;
    place-content: center;
    justify-self: end;
    order: 0;
    grid-column: 2;
    grid-row: 1;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
  }
  .actions {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: stretch;
    justify-content: space-between;
    min-width: 0;
  }
  .lang-switch {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .lang-switch::-webkit-scrollbar { display: none; }
  .mainnav {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 10px);
    display: none;
    max-height: min(68vh, 520px);
    overflow: auto;
    padding: 10px;
    border-radius: 22px;
    background: rgba(255,255,255,.98);
    box-shadow: 0 26px 70px rgba(15, 23, 42, .22);
    flex-direction: column;
    align-items: stretch;
  }
  .mainnav.is-open { display: flex; }
  .mainnav a {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--ink);
  }
}

@media (max-width: 720px) {
  :root { --shell: calc(100% - 28px); }
  .topbar-inner { padding: 10px 0; }
  .brand-mark { width: 38px; height: 38px; border-radius: 14px; }
  .brand { gap: 9px; }
  .brand > span:last-child { max-width: calc(100vw - 108px); }
  .actions { padding-top: 2px; }
  .actions .btn { display: none; }
  .lang-switch { width: 100%; justify-content: center; }
  .lang-switch a { flex: 1 1 0; text-align: center; padding: 7px 8px; }
  .mainnav { top: calc(100% + 8px); border-radius: 20px; }
  .hero {
    width: 100vw;
    min-height: 100svh;
    padding: 108px 0 48px;
  }
  .hero-grid { width: var(--shell); gap: 22px; }
  .hero-copy { max-width: 100%; }
  h1 { font-size: clamp(2.52rem, 12.5vw, 3.72rem); line-height: .94; letter-spacing: -.065em; }
  h2 { font-size: clamp(2rem, 9vw, 2.74rem); }
  .lead { font-size: 1.03rem; }
  .hero-actions { display: grid; grid-template-columns: 1fr; gap: 10px; }
  .hero-actions .btn { width: 100%; min-height: 48px; }
  .hero-proof { grid-template-columns: 1fr; gap: 10px; margin-top: 24px; }
  .proof-pill { padding: 13px 14px; border-radius: 18px; }
  .hero-card { min-height: 320px; border-radius: 26px; padding: 14px; }
  .panel { padding: 16px; border-radius: 22px; }
  .agenda li { grid-template-columns: 46px 1fr; gap: 10px; }
  .ticket { grid-template-columns: 1fr; }
  .trust-strip { padding-left: 0; padding-right: 0; }
  .section { padding-top: 62px; padding-bottom: 62px; }
  .split,
  .events-wrap,
  .form-shell,
  .card-grid,
  .trust-grid,
  .process-grid,
  .form-grid { grid-template-columns: 1fr; }
  .service-card,
  .process-card,
  .quote-card,
  .event-card,
  .request-form,
  .form-aside,
  .offer-band { padding: 20px; border-radius: 24px; }
  .offer-grid { grid-template-columns: 1fr; }
  .form-footer { display: grid; grid-template-columns: 1fr; }
  .form-footer .btn { width: 100%; }
  .footer { padding-left: 0; padding-right: 0; }
  .footer-inner { grid-template-columns: 1fr; }
  .footer-links { justify-content: flex-start; }
  .cookie-banner {
    left: 14px;
    right: 14px;
    bottom: 14px;
    grid-template-columns: 1fr;
    border-radius: 20px;
  }
  .cookie-actions { flex-direction: column; }
  .cookie-actions .btn { width: 100%; }
}

@media (max-width: 390px) {
  :root { --shell: calc(100% - 20px); }
  .brand > span:last-child { max-width: calc(100vw - 96px); }
  .hero { padding-top: 104px; }
  h1 { font-size: clamp(2.28rem, 12vw, 3.12rem); }
}

.icon-box {
  position: relative;
  overflow: hidden;
  justify-content: space-between;
  grid-template-columns: auto auto;
  gap: 8px;
  padding: 0 12px;
  width: 64px;
}
.icon-box span { font-size: .78rem; font-weight: 880; }
.icon-box svg,
.mini-icon svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.rich-card { min-height: 292px; }
.card-grid-extended { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.position-split { grid-template-columns: .72fr 1.28fr; }

.section-head { margin-bottom: 30px; }
.feature-section { background: linear-gradient(180deg, rgba(238,244,255,.36), rgba(255,255,255,.72)); }
.mini-grid,
.proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.mini-card,
.proof-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.84);
  box-shadow: 0 18px 44px rgba(15, 23, 42, .06);
  padding: 24px;
}
.mini-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  margin-bottom: 16px;
  color: var(--brand);
  background: linear-gradient(135deg, rgba(36,71,255,.1), rgba(0,183,168,.14));
}
.offer-grid-extended { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.process-grid-extended { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.proof-section { background: radial-gradient(circle at 80% 0%, rgba(0,183,168,.12), transparent 30%), #fff; }
.proof-card:nth-child(2n) { background: linear-gradient(180deg, #fff, #f3f7ff); }
select[data-no-prefill] option[value=""] { color: var(--muted); }

@media (min-width: 1500px) {
  .card-grid-extended { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .position-split { grid-template-columns: .56fr 1.44fr; }
}
@media (max-width: 1100px) {
  .position-split { grid-template-columns: 1fr; }
  .mini-grid,
  .proof-grid,
  .process-grid-extended,
  .offer-grid-extended { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .card-grid-extended,
  .mini-grid,
  .proof-grid,
  .process-grid-extended,
  .offer-grid-extended { grid-template-columns: 1fr; }
  .rich-card { min-height: 0; }
  .mini-card,
  .proof-card { padding: 20px; border-radius: 24px; }
}

.focus-grid .service-card,
.impact-grid .proof-card,
.faq-grid .proof-card { height: 100%; }

.faq-card h3 { margin-bottom: 10px; }

.inquiry-hints span {
  display: block;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.86);
}

@media (min-width: 950px) {
  .mainnav { gap: 6px; }
  .mainnav a { padding: 8px 11px; }
}

.hero-microline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0 0;
}
.hero-microline span {
  padding: 8px 11px;
  border-radius: 999px;
  color: rgba(255,255,255,.88);
  background: rgba(7,18,34,.54);
  border: 1px solid rgba(255,255,255,.24);
  backdrop-filter: blur(14px);
  font-size: 12px;
  font-weight: 820;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.cool-section,
.matcher-section,
.visual-section,
.tracks-section,
.method-section {
  position: relative;
  overflow: hidden;
}

.signal-section {
  background:
    radial-gradient(circle at 15% 15%, rgba(36,71,255,.14), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(0,183,168,.16), transparent 32%);
}

.signal-room {
  display: grid;
  grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr);
  gap: 28px;
  align-items: center;
  border-radius: 44px;
  padding: clamp(28px, 4vw, 56px);
  color: #fff;
  background:
    linear-gradient(135deg, rgba(7,18,34,.98), rgba(23,37,84,.94) 58%, rgba(18,61,72,.94)),
    linear-gradient(180deg, #071222, #172554);
  box-shadow: 0 34px 90px rgba(7,18,34,.22);
}

.signal-copy .lead { color: rgba(255,255,255,.76); }
.signal-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.signal-board {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}
.signal-card {
  min-height: 182px;
  padding: 22px;
  border-radius: 28px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
  backdrop-filter: blur(18px);
}
.signal-card span {
  display: inline-flex;
  margin-bottom: 26px;
  color: rgba(255,255,255,.58);
  font-size: 12px;
  font-weight: 860;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.signal-card strong {
  display: block;
  margin-bottom: 8px;
  font-size: clamp(1.45rem, 2.3vw, 2.2rem);
  letter-spacing: -.06em;
}
.signal-card p { margin: 0; color: rgba(255,255,255,.68); }

.cool-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
}
.cool-card,
.track-card,
.product-card {
  position: relative;
  overflow: hidden;
  min-height: 250px;
  padding: 24px;
  border-radius: 30px;
  border: 1px solid rgba(20,32,51,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(241,246,255,.78)),
    #fff;
  box-shadow: 0 22px 56px rgba(15,23,42,.08);
}
.cool-card::after,
.track-card::after,
.product-card::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  right: -70px;
  bottom: -70px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(36,71,255,.13), transparent 68%);
}
.cool-icon,
.product-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: var(--brand);
  background: linear-gradient(135deg, rgba(36,71,255,.13), rgba(0,183,168,.17));
  margin-bottom: 20px;
}
.cool-icon svg,
.product-icon svg,
.track-top svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.85; stroke-linecap: round; stroke-linejoin: round; }
.cool-card p,
.track-card p,
.product-card p { color: var(--muted); margin-bottom: 0; }

.matcher-wrap {
  display: grid;
  grid-template-columns: minmax(0,.68fr) minmax(0,1.32fr);
  gap: 28px;
  align-items: start;
}
.matcher {
  padding: 20px;
  border-radius: 34px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.matcher input { position: absolute; opacity: 0; pointer-events: none; }
.matcher-tabs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  margin-bottom: 14px;
}
.matcher-tabs label {
  min-height: 48px;
  display: grid;
  place-items: center;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: #f8fafc;
  cursor: pointer;
  text-align: center;
}
#match-de-1:checked ~ .matcher-tabs label[for="match-de-1"],
#match-de-2:checked ~ .matcher-tabs label[for="match-de-2"],
#match-de-3:checked ~ .matcher-tabs label[for="match-de-3"],
#match-de-4:checked ~ .matcher-tabs label[for="match-de-4"],
#match-en-1:checked ~ .matcher-tabs label[for="match-en-1"],
#match-en-2:checked ~ .matcher-tabs label[for="match-en-2"],
#match-en-3:checked ~ .matcher-tabs label[for="match-en-3"],
#match-en-4:checked ~ .matcher-tabs label[for="match-en-4"] {
  color: #fff;
  background: linear-gradient(135deg, var(--brand), var(--brand-3));
  border-color: transparent;
}
.matcher-panel {
  display: none;
  min-height: 250px;
  padding: clamp(22px, 3vw, 36px);
  border-radius: 26px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 20%, rgba(0,183,168,.28), transparent 32%),
    linear-gradient(135deg, #071222, #172554 62%, #123d48);
}
.matcher-panel p { color: rgba(255,255,255,.72); font-size: 1.05rem; }
.matcher-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.matcher-tags span {
  padding: 8px 10px;
  border-radius: 999px;
  color: rgba(255,255,255,.84);
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  font-size: 13px;
  font-weight: 760;
}
#match-de-1:checked ~ .matcher-panels .matcher-1,
#match-de-2:checked ~ .matcher-panels .matcher-2,
#match-de-3:checked ~ .matcher-panels .matcher-3,
#match-de-4:checked ~ .matcher-panels .matcher-4,
#match-en-1:checked ~ .matcher-panels .matcher-1,
#match-en-2:checked ~ .matcher-panels .matcher-2,
#match-en-3:checked ~ .matcher-panels .matcher-3,
#match-en-4:checked ~ .matcher-panels .matcher-4 {
  display: block;
}

.visual-wrap {
  display: grid;
  grid-template-columns: minmax(0,.68fr) minmax(0,1.32fr);
  gap: 28px;
  align-items: center;
}
.visual-gallery {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-auto-rows: minmax(210px, 18vw);
  gap: 14px;
}
.visual-photo {
  position: relative;
  overflow: hidden;
  margin: 0;
  border-radius: 30px;
  min-height: 220px;
  background: #111827;
  box-shadow: 0 24px 70px rgba(15,23,42,.16);
}
.visual-photo-large { grid-row: span 2; }
.visual-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.94) contrast(1.02);
}
.visual-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(7,18,34,.72));
}
.visual-photo figcaption {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  z-index: 1;
  color: #fff;
  font-weight: 860;
  letter-spacing: -.02em;
}
.product-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
  margin-top: 18px;
}
.product-ui {
  margin-bottom: 18px;
  padding: 14px;
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(7,18,34,.96), rgba(23,37,84,.9));
  color: #fff;
}
.product-dotline { display: flex; gap: 5px; margin-bottom: 14px; }
.product-dotline span { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.44); }
.product-ui strong { display: block; margin-top: 8px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.72); }

.track-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
}
.track-top {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 16px;
}
.track-top span {
  padding: 7px 9px;
  border-radius: 999px;
  color: var(--brand);
  background: rgba(36,71,255,.08);
  font-size: 12px;
  font-weight: 850;
}
.track-card ul { margin: 18px 0 0; padding-left: 18px; color: #475467; }
.track-card li + li { margin-top: 7px; }

.method-wrap {
  display: grid;
  grid-template-columns: minmax(0,.6fr) minmax(0,1.4fr);
  gap: 28px;
  align-items: center;
  padding: clamp(28px, 4vw, 54px);
  border-radius: 44px;
  background:
    radial-gradient(circle at 90% 0%, rgba(0,183,168,.18), transparent 38%),
    linear-gradient(180deg, #fff, #eef4ff);
  border: 1px solid var(--line);
}
.method-wall {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.method-wall span {
  padding: 13px 15px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(20,32,51,.12);
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
  font-weight: 800;
  color: #344054;
}

@media (min-width: 1300px) {
  .visual-gallery { grid-auto-rows: minmax(250px, 17vw); }
}

@media (max-width: 1100px) {
  .cool-grid,
  .product-grid,
  .track-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .signal-room,
  .matcher-wrap,
  .visual-wrap,
  .method-wrap { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .hero-microline span { font-size: 11px; }
  .signal-board,
  .cool-grid,
  .product-grid,
  .track-grid,
  .visual-gallery { grid-template-columns: 1fr; }
  .signal-room,
  .method-wrap { border-radius: 30px; padding: 22px; }
  .signal-card { min-height: auto; }
  .matcher-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .matcher-panel { min-height: auto; }
  .visual-photo-large { grid-row: auto; }
  .visual-photo { min-height: 240px; }
}

.real-gallery-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) repeat(2, minmax(0, .94fr));
  gap: 18px;
}
.real-gallery-card {
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(20,32,51,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(241,246,255,.84));
  box-shadow: 0 22px 56px rgba(15,23,42,.08);
}
.real-gallery-card-large { display: grid; }
.real-gallery-media {
  margin: 0;
  min-height: 240px;
  max-height: 420px;
  overflow: hidden;
  background: #09111f;
}
.real-gallery-card-large .real-gallery-media { min-height: 100%; }
.real-gallery-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.real-gallery-copy { padding: 20px 22px 24px; }
.real-gallery-copy p { margin-bottom: 0; color: var(--muted); }
@media (max-width: 1100px) {
  .real-gallery-grid { grid-template-columns: 1fr 1fr; }
  .real-gallery-card-large { grid-column: 1 / -1; }
  .real-gallery-card-large .real-gallery-media { min-height: 280px; }
}
@media (max-width: 760px) {
  .real-gallery-grid { grid-template-columns: 1fr; }
  .real-gallery-card-large { grid-column: auto; }
  .real-gallery-media, .real-gallery-card-large .real-gallery-media { min-height: 230px; max-height: none; }
}

.price-section {
  background:
    radial-gradient(circle at 8% 12%, rgba(36,71,255,.10), transparent 34%),
    radial-gradient(circle at 86% 6%, rgba(0,183,168,.12), transparent 32%),
    linear-gradient(180deg, #f8fbff, #fff);
}
.price-head {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, .9fr);
  gap: 24px;
  align-items: end;
}
.price-head .lead { max-width: none; }
.price-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 30px;
}
.price-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto auto auto 1fr auto;
  min-height: 520px;
  padding: 24px;
  border-radius: 32px;
  border: 1px solid rgba(20,32,51,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,246,255,.82)),
    #fff;
  box-shadow: 0 22px 56px rgba(15,23,42,.08);
}
.price-card::after {
  content: "";
  position: absolute;
  width: 190px;
  height: 190px;
  right: -84px;
  top: -84px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(36,71,255,.14), transparent 68%);
}
.price-card.is-featured {
  color: #fff;
  border-color: rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 82% 8%, rgba(0,183,168,.26), transparent 36%),
    linear-gradient(145deg, #071222, #172554 62%, #123d48);
  box-shadow: 0 32px 90px rgba(7,18,34,.24);
}
.price-card.is-featured p,
.price-card.is-featured li,
.price-card.is-featured .price-label { color: rgba(255,255,255,.74); }
.price-card-top {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 54px;
  margin-bottom: 20px;
}
.price-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 17px;
  color: var(--brand);
  background: linear-gradient(135deg, rgba(36,71,255,.13), rgba(0,183,168,.17));
  flex: 0 0 auto;
}
.price-card.is-featured .price-icon {
  color: #fff;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
}
.price-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.price-label {
  font-size: 12px;
  font-weight: 880;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--brand);
}
.price-badge {
  margin-left: auto;
  padding: 7px 9px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  font-size: 12px;
  font-weight: 850;
}
.price-card h3 {
  position: relative;
  z-index: 1;
  font-size: clamp(1.35rem, 1.7vw, 1.85rem);
  margin-bottom: 14px;
}
.price-number {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 14px;
}
.price-number span {
  color: var(--muted);
  font-weight: 820;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
}
.price-card.is-featured .price-number span { color: rgba(255,255,255,.62); }
.price-number strong {
  font-size: clamp(2.55rem, 4.2vw, 4.6rem);
  line-height: .86;
  letter-spacing: -.075em;
}
.price-card p {
  position: relative;
  z-index: 1;
  color: var(--muted);
  margin-bottom: 20px;
}
.price-card ul {
  position: relative;
  z-index: 1;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 11px;
}
.price-card li {
  position: relative;
  padding-left: 25px;
  color: #475467;
}
.price-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
}
.price-select {
  position: relative;
  z-index: 1;
  align-self: end;
  width: 100%;
}
.price-note {
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 650;
}
@media (max-width: 1280px) {
  .price-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .price-card { min-height: 440px; }
}
@media (max-width: 760px) {
  .price-head { grid-template-columns: 1fr; }
  .price-grid { grid-template-columns: 1fr; }
  .price-card { min-height: auto; }
}

.section {
  padding-top: clamp(54px, 4.2vw, 82px);
  padding-bottom: clamp(54px, 4.2vw, 82px);
}

.trust-strip {
  padding-top: clamp(18px, 2vw, 28px);
  padding-bottom: clamp(18px, 2vw, 28px);
}

.section + .section {
  margin-top: 0;
}

.section-head {
  margin-bottom: clamp(20px, 2.4vw, 30px);
}

.section-head h2,
.signal-copy h2,
.matcher-copy h2,
.visual-copy h2,
.method-copy h2 {
  margin-bottom: clamp(12px, 1.5vw, 18px);
}

.lead {
  margin-bottom: 0;
}

.hero {
  padding-top: clamp(48px, 5vw, 72px);
  padding-bottom: clamp(44px, 4.2vw, 66px);
}

.hero-actions {
  margin-top: clamp(20px, 2.2vw, 28px);
}

.hero-proof {
  margin-top: clamp(22px, 2.8vw, 32px);
}

.signal-room,
.method-wrap {
  padding-top: clamp(28px, 3.2vw, 46px);
  padding-bottom: clamp(28px, 3.2vw, 46px);
}

.offer-band {
  padding-top: clamp(26px, 3vw, 34px);
  padding-bottom: clamp(26px, 3vw, 34px);
}

.offer-grid,
.process-grid,
.price-grid,
.track-grid {
  margin-top: clamp(18px, 2.2vw, 28px);
}

.product-grid {
  margin-top: clamp(12px, 1.6vw, 18px);
}

.real-gallery-grid,
.cool-grid,
.proof-grid,
.card-grid,
.focus-grid,
.impact-grid,
.faq-grid {
  gap: clamp(12px, 1.4vw, 18px);
}

.service-card,
.process-card,
.proof-card,
.cool-card,
.track-card,
.product-card,
.price-card,
.event-card,
.quote-card {
  padding: clamp(20px, 2.1vw, 26px);
}

.events-wrap,
.visual-wrap,
.matcher-wrap,
.form-shell,
.position-split,
.method-wrap,
.signal-room {
  gap: clamp(18px, 2.4vw, 30px);
}

.form-aside,
.request-form {
  padding: clamp(24px, 2.6vw, 32px);
}

.contact-list,
.inquiry-hints {
  margin-top: clamp(16px, 1.8vw, 22px);
}

.footer {
  padding-top: clamp(34px, 3.4vw, 46px);
  padding-bottom: clamp(34px, 3.4vw, 46px);
}

.price-section,
.real-gallery-section,
.tracks-section,
.method-section {
  padding-top: clamp(48px, 3.8vw, 74px);
  padding-bottom: clamp(48px, 3.8vw, 74px);
}

@media (max-width: 760px) {
  .section {
    padding-top: 46px;
    padding-bottom: 46px;
  }

  .hero {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .section-head {
    margin-bottom: 18px;
  }

  .offer-grid,
  .process-grid,
  .price-grid,
  .track-grid {
    margin-top: 18px;
  }

  .service-card,
  .process-card,
  .proof-card,
  .cool-card,
  .track-card,
  .product-card,
  .price-card,
  .event-card,
  .quote-card {
    padding: 20px;
  }
}

.virtual-product-section {
  background:
    radial-gradient(circle at 12% 8%, rgba(36,71,255,.10), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(0,183,168,.13), transparent 32%),
    linear-gradient(180deg, #fff, #f8fbff);
}

.virtual-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 1.6vw, 20px);
}

.virtual-product-card {
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid rgba(20,32,51,.12);
  background: #fff;
  box-shadow: 0 24px 70px rgba(15,23,42,.10);
}

.virtual-product-card figure {
  margin: 0;
  aspect-ratio: 16 / 10.5;
  overflow: hidden;
  background: #071222;
}

.virtual-product-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.virtual-product-card div {
  padding: 22px 24px 26px;
}

.virtual-product-card p {
  color: var(--muted);
  margin-bottom: 0;
}

.price-section {
  padding-top: clamp(42px, 3.4vw, 68px);
  padding-bottom: clamp(42px, 3.4vw, 68px);
}

#anfrage.section {
  padding-top: clamp(42px, 3.4vw, 68px);
  padding-bottom: clamp(48px, 3.8vw, 74px);
}

.trust-strip + .price-section {
  border-top: 1px solid rgba(20,32,51,.08);
}

.price-section + #anfrage.section {
  background:
    radial-gradient(circle at 90% 10%, rgba(139,92,246,.10), transparent 30%),
    linear-gradient(180deg, #fff, #f8fbff);
}

@media (max-width: 1100px) {
  .virtual-product-grid { grid-template-columns: 1fr 1fr; }
  .virtual-product-card:first-child { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .virtual-product-grid { grid-template-columns: 1fr; }
  .virtual-product-card:first-child { grid-column: auto; }
}

:root {
  --flow-pad: clamp(38px, 3.25vw, 62px);
  --flow-pad-tight: clamp(28px, 2.55vw, 46px);
}

body {
  background:
    radial-gradient(circle at 4% 11%, rgba(36, 71, 255, .075), transparent 30%),
    radial-gradient(circle at 96% 18%, rgba(0, 183, 168, .105), transparent 26%),
    linear-gradient(180deg, #f7faff 0%, #ffffff 28%, #f5f8ff 100%);
}

.section {
  padding-top: var(--flow-pad);
  padding-bottom: var(--flow-pad);
}

.hero {
  padding-top: clamp(38px, 4.2vw, 60px);
  padding-bottom: clamp(34px, 3.65vw, 54px);
}

.trust-strip {
  padding-top: clamp(14px, 1.45vw, 22px);
  padding-bottom: clamp(14px, 1.45vw, 22px);
}

.section-head {
  margin-bottom: clamp(16px, 1.85vw, 24px);
}

.section-head h2,
.signal-copy h2,
.visual-copy h2,
.matcher-copy h2,
.method-copy h2,
.form-aside h2,
.event-card h2,
.offer-band h2 {
  margin-bottom: clamp(9px, 1.15vw, 14px);
}

.kicker {
  margin-bottom: clamp(8px, .9vw, 12px);
}

.lead,
.form-aside p,
.signal-copy .lead,
.visual-copy .lead {
  color: #344054;
}

.price-section,
#anfrage.section,
#positionierung.section,
.signal-section,
.visual-section,
.tracks-section,
.virtual-product-section,
.real-gallery-section,
#fokus.section,
#angebote.section,
#ablauf.section,
#events.section,
#faq.section {
  padding-top: var(--flow-pad-tight);
  padding-bottom: var(--flow-pad-tight);
}

.trust-strip + .price-section,
.price-section + #anfrage.section,
#anfrage + #positionierung,
#positionierung + .signal-section,
.signal-section + .visual-section,
.visual-section + .tracks-section,
.tracks-section + .virtual-product-section,
.virtual-product-section + .real-gallery-section,
.real-gallery-section + #fokus,
#fokus + #angebote,
#angebote + #ablauf,
#ablauf + #events,
#events + #faq {
  border-top: 1px solid rgba(20, 32, 51, .07);
}

.price-section,
.virtual-product-section,
#ablauf.section,
#faq.section {
  background:
    radial-gradient(circle at 88% 2%, rgba(0, 183, 168, .12), transparent 27%),
    linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(248, 251, 255, .92));
}

#anfrage.section,
.signal-section,
#angebote.section,
#events.section {
  background:
    radial-gradient(circle at 8% 0%, rgba(36, 71, 255, .11), transparent 28%),
    linear-gradient(180deg, rgba(246, 249, 255, .95), rgba(255, 255, 255, .86));
}

.position-split,
.visual-wrap,
.events-wrap,
.form-shell,
.signal-room {
  align-items: center;
}

.card-grid,
.focus-grid,
.proof-grid,
.process-grid,
.track-grid,
.offer-grid,
.virtual-product-grid,
.real-gallery-grid,
.price-grid {
  gap: clamp(12px, 1.25vw, 18px);
}

.offer-grid,
.process-grid,
.price-grid,
.track-grid,
.product-grid,
.virtual-product-grid,
.real-gallery-grid,
.focus-grid,
.proof-grid {
  margin-top: clamp(14px, 1.65vw, 22px);
}

.service-card,
.process-card,
.proof-card,
.cool-card,
.track-card,
.product-card,
.price-card,
.event-card,
.quote-card,
.virtual-product-card,
.mini-card {
  border-color: rgba(20, 32, 51, .10);
  box-shadow: 0 18px 48px rgba(15, 23, 42, .075);
}

.price-card.is-featured {
  box-shadow: 0 24px 65px rgba(36, 71, 255, .20);
}

.form-shell,
.signal-room,
.offer-band,
.events-wrap {
  border-radius: clamp(26px, 2.7vw, 38px);
}

.signal-board {
  gap: clamp(10px, 1.1vw, 14px);
}

.signal-card,
.track-card,
.product-card,
.process-card,
.proof-card,
.service-card,
.price-card {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.signal-card:hover,
.track-card:hover,
.product-card:hover,
.process-card:hover,
.proof-card:hover,
.service-card:hover,
.price-card:hover {
  transform: translateY(-2px);
  border-color: rgba(36, 71, 255, .22);
  box-shadow: 0 24px 70px rgba(15, 23, 42, .11);
}

.footer {
  margin-top: 0;
}

@media (max-width: 760px) {
  :root {
    --flow-pad: 34px;
    --flow-pad-tight: 30px;
  }

  .hero {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .section-head {
    margin-bottom: 16px;
  }

  .trust-grid {
    gap: 10px;
  }

  .card-grid,
  .focus-grid,
  .proof-grid,
  .process-grid,
  .track-grid,
  .offer-grid,
  .virtual-product-grid,
  .real-gallery-grid,
  .price-grid {
    gap: 12px;
  }

  .service-card,
  .process-card,
  .proof-card,
  .cool-card,
  .track-card,
  .product-card,
  .price-card,
  .event-card,
  .quote-card,
  .virtual-product-card,
  .mini-card {
    padding: 18px;
  }
}

:root {
  --bg: #f5f8fc;
  --paper: #ffffff;
  --paper-soft: #edf4ff;
  --ink: #101b2d;
  --muted: #5f6f84;
  --line: rgba(16, 27, 45, .105);
  --brand: #3157f4;
  --brand-2: #16b8a6;
  --brand-3: #7457ee;
  --brand-soft: rgba(49, 87, 244, .115);
  --teal-soft: rgba(22, 184, 166, .13);
  --violet-soft: rgba(116, 87, 238, .115);
  --deep: #071426;
  --deep-2: #10213b;
  --deep-3: #172a58;
  --shadow: 0 22px 60px rgba(9, 20, 38, .105);
}

body {
  background:
    radial-gradient(circle at 7% 9%, rgba(49, 87, 244, .07), transparent 29%),
    radial-gradient(circle at 92% 12%, rgba(22, 184, 166, .095), transparent 27%),
    radial-gradient(circle at 74% 58%, rgba(116, 87, 238, .055), transparent 34%),
    linear-gradient(180deg, #f7faff 0%, #ffffff 32%, #f4f8ff 100%);
  color: var(--ink);
}

.topbar {
  background: rgba(247, 250, 255, .86);
  border-bottom-color: rgba(16, 27, 45, .075);
}

.brand-mark,
.btn-primary,
.matcher-tabs label:hover,
#match-de-1:checked ~ .matcher-tabs label[for="match-de-1"],
#match-de-2:checked ~ .matcher-tabs label[for="match-de-2"],
#match-de-3:checked ~ .matcher-tabs label[for="match-de-3"],
#match-de-4:checked ~ .matcher-tabs label[for="match-de-4"],
#match-en-1:checked ~ .matcher-tabs label[for="match-en-1"],
#match-en-2:checked ~ .matcher-tabs label[for="match-en-2"],
#match-en-3:checked ~ .matcher-tabs label[for="match-en-3"],
#match-en-4:checked ~ .matcher-tabs label[for="match-en-4"] {
  background: linear-gradient(135deg, #3157f4 0%, #7457ee 58%, #16b8a6 118%);
}

.btn-primary {
  box-shadow: 0 16px 34px rgba(49, 87, 244, .24);
}

.btn-soft {
  background: rgba(255, 255, 255, .92);
  border-color: rgba(16, 27, 45, .12);
  color: #152238;
}

.kicker {
  color: var(--brand);
}
.kicker::before {
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
}

.hero-slider-shade {
  background:
    radial-gradient(circle at 78% 18%, rgba(22,184,166,.19), transparent 30%),
    radial-gradient(circle at 10% 78%, rgba(116,87,238,.16), transparent 28%),
    linear-gradient(90deg, rgba(5,13,26,.91) 0%, rgba(7,20,38,.76) 44%, rgba(7,20,38,.34) 100%),
    linear-gradient(180deg, rgba(2,6,18,.16) 0%, rgba(2,6,18,.45) 100%);
}
.hero .kicker::before { background: linear-gradient(90deg, #67e8d8, #8f7afa); }

.hero .lead,
.hero .proof-pill span,
.signal-room .lead,
.signal-room p,
.signal-copy .lead,
.form-aside p,
.offer-band p,
.offer span,
.price-card.is-featured p,
.price-card.is-featured li,
.price-card.is-featured .price-label {
  color: rgba(239, 247, 255, .76);
}

.signal-room .kicker,
.form-aside .kicker,
.offer-band .kicker,
.price-card.is-featured .price-label {
  color: rgba(103, 232, 216, .94);
}

.signal-room h2,
.signal-room h3,
.form-aside h2,
.offer-band h2,
.price-card.is-featured h3,
.price-card.is-featured .price-number strong {
  color: #ffffff;
}

.service-card,
.process-card,
.proof-card,
.cool-card,
.track-card,
.product-card,
.price-card,
.event-card,
.quote-card,
.virtual-product-card,
.mini-card,
.real-gallery-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,250,255,.91));
  border-color: rgba(16, 27, 45, .105);
  box-shadow: 0 18px 46px rgba(9, 20, 38, .075);
}

.service-card:nth-child(2),
.event-card.big,
.proof-card:nth-child(2n) {
  background:
    radial-gradient(circle at 92% 0%, rgba(22,184,166,.105), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #eef4ff 100%);
}

.icon-box,
.mini-icon,
.cool-icon,
.product-icon,
.price-icon,
.track-top span {
  color: #3157f4;
  background: linear-gradient(135deg, rgba(49,87,244,.105), rgba(22,184,166,.135));
}

.track-top span,
.event-meta span,
.method-wall span,
.hero-microline span {
  border-color: rgba(49, 87, 244, .14);
}

.price-section,
.virtual-product-section,
#ablauf.section,
#faq.section {
  background:
    radial-gradient(circle at 88% 2%, rgba(22, 184, 166, .105), transparent 27%),
    radial-gradient(circle at 10% 82%, rgba(116, 87, 238, .06), transparent 31%),
    linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(246, 250, 255, .95));
}

#anfrage.section,
.signal-section,
#angebote.section,
#events.section {
  background:
    radial-gradient(circle at 8% 0%, rgba(49, 87, 244, .095), transparent 28%),
    radial-gradient(circle at 94% 78%, rgba(22, 184, 166, .07), transparent 29%),
    linear-gradient(180deg, rgba(247, 250, 255, .97), rgba(255, 255, 255, .9));
}

.method-wrap {
  background:
    radial-gradient(circle at 90% 0%, rgba(22,184,166,.145), transparent 38%),
    radial-gradient(circle at 0% 92%, rgba(116,87,238,.07), transparent 32%),
    linear-gradient(180deg, #ffffff, #eef4ff);
}

.price-card.is-featured {
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 28px 72px rgba(13, 31, 74, .24);
}
.price-card.is-featured .price-icon {
  color: #ffffff;
  background: rgba(255,255,255,.115);
  border-color: rgba(255,255,255,.16);
}
.price-card.is-featured .btn-primary,
.price-card.is-featured .btn-soft {
  background: linear-gradient(135deg, #67e8d8, #8f7afa);
  color: #06101f;
  border-color: transparent;
  box-shadow: 0 14px 30px rgba(22, 184, 166, .18);
}

input:focus,
select:focus,
textarea:focus {
  border-color: #3157f4;
  box-shadow: 0 0 0 4px rgba(49, 87, 244, .105);
}

.footer {
  background: #071426;
  border-top: 1px solid rgba(255,255,255,.08);
}

.signal-card:hover,
.track-card:hover,
.product-card:hover,
.process-card:hover,
.proof-card:hover,
.service-card:hover,
.price-card:hover {
  border-color: rgba(49, 87, 244, .20);
  box-shadow: 0 24px 68px rgba(9, 20, 38, .105);
}

body.legal-page {
  background:
    radial-gradient(circle at 8% 10%, rgba(49, 87, 244, .06), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(22, 184, 166, .08), transparent 26%),
    linear-gradient(180deg, #f7faff 0%, #f4f8ff 100%);
}

.legal-page .topbar-inner {
  padding-top: 14px;
  padding-bottom: 14px;
}

.legal-main.section {
  padding-top: clamp(42px, 4.4vw, 68px);
  padding-bottom: clamp(54px, 4.8vw, 84px);
}

.legal-head {
  margin-bottom: clamp(18px, 2vw, 28px);
}

.legal-page h1 {
  margin-bottom: 12px;
  font-size: clamp(3.35rem, 6.3vw, 5.65rem);
  line-height: .94;
  letter-spacing: -.072em;
}

.legal-page .lead {
  max-width: 760px;
  font-size: clamp(1.04rem, 1.4vw, 1.24rem);
}

.legal-card {
  padding: clamp(24px, 2.6vw, 38px);
  border: 1px solid rgba(49, 87, 244, .17);
  border-radius: clamp(24px, 2.4vw, 34px);
  background:
    radial-gradient(circle at 100% 0%, rgba(22, 184, 166, .08), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,255,.96));
  box-shadow: 0 18px 48px rgba(9, 20, 38, .07);
}

.legal-card h2 {
  margin-bottom: clamp(18px, 2vw, 26px);
  font-size: clamp(2.35rem, 4vw, 4.3rem);
  line-height: .95;
  letter-spacing: -.06em;
}

.legal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(260px, .92fr);
  gap: clamp(14px, 1.7vw, 22px);
}

.legal-block {
  padding: clamp(18px, 1.9vw, 24px);
  border: 1px solid rgba(16, 27, 45, .08);
  border-radius: 24px;
  background: rgba(255,255,255,.78);
}

.legal-block h3 {
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 820;
  letter-spacing: -.025em;
}

.legal-block p,
.legal-card > p {
  margin-bottom: 0;
  color: #233246;
}

.legal-block p + p,
.legal-card > p + p {
  margin-top: 10px;
}

.legal-block a,
.legal-card a {
  color: #2049ee;
}

.legal-note {
  margin-top: 14px;
  color: var(--muted);
  font-size: .95rem;
}

.legal-page .card-grid {
  gap: clamp(12px, 1.5vw, 18px);
}

.legal-page .service-card {
  padding: clamp(20px, 2vw, 26px);
}

.legal-page .service-card h2 {
  margin-bottom: 10px;
  font-size: clamp(1.3rem, 2vw, 1.7rem);
  line-height: 1.05;
  letter-spacing: -.035em;
}

.legal-page .footer {
  padding-top: clamp(28px, 3vw, 36px);
  padding-bottom: clamp(28px, 3vw, 36px);
}

@media (max-width: 860px) {
  .legal-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .legal-main.section {
    padding-top: 34px;
    padding-bottom: 44px;
  }

  .legal-head {
    margin-bottom: 16px;
  }

  .legal-page h1 {
    font-size: clamp(2.6rem, 12vw, 4rem);
  }

  .legal-card {
    padding: 18px;
    border-radius: 24px;
  }

  .legal-card h2 {
    font-size: clamp(1.9rem, 8vw, 2.7rem);
    margin-bottom: 16px;
  }

  .legal-block {
    padding: 16px;
    border-radius: 18px;
  }
}

.trust-strip {
  padding-left: 0;
  padding-right: 0;
}

.trust-grid {
  align-items: stretch;
}

.trust-item {
  min-width: 0;
  padding: clamp(18px, 1.5vw, 24px);
}

.trust-item strong {
  margin-bottom: 6px;
}

.hero-card .panel:last-child {
  padding: 16px;
}

.panel .ticket:first-child {
  margin-top: 0;
}

.ticket {
  gap: 10px;
  padding: 13px 14px;
}

.ticket small {
  display: block;
  margin-bottom: 3px;
}

.ticket b {
  display: block;
  line-height: 1.18;
}

.ticket .btn {
  min-height: 40px;
  padding: 10px 16px;
}

@media (min-width: 901px) and (max-width: 1320px) {
  .trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1321px) and (max-width: 1540px) {
  .trust-grid {
    gap: 12px;
  }
}

@media (max-width: 900px) {
  .trust-grid {
    grid-template-columns: 1fr;
  }
}

:root {
  --trust-shell: min(calc(var(--shell) - 40px), calc(100% - 40px));
}

.trust-grid {
  width: var(--trust-shell);
  max-width: none;
  align-items: stretch;
  gap: clamp(12px, 1.05vw, 16px);
}

.trust-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: clamp(18px, 1.45vw, 22px);
}

.trust-item strong {
  margin-bottom: 6px;
}

.hero-card .panel:last-child {
  padding: 12px;
}

.hero-card .panel:last-child .ticket {
  margin-top: 0;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 18px;
}

.hero-card .panel:last-child .ticket small {
  display: block;
  margin-bottom: 2px;
  line-height: 1.1;
}

.hero-card .panel:last-child .ticket b {
  display: block;
  line-height: 1.08;
}

.hero-card .panel:last-child .btn {
  min-height: 40px;
  padding: 10px 14px;
}

@media (min-width: 1700px) {
  :root {
    --trust-shell: min(calc(var(--shell) - 56px), calc(100% - 56px));
  }
}

@media (min-width: 1361px) and (max-width: 1699px) {
  :root {
    --trust-shell: calc(var(--shell) - 40px);
  }
}

@media (min-width: 1101px) and (max-width: 1360px) {
  :root {
    --trust-shell: calc(var(--shell) - 28px);
  }
}

@media (min-width: 721px) and (max-width: 1100px) {
  :root {
    --trust-shell: calc(var(--shell) - 12px);
  }

  .trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  :root {
    --trust-shell: var(--shell);
  }

  .hero-card .panel:last-child {
    padding: 10px;
  }

  .hero-card .panel:last-child .ticket {
    padding: 12px;
  }
}

.hero-card {
  display: grid;
  align-content: start;
  gap: 14px;
}

.panel {
  overflow: hidden;
}

.panel-focus {
  min-height: 0;
}

.panel-ticket {
  margin-top: auto;
}

.panel-note {
  margin: 0 0 14px;
  color: rgba(239,247,255,.74);
  font-size: .95rem;
  line-height: 1.48;
}

.agenda {
  gap: 10px;
}

.agenda li {
  grid-template-columns: 44px 1fr;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,.09);
}

.agenda li:first-child {
  border-top: 0;
  padding-top: 0;
}

.agenda-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  color: #9cece1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.agenda-icon svg,
.ticket-action svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 1.8;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.agenda-copy {
  min-width: 0;
}

.agenda time {
  display: block;
  margin-bottom: 2px;
  letter-spacing: .08em;
}

.agenda strong {
  margin-bottom: 2px;
  font-size: 1rem;
  letter-spacing: -.02em;
}

.agenda span {
  line-height: 1.4;
}

.ticket {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.ticket-copy {
  min-width: 0;
}

.ticket-copy span {
  display: block;
  margin-top: 6px;
  color: #475467;
  font-size: .9rem;
  line-height: 1.42;
}

.ticket-action {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 999px;
}

@media (min-width: 1101px) and (max-width: 1360px) {
  .panel-note {
    font-size: .92rem;
  }

  .agenda li {
    gap: 10px;
  }
}

@media (max-width: 720px) {
  .panel-note {
    margin-bottom: 12px;
    font-size: .92rem;
  }

  .agenda li {
    grid-template-columns: 40px 1fr;
    gap: 10px;
    padding: 9px 0;
  }

  .agenda-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .ticket {
    grid-template-columns: 1fr;
  }

  .ticket-action {
    width: 100%;
  }
}

:root {
  --header-offset: 104px;
}

html {
  scroll-padding-top: var(--header-offset);
}

[id] {
  scroll-margin-top: var(--header-offset);
}

.price-head {
  grid-template-columns: 1fr;
  gap: clamp(8px, 1vw, 14px);
  align-items: start;
  justify-items: start;
}

.price-head > * {
  grid-column: 1;
}

.price-head h2,
.price-head .lead {
  width: 100%;
  max-width: none !important;
  text-align: left;
}

.price-head h2 {
  line-height: .96;
  letter-spacing: -.055em;
}

.price-head .lead {
  color: #344054;
}

@media (max-width: 760px) {
  :root {
    --header-offset: 92px;
  }

  .price-head {
    gap: 8px;
  }

  .price-grid {
    gap: 14px;
  }

  .price-card {
    padding: 20px;
    border-radius: 26px;
  }

  .price-number strong {
    font-size: clamp(2rem, 9vw, 2.7rem);
  }

  .section-head,
  .price-head,
  .hero-copy,
  .panel-note,
  .ticket-copy {
    max-width: none;
  }
}

h1 {
  font-size: clamp(2.86rem, 6.25vw, 5.92rem);
  line-height: .94;
  letter-spacing: -.068em;
}

h2 {
  font-size: clamp(1.86rem, 3.55vw, 3.82rem);
  line-height: 1;
  letter-spacing: -.052em;
}

h3 {
  font-size: clamp(1.02rem, 1.15vw, 1.15rem);
  line-height: 1.18;
  letter-spacing: -.026em;
}

h4 {
  font-size: clamp(.98rem, 1.04vw, 1.08rem);
  line-height: 1.22;
  letter-spacing: -.018em;
}

h5 {
  font-size: .94rem;
  line-height: 1.22;
}

h6 {
  font-size: .86rem;
  line-height: 1.2;
  letter-spacing: .015em;
}

.hero h1 {
  font-size: clamp(3.05rem, 5.85vw, 5.65rem);
  line-height: .93;
  letter-spacing: -.068em;
}

.price-head h2,
.section-head h2 {
  font-size: clamp(1.92rem, 3.25vw, 3.35rem);
  line-height: 1.02;
  letter-spacing: -.048em;
}

.price-card h3,
.service-card h3,
.track-card h3,
.product-card h3,
.process-card h3,
.proof-card h3,
.event-card h3,
.virtual-product-card h3,
.real-gallery-card h3 {
  font-size: clamp(1.02rem, 1.18vw, 1.16rem);
}

.price-number {
  align-items: baseline;
}

.price-number strong {
  font-size: clamp(2.34rem, 3.2vw, 3.35rem);
  letter-spacing: -.055em;
  white-space: nowrap;
}

@media (min-width: 1600px) {
  h1 {
    font-size: clamp(3.05rem, 5.7vw, 5.75rem);
  }

  .hero h1 {
    font-size: clamp(3.15rem, 5.55vw, 5.5rem);
  }

  h2,
  .price-head h2,
  .section-head h2 {
    font-size: clamp(2.05rem, 3.05vw, 3.45rem);
  }
}

@media (min-width: 1101px) and (max-width: 1360px) {
  h1,
  .hero h1 {
    font-size: clamp(2.78rem, 5.55vw, 4.82rem);
  }

  h2,
  .price-head h2,
  .section-head h2 {
    font-size: clamp(1.82rem, 3.05vw, 2.92rem);
  }
}

@media (max-width: 760px) {
  h1,
  .hero h1 {
    font-size: clamp(2.26rem, 10.4vw, 3.34rem);
    line-height: .96;
    letter-spacing: -.058em;
  }

  h2,
  .price-head h2,
  .section-head h2 {
    font-size: clamp(1.72rem, 7.6vw, 2.42rem);
    line-height: 1.04;
    letter-spacing: -.044em;
  }

  h3,
  .price-card h3,
  .service-card h3,
  .track-card h3,
  .product-card h3,
  .process-card h3,
  .proof-card h3,
  .event-card h3,
  .virtual-product-card h3,
  .real-gallery-card h3 {
    font-size: 1.02rem;
  }

  .price-number strong {
    font-size: clamp(2rem, 8.2vw, 2.55rem);
  }
}

h1 {
  font-size: clamp(2.72rem, 5.95vw, 5.55rem);
  line-height: .95;
  letter-spacing: -.064em;
}

h2 {
  font-size: clamp(1.72rem, 3.22vw, 3.46rem);
  line-height: 1.02;
  letter-spacing: -.048em;
}

h3 {
  font-size: clamp(.98rem, 1.05vw, 1.08rem);
  line-height: 1.2;
  letter-spacing: -.022em;
}

h4 {
  font-size: clamp(.94rem, .96vw, 1rem);
  line-height: 1.24;
  letter-spacing: -.014em;
}

h5 {
  font-size: .89rem;
  line-height: 1.24;
}

h6 {
  font-size: .81rem;
  line-height: 1.22;
  letter-spacing: .02em;
}

.hero h1 {
  font-size: clamp(2.88rem, 5.45vw, 5.28rem);
  line-height: .94;
  letter-spacing: -.064em;
}

.price-head h2,
.section-head h2 {
  font-size: clamp(1.8rem, 2.95vw, 3.08rem);
  line-height: 1.03;
  letter-spacing: -.044em;
}

.price-card h3,
.service-card h3,
.track-card h3,
.product-card h3,
.process-card h3,
.proof-card h3,
.event-card h3,
.virtual-product-card h3,
.real-gallery-card h3 {
  font-size: clamp(.98rem, 1.08vw, 1.08rem);
}

@media (min-width: 1600px) {
  h1 {
    font-size: clamp(2.92rem, 5.4vw, 5.45rem);
  }

  .hero h1 {
    font-size: clamp(3rem, 5.18vw, 5.22rem);
  }

  h2,
  .price-head h2,
  .section-head h2 {
    font-size: clamp(1.92rem, 2.78vw, 3.18rem);
  }
}

@media (min-width: 1101px) and (max-width: 1360px) {
  h1,
  .hero h1 {
    font-size: clamp(2.58rem, 5.05vw, 4.52rem);
  }

  h2,
  .price-head h2,
  .section-head h2 {
    font-size: clamp(1.68rem, 2.72vw, 2.68rem);
  }

  h3,
  .price-card h3,
  .service-card h3,
  .track-card h3,
  .product-card h3,
  .process-card h3,
  .proof-card h3,
  .event-card h3,
  .virtual-product-card h3,
  .real-gallery-card h3 {
    font-size: .98rem;
  }
}

@media (max-width: 760px) {
  h1,
  .hero h1 {
    font-size: clamp(2.08rem, 9.3vw, 3.02rem);
    line-height: .98;
    letter-spacing: -.052em;
  }

  h2,
  .price-head h2,
  .section-head h2 {
    font-size: clamp(1.56rem, 6.85vw, 2.18rem);
    line-height: 1.05;
    letter-spacing: -.038em;
  }

  h3,
  .price-card h3,
  .service-card h3,
  .track-card h3,
  .product-card h3,
  .process-card h3,
  .proof-card h3,
  .event-card h3,
  .virtual-product-card h3,
  .real-gallery-card h3 {
    font-size: .96rem;
  }

  h4 {
    font-size: .92rem;
  }

  h5 {
    font-size: .86rem;
  }

  h6 {
    font-size: .79rem;
  }
}

h1 {
  font-size: clamp(2.5rem, 5.35vw, 5.08rem);
  line-height: .97;
  letter-spacing: -.058em;
}

h2 {
  font-size: clamp(1.58rem, 2.9vw, 3.12rem);
  line-height: 1.04;
  letter-spacing: -.042em;
}

h3 {
  font-size: clamp(.94rem, .98vw, 1rem);
  line-height: 1.22;
  letter-spacing: -.018em;
}

h4 {
  font-size: clamp(.9rem, .9vw, .96rem);
  line-height: 1.26;
  letter-spacing: -.01em;
}

h5 {
  font-size: .84rem;
  line-height: 1.26;
}

h6 {
  font-size: .76rem;
  line-height: 1.24;
  letter-spacing: .024em;
}

.hero h1 {
  font-size: clamp(2.62rem, 4.95vw, 4.82rem);
  line-height: .96;
  letter-spacing: -.058em;
}

.price-head h2,
.section-head h2 {
  font-size: clamp(1.62rem, 2.62vw, 2.82rem);
  line-height: 1.05;
  letter-spacing: -.039em;
}

.price-card h3,
.service-card h3,
.track-card h3,
.product-card h3,
.process-card h3,
.proof-card h3,
.event-card h3,
.virtual-product-card h3,
.real-gallery-card h3 {
  font-size: clamp(.94rem, .98vw, 1rem);
}

@media (min-width: 1600px) {
  h1 {
    font-size: clamp(2.7rem, 4.95vw, 5rem);
  }

  .hero h1 {
    font-size: clamp(2.78rem, 4.75vw, 4.92rem);
  }

  h2,
  .price-head h2,
  .section-head h2 {
    font-size: clamp(1.76rem, 2.48vw, 2.92rem);
  }
}

@media (min-width: 1101px) and (max-width: 1360px) {
  h1,
  .hero h1 {
    font-size: clamp(2.38rem, 4.65vw, 4.08rem);
  }

  h2,
  .price-head h2,
  .section-head h2 {
    font-size: clamp(1.54rem, 2.42vw, 2.42rem);
  }

  h3,
  .price-card h3,
  .service-card h3,
  .track-card h3,
  .product-card h3,
  .process-card h3,
  .proof-card h3,
  .event-card h3,
  .virtual-product-card h3,
  .real-gallery-card h3 {
    font-size: .92rem;
  }
}

@media (max-width: 760px) {
  h1,
  .hero h1 {
    font-size: clamp(1.94rem, 8.45vw, 2.72rem);
    line-height: 1;
    letter-spacing: -.047em;
  }

  h2,
  .price-head h2,
  .section-head h2 {
    font-size: clamp(1.42rem, 6.15vw, 1.96rem);
    line-height: 1.07;
    letter-spacing: -.034em;
  }

  h3,
  .price-card h3,
  .service-card h3,
  .track-card h3,
  .product-card h3,
  .process-card h3,
  .proof-card h3,
  .event-card h3,
  .virtual-product-card h3,
  .real-gallery-card h3 {
    font-size: .9rem;
  }

  h4 {
    font-size: .86rem;
  }

  h5 {
    font-size: .8rem;
  }

  h6 {
    font-size: .74rem;
  }
}

.b2b-page {
  --brand: #2563eb;
  --brand-2: #14b8a6;
  --brand-3: #7c3aed;
  --deep: #061427;
  --deep-2: #0d2240;
  --deep-3: #172f63;
}

.b2b-page .brand-mark {
  width: 48px;
  min-width: 48px;
  font-size: .78rem;
  letter-spacing: -.045em;
}

.b2b-hero {
  min-height: auto;
  padding-top: clamp(72px, 7vw, 112px);
  padding-bottom: clamp(52px, 5vw, 82px);
  background:
    radial-gradient(circle at 82% 12%, rgba(20,184,166,.26), transparent 31%),
    radial-gradient(circle at 10% 84%, rgba(124,58,237,.22), transparent 34%),
    linear-gradient(145deg, #061427 0%, #0d2240 50%, #172f63 100%);
}

.b2b-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.08));
  pointer-events: none;
}

.b2b-console {
  background:
    radial-gradient(circle at 78% 0%, rgba(20,184,166,.28), transparent 32%),
    radial-gradient(circle at 0% 100%, rgba(124,58,237,.22), transparent 34%),
    linear-gradient(145deg, rgba(5,14,30,.98), rgba(10,28,58,.96));
}

.b2b-page .hero-grid {
  align-items: center;
}

.b2b-page .hero h1 {
  font-size: clamp(2.7rem, 5.05vw, 5.05rem);
}

.b2b-page .hero .lead {
  max-width: none;
}

.b2b-page .agenda-icon,
.b2b-page .download-icon,
.b2b-page .price-icon,
.b2b-page .cool-icon,
.b2b-page .icon-box {
  color: #74f7e9;
}

.b2b-page .download-icon {
  width: 68px;
  height: 68px;
  min-width: 68px;
  display: grid;
  place-items: center;
  border-radius: 24px;
  border: 1px solid rgba(37,99,235,.15);
  background: linear-gradient(135deg, rgba(37,99,235,.10), rgba(20,184,166,.14));
}

.b2b-page .download-icon svg,
.b2b-page .icon-box svg,
.b2b-page .price-icon svg,
.b2b-page .cool-icon svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.b2b-page .virtual-product-card {
  align-items: flex-start;
}

.b2b-page .virtual-product-card .btn {
  margin-top: 12px;
}

.b2b-page .form-aside {
  background:
    radial-gradient(circle at 86% 8%, rgba(20,184,166,.2), transparent 34%),
    linear-gradient(145deg, #071426, #10213b 54%, #172a58);
}

.b2b-page .inquiry-hints {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.b2b-page .inquiry-hints span {
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.13);
  color: rgba(255,255,255,.78);
  font-size: .86rem;
  font-weight: 720;
}

.b2b-page .offer-band {
  background:
    radial-gradient(circle at 88% 10%, rgba(20,184,166,.2), transparent 34%),
    radial-gradient(circle at 8% 92%, rgba(124,58,237,.16), transparent 36%),
    linear-gradient(145deg, #061427 0%, #0d2240 56%, #172f63 100%);
}

.b2b-page .offer-band .kicker,
.b2b-page .offer-band h2,
.b2b-page .offer-band strong {
  color: #fff;
}

.b2b-page .offer span {
  color: rgba(239,247,255,.75);
}

@media (max-width: 1050px) {
  .b2b-page .mainnav {
    align-items: stretch;
  }
}

@media (max-width: 760px) {
  .b2b-page .brand-mark {
    width: 42px;
    min-width: 42px;
    font-size: .7rem;
  }

  .b2b-hero {
    padding-top: 54px;
    padding-bottom: 42px;
  }

  .b2b-page .hero h1 {
    font-size: clamp(2.05rem, 8.9vw, 2.95rem);
  }

  .b2b-page .virtual-product-card {
    display: grid;
    grid-template-columns: 1fr;
  }

  .b2b-page .download-icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    border-radius: 18px;
  }
}

.b2b-premium {
  --b2b-bg: #f4f8ff;
  --b2b-ink: #0b172a;
  --b2b-muted: #5d6b82;
  --b2b-line: rgba(15, 23, 42, .105);
  --b2b-blue: #2463eb;
  --b2b-cyan: #17d8c8;
  --b2b-violet: #7c3aed;
  --b2b-deep: #061427;
  background:
    radial-gradient(circle at 5% 2%, rgba(36,99,235,.10), transparent 28%),
    radial-gradient(circle at 94% 4%, rgba(23,216,200,.10), transparent 26%),
    linear-gradient(180deg, #f7fbff 0%, #ffffff 28%, #f3f8ff 100%);
}

.b2b-premium .topbar {
  background: rgba(247, 251, 255, .88);
  border-bottom: 1px solid rgba(15, 23, 42, .075);
}

.b2b-premium .brand-mark {
  width: 50px;
  min-width: 50px;
  font-size: .76rem;
  letter-spacing: -.055em;
  background: linear-gradient(135deg, #2463eb, #7c3aed 58%, #17d8c8 116%);
}

.b2b-hero-final {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(76px, 7.8vw, 118px) 0 clamp(54px, 5.4vw, 90px);
  color: #fff;
  background:
    radial-gradient(circle at 82% 10%, rgba(23,216,200,.30), transparent 28%),
    radial-gradient(circle at 10% 92%, rgba(124,58,237,.28), transparent 32%),
    linear-gradient(145deg, #061427 0%, #0c2141 48%, #152f66 100%);
}

.b2b-hero-final::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.75), rgba(0,0,0,.22));
}

.b2b-hero-final::after {
  content: "";
  position: absolute;
  inset: auto -18% -44% auto;
  width: 720px;
  height: 720px;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(23,216,200,.18), transparent 64%);
}

.b2b-orbit span {
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 50%;
}

.b2b-orbit span:nth-child(1) { width: 320px; height: 320px; right: 7%; top: 11%; }
.b2b-orbit span:nth-child(2) { width: 520px; height: 520px; right: -4%; top: 2%; opacity: .72; }
.b2b-orbit span:nth-child(3) { width: 180px; height: 180px; left: 6%; bottom: 7%; opacity: .62; }

.b2b-hero-shell,
.b2b-proofbar,
.b2b-section .section-inner,
.b2b-products .section-inner,
.b2b-architecture .section-inner,
.b2b-dashboard-section .section-inner,
.b2b-edi-section .section-inner,
.b2b-cases .section-inner,
.b2b-downloads .section-inner,
.b2b-roadmap .section-inner,
.b2b-lead-section .section-inner {
  width: var(--shell);
  max-width: none;
  margin: 0 auto;
}

.b2b-hero-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(390px, .72fr);
  gap: clamp(28px, 4vw, 62px);
  align-items: center;
}

.b2b-hero-copy {
  position: relative;
  z-index: 1;
}

.b2b-hero-copy .kicker {
  color: rgba(255,255,255,.9);
}

.b2b-hero-copy .kicker::before {
  background: linear-gradient(90deg, #7ff7ed, #a78bfa);
}

.b2b-hero-copy h1 {
  max-width: none;
  margin-bottom: clamp(16px, 1.8vw, 24px);
  color: #fff;
  font-size: clamp(2.7rem, 5.1vw, 5rem);
  line-height: .95;
  letter-spacing: -.064em;
}

.b2b-hero-copy .lead {
  max-width: none;
  color: rgba(239,247,255,.78);
}

.b2b-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: clamp(22px, 2vw, 30px);
}

.b2b-signal-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: clamp(22px, 2vw, 30px);
}

.b2b-signal-row div {
  padding: 14px 15px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.075);
  backdrop-filter: blur(16px);
}

.b2b-signal-row strong {
  display: block;
  font-size: 1.1rem;
  color: #fff;
}

.b2b-signal-row span {
  display: block;
  margin-top: 2px;
  color: rgba(239,247,255,.66);
  font-size: .86rem;
  line-height: 1.35;
}

.b2b-command {
  position: relative;
  padding: clamp(18px, 2vw, 26px);
  border-radius: clamp(28px, 3vw, 42px);
  border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 86% 2%, rgba(23,216,200,.22), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.055));
  box-shadow: 0 32px 90px rgba(0,0,0,.25);
  backdrop-filter: blur(22px);
}

.b2b-command-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  margin-bottom: 16px;
}

.b2b-command-head strong {
  color: #fff;
  font-size: 1.04rem;
}

.b2b-command-head span {
  padding: 7px 9px;
  border-radius: 999px;
  background: rgba(23,216,200,.12);
  color: #9cf8ed;
  font-size: .78rem;
  font-weight: 780;
}

.b2b-command-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.b2b-command-card {
  min-height: 132px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.11);
  background: rgba(5, 17, 38, .55);
}

.b2b-command-card i,
.b2b-capability-grid i,
.b2b-product-top i,
.b2b-download-grid i,
.b2b-edi-flow i {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 15px;
  color: #7ff7ed;
  background: linear-gradient(135deg, rgba(36,99,235,.18), rgba(23,216,200,.13));
  border: 1px solid rgba(255,255,255,.11);
}

.b2b-command-card svg,
.b2b-capability-grid svg,
.b2b-product-grid svg,
.b2b-download-grid svg,
.b2b-edi-flow svg,
.b2b-command-cta svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.b2b-command-card strong {
  display: block;
  margin-top: 14px;
  color: #fff;
  font-size: 1rem;
}

.b2b-command-card span {
  display: block;
  margin-top: 3px;
  color: rgba(239,247,255,.66);
  font-size: .86rem;
  line-height: 1.35;
}

.b2b-pipeline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 6px;
  margin-top: 14px;
  padding: 10px;
  border-radius: 19px;
  background: rgba(5,17,38,.52);
  border: 1px solid rgba(255,255,255,.09);
}

.b2b-pipeline span {
  position: relative;
  min-height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: rgba(239,247,255,.58);
  font-size: .72rem;
  font-weight: 800;
  background: rgba(255,255,255,.055);
}

.b2b-pipeline span.is-done {
  color: #eaffff;
  background: rgba(23,216,200,.12);
}

.b2b-pipeline span.is-active {
  color: #061427;
  background: linear-gradient(135deg, #7ff7ed, #a78bfa);
}

.b2b-command-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 20px;
  color: #061427;
  background: linear-gradient(135deg, #7ff7ed, #a78bfa);
  font-weight: 860;
}

.b2b-proofbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.b2b-proofbar div {
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(15,23,42,.09);
  background:
    radial-gradient(circle at 100% 0%, rgba(23,216,200,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,250,255,.92));
  box-shadow: 0 16px 42px rgba(15,23,42,.06);
}

.b2b-proofbar strong {
  display: block;
  margin-bottom: 5px;
  color: var(--b2b-ink);
}

.b2b-proofbar span {
  color: var(--b2b-muted);
  font-size: .9rem;
  line-height: 1.42;
}

.b2b-section-head {
  max-width: none;
  margin-bottom: clamp(20px, 2.4vw, 32px);
}

.b2b-section-head h2 {
  max-width: none;
  font-size: clamp(1.8rem, 2.95vw, 3.18rem);
  line-height: 1.03;
  letter-spacing: -.045em;
}

.b2b-section-head .lead {
  max-width: none;
}

.b2b-capability-grid,
.b2b-product-grid,
.b2b-case-grid,
.b2b-download-grid,
.b2b-dashboard-grid,
.b2b-roadmap-grid {
  display: grid;
  gap: clamp(12px, 1.2vw, 18px);
}

.b2b-capability-grid {
  grid-template-columns: repeat(4, minmax(0,1fr));
}

.b2b-capability-grid article,
.b2b-product-grid article,
.b2b-case-grid article,
.b2b-download-grid article,
.b2b-dashboard-grid article,
.b2b-roadmap-grid div {
  border: 1px solid rgba(15,23,42,.095);
  border-radius: clamp(24px, 2.2vw, 32px);
  background:
    radial-gradient(circle at 100% 0%, rgba(36,99,235,.08), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.92));
  box-shadow: 0 18px 48px rgba(15,23,42,.07);
}

.b2b-capability-grid article,
.b2b-product-grid article,
.b2b-case-grid article,
.b2b-download-grid article,
.b2b-dashboard-grid article,
.b2b-roadmap-grid div {
  padding: clamp(20px, 2vw, 28px);
}

.b2b-capability-grid h3,
.b2b-product-grid h3,
.b2b-case-grid h3,
.b2b-download-grid h3,
.b2b-dashboard-grid h3 {
  margin-top: 16px;
  margin-bottom: 10px;
}

.b2b-capability-grid p,
.b2b-product-grid p,
.b2b-case-grid p,
.b2b-download-grid p,
.b2b-dashboard-grid p,
.b2b-roadmap-grid p {
  color: var(--b2b-muted);
}

.b2b-capability-grid ul,
.b2b-product-grid ul,
.b2b-case-grid ul {
  margin: 14px 0 0;
  padding-left: 18px;
  color: #3f4d63;
}

.b2b-capability-grid li + li,
.b2b-product-grid li + li,
.b2b-case-grid li + li {
  margin-top: 5px;
}

.b2b-products {
  background:
    radial-gradient(circle at 8% 0%, rgba(36,99,235,.095), transparent 30%),
    radial-gradient(circle at 94% 100%, rgba(23,216,200,.08), transparent 28%),
    linear-gradient(180deg, #f8fbff, #fff);
}

.b2b-product-grid {
  grid-template-columns: repeat(4, minmax(0,1fr));
}

.b2b-product-grid article {
  display: grid;
  grid-template-rows: auto auto auto auto 1fr auto;
  min-height: 520px;
}

.b2b-product-grid article.is-featured {
  color: #fff;
  border-color: rgba(255,255,255,.15);
  background:
    radial-gradient(circle at 100% 0%, rgba(23,216,200,.22), transparent 32%),
    linear-gradient(145deg, #061427 0%, #0d2240 55%, #172f63 100%);
  box-shadow: 0 28px 78px rgba(13,31,74,.25);
}

.b2b-product-grid article.is-featured p,
.b2b-product-grid article.is-featured li {
  color: rgba(239,247,255,.74);
}

.b2b-product-top {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}

.b2b-product-top span {
  padding: 7px 10px;
  border-radius: 999px;
  color: var(--b2b-blue);
  background: rgba(36,99,235,.09);
  font-size: .8rem;
  font-weight: 820;
}

.is-featured .b2b-product-top span {
  color: #061427;
  background: linear-gradient(135deg, #7ff7ed, #a78bfa);
}

.b2b-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 6px 0 14px;
}

.b2b-price small {
  color: var(--b2b-muted);
  font-weight: 760;
}

.is-featured .b2b-price small {
  color: rgba(239,247,255,.72);
}

.b2b-price strong {
  white-space: nowrap;
  font-size: clamp(2rem, 2.65vw, 2.85rem);
  line-height: .95;
  letter-spacing: -.055em;
}

.b2b-architecture-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  gap: clamp(24px, 3.4vw, 58px);
  align-items: center;
}

.b2b-map {
  position: relative;
  min-height: 440px;
  border-radius: 38px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.095);
  background:
    linear-gradient(rgba(15,23,42,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.045) 1px, transparent 1px),
    radial-gradient(circle at 85% 14%, rgba(23,216,200,.13), transparent 30%),
    linear-gradient(180deg, #ffffff, #eff6ff);
  background-size: 36px 36px, 36px 36px, auto, auto;
  box-shadow: 0 22px 70px rgba(15,23,42,.08);
}

.b2b-node {
  position: absolute;
  z-index: 2;
  min-width: 128px;
  padding: 16px 18px;
  border-radius: 22px;
  text-align: center;
  color: #fff;
  font-weight: 850;
  background: linear-gradient(135deg, #2463eb, #7c3aed);
  box-shadow: 0 18px 44px rgba(36,99,235,.22);
}

.b2b-node.small {
  min-width: 112px;
  background: linear-gradient(135deg, #0f766e, #2463eb);
}

.b2b-node.left { left: 8%; top: 18%; }
.b2b-node.mid { left: 39%; top: 38%; }
.b2b-node.right { right: 8%; top: 18%; }
.b2b-node.left.small { left: 10%; bottom: 16%; top: auto; }
.b2b-node.mid.small { left: 43%; bottom: 16%; top: auto; }
.b2b-node.right.small { right: 10%; bottom: 16%; top: auto; }

.b2b-map-line {
  position: absolute;
  height: 2px;
  background: linear-gradient(90deg, rgba(36,99,235,.18), rgba(23,216,200,.9), rgba(124,58,237,.22));
  transform-origin: left center;
}

.b2b-map-line.one { left: 25%; top: 30%; width: 50%; transform: rotate(0deg); }
.b2b-map-line.two { left: 24%; top: 67%; width: 52%; transform: rotate(0deg); }
.b2b-map-line.three { left: 47%; top: 45%; width: 24%; transform: rotate(90deg); }

.b2b-dashboard-grid {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

.b2b-dashboard-grid span,
.b2b-case-grid strong,
.b2b-roadmap-grid span {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--b2b-blue);
  font-size: .82rem;
  font-weight: 880;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.b2b-bars {
  display: grid;
  gap: 8px;
  margin-top: 18px;
}

.b2b-bars i {
  display: block;
  width: var(--w);
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2463eb, #17d8c8);
}

.b2b-edi-section {
  color: #fff;
  background:
    radial-gradient(circle at 88% 0%, rgba(23,216,200,.18), transparent 30%),
    radial-gradient(circle at 6% 94%, rgba(124,58,237,.18), transparent 34%),
    linear-gradient(145deg, #061427 0%, #0d2240 52%, #172f63 100%);
}

.b2b-edi-section .b2b-section-head h2,
.b2b-edi-section .b2b-section-head .lead {
  color: #fff;
}

.b2b-edi-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 10px;
}

.b2b-edi-flow div {
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.11);
  background: rgba(255,255,255,.075);
}

.b2b-edi-flow strong,
.b2b-edi-flow span {
  display: block;
}

.b2b-edi-flow strong {
  margin-top: 14px;
  color: #fff;
}

.b2b-edi-flow span {
  margin-top: 4px;
  color: rgba(239,247,255,.67);
  font-size: .88rem;
}

.b2b-case-grid {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

.b2b-downloads {
  background:
    radial-gradient(circle at 8% 0%, rgba(124,58,237,.08), transparent 30%),
    linear-gradient(180deg, #fff, #f7fbff);
}

.b2b-download-grid {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

.b2b-download-grid i {
  width: 58px;
  height: 58px;
  color: #2463eb;
  background: linear-gradient(135deg, rgba(36,99,235,.09), rgba(23,216,200,.12));
  border-color: rgba(36,99,235,.11);
}

.b2b-roadmap-grid {
  grid-template-columns: repeat(4, minmax(0,1fr));
}

.b2b-roadmap-grid strong {
  display: block;
  font-size: 1.12rem;
}

.b2b-form-shell {
  border: 1px solid rgba(15,23,42,.09);
  box-shadow: 0 24px 80px rgba(15,23,42,.08);
}

.b2b-form-shell .form-aside {
  background:
    radial-gradient(circle at 86% 8%, rgba(23,216,200,.24), transparent 34%),
    radial-gradient(circle at 8% 90%, rgba(124,58,237,.17), transparent 34%),
    linear-gradient(145deg, #061427, #0d2240 54%, #172f63);
}

.b2b-premium .inquiry-hints {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.b2b-premium .inquiry-hints span {
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.13);
  color: rgba(255,255,255,.78);
  font-size: .86rem;
  font-weight: 720;
}

@media (max-width: 1280px) {
  .b2b-capability-grid,
  .b2b-product-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .b2b-product-grid article {
    min-height: auto;
  }

  .b2b-edi-flow {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 1050px) {
  .b2b-hero-shell,
  .b2b-architecture-grid {
    grid-template-columns: 1fr;
  }

  .b2b-command {
    max-width: none;
  }

  .b2b-proofbar,
  .b2b-roadmap-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .b2b-dashboard-grid,
  .b2b-case-grid,
  .b2b-download-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .b2b-premium .brand-mark {
    width: 42px;
    min-width: 42px;
    font-size: .68rem;
  }

  .b2b-hero-final {
    padding-top: 48px;
    padding-bottom: 40px;
  }

  .b2b-hero-copy h1 {
    font-size: clamp(2rem, 8.9vw, 2.82rem);
    line-height: .98;
  }

  .b2b-hero-actions,
  .b2b-hero-actions .btn {
    width: 100%;
  }

  .b2b-signal-row,
  .b2b-command-grid,
  .b2b-proofbar,
  .b2b-capability-grid,
  .b2b-product-grid,
  .b2b-edi-flow,
  .b2b-roadmap-grid {
    grid-template-columns: 1fr;
  }

  .b2b-command {
    border-radius: 28px;
  }

  .b2b-pipeline {
    grid-template-columns: 1fr;
  }

  .b2b-map {
    min-height: 420px;
  }

  .b2b-node {
    min-width: 105px;
    padding: 12px;
    font-size: .86rem;
  }

  .b2b-node.left { left: 5%; top: 12%; }
  .b2b-node.mid { left: 34%; top: 38%; }
  .b2b-node.right { right: 5%; top: 12%; }
  .b2b-node.left.small { left: 6%; bottom: 13%; }
  .b2b-node.mid.small { left: 34%; bottom: 13%; }
  .b2b-node.right.small { right: 6%; bottom: 13%; }

  .b2b-map-line.one,
  .b2b-map-line.two,
  .b2b-map-line.three {
    opacity: .62;
  }
}

.b2b-card-image,
.b2b-case-image,
.b2b-showcase-card {
  margin: 0;
}

.b2b-card-image {
  margin: -8px -8px 18px;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(6,20,39,.06);
}

.b2b-card-image img,
.b2b-case-image img,
.b2b-showcase-card img {
  display: block;
  width: 100%;
  height: auto;
}

.b2b-product-grid article .b2b-card-image img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.b2b-case-image {
  margin: -8px -8px 16px;
  overflow: hidden;
  border-radius: 20px;
}

.b2b-case-image img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.b2b-showcase {
  background:
    radial-gradient(circle at 12% 0%, rgba(36,99,235,.09), transparent 30%),
    radial-gradient(circle at 90% 100%, rgba(23,216,200,.08), transparent 28%),
    linear-gradient(180deg, #ffffff, #f6fbff);
}

.b2b-showcase-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: clamp(12px, 1.2vw, 18px);
}

.b2b-showcase-card {
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(15,23,42,.095);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.92));
  box-shadow: 0 18px 48px rgba(15,23,42,.07);
}

.b2b-showcase-card img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.b2b-showcase-card figcaption {
  display: grid;
  gap: 6px;
  padding: 16px 18px 18px;
}

.b2b-showcase-card strong {
  color: var(--b2b-ink);
  font-size: 1rem;
}

.b2b-showcase-card span {
  color: var(--b2b-muted);
  font-size: .9rem;
  line-height: 1.45;
}

@media (max-width: 1280px) {
  .b2b-showcase-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 760px) {
  .b2b-card-image {
    margin: -6px -6px 14px;
    border-radius: 18px;
  }

  .b2b-case-image {
    margin: -6px -6px 14px;
    border-radius: 18px;
  }

  .b2b-showcase-grid {
    grid-template-columns: 1fr;
  }

  .b2b-showcase-card {
    border-radius: 22px;
  }
}

:root {
  --section-space: clamp(72px, 7vw, 112px);
}

.section {
  padding-top: var(--section-space);
  padding-bottom: var(--section-space);
}

.b2b-capability-grid article,
.b2b-product-grid article,
.b2b-case-grid article,
.b2b-download-grid article,
.b2b-dashboard-grid article,
.b2b-roadmap-grid div,
.b2b-proofbar div,
.team-explainer-grid article,
.team-products-grid article,
.team-cta-card {
  backdrop-filter: blur(10px);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.b2b-capability-grid article:hover,
.b2b-product-grid article:hover,
.b2b-case-grid article:hover,
.b2b-download-grid article:hover,
.b2b-dashboard-grid article:hover,
.b2b-roadmap-grid div:hover,
.b2b-proofbar div:hover,
.team-explainer-grid article:hover,
.team-products-grid article:hover,
.team-cta-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 68px rgba(15,23,42,.12);
  border-color: rgba(36,99,235,.18);
}

.b2b-products,
.b2b-showcase,
.b2b-downloads,
.team-products-overview,
.team-cta-section {
  position: relative;
  overflow: clip;
}

.b2b-products::before,
.b2b-showcase::before,
.b2b-downloads::before,
.team-products-overview::before,
.team-cta-section::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(36,99,235,.11), transparent 68%);
  inset: auto -120px -180px auto;
  pointer-events: none;
}

.b2b-proofbar div {
  position: relative;
  overflow: hidden;
}

.b2b-proofbar div::after {
  content: "";
  position: absolute;
  inset: auto -20% -60% auto;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(23,216,200,.14), transparent 70%);
}

.b2b-slider-section {
  background:
    radial-gradient(circle at 6% 0%, rgba(124,58,237,.09), transparent 30%),
    radial-gradient(circle at 100% 100%, rgba(23,216,200,.09), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}

.b2b-slider-shell {
  position: relative;
  margin-top: 8px;
}

.b2b-slider-controls {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 18px;
}

.b2b-slider-arrow {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(15,23,42,.1);
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  color: var(--b2b-ink);
  font-size: 1.5rem;
  cursor: pointer;
  box-shadow: 0 14px 34px rgba(15,23,42,.08);
}

.b2b-slider-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(320px, 34%);
  gap: 18px;
  overflow-x: auto;
  padding: 2px 4px 12px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.b2b-slider-track::-webkit-scrollbar { display: none; }

.b2b-slide {
  scroll-snap-align: start;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(15,23,42,.095);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.92));
  box-shadow: 0 22px 58px rgba(15,23,42,.08);
}

.b2b-slide-media img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.b2b-slide-copy {
  display: grid;
  gap: 12px;
  padding: 22px;
}

.b2b-slide-copy span,
.team-products-grid article span {
  display: inline-flex;
  align-self: start;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(36,99,235,.09);
  color: var(--b2b-blue);
  font-size: .76rem;
  font-weight: 820;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.b2b-slide-copy p { color: var(--b2b-muted); }

.b2b-dashboard-spotlight {
  background:
    radial-gradient(circle at 86% 10%, rgba(23,216,200,.11), transparent 28%),
    linear-gradient(180deg, #fff 0%, #f6fbff 100%);
}

.b2b-dashboard-spotlight-grid {
  display: grid;
  grid-template-columns: minmax(0,.86fr) minmax(400px,1fr);
  gap: clamp(24px, 3vw, 44px);
  align-items: center;
}

.b2b-spotlight-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 24px;
}
.b2b-spotlight-points div {
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(15,23,42,.09);
  background: rgba(255,255,255,.82);
  box-shadow: 0 12px 30px rgba(15,23,42,.05);
}
.b2b-spotlight-points strong { display:block; margin-bottom:4px; }
.b2b-spotlight-points span { color: var(--b2b-muted); font-size: .9rem; line-height: 1.42; }

.b2b-dashboard-visual {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid rgba(15,23,42,.09);
  box-shadow: 0 28px 78px rgba(15,23,42,.12);
}
.b2b-dashboard-visual img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.b2b-dashboard-float {
  position: absolute;
  padding: 13px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(255,255,255,.7);
  box-shadow: 0 16px 40px rgba(15,23,42,.14);
  backdrop-filter: blur(10px);
}
.b2b-dashboard-float strong { display:block; font-size: 1.08rem; color: var(--b2b-ink); }
.b2b-dashboard-float span { color: var(--b2b-muted); font-size: .82rem; }
.b2b-dashboard-float-one { left: 18px; top: 18px; }
.b2b-dashboard-float-two { right: 18px; top: 18px; }
.b2b-dashboard-float-three { left: 18px; bottom: 18px; }

.team-page {
  background:
    radial-gradient(circle at 12% 0%, rgba(36,99,235,.11), transparent 30%),
    radial-gradient(circle at 96% 6%, rgba(23,216,200,.12), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 46%, #f5faff 100%);
}

.team-hero {
  padding-top: clamp(58px, 6vw, 90px);
}
.team-hero-grid,
.team-delivery-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
  gap: clamp(26px, 3.4vw, 48px);
  align-items: center;
}
.team-hero-media,
.team-delivery-visual {
  position: relative;
}
.team-hero-media figure,
.team-delivery-visual img {
  margin: 0;
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid rgba(15,23,42,.09);
  box-shadow: 0 28px 70px rgba(15,23,42,.12);
}
.team-media-card {
  position: absolute;
  right: 18px;
  bottom: 18px;
  max-width: 260px;
  padding: 16px;
  border-radius: 20px;
  background: rgba(8,20,37,.88);
  color: #fff;
  box-shadow: 0 18px 40px rgba(8,20,37,.22);
}
.team-media-card strong { display:block; margin-bottom: 6px; }
.team-media-card span { color: rgba(239,247,255,.78); font-size: .92rem; line-height: 1.45; }
.team-signal-row { margin-top: 28px; }

.team-explainer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
}
.team-explainer-grid article,
.team-products-grid article,
.team-cta-card {
  padding: 22px;
  border-radius: 28px;
  border: 1px solid rgba(15,23,42,.095);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.92));
  box-shadow: 0 18px 48px rgba(15,23,42,.07);
}
.team-explainer-grid p,
.team-products-grid p,
.team-delivery-steps span { color: var(--b2b-muted); }

.team-products-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}
.team-products-grid article {
  display: grid;
  grid-template-columns: minmax(180px, 260px) 1fr;
  gap: 18px;
  align-items: center;
}
.team-products-grid figure {
  margin: 0;
  overflow: hidden;
  border-radius: 22px;
}
.team-products-grid img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.team-delivery-steps {
  display: grid;
  gap: 12px;
}
.team-delivery-steps div {
  padding: 16px 18px;
  border-radius: 22px;
  border: 1px solid rgba(15,23,42,.09);
  background: rgba(255,255,255,.84);
}
.team-delivery-steps strong { display:block; margin-bottom: 4px; }

.team-cta-card {
  text-align: left;
  background:
    radial-gradient(circle at 100% 0%, rgba(23,216,200,.12), transparent 24%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(243,248,255,.92));
}

@media (max-width: 1280px) {
  .b2b-slider-track { grid-auto-columns: minmax(300px, 46%); }
  .team-explainer-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 1050px) {
  .b2b-dashboard-spotlight-grid,
  .team-hero-grid,
  .team-delivery-grid,
  .team-products-grid article {
    grid-template-columns: 1fr;
  }
  .b2b-spotlight-points { grid-template-columns: 1fr; }
  .team-products-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .section { padding-top: clamp(56px, 10vw, 72px); padding-bottom: clamp(56px, 10vw, 72px); }
  .b2b-slider-controls { justify-content: flex-start; }
  .b2b-slider-track { grid-auto-columns: 88%; }
  .b2b-slide-copy { padding: 18px; }
  .b2b-dashboard-float { padding: 10px 12px; border-radius: 14px; }
  .b2b-dashboard-float strong { font-size: .92rem; }
  .team-hero-media figure,
  .team-delivery-visual img { border-radius: 24px; }
  .team-media-card {
    position: static;
    max-width: none;
    margin-top: 12px;
  }
  .team-explainer-grid { grid-template-columns: 1fr; }
  .team-products-grid article { gap: 14px; }
}

.btn {
  min-height: 46px;
  padding: 13px 20px;
  border-radius: 999px;
  font-weight: 830;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
}

.btn:hover { transform: translateY(-2px); }

.btn-primary {
  color: #f7fbff;
  border-color: rgba(134, 221, 255, .28);
  background: linear-gradient(135deg, #081a30 0%, #102947 62%, #14385f 100%);
  box-shadow: 0 16px 34px rgba(6, 18, 35, .28), inset 0 1px 0 rgba(255,255,255,.08);
}

.btn-primary:hover {
  background: linear-gradient(135deg, #0b2039 0%, #133255 62%, #19446f 100%);
  box-shadow: 0 20px 44px rgba(6, 18, 35, .34), 0 0 0 1px rgba(112, 217, 255, .08) inset;
}

.btn-soft {
  color: #14253c;
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,249,254,.94));
  border-color: rgba(16, 27, 45, .10);
  box-shadow: 0 12px 26px rgba(16,27,45,.08), inset 0 1px 0 rgba(255,255,255,.82);
}

.btn-soft:hover {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(242,247,253,.96));
  border-color: rgba(36,99,235,.16);
}

.b2b-command {
  position: relative;
  overflow: hidden;
}

.b2b-command::after {
  content: "";
  position: absolute;
  inset: auto -14% -30% auto;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(90,205,255,.16), transparent 66%);
  pointer-events: none;
}

.b2b-command-head span {
  background: rgba(90,205,255,.12);
  color: #c8f5ff;
}

.b2b-command-intro {
  margin: 0 0 16px;
  color: rgba(237,246,255,.76);
  line-height: 1.55;
}

.b2b-command-card {
  min-height: 156px;
  background: linear-gradient(180deg, rgba(6, 20, 39, .68), rgba(6, 20, 39, .52));
}

.b2b-command-mini-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.b2b-command-mini-metrics span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.11);
  background: rgba(255,255,255,.06);
  color: rgba(239,247,255,.8);
  font-size: .8rem;
  font-weight: 760;
}

.b2b-hero-final {
  background:
    linear-gradient(90deg, rgba(5,12,25,.92) 0%, rgba(5,12,25,.70) 42%, rgba(5,12,25,.36) 100%),
    url('../assets/images/v8/hero-boardroom.png') center/cover no-repeat;
}

.b2b-hero-shell {
  position: relative;
  z-index: 2;
}

.b2b-hero-scene {
  display: none;
}

.b2b-capability-image,
.b2b-download-image,
.b2b-section-visual {
  margin: 0 0 16px;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(15,23,42,.08);
}

.b2b-capability-image img,
.b2b-download-image img,
.b2b-section-visual img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.b2b-capability-grid article {
  overflow: hidden;
}

.b2b-dashboard-feature,
.b2b-edi-layout {
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1fr);
  gap: clamp(18px, 2vw, 28px);
  align-items: start;
}

.b2b-edi-layout .b2b-edi-flow,
.b2b-dashboard-feature .b2b-dashboard-grid {
  margin: 0;
}

.b2b-download-grid article {
  overflow: hidden;
}

.b2b-download-image {
  margin: -8px -8px 16px;
  border-radius: 20px;
}

.b2b-dashboard-grid article,
.b2b-edi-flow div {
  box-shadow: 0 18px 42px rgba(15,23,42,.08);
}

@media (max-width: 1050px) {
  .b2b-dashboard-feature,
  .b2b-edi-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .b2b-command-intro { font-size: .94rem; }
  .b2b-command-card { min-height: auto; }
  .b2b-download-image { margin: -6px -6px 14px; border-radius: 18px; }
}

:root {
  --lux-gold: #d9b66d;
  --lux-gold-2: #f0d89a;
  --lux-ink: #061427;
  --lux-blue: #0d2743;
  --lux-cyan: #74e8df;
}

.btn {
  min-height: 46px;
  padding: 13px 20px;
  border-radius: 999px;
  font-weight: 840;
  letter-spacing: -.014em;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
}

.btn:hover {
  transform: translateY(-2px);
}

.btn-primary {
  color: #081321;
  border: 1px solid rgba(240, 216, 154, .46);
  background:
    linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 42%),
    linear-gradient(135deg, var(--lux-gold-2) 0%, var(--lux-gold) 48%, #b98f42 100%);
  box-shadow:
    0 16px 34px rgba(114, 78, 22, .19),
    inset 0 1px 0 rgba(255,255,255,.42);
}

.btn-primary:hover {
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0) 42%),
    linear-gradient(135deg, #ffe8a9 0%, #dfbd73 50%, #b88834 100%);
  box-shadow:
    0 20px 44px rgba(114, 78, 22, .24),
    0 0 0 1px rgba(255,255,255,.22) inset;
}

.btn-soft {
  color: #14253c;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,248,253,.94));
  border: 1px solid rgba(16, 27, 45, .105);
  box-shadow:
    0 12px 26px rgba(16, 27, 45, .075),
    inset 0 1px 0 rgba(255,255,255,.88);
}

.btn-soft:hover {
  color: #081321;
  border-color: rgba(217, 182, 109, .38);
  background: linear-gradient(180deg, #fff, #f7f3e9);
}

.b2b-command-v9 {
  gap: 14px;
  padding: clamp(16px, 1.8vw, 22px);
  border-color: rgba(240, 216, 154, .18);
  background:
    radial-gradient(circle at 88% 8%, rgba(217,182,109,.18), transparent 30%),
    radial-gradient(circle at 4% 92%, rgba(116,232,223,.13), transparent 32%),
    linear-gradient(145deg, rgba(5,15,31,.98), rgba(8,28,52,.96) 58%, rgba(12,43,74,.94));
  box-shadow:
    0 34px 90px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.07);
}

.b2b-command-v9::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 26px 26px;
  mask-image: radial-gradient(circle at 78% 12%, rgba(0,0,0,.8), transparent 62%);
  pointer-events: none;
}

.b2b-command-v9 > * {
  position: relative;
  z-index: 1;
}

.b2b-command-visual {
  position: relative;
  margin: -4px -4px 0;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}

.b2b-command-visual img {
  width: 100%;
  aspect-ratio: 16 / 8.3;
  object-fit: cover;
  opacity: .9;
  filter: saturate(.96) contrast(1.05);
}

.b2b-command-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 18%, rgba(5,15,31,.55) 100%),
    radial-gradient(circle at 80% 16%, rgba(217,182,109,.22), transparent 38%);
  pointer-events: none;
}

.b2b-live-badge {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  color: #f8f3e7;
  background: rgba(5,15,31,.72);
  border: 1px solid rgba(240,216,154,.22);
  backdrop-filter: blur(12px);
  font-size: .78rem;
  font-weight: 820;
}

.b2b-live-badge span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #78f1d9;
  box-shadow: 0 0 0 6px rgba(120,241,217,.12);
}

.b2b-command-v9 .b2b-command-head {
  margin-bottom: 0;
}

.b2b-command-v9 .b2b-command-head strong {
  font-size: clamp(1.08rem, 1.4vw, 1.32rem);
  letter-spacing: -.035em;
}

.b2b-command-v9 .b2b-command-head span {
  color: #f6e6be;
  background: rgba(217,182,109,.12);
  border: 1px solid rgba(217,182,109,.18);
}

.b2b-command-v9 .b2b-command-intro {
  margin: -2px 0 0;
  color: rgba(239,247,255,.78);
  font-size: .94rem;
  line-height: 1.48;
}

.b2b-radar-panel {
  display: grid;
  grid-template-columns: 138px 1fr;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(4, 15, 32, .50);
}

.b2b-radar-core {
  position: relative;
  display: grid;
  place-items: center;
  width: 126px;
  height: 126px;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(217,182,109,.22) 0 23%, rgba(116,232,223,.08) 24% 38%, rgba(255,255,255,.045) 39% 100%);
  overflow: hidden;
}

.b2b-radar-core .ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.10);
}
.b2b-radar-core .r1 { inset: 12px; }
.b2b-radar-core .r2 { inset: 30px; }
.b2b-radar-core .r3 { inset: 48px; background: rgba(217,182,109,.18); }

.b2b-radar-core strong {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 2rem;
  letter-spacing: -.06em;
  line-height: 1;
}

.b2b-radar-core small {
  position: relative;
  z-index: 2;
  color: rgba(239,247,255,.68);
  font-size: .72rem;
  font-weight: 740;
  margin-top: -42px;
}

.b2b-radar-list {
  display: grid;
  gap: 8px;
}

.b2b-radar-list div {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  align-items: center;
  min-height: 34px;
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.07);
}

.b2b-radar-list strong {
  color: #fff;
  font-size: .86rem;
}

.b2b-radar-list em {
  color: rgba(239,247,255,.68);
  font-style: normal;
  font-size: .78rem;
  font-weight: 720;
}

.b2b-radar-list .dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
}
.b2b-radar-list .green { background: #78f1d9; box-shadow: 0 0 14px rgba(120,241,217,.7); }
.b2b-radar-list .cyan { background: #67c9ff; box-shadow: 0 0 14px rgba(103,201,255,.62); }
.b2b-radar-list .gold { background: var(--lux-gold-2); box-shadow: 0 0 14px rgba(240,216,154,.62); }

.b2b-command-lanes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
}

.b2b-command-lanes div {
  min-height: 92px;
  padding: 11px;
  border-radius: 17px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  border: 1px solid rgba(255,255,255,.085);
}

.b2b-command-lanes span {
  display: inline-flex;
  margin-bottom: 10px;
  color: var(--lux-gold-2);
  font-size: .72rem;
  font-weight: 840;
}

.b2b-command-lanes strong {
  display: block;
  color: #fff;
  font-size: .9rem;
  line-height: 1.08;
}

.b2b-command-lanes em {
  display: block;
  margin-top: 5px;
  color: rgba(239,247,255,.62);
  font-size: .76rem;
  font-style: normal;
  line-height: 1.22;
}

.b2b-command-outcome {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
}

.b2b-command-outcome div {
  padding: 12px;
  border-radius: 17px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.075);
}

.b2b-command-outcome strong {
  display: block;
  color: #fff;
  font-size: 1.28rem;
  line-height: 1;
  letter-spacing: -.05em;
}

.b2b-command-outcome span {
  display: block;
  margin-top: 5px;
  color: rgba(239,247,255,.64);
  font-size: .76rem;
  line-height: 1.22;
}

.b2b-command-v9 .b2b-command-cta {
  margin-top: 0;
  color: #081321;
  background:
    linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,0) 44%),
    linear-gradient(135deg, var(--lux-gold-2), var(--lux-gold) 52%, #b88a3a);
  border: 1px solid rgba(240,216,154,.45);
  box-shadow: 0 18px 40px rgba(114,78,22,.22), inset 0 1px 0 rgba(255,255,255,.36);
}

.b2b-command-v9 .b2b-command-grid,
.b2b-command-v9 .b2b-command-card,
.b2b-command-v9 .b2b-pipeline,
.b2b-command-v9 .b2b-command-mini-metrics {
  display: none;
}

@media (max-width: 1280px) {
  .b2b-radar-panel {
    grid-template-columns: 1fr;
  }

  .b2b-radar-core {
    justify-self: center;
  }

  .b2b-command-lanes {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 760px) {
  .b2b-command-visual img {
    aspect-ratio: 4 / 2.5;
  }

  .b2b-radar-panel {
    padding: 10px;
  }

  .b2b-command-lanes,
  .b2b-command-outcome {
    grid-template-columns: 1fr;
  }

  .b2b-command-lanes div {
    min-height: auto;
  }
}

:root {
  --section-space: clamp(68px, 6.2vw, 96px);
  --card-pad: clamp(20px, 1.8vw, 26px);
  --b2b-shadow-soft: 0 14px 36px rgba(15,23,42,.06);
  --b2b-shadow-card: 0 18px 42px rgba(15,23,42,.07);
}

.section { padding-top: var(--section-space); padding-bottom: var(--section-space); }
.b2b-proofbar, .b2b-section .section-inner, .b2b-products .section-inner, .b2b-architecture .section-inner, .b2b-dashboard-section .section-inner, .b2b-edi-section .section-inner, .b2b-cases .section-inner, .b2b-downloads .section-inner, .b2b-roadmap .section-inner, .b2b-lead-section .section-inner, .team-hero .section-inner, .team-explainer .section-inner, .team-products-overview .section-inner, .team-delivery-section .section-inner, .team-cta-section .section-inner { width: min(var(--shell), calc(100% - 32px)); }
.b2b-capability-grid article, .b2b-product-grid article, .b2b-case-grid article, .b2b-download-grid article, .b2b-dashboard-grid article, .b2b-roadmap-grid div, .b2b-proofbar div, .team-explainer-grid article, .team-products-grid article, .team-cta-card, .b2b-showcase-card, .b2b-slide, .b2b-command-v10 { box-shadow: var(--b2b-shadow-card); }
.b2b-capability-grid article, .b2b-product-grid article, .b2b-case-grid article, .b2b-download-grid article, .b2b-dashboard-grid article, .b2b-roadmap-grid div, .team-explainer-grid article, .team-products-grid article, .team-cta-card { padding: var(--card-pad); border-radius: 24px; }
.b2b-capability-grid article:hover, .b2b-product-grid article:hover, .b2b-case-grid article:hover, .b2b-download-grid article:hover, .b2b-dashboard-grid article:hover, .b2b-roadmap-grid div:hover, .b2b-proofbar div:hover, .team-explainer-grid article:hover, .team-products-grid article:hover, .team-cta-card:hover, .b2b-showcase-card:hover, .b2b-slide:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(15,23,42,.08); }
.b2b-products::before, .b2b-showcase::before, .b2b-downloads::before, .team-products-overview::before, .team-cta-section::before, .b2b-proofbar div::after, .b2b-command::after { display: none; }
.b2b-products, .b2b-showcase, .b2b-downloads, .team-products-overview, .team-cta-section { background: linear-gradient(180deg, #fafcff, #ffffff); }
.b2b-premium { background: linear-gradient(180deg, #f7faff 0%, #ffffff 26%, #f6f9fd 100%); }
.b2b-hero-final { background: linear-gradient(90deg, rgba(7,14,26,.86) 0%, rgba(7,14,26,.66) 42%, rgba(7,14,26,.44) 100%), url('../assets/images/v10/service-cockpit.jpg') center/cover no-repeat; }
.btn-primary { color: #fff; border: 1px solid rgba(13,39,67,.22); background: linear-gradient(180deg, #1b3554, #112740); box-shadow: 0 10px 24px rgba(13,39,67,.14), inset 0 1px 0 rgba(255,255,255,.08); }
.btn-primary:hover { background: linear-gradient(180deg, #203c5d, #15304d); box-shadow: 0 14px 28px rgba(13,39,67,.18); }
.btn-soft { color: #14253c; background: linear-gradient(180deg, #ffffff, #f5f7fa); border: 1px solid rgba(15,23,42,.10); box-shadow: 0 8px 18px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.92); }
.btn-soft:hover { background: linear-gradient(180deg, #ffffff, #f1f4f8); border-color: rgba(15,23,42,.16); }
.b2b-command-v10 { padding: 18px; border-radius: 26px; border: 1px solid rgba(255,255,255,.11); background: linear-gradient(180deg, rgba(9,20,35,.97), rgba(12,28,46,.95)); }
.b2b-command-v10 .b2b-command-head { align-items: flex-start; gap: 10px; margin-top: 10px; margin-bottom: 6px; }
.b2b-command-v10 .b2b-command-head strong { font-size: clamp(1.08rem, 1.45vw, 1.36rem); letter-spacing: -.03em; }
.b2b-command-v10 .b2b-command-head span { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); color: rgba(239,247,255,.80); }
.b2b-command-v10 .b2b-command-intro { margin: 0 0 14px; color: rgba(239,247,255,.76); font-size: .94rem; line-height: 1.5; max-width: 64ch; }
.b2b-command-v10 .b2b-command-visual { margin: 0; border-radius: 20px; overflow: hidden; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.02); }
.b2b-command-v10 .b2b-command-visual img { width: 100%; display: block; aspect-ratio: 16 / 9; object-fit: cover; filter: saturate(.86) contrast(1.02); }
.b2b-command-v10 .b2b-command-columns { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 0 0 14px; }
.b2b-command-v10 .b2b-command-columns article { padding: 14px 14px 13px; border-radius: 16px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.04); }
.b2b-command-v10 .b2b-command-columns small { display: inline-block; margin-bottom: 8px; color: #b9d3ea; font-size: .72rem; font-weight: 780; letter-spacing: .08em; text-transform: uppercase; }
.b2b-command-v10 .b2b-command-columns strong { display: block; color: #fff; font-size: .94rem; line-height: 1.2; }
.b2b-command-v10 .b2b-command-columns span { display: block; margin-top: 5px; color: rgba(239,247,255,.68); font-size: .82rem; line-height: 1.35; }
.b2b-command-v10 .b2b-command-outcome-v10 { margin-bottom: 14px; gap: 10px; }
.b2b-command-v10 .b2b-command-outcome-v10 div { padding: 12px 14px; border-radius: 16px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); }
.b2b-command-v10 .b2b-command-outcome-v10 strong { font-size: 1.1rem; line-height: 1.05; }
.b2b-command-v10 .b2b-command-outcome-v10 span { margin-top: 4px; font-size: .78rem; color: rgba(239,247,255,.66); }
.b2b-command-v10 .b2b-command-cta { min-height: 48px; border-radius: 18px; }
.b2b-command-v10 .b2b-radar-panel, .b2b-command-v10 .b2b-command-lanes, .b2b-command-v10 .b2b-live-badge, .b2b-command-v10::before { display: none !important; }
.b2b-product-grid article, .b2b-showcase-card, .b2b-download-grid article, .b2b-case-grid article, .team-products-grid article { overflow: hidden; }
.b2b-card-image, .b2b-case-image, .b2b-showcase-card, .b2b-download-image, .team-products-grid figure, .b2b-capability-image, .b2b-section-visual, .b2b-slide-media { border-radius: 18px; }
.b2b-card-image img, .b2b-case-image img, .b2b-showcase-card img, .b2b-download-image img, .team-products-grid img, .b2b-capability-image img, .b2b-section-visual img, .b2b-slide-media img { filter: saturate(.88) contrast(1.02); }
.b2b-card-image, .b2b-download-image { margin: -2px -2px 16px; }
.b2b-capability-image { margin-bottom: 14px; }
.b2b-showcase-grid, .b2b-product-grid, .b2b-dashboard-grid, .b2b-download-grid, .b2b-case-grid, .team-products-grid, .team-explainer-grid { gap: 16px; }
.b2b-dashboard-feature, .b2b-edi-layout, .b2b-dashboard-spotlight-grid, .b2b-architecture-grid, .team-hero-grid, .team-delivery-grid { gap: 24px; }
.b2b-proofbar { gap: 14px; padding-top: 22px; padding-bottom: 12px; }
.b2b-proofbar div { padding: 18px 18px 17px; border-radius: 20px; background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,251,254,.94)); }
.b2b-section-head { margin-bottom: 24px; }
.b2b-section-head .lead { max-width: 72ch; }
.b2b-showcase-card figcaption { padding: 14px 16px 16px; }
.b2b-dashboard-feature .b2b-section-visual, .b2b-edi-layout .b2b-section-visual { margin: 0; }
.b2b-dashboard-spotlight, .b2b-edi-section { background: linear-gradient(180deg, #ffffff, #f8fbff); color: var(--b2b-ink); }
.b2b-edi-section .b2b-section-head h2, .b2b-edi-section .b2b-section-head .lead, .b2b-edi-flow strong { color: var(--b2b-ink); }
.b2b-edi-flow div { background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.92)); border: 1px solid rgba(15,23,42,.09); }
.b2b-edi-flow span { color: var(--b2b-muted); }
.b2b-dashboard-float { background: rgba(255,255,255,.92); box-shadow: 0 14px 30px rgba(15,23,42,.10); }
.team-page { background: linear-gradient(180deg, #f8fbff 0%, #ffffff 46%, #f5f8fc 100%); }
@media (max-width: 1050px) { .b2b-command-v10 .b2b-command-columns, .b2b-command-v10 .b2b-command-outcome-v10 { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  :root { --section-space: clamp(52px, 9vw, 68px); }
  .section { padding-top: var(--section-space); padding-bottom: var(--section-space); }
  .b2b-proofbar, .b2b-section .section-inner, .b2b-products .section-inner, .b2b-architecture .section-inner, .b2b-dashboard-section .section-inner, .b2b-edi-section .section-inner, .b2b-cases .section-inner, .b2b-downloads .section-inner, .b2b-roadmap .section-inner, .b2b-lead-section .section-inner, .team-hero .section-inner, .team-explainer .section-inner, .team-products-overview .section-inner, .team-delivery-section .section-inner, .team-cta-section .section-inner { width: min(100% - 20px, var(--shell)); }
  .b2b-capability-grid, .b2b-product-grid, .b2b-showcase-grid, .b2b-dashboard-grid, .b2b-download-grid, .b2b-case-grid, .team-products-grid, .team-explainer-grid { gap: 14px; }
  .b2b-command-v10 { padding: 14px; border-radius: 22px; }
  .b2b-command-v10 .b2b-command-visual { border-radius: 16px; }
  .b2b-capability-grid article, .b2b-product-grid article, .b2b-case-grid article, .b2b-download-grid article, .b2b-dashboard-grid article, .b2b-roadmap-grid div, .team-explainer-grid article, .team-products-grid article, .team-cta-card { padding: 18px; border-radius: 20px; }
}

:root {
  --v11-bg: #f4f1eb;
  --v11-paper: #fbfaf7;
  --v11-ink: #101923;
  --v11-muted: #5e6975;
  --v11-line: rgba(16,25,35,.13);
  --v11-navy: #152235;
  --v11-navy-2: #0b1421;
  --v11-steel: #536f91;
  --v11-bronze: #b9863d;
  --v11-bronze-soft: #eadcc6;
  --v11-shell: min(1188px, calc(100% - 40px));
  --v11-radius: 30px;
  --v11-shadow: 0 22px 62px rgba(16,25,35,.11);
}
body.b2b-page {
  background:
    radial-gradient(circle at 12% 0%, rgba(185,134,61,.16), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(83,111,145,.18), transparent 34%),
    linear-gradient(180deg, #f7f3eb 0%, #fbfaf7 36%, #f1f4f7 100%);
  color: var(--v11-ink);
}
body.b2b-page .topbar { background: rgba(248,246,240,.86); border-bottom-color: rgba(16,25,35,.10); }
body.b2b-page .brand-mark { background: linear-gradient(135deg, var(--v11-navy), var(--v11-steel)); box-shadow: 0 12px 28px rgba(16,25,35,.16); }
body.b2b-page .mainnav { background: rgba(255,255,255,.58); border-color: rgba(16,25,35,.10); }
body.b2b-page .mainnav a:hover { background: #fff; }
body.b2b-page .btn { min-height: 46px; padding: 12px 19px; border-radius: 999px; font-weight: 820; }
body.b2b-page .btn-primary {
  color: #fff;
  background: linear-gradient(180deg, #22324a, #0f1a2a);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 13px 26px rgba(16,25,35,.18), inset 0 1px 0 rgba(255,255,255,.13);
}
body.b2b-page .btn-primary:hover { background: linear-gradient(180deg, #2b3d58, #142236); box-shadow: 0 17px 34px rgba(16,25,35,.22); }
body.b2b-page .btn-soft {
  color: #162235;
  background: linear-gradient(180deg, #fffdfa, #f2eee6);
  border: 1px solid rgba(16,25,35,.15);
  box-shadow: 0 9px 20px rgba(16,25,35,.07), inset 0 1px 0 rgba(255,255,255,.92);
}
.v11-shell { width: var(--v11-shell); margin: 0 auto; }
.v11-hero { position: relative; padding: clamp(66px, 7vw, 112px) 0 48px; overflow: hidden; }
.v11-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, rgba(251,250,247,.96) 0%, rgba(251,250,247,.86) 44%, rgba(21,34,53,.06) 100%); pointer-events: none; }
.v11-hero::after { content: ""; position: absolute; right: -14vw; top: 5vw; width: 48vw; height: 48vw; border-radius: 50%; background: radial-gradient(circle, rgba(83,111,145,.18), transparent 66%); pointer-events: none; }
.v11-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, .72fr); gap: clamp(28px, 5vw, 68px); align-items: center; z-index: 1; }
.v11-hero h1 { max-width: 10.6ch; margin: 0 0 24px; font-size: clamp(3rem, 6.6vw, 6.35rem); line-height: .9; letter-spacing: -.075em; }
.v11-hero .lead { max-width: 760px; color: #3e4a58; font-size: clamp(1.05rem, 1.45vw, 1.26rem); line-height: 1.56; }
.v11-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0 0; }
.v11-trustline { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.v11-trustline span { padding: 9px 12px; border-radius: 999px; background: rgba(255,255,255,.64); border: 1px solid rgba(16,25,35,.10); color: #344255; font-weight: 760; font-size: .86rem; }
.v11-command { overflow: hidden; border-radius: 34px; background: linear-gradient(180deg, rgba(17,29,45,.98), rgba(11,20,33,.98)); color: #fff; border: 1px solid rgba(255,255,255,.12); box-shadow: var(--v11-shadow); }
.v11-command figure { margin: 0; }
.v11-command img { width: 100%; aspect-ratio: 16/11; object-fit: cover; filter: saturate(.92) contrast(1.04); }
.v11-command-body { padding: 25px; }
.v11-eyebrow { display: inline-flex; margin-bottom: 13px; padding: 7px 10px; border-radius: 999px; color: #f3dfbf; background: rgba(185,134,61,.14); border: 1px solid rgba(234,220,198,.18); font-weight: 840; font-size: .78rem; text-transform: uppercase; letter-spacing: .11em; }
.v11-command h2 { margin: 0 0 12px; font-size: clamp(1.52rem, 2.25vw, 2.15rem); line-height: 1.03; letter-spacing: -.055em; color: #fff; }
.v11-command p { margin: 0; color: rgba(244,248,252,.72); line-height: 1.55; }
.v11-pipeline { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; margin-top: 20px; }
.v11-pipeline b { min-height: 44px; display: grid; place-items: center; text-align: center; border-radius: 14px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.10); color: #f4f8fc; font-size: .78rem; }
.v11-proofbar { width: var(--v11-shell); margin: 0 auto; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; padding: 12px 0 24px; }
.v11-proofbar div, .v11-cap-grid article, .v11-product-grid article, .v11-dashboard-grid article, .v11-case-grid article { background: rgba(255,255,255,.72); border: 1px solid var(--v11-line); border-radius: 24px; box-shadow: 0 14px 38px rgba(16,25,35,.06); }
.v11-proofbar div { padding: 18px; }
.v11-proofbar strong { display: block; margin-bottom: 4px; font-size: 1.02rem; letter-spacing: -.02em; }
.v11-proofbar span { color: var(--v11-muted); font-size: .9rem; line-height: 1.42; }
.v11-section, .v11-products, .v11-split-section, .v11-dashboard-section, .v11-cases, .v11-lead-section { padding: clamp(70px, 7vw, 108px) 0; }
.v11-products, .v11-dashboard-section { background: linear-gradient(180deg, rgba(255,255,255,.45), rgba(239,244,248,.62)); }
.v11-section-head { margin-bottom: 30px; }
.v11-section-head h2, .v11-split h2, .v11-lead-section h2 { max-width: 880px; margin-bottom: 18px; font-size: clamp(2.15rem, 4.15vw, 4.4rem); line-height: .98; letter-spacing: -.062em; }
.v11-section-head .lead, .v11-split .lead { max-width: 810px; color: #4b5968; }
.v11-wide .lead { max-width: 930px; }
.v11-cap-grid, .v11-product-grid, .v11-case-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.v11-cap-grid article, .v11-product-grid article, .v11-case-grid article { padding: 18px; transition: transform .18s ease, box-shadow .18s ease; }
.v11-cap-grid article:hover, .v11-product-grid article:hover, .v11-case-grid article:hover { transform: translateY(-3px); box-shadow: 0 18px 46px rgba(16,25,35,.10); }
.v11-cap-grid figure { margin: 0 0 16px; border-radius: 19px; overflow: hidden; background: #111d2d; }
.v11-cap-grid img { width: 100%; aspect-ratio: 4/3; object-fit: cover; filter: saturate(.9) contrast(1.03); }
.v11-cap-grid article > span, .v11-dashboard-grid article span { display: inline-flex; margin-bottom: 12px; color: var(--v11-bronze); font-weight: 880; font-size: .82rem; letter-spacing: .1em; }
.v11-cap-grid h3, .v11-product-grid h3, .v11-dashboard-grid h3, .v11-case-grid h3 { font-size: 1.22rem; letter-spacing: -.035em; }
.v11-cap-grid p, .v11-product-grid p, .v11-dashboard-grid p, .v11-case-grid p { color: #53606e; line-height: 1.5; }
.v11-cap-grid ul, .v11-product-grid ul { margin: 15px 0 0; padding-left: 18px; color: #435160; font-weight: 650; font-size: .94rem; }
.v11-product-grid article { padding: 24px; background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,244,238,.76)); }
.v11-product-grid article.is-featured { background: linear-gradient(180deg, #17263b, #0d1726); color: #fff; border-color: rgba(255,255,255,.16); box-shadow: 0 24px 70px rgba(13,23,38,.22); }
.v11-product-grid article.is-featured p, .v11-product-grid article.is-featured li { color: rgba(244,248,252,.74); }
.v11-product-top { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 28px; }
.v11-product-top span { padding: 7px 10px; border-radius: 999px; background: rgba(83,111,145,.12); color: #26374d; font-weight: 830; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.is-featured .v11-product-top span { color: #f4dfbe; background: rgba(185,134,61,.16); }
.v11-product-top b { font-size: .98rem; letter-spacing: -.02em; }
.v11-product-grid .btn { width: 100%; margin-top: 18px; }
.v11-split { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1fr); gap: clamp(28px, 5vw, 62px); align-items: center; }
.v11-split-reverse { grid-template-columns: minmax(0,1fr) minmax(0,.92fr); }
.v11-big-visual { margin: 0; border-radius: 34px; overflow: hidden; box-shadow: var(--v11-shadow); border: 1px solid rgba(16,25,35,.10); background: #111d2d; }
.v11-big-visual img { width: 100%; aspect-ratio: 16/11; object-fit: cover; filter: saturate(.92) contrast(1.04); }
.v11-point-list { display: grid; gap: 12px; margin-top: 24px; }
.v11-point-list div { padding: 18px; border-radius: 20px; background: rgba(255,255,255,.66); border: 1px solid var(--v11-line); }
.v11-point-list b { display: block; margin-bottom: 4px; }
.v11-point-list span { color: var(--v11-muted); }
.v11-dashboard-grid { display: grid; grid-template-columns: 1.3fr repeat(3, minmax(0,.75fr)); gap: 16px; align-items: stretch; }
.v11-dashboard-grid figure { margin: 0; grid-row: span 1; border-radius: 28px; overflow: hidden; box-shadow: var(--v11-shadow); }
.v11-dashboard-grid img { width: 100%; height: 100%; min-height: 310px; object-fit: cover; }
.v11-dashboard-grid article { padding: 22px; align-self: stretch; }
.v11-flow { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.v11-flow b { padding: 12px 14px; border-radius: 999px; color: #fff; background: linear-gradient(180deg, #24364f, #142237); box-shadow: 0 10px 20px rgba(16,25,35,.12); }
.v11-case-grid article { min-height: 230px; padding: 25px; background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(248,246,240,.70)); }
.v11-case-grid strong { display: inline-flex; margin-bottom: 22px; color: var(--v11-bronze); letter-spacing: .08em; font-size: .82rem; }
.v11-lead-section { background: linear-gradient(180deg, rgba(16,25,35,.03), rgba(16,25,35,.08)); }
.v11-lead-section .form-shell { width: var(--v11-shell); border-radius: 34px; background: linear-gradient(135deg, #121e2f, #1e314c); color: #fff; border: 1px solid rgba(255,255,255,.12); box-shadow: var(--v11-shadow); }
.v11-lead-section .form-aside p, .v11-lead-section .field span { color: rgba(244,248,252,.76); }
.v11-lead-section .field input, .v11-lead-section .field select, .v11-lead-section .field textarea { background: rgba(255,255,255,.96); border-color: rgba(255,255,255,.18); }
@media (max-width: 1120px) {
  .v11-hero-grid, .v11-split, .v11-split-reverse { grid-template-columns: 1fr; }
  .v11-cap-grid, .v11-product-grid, .v11-case-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .v11-dashboard-grid { grid-template-columns: 1fr 1fr; }
  .v11-dashboard-grid figure { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  :root { --v11-shell: min(100% - 22px, 1188px); }
  .v11-hero { padding-top: 46px; }
  .v11-hero h1 { max-width: 11ch; font-size: clamp(3.05rem, 16vw, 4.7rem); }
  .v11-hero .lead { font-size: 1rem; }
  .v11-command { border-radius: 24px; }
  .v11-command-body { padding: 18px; }
  .v11-pipeline { grid-template-columns: 1fr 1fr; }
  .v11-proofbar, .v11-cap-grid, .v11-product-grid, .v11-case-grid, .v11-dashboard-grid { grid-template-columns: 1fr; }
  .v11-section, .v11-products, .v11-split-section, .v11-dashboard-section, .v11-cases, .v11-lead-section { padding: 58px 0; }
  .v11-section-head h2, .v11-split h2, .v11-lead-section h2 { font-size: clamp(2.1rem, 12vw, 3.25rem); }
  .v11-cap-grid article, .v11-product-grid article, .v11-case-grid article { padding: 18px; }
  .v11-lead-section .form-shell { border-radius: 24px; }
}

body.b2b-premium {
  --v11-bg: #f6f8fb;
  --v11-paper: #ffffff;
  --v11-ink: #0c1726;
  --v11-muted: #4f5d6d;
  --v11-line: rgba(12, 23, 38, .105);
  --v11-navy: #071426;
  --v11-navy-2: #030914;
  --v11-steel: #1a9de8;
  --v11-bronze: #16b8cf;
  --v11-bronze-soft: #d8f6fb;
  --v11-shell: min(100% - 32px, 1780px);
  background:
    radial-gradient(circle at 76% 6%, rgba(36, 95, 196, .13), transparent 31%),
    radial-gradient(circle at 8% 12%, rgba(19, 184, 207, .10), transparent 30%),
    linear-gradient(180deg, #f7f9fc 0%, #eef3f8 42%, #f9fbfd 100%);
}
body.b2b-premium .topbar-inner { width: min(100% - 32px, 1780px); }
body.b2b-premium .btn {
  border-radius: 999px;
  min-height: 48px;
  padding-inline: 20px;
  font-weight: 820;
  letter-spacing: -.01em;
}
body.b2b-premium .btn-primary {
  color: #f7fbff;
  border: 1px solid rgba(33, 183, 245, .48);
  background:
    linear-gradient(135deg, #061222 0%, #0d2a4f 46%, #0899db 100%);
  box-shadow: 0 16px 34px rgba(7, 20, 38, .20), inset 0 1px 0 rgba(255,255,255,.20);
}
body.b2b-premium .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 20px 44px rgba(7, 20, 38, .25), inset 0 1px 0 rgba(255,255,255,.22); }
body.b2b-premium .btn-soft {
  color: #0b1a2d;
  border: 1px solid rgba(9, 29, 52, .14);
  background: rgba(255,255,255,.80);
  box-shadow: 0 12px 28px rgba(9, 29, 52, .07);
}
body.b2b-premium .brand-mark { background: linear-gradient(135deg, #061222, #0d75b8); }
body.b2b-premium .kicker { color: #0c82b5; letter-spacing: .13em; }
body.b2b-premium .v11-hero { padding-top: clamp(54px, 5vw, 86px); }
body.b2b-premium .v11-hero::before {
  background:
    linear-gradient(110deg, rgba(247,249,252,.98) 0%, rgba(247,249,252,.90) 44%, rgba(7,20,38,.06) 100%);
}
body.b2b-premium .v11-hero-grid {
  grid-template-columns: minmax(0, 1.02fr) minmax(520px, .98fr);
  gap: clamp(30px, 4vw, 74px);
  align-items: stretch;
}
body.b2b-premium .v11-hero-copy { display: flex; flex-direction: column; justify-content: center; }
body.b2b-premium .v11-hero h1 {
  max-width: 14.5ch;
  font-size: clamp(3.2rem, 5.25vw, 6.35rem);
  line-height: .91;
  letter-spacing: -.078em;
}
body.b2b-premium .v11-hero .lead { max-width: 860px; color: #344356; }
body.b2b-premium .v11-trustline span {
  background: rgba(255,255,255,.78);
  border-color: rgba(12,23,38,.12);
  box-shadow: 0 10px 26px rgba(12,23,38,.05);
}
body.b2b-premium .v11-command {
  min-height: 100%;
  border-radius: 34px;
  background:
    radial-gradient(circle at 86% 10%, rgba(73, 53, 154, .34), transparent 36%),
    radial-gradient(circle at 14% 0%, rgba(19, 168, 255, .24), transparent 34%),
    linear-gradient(145deg, #071426 0%, #091a31 54%, #030914 100%);
  border-color: rgba(114, 201, 255, .20);
  box-shadow: 0 30px 86px rgba(7, 20, 38, .22);
}
body.b2b-premium .v11-command img { aspect-ratio: 16 / 8.5; opacity: .88; }
body.b2b-premium .v11-command-body { padding: clamp(24px, 2.2vw, 38px); }
body.b2b-premium .v11-eyebrow { color: #8eeeff; background: rgba(14, 171, 222, .12); border-color: rgba(142, 238, 255, .20); }
body.b2b-premium .v11-pipeline b {
  background: rgba(10, 157, 226, .12);
  border-color: rgba(142, 238, 255, .18);
  min-height: 52px;
}
body.b2b-premium .v11-proofbar {
  width: var(--v11-shell);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-top: 18px;
}
body.b2b-premium .v11-proofbar div,
body.b2b-premium .v11-cap-grid article,
body.b2b-premium .v11-product-grid article,
body.b2b-premium .v11-case-grid article {
  border-color: rgba(12,23,38,.10);
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 42px rgba(12,23,38,.065);
}
body.b2b-premium .v11-section-head h2,
body.b2b-premium .v11-split h2,
body.b2b-premium .v11-lead-section h2,
body.b2b-premium .v12-intelligence-head h2 {
  max-width: 1180px;
  font-size: clamp(2.35rem, 4.4vw, 5.25rem);
  letter-spacing: -.073em;
}
body.b2b-premium .v11-section-head .lead,
body.b2b-premium .v11-split .lead,
body.b2b-premium .v12-intelligence-head .lead { max-width: 1030px; color: #405064; }
body.b2b-premium .v11-cap-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
body.b2b-premium .v11-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
body.b2b-premium .v11-cap-grid article,
body.b2b-premium .v11-product-grid article { padding: clamp(20px, 1.6vw, 30px); }
body.b2b-premium .v11-product-grid article.is-featured {
  background:
    radial-gradient(circle at 100% 0%, rgba(19, 168, 255, .25), transparent 32%),
    linear-gradient(145deg, #071426, #0b203b 56%, #030914);
}
body.b2b-premium .v11-split { grid-template-columns: minmax(520px, 1fr) minmax(0, 1fr); gap: clamp(36px, 4vw, 76px); }
body.b2b-premium .v11-split-reverse { grid-template-columns: minmax(0, 1fr) minmax(520px, 1fr); }
body.b2b-premium .v11-big-visual img { aspect-ratio: 16 / 8.6; }

.v12-intelligence-section {
  position: relative;
  overflow: hidden;
  padding: clamp(72px, 7vw, 118px) 0;
  color: #eef7ff;
  background:
    radial-gradient(circle at 92% 7%, rgba(107, 70, 193, .34), transparent 32%),
    radial-gradient(circle at 8% 0%, rgba(0, 175, 255, .23), transparent 28%),
    linear-gradient(180deg, #030914 0%, #071426 48%, #030914 100%);
}
.v12-intelligence-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(180deg, transparent 0, #000 16%, #000 84%, transparent 100%);
  pointer-events: none;
}
.v12-intelligence-section .v11-shell { position: relative; z-index: 1; }
.v12-intelligence-head { margin-bottom: clamp(28px, 3.4vw, 52px); }
.v12-intelligence-head .kicker { color: #35d9ff; }
.v12-intelligence-head h2 { margin: 0 0 18px; color: #fff; }
.v12-intelligence-head .lead { color: rgba(231, 244, 255, .74); }
.v12-chart-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.v12-chart-card {
  min-height: 330px;
  display: flex;
  flex-direction: column;
  padding: clamp(20px, 1.55vw, 30px);
  border-radius: 28px;
  border: 1px solid rgba(126, 203, 255, .22);
  background:
    radial-gradient(circle at 100% 0%, rgba(93, 58, 184, .30), transparent 38%),
    linear-gradient(145deg, rgba(8, 21, 39, .98), rgba(5, 13, 27, .98));
  box-shadow: 0 24px 62px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.055);
}
.v12-chart-label {
  display: block;
  margin-bottom: 8px;
  color: #28d7ff;
  font-weight: 900;
  font-size: .76rem;
  text-transform: uppercase;
  letter-spacing: .15em;
}
.v12-chart-card h3 {
  margin: 0;
  color: #f7fbff;
  font-size: clamp(1.35rem, 1.8vw, 2rem);
  letter-spacing: -.052em;
  line-height: 1.02;
}
.v12-chart-card p { margin: 6px 0 18px; color: rgba(231, 244, 255, .70); line-height: 1.45; }
.v12-bar-chart {
  flex: 1;
  min-height: 190px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
  align-items: end;
  padding: 22px 22px 0;
  border-radius: 18px;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.055) 0 1px, transparent 1px 38px),
    linear-gradient(180deg, rgba(255,255,255,.025), transparent);
}
.v12-bar-chart div { height: 100%; display: grid; grid-template-rows: 24px 1fr 24px; gap: 6px; align-items: end; text-align: center; }
.v12-bar-chart b { color: #fff; font-size: .92rem; }
.v12-bar-chart i {
  display: block;
  height: var(--h);
  min-height: 12px;
  border-radius: 10px 10px 3px 3px;
  background: linear-gradient(180deg, #17d7ff 0%, #1167d8 100%);
  box-shadow: 0 12px 26px rgba(12, 145, 255, .26), inset 0 1px 0 rgba(255,255,255,.38);
}
.v12-bar-chart span { color: rgba(231,244,255,.74); font-size: .78rem; font-weight: 760; white-space: nowrap; }
.v12-line-chart, .v12-momentum, .v12-radar { flex: 1; min-height: 210px; }
.v12-line-chart svg, .v12-momentum svg, .v12-radar svg { width: 100%; height: 100%; overflow: visible; }
.v12-legend { display: flex; justify-content: center; gap: 22px; margin: -2px 0 8px; color: rgba(231,244,255,.82); font-size: .82rem; font-weight: 760; }
.v12-legend span { display: inline-flex; align-items: center; gap: 7px; }
.v12-legend i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.v12-legend .blue { background: #13a8ff; box-shadow: 0 0 0 3px rgba(19,168,255,.18); }
.v12-legend .violet { background: #9b63ff; box-shadow: 0 0 0 3px rgba(155,99,255,.18); }
.v12-line-chart .grid path, .v12-momentum .grid path { fill: none; stroke: rgba(231,244,255,.075); stroke-width: 1; }
.v12-line-chart .area, .v12-momentum .moment-area { fill: url(#v12fill); }
.v12-line-chart .line, .v12-momentum .line { fill: none; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.v12-line-chart .line.blue, .v12-momentum .line.blue { stroke: #13a8ff; filter: drop-shadow(0 0 8px rgba(19,168,255,.35)); }
.v12-line-chart .line.violet, .v12-momentum .line.violet { stroke: #9b63ff; filter: drop-shadow(0 0 8px rgba(155,99,255,.26)); }
.v12-line-chart circle { r: 6; fill: #071426; stroke-width: 4; }
.v12-line-chart .points.blue circle { stroke: #13a8ff; }
.v12-line-chart .points.violet circle { stroke: #9b63ff; }
.v12-radar { display: grid; place-items: center; }
.v12-radar .radar-grid polygon { fill: none; stroke: rgba(231,244,255,.12); stroke-width: 1; }
.v12-radar .radar-fill { fill: rgba(19,168,255,.26); }
.v12-radar .radar-line { fill: none; stroke: #13a8ff; stroke-width: 4; stroke-linejoin: round; filter: drop-shadow(0 0 8px rgba(19,168,255,.32)); }
.v12-radar .radar-dots circle { r: 6; fill: #13a8ff; stroke: #b9eeff; stroke-width: 2; }
.v12-radar text { fill: rgba(231,244,255,.82); font-size: 15px; font-weight: 780; text-anchor: middle; }
.v12-donut-wrap { flex: 1; display: grid; grid-template-columns: minmax(180px, .8fr) 1fr; align-items: center; gap: 26px; }
.v12-donut {
  width: min(220px, 100%);
  aspect-ratio: 1;
  justify-self: center;
  border-radius: 50%;
  background: conic-gradient(#139cff 0 32%, #8b5cf6 32% 60%, #19c6e6 60% 82%, #e35b9b 82% 100%);
  position: relative;
  box-shadow: 0 0 32px rgba(19,168,255,.18);
}
.v12-donut::after {
  content: "";
  position: absolute;
  inset: 27%;
  border-radius: 50%;
  background: #061224;
  box-shadow: inset 0 0 28px rgba(0,0,0,.35);
}
.v12-donut-legend { display: grid; gap: 14px; }
.v12-donut-legend span { display: grid; grid-template-columns: 14px 1fr auto; gap: 10px; align-items: center; color: rgba(231,244,255,.82); font-weight: 720; }
.v12-donut-legend i { width: 12px; height: 12px; border-radius: 50%; background: #139cff; box-shadow: 0 0 0 3px rgba(19,156,255,.16); }
.v12-donut-legend span:nth-child(2) i { background: #8b5cf6; }
.v12-donut-legend span:nth-child(3) i { background: #19c6e6; }
.v12-donut-legend span:nth-child(4) i { background: #e35b9b; }
.v12-donut-legend b { color: #fff; }
.v12-momentum .axis text { fill: rgba(231,244,255,.68); font-size: 14px; font-weight: 760; }
.v12-roi-bars { flex: 1; display: grid; align-content: center; gap: 18px; }
.v12-roi-bars div { display: grid; grid-template-columns: 145px 1fr 58px; gap: 14px; align-items: center; }
.v12-roi-bars span { color: rgba(231,244,255,.82); font-weight: 760; }
.v12-roi-bars i {
  height: 30px;
  width: var(--w);
  border-radius: 999px;
  background: linear-gradient(90deg, #0e63d8, #13a8ff);
  box-shadow: 0 0 22px rgba(19,168,255,.25), inset 0 1px 0 rgba(255,255,255,.32);
}
.v12-roi-bars b { color: #fff; font-size: 1.05rem; }
body.b2b-premium .v11-lead-section .form-shell {
  width: var(--v11-shell);
  background:
    radial-gradient(circle at 100% 0%, rgba(19,168,255,.22), transparent 32%),
    linear-gradient(135deg, #071426, #102b4d);
}

@media (max-width: 1320px) {
  body.b2b-premium .v11-hero-grid,
  body.b2b-premium .v11-split,
  body.b2b-premium .v11-split-reverse { grid-template-columns: 1fr; }
  body.b2b-premium .v11-cap-grid,
  body.b2b-premium .v11-product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 980px) {
  .v12-chart-grid { grid-template-columns: 1fr; }
  .v12-donut-wrap { grid-template-columns: 1fr; }
  .v12-donut { width: min(210px, 70vw); }
}
@media (max-width: 720px) {
  body.b2b-premium { --v11-shell: min(100% - 20px, 1780px); }
  body.b2b-premium .topbar-inner { width: min(100% - 20px, 1780px); }
  body.b2b-premium .v11-hero h1 { font-size: clamp(2.55rem, 13vw, 4.2rem); max-width: 13ch; }
  body.b2b-premium .v11-proofbar,
  body.b2b-premium .v11-cap-grid,
  body.b2b-premium .v11-product-grid { grid-template-columns: 1fr; }
  .v12-chart-card { min-height: auto; padding: 18px; border-radius: 22px; }
  .v12-bar-chart { gap: 9px; padding-inline: 8px; }
  .v12-bar-chart span { font-size: .65rem; }
  .v12-roi-bars div { grid-template-columns: 1fr; gap: 7px; }
  .v12-roi-bars i { height: 24px; }
}
.v12-momentum .moment-area { fill: rgba(19,168,255,.16); }

.chart-h-92 { --h: 92%; }
.chart-h-56 { --h: 56%; }
.chart-h-34 { --h: 34%; }
.chart-h-18 { --h: 18%; }
.chart-h-9 { --h: 9%; }
.chart-w-87 { --w: 87%; }
.chart-w-72 { --w: 72%; }
.chart-w-65 { --w: 65%; }
.chart-w-58 { --w: 58%; }

body.b2b-premium {
  --v11-bg: #f4f7fb;
  --v11-paper: #ffffff;
  --v11-ink: #091525;
  --v11-muted: #344356;
  --v11-soft: #eef3f8;
  --v11-line: rgba(9, 21, 37, .12);
  --v11-navy: #061426;
  --v11-navy-2: #020817;
  --v11-steel: #137fc0;
  --v11-bronze: #0ea6bb;
  --v11-bronze-soft: #dff6fa;
  --v11-shell: min(100% - 40px, 1680px);
  color: var(--v11-ink);
  background:
    radial-gradient(circle at 82% 4%, rgba(19, 127, 192, .105), transparent 28%),
    radial-gradient(circle at 8% 0%, rgba(14, 166, 187, .085), transparent 26%),
    linear-gradient(180deg, #f7f9fc 0%, #eef3f8 38%, #fbfcfe 100%);
}
body.b2b-premium .topbar {
  border-bottom-color: rgba(9, 21, 37, .08);
  background: rgba(248, 250, 252, .88);
}
body.b2b-premium .topbar-inner {
  width: var(--v11-shell);
  padding-top: 14px;
  padding-bottom: 14px;
}
body.b2b-premium .brand,
body.b2b-premium .mainnav a,
body.b2b-premium .lang-switch a,
body.b2b-premium label {
  color: #13243a;
}
body.b2b-premium .brand small,
body.b2b-premium .muted,
body.b2b-premium .form-status,
body.b2b-premium .v11-product-grid p,
body.b2b-premium .v11-cap-grid p,
body.b2b-premium .v11-case-grid p,
body.b2b-premium .v11-proofbar span {
  color: var(--v11-muted);
}
body.b2b-premium .mainnav {
  background: rgba(255, 255, 255, .78);
  border-color: rgba(9, 21, 37, .09);
}
body.b2b-premium .mainnav a:hover {
  background: rgba(6, 20, 38, .06);
  color: #071426;
}
body.b2b-premium .lang-switch {
  background: rgba(255, 255, 255, .86);
  border-color: rgba(9, 21, 37, .10);
}
body.b2b-premium .lang-switch a[aria-current="page"] {
  background: #071426;
  color: #ffffff;
}
body.b2b-premium .btn {
  min-height: 44px;
  padding: 11px 18px;
  font-size: .94rem;
}
body.b2b-premium .btn-primary {
  color: #ffffff;
  border: 1px solid rgba(14, 166, 187, .28);
  background: linear-gradient(135deg, #061426 0%, #0d2a48 58%, #0c6fa5 100%);
  box-shadow: 0 14px 28px rgba(6, 20, 38, .18), inset 0 1px 0 rgba(255, 255, 255, .16);
}
body.b2b-premium .btn-primary:hover {
  background: linear-gradient(135deg, #071a2f 0%, #123354 58%, #0d7db8 100%);
  box-shadow: 0 18px 36px rgba(6, 20, 38, .22), inset 0 1px 0 rgba(255, 255, 255, .18);
}
body.b2b-premium .btn-soft {
  color: #102033;
  border: 1px solid rgba(9, 21, 37, .12);
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(244, 248, 252, .96));
  box-shadow: 0 10px 22px rgba(9, 21, 37, .055), inset 0 1px 0 rgba(255, 255, 255, .92);
}
body.b2b-premium .btn-soft:hover {
  color: #071426;
  border-color: rgba(14, 166, 187, .24);
  background: linear-gradient(180deg, #ffffff, #f0f6fa);
}
body.b2b-premium .section {
  padding-top: clamp(58px, 5.2vw, 84px);
  padding-bottom: clamp(58px, 5.2vw, 84px);
}
body.b2b-premium .v11-shell,
body.b2b-premium .v11-proofbar,
body.b2b-premium .v11-lead-section .form-shell {
  width: var(--v11-shell);
}
body.b2b-premium .kicker {
  margin-bottom: 12px;
  color: #0c789d;
  font-size: .76rem;
  letter-spacing: .115em;
}
body.b2b-premium .kicker::before {
  width: 28px;
  background: linear-gradient(90deg, #0c789d, #0ea6bb);
}
body.b2b-premium .v11-hero {
  padding-top: clamp(44px, 4.2vw, 72px);
  padding-bottom: clamp(50px, 5vw, 82px);
}
body.b2b-premium .v11-hero-grid {
  grid-template-columns: minmax(0, .96fr) minmax(460px, .82fr);
  gap: clamp(28px, 3.4vw, 58px);
  align-items: center;
}
body.b2b-premium .v11-hero h1 {
  max-width: 15.8ch;
  margin-bottom: 20px;
  font-size: clamp(2.75rem, 4.15vw, 4.95rem);
  line-height: .98;
  letter-spacing: -.064em;
  color: #071426;
}
body.b2b-premium .v11-hero .lead {
  max-width: 780px;
  color: #2f4054;
  font-size: clamp(1.01rem, 1.16vw, 1.18rem);
  line-height: 1.62;
}
body.b2b-premium .v11-hero-actions {
  margin-top: 26px;
}
body.b2b-premium .v11-trustline {
  margin-top: 24px;
  gap: 10px;
}
body.b2b-premium .v11-trustline span {
  color: #20334a;
  background: rgba(255, 255, 255, .82);
  border-color: rgba(9, 21, 37, .10);
  box-shadow: 0 8px 20px rgba(9, 21, 37, .045);
}
body.b2b-premium .v11-command {
  border-radius: 30px;
  background:
    radial-gradient(circle at 86% 10%, rgba(19, 127, 192, .25), transparent 36%),
    radial-gradient(circle at 12% 0%, rgba(14, 166, 187, .18), transparent 34%),
    linear-gradient(145deg, #071426 0%, #0a1d33 58%, #030914 100%);
  border-color: rgba(142, 238, 255, .16);
  box-shadow: 0 28px 72px rgba(7, 20, 38, .20);
}
body.b2b-premium .v11-command img {
  aspect-ratio: 16 / 8.9;
  opacity: .90;
  filter: saturate(.90) contrast(1.02);
}
body.b2b-premium .v11-command-body {
  padding: clamp(22px, 2vw, 32px);
}
body.b2b-premium .v11-command h2 {
  max-width: 17ch;
  font-size: clamp(1.75rem, 2.35vw, 2.85rem);
  line-height: 1.02;
  letter-spacing: -.052em;
  color: #f8fbff;
}
body.b2b-premium .v11-command p {
  color: rgba(232, 243, 252, .78);
  font-size: .98rem;
  line-height: 1.58;
}
body.b2b-premium .v11-eyebrow {
  color: #a8f3ff;
  background: rgba(14, 166, 187, .12);
  border-color: rgba(168, 243, 255, .18);
}
body.b2b-premium .v11-pipeline b {
  min-height: 46px;
  color: #eaf8ff;
  background: rgba(14, 166, 187, .10);
  border-color: rgba(168, 243, 255, .16);
}
body.b2b-premium .v11-proofbar {
  gap: 14px;
  padding-top: 12px;
  padding-bottom: 16px;
}
body.b2b-premium .v11-proofbar div {
  padding: 18px;
  border-radius: 22px;
  background: rgba(255, 255, 255, .78);
  border-color: rgba(9, 21, 37, .10);
  box-shadow: 0 14px 32px rgba(9, 21, 37, .055);
}
body.b2b-premium .v11-proofbar strong {
  color: #091525;
  font-size: 1rem;
}
body.b2b-premium .v11-section-head {
  margin-bottom: clamp(26px, 3vw, 42px);
}
body.b2b-premium .v11-section-head h2,
body.b2b-premium .v11-split h2,
body.b2b-premium .v11-lead-section h2,
body.b2b-premium .v12-intelligence-head h2 {
  max-width: 980px;
  margin-bottom: 16px;
  font-size: clamp(1.9rem, 3.05vw, 3.55rem);
  line-height: 1.04;
  letter-spacing: -.052em;
  color: #071426;
}
body.b2b-premium .v11-section-head .lead,
body.b2b-premium .v11-split .lead,
body.b2b-premium .v12-intelligence-head .lead {
  max-width: 880px;
  color: #344356;
  font-size: clamp(1rem, 1.08vw, 1.16rem);
  line-height: 1.62;
}
body.b2b-premium .v11-cap-grid,
body.b2b-premium .v11-product-grid,
body.b2b-premium .v11-case-grid {
  gap: 16px;
}
body.b2b-premium .v11-cap-grid article,
body.b2b-premium .v11-product-grid article,
body.b2b-premium .v11-case-grid article {
  padding: clamp(18px, 1.35vw, 24px);
  border-radius: 22px;
  border-color: rgba(9, 21, 37, .10);
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(247, 250, 253, .86));
  box-shadow: 0 14px 34px rgba(9, 21, 37, .055);
}
body.b2b-premium .v11-cap-grid article:hover,
body.b2b-premium .v11-product-grid article:hover,
body.b2b-premium .v11-case-grid article:hover,
body.b2b-premium .v11-proofbar div:hover,
body.b2b-premium .v12-chart-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 44px rgba(9, 21, 37, .075);
}
body.b2b-premium .v11-cap-grid figure,
body.b2b-premium .v11-big-visual,
body.b2b-premium .v11-product-grid article,
body.b2b-premium .v11-case-grid article {
  overflow: hidden;
}
body.b2b-premium .v11-cap-grid figure,
body.b2b-premium .v11-big-visual {
  border-radius: 20px;
  border-color: rgba(9, 21, 37, .08);
}
body.b2b-premium .v11-cap-grid h3,
body.b2b-premium .v11-product-grid h3,
body.b2b-premium .v11-case-grid h3,
body.b2b-premium .v12-chart-card h3 {
  color: #091525;
  font-size: clamp(1.06rem, 1.18vw, 1.34rem);
  line-height: 1.18;
  letter-spacing: -.035em;
}
body.b2b-premium .v11-cap-grid span,
body.b2b-premium .v11-product-top span,
body.b2b-premium .v11-case-grid strong,
body.b2b-premium .v12-chart-label {
  color: #0c789d;
}
body.b2b-premium .v11-cap-grid ul,
body.b2b-premium .v11-product-grid ul {
  color: #35465a;
}
body.b2b-premium .v11-product-top b {
  color: #091525;
}
body.b2b-premium .v11-product-grid article.is-featured {
  background:
    radial-gradient(circle at 100% 0%, rgba(14, 166, 187, .20), transparent 30%),
    linear-gradient(145deg, #071426, #0c233d 58%, #030914);
  border-color: rgba(142, 238, 255, .16);
}
body.b2b-premium .v11-product-grid article.is-featured h3,
body.b2b-premium .v11-product-grid article.is-featured .v11-product-top b {
  color: #ffffff;
}
body.b2b-premium .v11-product-grid article.is-featured p,
body.b2b-premium .v11-product-grid article.is-featured li {
  color: rgba(232, 243, 252, .76);
}
body.b2b-premium .v11-split,
body.b2b-premium .v11-split-reverse {
  gap: clamp(28px, 3.4vw, 58px);
  align-items: center;
}
body.b2b-premium .v11-big-visual {
  box-shadow: 0 22px 54px rgba(9, 21, 37, .11);
}
body.b2b-premium .v11-big-visual img {
  aspect-ratio: 16 / 9.2;
  filter: saturate(.94) contrast(1.02);
}
body.b2b-premium .v11-point-list div,
body.b2b-premium .v11-flow b {
  color: #102033;
  background: rgba(255, 255, 255, .76);
  border-color: rgba(9, 21, 37, .10);
  box-shadow: 0 10px 24px rgba(9, 21, 37, .045);
}
body.b2b-premium .v11-point-list span {
  color: #3a4b5f;
}
body.b2b-premium .v12-intelligence-section {
  padding: clamp(64px, 6vw, 96px) 0;
  background:
    radial-gradient(circle at 92% 7%, rgba(74, 88, 160, .26), transparent 32%),
    radial-gradient(circle at 8% 0%, rgba(14, 166, 187, .18), transparent 28%),
    linear-gradient(180deg, #030914 0%, #071426 50%, #030914 100%);
}
body.b2b-premium .v12-intelligence-head h2 {
  color: #f8fbff;
}
body.b2b-premium .v12-intelligence-head .lead {
  color: rgba(232, 243, 252, .76);
}
body.b2b-premium .v12-chart-grid {
  gap: 16px;
}
body.b2b-premium .v12-chart-card {
  min-height: 294px;
  padding: clamp(18px, 1.35vw, 24px);
  border-radius: 24px;
  border-color: rgba(126, 203, 255, .18);
  background:
    radial-gradient(circle at 100% 0%, rgba(74, 88, 160, .22), transparent 36%),
    linear-gradient(145deg, rgba(8, 21, 39, .98), rgba(5, 13, 27, .98));
  box-shadow: 0 20px 54px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .045);
}
body.b2b-premium .v12-chart-card h3 {
  color: #f8fbff;
}
body.b2b-premium .v12-chart-card p {
  color: rgba(232, 243, 252, .72);
}
body.b2b-premium .v12-chart-label {
  font-size: .72rem;
  letter-spacing: .135em;
}
body.b2b-premium .v11-lead-section .form-shell {
  border-radius: 30px;
  background:
    radial-gradient(circle at 100% 0%, rgba(14, 166, 187, .18), transparent 32%),
    linear-gradient(135deg, #071426, #102842);
}
body.b2b-premium .form-aside {
  background: linear-gradient(145deg, #071426, #102842);
}
body.b2b-premium .request-form {
  border-color: rgba(9, 21, 37, .10);
  box-shadow: 0 18px 46px rgba(9, 21, 37, .10);
}
body.b2b-premium input,
body.b2b-premium select,
body.b2b-premium textarea {
  color: #091525;
  background: #f7f9fc;
  border-color: rgba(9, 21, 37, .14);
}
body.b2b-premium input::placeholder,
body.b2b-premium textarea::placeholder {
  color: #69788a;
}
@media (max-width: 1320px) {
  body.b2b-premium .v11-hero-grid,
  body.b2b-premium .v11-split,
  body.b2b-premium .v11-split-reverse {
    grid-template-columns: 1fr;
  }
  body.b2b-premium .v11-command h2 {
    max-width: none;
  }
}
@media (max-width: 980px) {
  body.b2b-premium {
    --v11-shell: min(100% - 28px, 1680px);
  }
  body.b2b-premium .v11-cap-grid,
  body.b2b-premium .v11-product-grid,
  body.b2b-premium .v11-proofbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.b2b-premium .v11-hero h1 {
    max-width: 16ch;
    font-size: clamp(2.55rem, 8vw, 4rem);
  }
}
@media (max-width: 720px) {
  body.b2b-premium {
    --v11-shell: min(100% - 20px, 1680px);
  }
  body.b2b-premium .topbar-inner {
    width: var(--v11-shell);
  }
  body.b2b-premium .section {
    padding-top: 54px;
    padding-bottom: 54px;
  }
  body.b2b-premium .v11-hero {
    padding-top: 42px;
  }
  body.b2b-premium .v11-hero h1 {
    max-width: 13.5ch;
    font-size: clamp(2.24rem, 11.2vw, 3.45rem);
    line-height: 1.01;
    letter-spacing: -.055em;
  }
  body.b2b-premium .v11-section-head h2,
  body.b2b-premium .v11-split h2,
  body.b2b-premium .v11-lead-section h2,
  body.b2b-premium .v12-intelligence-head h2 {
    font-size: clamp(1.72rem, 8.4vw, 2.55rem);
    line-height: 1.07;
    letter-spacing: -.045em;
  }
  body.b2b-premium .v11-cap-grid,
  body.b2b-premium .v11-product-grid,
  body.b2b-premium .v11-proofbar {
    grid-template-columns: 1fr;
  }
  body.b2b-premium .v12-chart-card {
    min-height: auto;
  }
}


body.b2b-premium {
  --v11-shell: min(100% - 44px, 1320px);
  --v11-line: rgba(15, 23, 42, .08);
  --v11-ink: #0f1f33;
  --v11-copy: #415166;
  --v11-soft: #6d7d90;
  background: linear-gradient(180deg, #f4f7fb 0%, #f7f9fc 42%, #f3f6fa 100%);
  color: var(--v11-ink);
}
body.b2b-premium h1,
body.b2b-premium h2,
body.b2b-premium h3,
body.b2b-premium h4,
body.b2b-premium h5,
body.b2b-premium h6 {
  color: #0c1c2d;
}
body.b2b-premium p,
body.b2b-premium li,
body.b2b-premium label,
body.b2b-premium .v11-proofbar span,
body.b2b-premium .v11-point-list span,
body.b2b-premium .v12-chart-card p,
body.b2b-premium .v11-case-grid p,
body.b2b-premium .form-aside p,
body.b2b-premium .field span {
  color: var(--v11-copy);
}
body.b2b-premium .topbar {
  backdrop-filter: saturate(165%) blur(18px);
  background: rgba(249, 251, 254, .82);
  border-bottom: 1px solid rgba(15, 23, 42, .06);
}
body.b2b-premium .topbar-inner {
  width: min(100% - 40px, 1320px);
  min-height: 74px;
}
body.b2b-premium .mainnav a,
body.b2b-premium .brand,
body.b2b-premium .footer-links a {
  color: #13263a;
}
body.b2b-premium .mainnav a { font-size: .94rem; }
body.b2b-premium .lang-switch a { font-size: .82rem; }
body.b2b-premium .btn,
body.b2b-premium button.btn {
  min-height: 44px;
  border-radius: 999px;
  font-size: .95rem;
  font-weight: 780;
  letter-spacing: -.01em;
}
body.b2b-premium .btn-primary {
  background: linear-gradient(135deg, #6edfe7 0%, #5ba7ff 100%);
  color: #07111f;
  border-color: rgba(79, 156, 255, .22);
  box-shadow: 0 12px 26px rgba(42, 116, 188, .18), inset 0 1px 0 rgba(255,255,255,.42);
}
body.b2b-premium .btn-soft {
  background: rgba(255,255,255,.86);
  color: #12263d;
  border-color: rgba(16, 33, 54, .11);
}
body.b2b-premium .kicker,
body.b2b-premium .v12-chart-label,
body.b2b-premium .v11-eyebrow {
  color: #2a88c4;
  letter-spacing: .14em;
}
body.b2b-premium .v11-hero {
  padding: clamp(44px, 5vw, 78px) 0 34px;
}
body.b2b-premium .v11-hero::before {
  background: linear-gradient(120deg, rgba(251,252,254,.98) 0%, rgba(246,249,252,.95) 52%, rgba(220,232,246,.46) 100%);
}
body.b2b-premium .v11-hero-grid {
  gap: clamp(28px, 3.8vw, 54px);
  align-items: center;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
}
body.b2b-premium .v11-hero h1 {
  max-width: 11.2ch;
  margin: 0 0 18px;
  font-size: clamp(2.45rem, 4.35vw, 4.9rem);
  line-height: .94;
  letter-spacing: -.062em;
}
body.b2b-premium .v11-hero .lead {
  max-width: 66ch;
  font-size: clamp(1.02rem, 1.2vw, 1.16rem);
  line-height: 1.65;
  color: #44566b;
}
body.b2b-premium .v11-trustline { gap: 10px; margin-top: 18px; }
body.b2b-premium .v11-trustline span,
body.b2b-premium .inquiry-hints span,
body.b2b-premium .v11-flow b {
  background: rgba(255,255,255,.88);
  color: #16304d;
  border-color: rgba(17, 47, 79, .08);
  box-shadow: 0 8px 18px rgba(15,23,42,.04);
}
body.b2b-premium .v11-command {
  border-radius: 26px;
  background: linear-gradient(180deg, #0f233b 0%, #0a1830 100%);
  border: 1px solid rgba(135, 197, 255, .16);
  box-shadow: 0 26px 60px rgba(10, 24, 48, .28);
}
body.b2b-premium .v11-command figure,
body.b2b-premium .v11-big-visual {
  border-radius: 22px;
  overflow: hidden;
  background: #e9eff6;
}
body.b2b-premium .v11-command figure img,
body.b2b-premium .v11-big-visual img,
body.b2b-premium .v11-cap-grid figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.b2b-premium .v11-command figure { aspect-ratio: 16 / 10; }
body.b2b-premium .v11-command-body {
  padding: 20px 22px 22px;
}
body.b2b-premium .v11-command h2 {
  font-size: clamp(1.4rem, 1.8vw, 1.9rem);
  line-height: 1.05;
  margin-bottom: 10px;
}
body.b2b-premium .v11-command-body p { color: rgba(233,241,250,.78); }
body.b2b-premium .v11-pipeline { margin-top: 14px; gap: 8px; }
body.b2b-premium .v11-proofbar {
  gap: 16px;
  padding: 10px 0 10px;
}
body.b2b-premium .v11-proofbar div {
  padding: 20px 19px 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,253,.96) 100%);
  border: 1px solid rgba(17, 41, 68, .08);
  box-shadow: 0 12px 32px rgba(15, 23, 42, .05);
}
body.b2b-premium .v11-proofbar strong {
  margin-bottom: 6px;
  font-size: 1rem;
  line-height: 1.28;
}
body.b2b-premium .v11-proofbar span {
  font-size: .93rem;
  line-height: 1.5;
}
body.b2b-premium .v11-section,
body.b2b-premium .v11-products,
body.b2b-premium .v11-split-section,
body.b2b-premium .v12-intelligence-section,
body.b2b-premium .v11-cases,
body.b2b-premium .v11-lead-section {
  padding: clamp(56px, 7vw, 92px) 0;
}
body.b2b-premium .v11-section-head,
body.b2b-premium .v12-intelligence-head {
  margin-bottom: 28px;
}
body.b2b-premium .v11-section-head h2,
body.b2b-premium .v11-split h2,
body.b2b-premium .v11-lead-section h2,
body.b2b-premium .v12-intelligence-head h2 {
  max-width: 16ch;
  margin: 0 0 12px;
  font-size: clamp(1.92rem, 3.2vw, 3.18rem);
  line-height: 1.03;
  letter-spacing: -.05em;
}
body.b2b-premium .v11-section-head .lead,
body.b2b-premium .v12-intelligence-head .lead,
body.b2b-premium .v11-split .lead {
  max-width: 68ch;
  font-size: 1rem;
  line-height: 1.67;
  color: #506175;
}
body.b2b-premium .v11-cap-grid,
body.b2b-premium .v11-product-grid,
body.b2b-premium .v11-case-grid,
body.b2b-premium .v12-chart-grid { gap: 18px; }
body.b2b-premium .v11-cap-grid article,
body.b2b-premium .v11-product-grid article,
body.b2b-premium .v11-case-grid article {
  padding: 16px 16px 18px;
  border-radius: 22px;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 16px 34px rgba(15, 23, 42, .05);
}
body.b2b-premium .v11-cap-grid figure {
  margin-bottom: 14px;
  aspect-ratio: 16 / 10;
  border-radius: 18px;
  overflow: hidden;
}
body.b2b-premium .v11-cap-grid > article > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(42, 136, 196, .08);
  color: #1a4f78;
  font-weight: 800;
  margin-bottom: 10px;
}
body.b2b-premium .v11-cap-grid h3,
body.b2b-premium .v11-product-grid h3,
body.b2b-premium .v11-case-grid h3,
body.b2b-premium .v12-chart-card h3 {
  margin-bottom: 10px;
  font-size: 1.14rem;
  line-height: 1.3;
  letter-spacing: -.03em;
}
body.b2b-premium .v11-cap-grid p,
body.b2b-premium .v11-product-grid p,
body.b2b-premium .v11-case-grid p,
body.b2b-premium .v12-chart-card p {
  font-size: .965rem;
  line-height: 1.62;
}
body.b2b-premium .v11-cap-grid ul,
body.b2b-premium .v11-product-grid ul { margin-top: 12px; }
body.b2b-premium .v11-cap-grid li,
body.b2b-premium .v11-product-grid li {
  font-size: .93rem;
  line-height: 1.55;
  color: #4c5d71;
}
body.b2b-premium .v11-product-top {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(17,41,68,.08);
}
body.b2b-premium .v11-product-top span {
  color: #2d6ea7;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .76rem;
}
body.b2b-premium .v11-product-top b {
  font-size: 1rem;
  color: #0d1d2e;
}
body.b2b-premium .v11-product-grid article.is-featured {
  background: linear-gradient(180deg, #10233b 0%, #08172a 100%);
  border-color: rgba(122, 210, 255, .17);
  box-shadow: 0 24px 46px rgba(9, 25, 44, .22);
}
body.b2b-premium .v11-product-grid article.is-featured h3,
body.b2b-premium .v11-product-grid article.is-featured p,
body.b2b-premium .v11-product-grid article.is-featured li,
body.b2b-premium .v11-product-grid article.is-featured .v11-product-top b,
body.b2b-premium .v11-product-grid article.is-featured .v11-product-top span { color: #f1f7ff; }
body.b2b-premium .v11-product-grid article.is-featured .v11-product-top {
  border-bottom-color: rgba(255,255,255,.1);
}
body.b2b-premium .v11-split {
  gap: clamp(28px, 4vw, 48px);
  align-items: center;
}
body.b2b-premium .v11-big-visual {
  aspect-ratio: 16 / 10;
  box-shadow: 0 18px 42px rgba(15,23,42,.08);
}
body.b2b-premium .v11-point-list { gap: 12px; margin-top: 18px; }
body.b2b-premium .v11-point-list > div {
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(16,33,54,.08);
}
body.b2b-premium .v11-point-list b { color: #132a44; font-size: .96rem; }
body.b2b-premium .v12-intelligence-section {
  background: radial-gradient(circle at top left, rgba(57, 140, 255, .18), transparent 30%), linear-gradient(180deg, #071729 0%, #04111f 100%);
}
body.b2b-premium .v12-intelligence-head h2,
body.b2b-premium .v12-intelligence-head .lead,
body.b2b-premium .v12-chart-card h3,
body.b2b-premium .v12-chart-card p,
body.b2b-premium .v12-chart-label { color: #eff7ff; }
body.b2b-premium .v12-intelligence-head .lead { opacity: .82; }
body.b2b-premium .v12-chart-grid { margin-top: 28px; }
body.b2b-premium .v12-chart-card {
  padding: 20px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(9, 27, 47, .88), rgba(5, 20, 36, .95));
  border: 1px solid rgba(111, 195, 255, .12);
  box-shadow: 0 20px 38px rgba(0,0,0,.16);
}
body.b2b-premium .v12-chart-card p { color: rgba(228, 239, 248, .76); }
body.b2b-premium .v11-case-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.b2b-premium .v11-case-grid article strong {
  color: #2a88c4;
  font-size: .74rem;
  letter-spacing: .14em;
}
body.b2b-premium .v11-lead-section {
  padding-top: clamp(58px, 6vw, 92px);
}
body.b2b-premium .v11-lead-section .form-shell {
  grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr);
  gap: 0;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 26px 58px rgba(10, 24, 48, .18);
}
body.b2b-premium .v11-lead-section .form-aside {
  padding: 34px 30px;
  background: linear-gradient(180deg, #0b2037 0%, #07172a 100%);
}
body.b2b-premium .v11-lead-section form.request-form {
  padding: 32px 28px;
  background: rgba(255,255,255,.98);
}
body.b2b-premium .v11-lead-section .field span { font-size: .84rem; font-weight: 700; letter-spacing: .01em; }
body.b2b-premium .v11-lead-section input,
body.b2b-premium .v11-lead-section select,
body.b2b-premium .v11-lead-section textarea {
  min-height: 50px;
  border-radius: 14px;
  background: #f8fbfd;
}
body.b2b-premium .v11-lead-section textarea { min-height: 160px; }
body.b2b-premium .v11-lead-section .form-footer { margin-top: 18px; }
body.b2b-premium .footer {
  background: transparent;
  color: #13263a;
}
body.b2b-premium .footer-inner {
  width: min(100% - 40px, 1320px);
  padding-top: 18px;
  padding-bottom: 24px;
  border-top: 1px solid rgba(16,33,54,.09);
}
@media (max-width: 1320px) {
}
@media (max-width: 1160px) {
  body.b2b-premium .v11-hero-grid,
  body.b2b-premium .v11-split,
  body.b2b-premium .v11-split-reverse,
  body.b2b-premium .v11-lead-section .form-shell {
    grid-template-columns: 1fr;
  }
  body.b2b-premium .v11-hero h1 { max-width: 12ch; }
}
@media (max-width: 900px) {
  body.b2b-premium { --v11-shell: min(100% - 26px, 1320px); }
  body.b2b-premium .topbar-inner,
  body.b2b-premium .footer-inner { width: min(100% - 24px, 1320px); }
  body.b2b-premium .v11-hero { padding-top: 34px; }
  body.b2b-premium .v11-hero h1 { font-size: clamp(2.22rem, 11.5vw, 3.45rem); line-height: .96; }
  body.b2b-premium .v11-section-head h2,
  body.b2b-premium .v11-split h2,
  body.b2b-premium .v11-lead-section h2,
  body.b2b-premium .v12-intelligence-head h2 { font-size: clamp(1.76rem, 9vw, 2.6rem); }
  body.b2b-premium .v11-proofbar,
  body.b2b-premium .v11-cap-grid,
  body.b2b-premium .v11-product-grid,
  body.b2b-premium .v11-case-grid,
  body.b2b-premium .v12-chart-grid { grid-template-columns: 1fr; }
  body.b2b-premium .v11-command-body,
  body.b2b-premium .v11-lead-section .form-aside,
  body.b2b-premium .v11-lead-section form.request-form { padding: 24px 20px; }
}
@media (max-width: 720px) {
}


body.b2b-premium {
  --v11-shell: min(100% - 56px, 1680px);
  --v11-ink: #0d1d2f;
  --v11-copy: #31445a;
  --v11-muted: #5d6f83;
  color: #0d1d2f;
  background:
    radial-gradient(circle at 14% 0%, rgba(82, 157, 223, .10), transparent 30%),
    linear-gradient(180deg, #f5f8fb 0%, #f8fafc 44%, #f3f6fa 100%);
}

body.b2b-premium .v11-shell,
body.b2b-premium .topbar-inner,
body.b2b-premium .footer-inner,
body.b2b-premium .v11-proofbar,
body.b2b-premium .v11-lead-section .form-shell {
  width: var(--v11-shell);
  max-width: none;
}

body.b2b-premium .topbar-inner,
body.b2b-premium .footer-inner {
  width: min(var(--v11-shell), calc(100% - 44px));
}

body.b2b-premium h1,
body.b2b-premium h2,
body.b2b-premium h3,
body.b2b-premium h4,
body.b2b-premium h5,
body.b2b-premium h6,
body.b2b-premium .brand,
body.b2b-premium .mainnav a,
body.b2b-premium .footer strong,
body.b2b-premium .footer-links a {
  color: #0d1d2f;
}

body.b2b-premium p,
body.b2b-premium li,
body.b2b-premium .lead,
body.b2b-premium .v11-proofbar span,
body.b2b-premium .v11-cap-grid p,
body.b2b-premium .v11-product-grid p,
body.b2b-premium .v11-case-grid p,
body.b2b-premium .v11-point-list span {
  color: #31445a;
}

body.b2b-premium .kicker,
body.b2b-premium .v12-chart-label,
body.b2b-premium .v11-eyebrow,
body.b2b-premium .v11-case-grid article strong,
body.b2b-premium .v11-product-top span {
  color: #176ea8;
}

body.b2b-premium .v11-hero .lead,
body.b2b-premium .v11-section-head .lead,
body.b2b-premium .v11-split .lead {
  color: #344a61;
}

body.b2b-premium .v11-product-grid article.is-featured .v11-product-top b,
body.b2b-premium .v11-product-grid article.is-featured .v11-product-top span {
  color: #eef7ff;
}

body.b2b-premium .v11-lead-section form.request-form,
body.b2b-premium .request-form {
  color: #0d1d2f;
}

body.b2b-premium .v11-lead-section .field span,
body.b2b-premium .request-form label,
body.b2b-premium .request-form .field span {
  color: #263b52;
}

body.b2b-premium input,
body.b2b-premium select,
body.b2b-premium textarea {
  color: #0d1d2f;
  background: #fbfcfe;
  border-color: rgba(13, 29, 47, .16);
}

body.b2b-premium input::placeholder,
body.b2b-premium textarea::placeholder {
  color: #6a7c90;
}

body.b2b-premium .v11-hero-grid {
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, .86fr);
  gap: clamp(30px, 4vw, 66px);
}

body.b2b-premium .v11-hero h1 {
  max-width: 12.5ch;
  font-size: clamp(2.35rem, 3.9vw, 4.45rem);
}

body.b2b-premium .v11-section-head h2,
body.b2b-premium .v11-split h2,
body.b2b-premium .v11-lead-section h2,
body.b2b-premium .v12-intelligence-head h2 {
  font-size: clamp(1.86rem, 2.85vw, 3.05rem);
  max-width: 18ch;
}

@media (min-width: 1700px) {
  body.b2b-premium {
    --v11-shell: min(100% - 72px, 1760px);
  }

  body.b2b-premium .v11-hero-grid {
    grid-template-columns: minmax(0, 1.06fr) minmax(460px, .82fr);
  }
}

@media (min-width: 1361px) and (max-width: 1699px) {
  body.b2b-premium {
    --v11-shell: calc(100% - 72px);
  }

  body.b2b-premium .v11-hero-grid {
    grid-template-columns: minmax(0, 1.04fr) minmax(410px, .82fr);
  }
}

@media (min-width: 1101px) and (max-width: 1360px) {
  body.b2b-premium {
    --v11-shell: calc(100% - 88px);
  }

  body.b2b-premium .v11-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(370px, .78fr);
    gap: 34px;
  }

  body.b2b-premium .v11-hero h1 {
    font-size: clamp(2.25rem, 4.2vw, 3.65rem);
  }

  body.b2b-premium .v11-section-head h2,
  body.b2b-premium .v11-split h2,
  body.b2b-premium .v11-lead-section h2,
  body.b2b-premium .v12-intelligence-head h2 {
    font-size: clamp(1.82rem, 3.3vw, 2.72rem);
  }
}

@media (min-width: 721px) and (max-width: 1100px) {
  body.b2b-premium {
    --v11-shell: calc(100% - 52px);
  }

  body.b2b-premium .v11-hero-grid,
  body.b2b-premium .v11-split,
  body.b2b-premium .v11-split-reverse,
  body.b2b-premium .v11-lead-section .form-shell {
    grid-template-columns: 1fr;
  }

  body.b2b-premium .v11-hero {
    padding-top: 62px;
  }

  body.b2b-premium .v11-hero h1 {
    max-width: 13ch;
    font-size: clamp(2.4rem, 7.2vw, 4.1rem);
  }
}

@media (max-width: 720px) {
  body.b2b-premium {
    --v11-shell: calc(100% - 28px);
  }

  body.b2b-premium .topbar-inner,
  body.b2b-premium .footer-inner {
    width: calc(100% - 28px);
  }

  body.b2b-premium .v11-hero h1 {
    font-size: clamp(2.1rem, 10.5vw, 3.25rem);
  }

  body.b2b-premium .v11-section-head h2,
  body.b2b-premium .v11-split h2,
  body.b2b-premium .v11-lead-section h2,
  body.b2b-premium .v12-intelligence-head h2 {
    font-size: clamp(1.65rem, 8.2vw, 2.42rem);
  }
}

body.b2b-premium .v11-lead-section .form-shell.v7-colour-anchor {
  display: grid;
}

body.b2b-premium .v11-lead-section .form-shell,
body.b2b-premium .b2b-form-shell {
  background: linear-gradient(135deg, #081c32 0%, #0b223d 48%, #071627 100%) !important;
  border: 1px solid rgba(105, 181, 238, .22) !important;
}

body.b2b-premium .v11-lead-section .form-aside {
  background:
    radial-gradient(circle at 90% 75%, rgba(0, 179, 170, .34), transparent 26%),
    linear-gradient(145deg, #092038 0%, #07172a 100%) !important;
  color: #ffffff !important;
}

body.b2b-premium .v11-lead-section .form-aside h2,
body.b2b-premium .v11-lead-section .form-aside .kicker,
body.b2b-premium .v11-lead-section .form-aside p,
body.b2b-premium .v11-lead-section .form-aside span {
  color: #ffffff !important;
}

body.b2b-premium .v11-lead-section .form-aside p {
  color: rgba(234, 244, 255, .86) !important;
}

body.b2b-premium .v11-lead-section .form-aside .kicker::before {
  background: linear-gradient(90deg, #5eead4, #69b7ff) !important;
}

body.b2b-premium .v11-lead-section .inquiry-hints span {
  background: rgba(255, 255, 255, .94) !important;
  color: #10243a !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .10) !important;
}

body.b2b-premium .v11-lead-section .request-form {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%) !important;
  border: 1px solid rgba(8, 28, 49, .22) !important;
  color: #0b1f35 !important;
}

body.b2b-premium .v11-lead-section .request-form label,
body.b2b-premium .v11-lead-section .request-form .field,
body.b2b-premium .v11-lead-section .request-form .field span,
body.b2b-premium .v11-lead-section .request-form p,
body.b2b-premium .v11-lead-section .request-form strong {
  color: #10243a !important;
}

body.b2b-premium .v11-lead-section .request-form .field span {
  font-weight: 800 !important;
}

body.b2b-premium .v11-lead-section input,
body.b2b-premium .v11-lead-section select,
body.b2b-premium .v11-lead-section textarea {
  background: #ffffff !important;
  color: #0b1f35 !important;
  border: 1px solid #b8c6d6 !important;
  box-shadow: inset 0 1px 0 rgba(8, 28, 49, .03) !important;
}

body.b2b-premium .v11-lead-section input:focus,
body.b2b-premium .v11-lead-section select:focus,
body.b2b-premium .v11-lead-section textarea:focus {
  background: #ffffff !important;
  border-color: #49a6df !important;
  box-shadow: 0 0 0 4px rgba(73, 166, 223, .16) !important;
}

body.b2b-premium .v11-lead-section input::placeholder,
body.b2b-premium .v11-lead-section textarea::placeholder {
  color: #586b7f !important;
  opacity: 1 !important;
}

body.b2b-premium .v11-lead-section select {
  appearance: auto;
}

body.b2b-premium .v11-lead-section .form-footer p {
  color: #334a61 !important;
}

body.b2b-premium .footer,
body.b2b-premium .footer a,
body.b2b-premium .footer strong {
  color: #10243a !important;
}

body.b2b-premium .v11-lead-section .form-shell.v8-bg-fix,
body.b2b-premium .v11-lead-section .b2b-form-shell.v8-bg-fix {
  background:
    radial-gradient(circle at 82% 72%, rgba(0, 174, 165, .24), transparent 18%),
    radial-gradient(circle at 18% 18%, rgba(20, 74, 128, .20), transparent 24%),
    linear-gradient(135deg, #071b31 0%, #08213a 48%, #061628 100%) !important;
  border: 1px solid rgba(105, 181, 238, .22) !important;
  box-shadow: 0 28px 60px rgba(6, 18, 32, .22) !important;
  overflow: hidden !important;
}

body.b2b-premium .v11-lead-section .form-aside {
  background:
    radial-gradient(circle at 90% 74%, rgba(0, 179, 170, .28), transparent 24%),
    linear-gradient(145deg, rgba(7, 28, 48, .68) 0%, rgba(7, 23, 42, .76) 100%) !important;
  border-radius: 24px !important;
  margin: 18px 0 18px 18px !important;
  min-height: calc(100% - 36px);
}

body.b2b-premium .v11-lead-section .request-form {
  background: linear-gradient(180deg, rgba(255,255,255,.985) 0%, rgba(248,251,254,.975) 100%) !important;
  border: 1px solid rgba(8, 28, 49, .16) !important;
  border-radius: 24px !important;
  margin: 18px 18px 18px 0 !important;
  box-shadow: 0 14px 30px rgba(8, 28, 49, .08) !important;
}

body.b2b-premium .v11-lead-section .form-grid,
body.b2b-premium .v11-lead-section .request-form {
  position: relative;
  z-index: 1;
}

@media (max-width: 1160px) {
  body.b2b-premium .v11-lead-section .form-aside {
    margin: 18px 18px 8px 18px !important;
    min-height: auto;
  }

  body.b2b-premium .v11-lead-section .request-form {
    margin: 8px 18px 18px 18px !important;
  }
}

@media (max-width: 720px) {
  body.b2b-premium .v11-lead-section .form-aside,
  body.b2b-premium .v11-lead-section .request-form {
    border-radius: 20px !important;
  }
}

body.b2b-premium .v11-lead-section .form-aside.v9-vertical-centre {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

body.b2b-premium .v11-lead-section .form-aside.v9-vertical-centre .inquiry-hints {
  margin-top: 24px !important;
}

@media (max-width: 1160px) {
  body.b2b-premium .v11-lead-section .form-aside.v9-vertical-centre {
    justify-content: flex-start !important;
  }
}

body.b2b-premium .v11-lead-section.v10-full-bg {
  background:
    radial-gradient(circle at 78% 58%, rgba(0, 174, 165, .18), transparent 22%),
    radial-gradient(circle at 12% 18%, rgba(33, 96, 155, .18), transparent 28%),
    linear-gradient(135deg, #071b31 0%, #08213a 50%, #061628 100%) !important;
  padding-top: clamp(68px, 7vw, 104px) !important;
  padding-bottom: clamp(68px, 7vw, 104px) !important;
}

body.b2b-premium .v11-lead-section.v10-full-bg .form-shell {
  background: transparent !important;
  border-color: rgba(145, 213, 255, .18) !important;
  box-shadow: none !important;
}

body.b2b-premium .v11-lead-section.v10-full-bg .form-aside.v9-vertical-centre {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 100% !important;
  background:
    radial-gradient(circle at 92% 72%, rgba(0, 179, 170, .32), transparent 25%),
    linear-gradient(145deg, rgba(9, 32, 56, .78) 0%, rgba(7, 23, 42, .86) 100%) !important;
}

body.b2b-premium .v11-lead-section.v10-full-bg .request-form {
  margin: 0 !important;
}

@media (max-width: 1160px) {
  body.b2b-premium .v11-lead-section.v10-full-bg .form-aside.v9-vertical-centre {
    justify-content: flex-start !important;
  }
}

@media (max-width: 1160px) {
}

@media (max-width: 1160px) {
}

body.b2b-premium .btn.v13-hover-fix {
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    color .18s ease,
    border-color .18s ease !important;
}

body.b2b-premium .btn-primary,
body.b2b-premium button.btn-primary {
  color: #061426 !important;
}

body.b2b-premium .btn-primary:hover,
body.b2b-premium .btn-primary:focus-visible,
body.b2b-premium button.btn-primary:hover,
body.b2b-premium button.btn-primary:focus-visible,
body.b2b-premium .price-select.btn-primary:hover,
body.b2b-premium .price-select.btn-primary:focus-visible {
  color: #ffffff !important;
  background: linear-gradient(135deg, #173a5b 0%, #0d2745 52%, #07192d 100%) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  box-shadow:
    0 16px 34px rgba(6, 22, 40, .24),
    inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

body.b2b-premium .btn-soft:hover,
body.b2b-premium .btn-soft:focus-visible,
body.b2b-premium button.btn-soft:hover,
body.b2b-premium button.btn-soft:focus-visible,
body.b2b-premium .price-select.btn-soft:hover,
body.b2b-premium .price-select.btn-soft:focus-visible {
  color: #ffffff !important;
  background: linear-gradient(135deg, #213d5c 0%, #102943 100%) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  box-shadow:
    0 14px 28px rgba(6, 22, 40, .18),
    inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

body.b2b-premium .v11-product-grid article.is-featured .btn-primary:hover,
body.b2b-premium .v11-product-grid article.is-featured .btn-primary:focus-visible {
  color: #ffffff !important;
  background: linear-gradient(135deg, #2b5d86 0%, #173a5f 100%) !important;
}

body.b2b-premium .mainnav a:hover,
body.b2b-premium .mainnav a:focus-visible {
  color: #ffffff !important;
  background: linear-gradient(135deg, #183b5c 0%, #0f2a46 100%) !important;
}

@media (max-width: 1160px) {
}

body.b2b-premium h2.v15-size-anchor,
body.b2b-premium h2 {
  font-size: clamp(1.72rem, 2.45vw, 2.68rem) !important;
  line-height: 1.06 !important;
}

body.b2b-premium h3 {
  font-size: 1.02rem !important;
  line-height: 1.28 !important;
}

body.b2b-premium h4 {
  font-size: .94rem !important;
  line-height: 1.3 !important;
}

body.b2b-premium h5 {
  font-size: .88rem !important;
  line-height: 1.3 !important;
}

body.b2b-premium h6 {
  font-size: .82rem !important;
  line-height: 1.3 !important;
}

body.b2b-premium .v11-section-head h2,
body.b2b-premium .v11-split h2,
body.b2b-premium .v11-lead-section h2,
body.b2b-premium .v12-intelligence-head h2 {
  font-size: clamp(1.72rem, 2.55vw, 2.76rem) !important;
  line-height: 1.05 !important;
}

body.b2b-premium .v11-command h2 {
  font-size: clamp(1.22rem, 1.55vw, 1.58rem) !important;
  line-height: 1.08 !important;
}

body.b2b-premium .v11-cap-grid h3,
body.b2b-premium .v11-product-grid h3,
body.b2b-premium .v11-case-grid h3,
body.b2b-premium .v12-chart-card h3 {
  font-size: 1rem !important;
  line-height: 1.28 !important;
}

@media (max-width: 900px) {
  body.b2b-premium h2,
  body.b2b-premium .v11-section-head h2,
  body.b2b-premium .v11-split h2,
  body.b2b-premium .v11-lead-section h2,
  body.b2b-premium .v12-intelligence-head h2 {
    font-size: clamp(1.58rem, 7.2vw, 2.28rem) !important;
  }

  body.b2b-premium h3,
  body.b2b-premium .v11-cap-grid h3,
  body.b2b-premium .v11-product-grid h3,
  body.b2b-premium .v11-case-grid h3,
  body.b2b-premium .v12-chart-card h3 {
    font-size: .98rem !important;
  }
}

@media (max-width: 720px) {
  body.b2b-premium.v16-mobile-anchor {
    overflow-x: hidden !important;
  }

  body.b2b-premium.v16-mobile-anchor .topbar {
    position: sticky;
    top: 0;
    z-index: 250;
  }

  body.b2b-premium.v16-mobile-anchor .topbar-inner {
    width: calc(100% - 22px) !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 0 !important;
  }

  body.b2b-premium.v16-mobile-anchor .brand {
    min-width: 0;
    gap: 10px;
  }

  body.b2b-premium.v16-mobile-anchor .brand-mark {
    flex: 0 0 auto;
  }

  body.b2b-premium.v16-mobile-anchor .brand > span:last-child {
    min-width: 0;
    font-size: .85rem;
    line-height: 1.2;
  }

  body.b2b-premium.v16-mobile-anchor .brand small {
    display: none !important;
  }

  body.b2b-premium.v16-mobile-anchor .nav-toggle {
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  body.b2b-premium.v16-mobile-anchor .actions {
    grid-column: 1 / -1;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding-top: 8px;
    margin-top: 2px;
    border-top: 1px solid rgba(13, 29, 47, .08);
  }

  body.b2b-premium.v16-mobile-anchor .actions .btn-primary {
    display: none !important;
  }

  body.b2b-premium.v16-mobile-anchor .lang-switch {
    gap: 4px;
    flex-wrap: wrap;
  }

  body.b2b-premium.v16-mobile-anchor .lang-switch a {
    min-width: 38px;
    text-align: center;
    font-size: .76rem !important;
    padding: 7px 9px;
  }

  body.b2b-premium.v16-mobile-anchor .mainnav {
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 10px) !important;
    padding: 10px !important;
    border-radius: 18px !important;
    max-height: calc(100vh - 126px);
    overflow: auto;
  }

  body.b2b-premium.v16-mobile-anchor .mainnav a {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    width: 100%;
    text-align: left !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    font-size: .94rem !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-hero {
    padding: 22px 0 20px !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-shell,
  body.b2b-premium.v16-mobile-anchor .v11-proofbar,
  body.b2b-premium.v16-mobile-anchor .footer-inner,
  body.b2b-premium.v16-mobile-anchor .v11-lead-section .form-shell {
    width: calc(100% - 22px) !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-hero-grid,
  body.b2b-premium.v16-mobile-anchor .v11-split,
  body.b2b-premium.v16-mobile-anchor .v11-split-reverse,
  body.b2b-premium.v16-mobile-anchor .v11-lead-section .form-shell {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-hero-copy {
    order: 1;
  }

  body.b2b-premium.v16-mobile-anchor .v11-command {
    order: 2;
    width: 100%;
  }

  body.b2b-premium.v16-mobile-anchor .v11-command figure,
  body.b2b-premium.v16-mobile-anchor .v11-big-visual,
  body.b2b-premium.v16-mobile-anchor .v11-cap-grid figure {
    aspect-ratio: 16 / 10 !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-hero h1 {
    font-size: clamp(1.95rem, 9.8vw, 2.7rem) !important;
    max-width: 12.8ch !important;
    line-height: .97 !important;
    margin-bottom: 12px !important;
  }

  body.b2b-premium.v16-mobile-anchor .lead,
  body.b2b-premium.v16-mobile-anchor .v11-section-head .lead,
  body.b2b-premium.v16-mobile-anchor .v11-split .lead,
  body.b2b-premium.v16-mobile-anchor .v12-intelligence-head .lead {
    font-size: .96rem !important;
    line-height: 1.58 !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-hero-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  body.b2b-premium.v16-mobile-anchor .btn,
  body.b2b-premium.v16-mobile-anchor button.btn {
    width: 100%;
    justify-content: center !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-trustline,
  body.b2b-premium.v16-mobile-anchor .v11-flow,
  body.b2b-premium.v16-mobile-anchor .inquiry-hints {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-proofbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 8px 0 !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-section,
  body.b2b-premium.v16-mobile-anchor .v11-products,
  body.b2b-premium.v16-mobile-anchor .v11-split-section,
  body.b2b-premium.v16-mobile-anchor .v12-intelligence-section,
  body.b2b-premium.v16-mobile-anchor .v11-cases,
  body.b2b-premium.v16-mobile-anchor .v11-lead-section {
    padding: 40px 0 !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-section-head,
  body.b2b-premium.v16-mobile-anchor .v12-intelligence-head {
    margin-bottom: 18px !important;
  }

  body.b2b-premium.v16-mobile-anchor h2,
  body.b2b-premium.v16-mobile-anchor .v11-section-head h2,
  body.b2b-premium.v16-mobile-anchor .v11-split h2,
  body.b2b-premium.v16-mobile-anchor .v11-lead-section h2,
  body.b2b-premium.v16-mobile-anchor .v12-intelligence-head h2 {
    font-size: clamp(1.5rem, 7.4vw, 2.06rem) !important;
    max-width: none !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-cap-grid,
  body.b2b-premium.v16-mobile-anchor .v11-product-grid,
  body.b2b-premium.v16-mobile-anchor .v11-case-grid,
  body.b2b-premium.v16-mobile-anchor .v12-chart-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-cap-grid article,
  body.b2b-premium.v16-mobile-anchor .v11-product-grid article,
  body.b2b-premium.v16-mobile-anchor .v11-case-grid article,
  body.b2b-premium.v16-mobile-anchor .v12-chart-card {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-cap-grid h3,
  body.b2b-premium.v16-mobile-anchor .v11-product-grid h3,
  body.b2b-premium.v16-mobile-anchor .v11-case-grid h3,
  body.b2b-premium.v16-mobile-anchor .v12-chart-card h3 {
    font-size: .96rem !important;
  }

  body.b2b-premium.v16-mobile-anchor .v12-chart-card svg {
    width: 100% !important;
    height: auto !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-lead-section .form-aside,
  body.b2b-premium.v16-mobile-anchor .v11-lead-section .request-form {
    margin: 0 !important;
    border-radius: 18px !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-lead-section .form-aside {
    padding: 20px !important;
    justify-content: flex-start !important;
    min-height: auto !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-lead-section .request-form {
    padding: 18px !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-lead-section .form-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.b2b-premium.v16-mobile-anchor .v11-lead-section textarea {
    min-height: 140px !important;
  }

  body.b2b-premium.v16-mobile-anchor .footer-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  body.b2b-premium.v16-mobile-anchor .footer-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
}

@media (max-width: 420px) {
  body.b2b-premium.v16-mobile-anchor .v11-hero h1 {
    font-size: clamp(1.82rem, 9.2vw, 2.34rem) !important;
  }

  body.b2b-premium.v16-mobile-anchor .topbar-inner,
  body.b2b-premium.v16-mobile-anchor .v11-shell,
  body.b2b-premium.v16-mobile-anchor .v11-proofbar,
  body.b2b-premium.v16-mobile-anchor .footer-inner,
  body.b2b-premium.v16-mobile-anchor .v11-lead-section .form-shell {
    width: calc(100% - 18px) !important;
  }
}

@media (max-width: 720px) {
}

@media (max-width: 420px) {
}

body.b2b-premium.v18-mobile-ref {
  overflow-x: hidden !important;
}

@media (max-width: 720px) {
  body.b2b-premium.v18-mobile-ref {
    --v11-shell: calc(100% - 24px) !important;
  }

  body.b2b-premium.v18-mobile-ref .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 300 !important;
    background: rgba(247, 250, 255, .94) !important;
    backdrop-filter: blur(18px) !important;
  }

  body.b2b-premium.v18-mobile-ref .topbar-inner {
    width: calc(100% - 24px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 10px 0 !important;
  }

  body.b2b-premium.v18-mobile-ref .brand {
    min-width: 0 !important;
    gap: 10px !important;
  }

  body.b2b-premium.v18-mobile-ref .brand-mark {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    flex: 0 0 auto !important;
  }

  body.b2b-premium.v18-mobile-ref .brand > span:last-child {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: .84rem !important;
    line-height: 1.12 !important;
  }

  body.b2b-premium.v18-mobile-ref .brand small {
    display: none !important;
  }

  body.b2b-premium.v18-mobile-ref .nav-toggle {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    width: 38px !important;
    height: 38px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 12px !important;
  }

  body.b2b-premium.v18-mobile-ref .actions {
    grid-column: 1 / -1 !important;
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(13, 29, 47, .08) !important;
  }

  body.b2b-premium.v18-mobile-ref .actions > .btn {
    display: none !important;
  }

  body.b2b-premium.v18-mobile-ref .lang-switch {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    padding: 4px !important;
  }

  body.b2b-premium.v18-mobile-ref .lang-switch a {
    min-width: 38px !important;
    padding: 7px 9px !important;
    font-size: .74rem !important;
    text-align: center !important;
  }

  body.b2b-premium.v18-mobile-ref .mainnav {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 8px) !important;
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    padding: 10px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.98) !important;
    border: 1px solid rgba(16, 27, 45, .10) !important;
    box-shadow: 0 22px 60px rgba(9, 20, 38, .14) !important;
    max-height: calc(100vh - 130px) !important;
    overflow: auto !important;
  }

  body.b2b-premium.v18-mobile-ref .mainnav.is-open {
    display: flex !important;
  }

  body.b2b-premium.v18-mobile-ref .mainnav a {
    display: flex !important;
    width: 100% !important;
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 12px 14px !important;
    border-radius: 15px !important;
    font-size: .94rem !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-shell,
  body.b2b-premium.v18-mobile-ref .v11-proofbar,
  body.b2b-premium.v18-mobile-ref .footer-inner,
  body.b2b-premium.v18-mobile-ref .v11-lead-section .form-shell {
    width: calc(100% - 24px) !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-hero {
    padding: 24px 0 24px !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-hero-grid,
  body.b2b-premium.v18-mobile-ref .v11-split,
  body.b2b-premium.v18-mobile-ref .v11-split-reverse,
  body.b2b-premium.v18-mobile-ref .v11-lead-section .form-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-hero-copy {
    order: 1 !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-command {
    order: 2 !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-hero h1 {
    max-width: 12.8ch !important;
    font-size: clamp(1.95rem, 9.2vw, 2.62rem) !important;
    line-height: .98 !important;
    letter-spacing: -.052em !important;
    margin-bottom: 12px !important;
  }

  body.b2b-premium.v18-mobile-ref h2,
  body.b2b-premium.v18-mobile-ref .v11-section-head h2,
  body.b2b-premium.v18-mobile-ref .v11-split h2,
  body.b2b-premium.v18-mobile-ref .v11-lead-section h2,
  body.b2b-premium.v18-mobile-ref .v12-intelligence-head h2 {
    max-width: none !important;
    font-size: clamp(1.48rem, 7vw, 2.02rem) !important;
    line-height: 1.07 !important;
  }

  body.b2b-premium.v18-mobile-ref .lead,
  body.b2b-premium.v18-mobile-ref .v11-section-head .lead,
  body.b2b-premium.v18-mobile-ref .v11-split .lead,
  body.b2b-premium.v18-mobile-ref .v12-intelligence-head .lead {
    font-size: .95rem !important;
    line-height: 1.58 !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-hero-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  body.b2b-premium.v18-mobile-ref .btn,
  body.b2b-premium.v18-mobile-ref button.btn {
    width: 100% !important;
    justify-content: center !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-trustline,
  body.b2b-premium.v18-mobile-ref .v11-flow,
  body.b2b-premium.v18-mobile-ref .inquiry-hints {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-section,
  body.b2b-premium.v18-mobile-ref .v11-products,
  body.b2b-premium.v18-mobile-ref .v11-split-section,
  body.b2b-premium.v18-mobile-ref .v12-intelligence-section,
  body.b2b-premium.v18-mobile-ref .v11-cases,
  body.b2b-premium.v18-mobile-ref .v11-lead-section {
    padding: 42px 0 !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-proofbar,
  body.b2b-premium.v18-mobile-ref .v11-cap-grid,
  body.b2b-premium.v18-mobile-ref .v11-product-grid,
  body.b2b-premium.v18-mobile-ref .v11-case-grid,
  body.b2b-premium.v18-mobile-ref .v12-chart-grid,
  body.b2b-premium.v18-mobile-ref .form-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-cap-grid article,
  body.b2b-premium.v18-mobile-ref .v11-product-grid article,
  body.b2b-premium.v18-mobile-ref .v11-case-grid article,
  body.b2b-premium.v18-mobile-ref .v12-chart-card {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-command figure,
  body.b2b-premium.v18-mobile-ref .v11-big-visual,
  body.b2b-premium.v18-mobile-ref .v11-cap-grid figure {
    aspect-ratio: 16 / 10 !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-command-body,
  body.b2b-premium.v18-mobile-ref .v11-lead-section .form-aside,
  body.b2b-premium.v18-mobile-ref .v11-lead-section .request-form {
    padding: 20px !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-lead-section .form-aside,
  body.b2b-premium.v18-mobile-ref .v11-lead-section .request-form {
    margin: 0 !important;
    border-radius: 20px !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-lead-section .field,
  body.b2b-premium.v18-mobile-ref .v11-lead-section .form-grid {
    min-width: 0 !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-lead-section input,
  body.b2b-premium.v18-mobile-ref .v11-lead-section select,
  body.b2b-premium.v18-mobile-ref .v11-lead-section textarea {
    min-width: 0 !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-lead-section textarea {
    min-height: 136px !important;
  }
}

@media (max-width: 420px) {
  body.b2b-premium.v18-mobile-ref .v11-shell,
  body.b2b-premium.v18-mobile-ref .v11-proofbar,
  body.b2b-premium.v18-mobile-ref .topbar-inner,
  body.b2b-premium.v18-mobile-ref .footer-inner,
  body.b2b-premium.v18-mobile-ref .v11-lead-section .form-shell {
    width: calc(100% - 18px) !important;
  }

  body.b2b-premium.v18-mobile-ref .v11-hero h1 {
    font-size: clamp(1.78rem, 9vw, 2.34rem) !important;
  }
}

@media (max-width: 720px) {
}

@media (max-width: 420px) {
}

@media (max-width: 420px) {
}

@media (max-width: 420px) {
}

@media (max-width: 420px) {
}

/* x25 fix: B2B hero headline and lead must use full available text width */
h1, h2, h3, h4, h5, h6,
.v11-hero h1,
.v11-hero .lead,
.v11-hero-copy h1,
.v11-hero-copy .lead,
body.b2b-premium .v11-hero h1,
body.b2b-premium .v11-hero .lead,
.b2b-hero-copy h1,
.b2b-hero-copy .lead {
  max-width: none !important;
}