:root {
  --immo-wvb-navy:#11182D;
  --immo-wvb-primary:#2A46B7;
  --immo-wvb-accent:#385BED;
  --immo-wvb-paper:#F3F5F9;
  --immo-wvb-surface:#FFFFFF;
  --immo-wvb-glass:rgba(255,255,255,.74);
  --immo-wvb-text:#11182D;
  --immo-wvb-muted:#5B647A;
  --immo-wvb-border:rgba(17,24,45,.12);
  --immo-wvb-shadow:0 14px 42px rgba(17,24,45,.10);
  --immo-wvb-soft-shadow:0 8px 24px rgba(17,24,45,.075);
  --immo-wvb-radius:18px;
  --immo-wvb-radius-lg:28px;
  --immo-wvb-gap:24px;
  --immo-wvb-card-min:280px;
  --immo-wvb-max:1180px;
  --immo-wvb-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

.immo-wvb-active .immo-wvb-section,
.immo-wvb-admin-wrap {
  font-family:var(--immo-wvb-font);
  color:var(--immo-wvb-text);
}

.immo-wvb-container {
  width:min(100% - 32px,var(--immo-wvb-max));
  margin-inline:auto;
  container-type:inline-size;
}

.immo-wvb-section {
  padding:clamp(48px,7vw,96px) 0;
}

.immo-wvb-kicker {
  color:var(--immo-wvb-primary);
  font-size:.78rem;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.12em;
  margin:0 0 14px;
  text-transform:uppercase;
}

.immo-wvb-lead {
  color:var(--immo-wvb-muted);
  font-size:clamp(1.05rem,1.6vw,1.25rem);
  line-height:1.65;
  max-width:68ch;
}

.immo-wvb-grid,
.immo-wvb-dynamic-cards,
.wp-block-group.immo-wvb-grid,
.wp-block-columns.immo-wvb-grid {
  display:grid !important;
  gap:var(--immo-wvb-gap);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--immo-wvb-card-min)),1fr));
  align-items:stretch;
}

.immo-wvb-dynamic-cards > *,
.immo-wvb-grid > * {
  min-width:0;
}

.immo-wvb-card,
.immo-wvb-product-frame {
  background:linear-gradient(180deg,var(--immo-wvb-glass),rgba(255,255,255,.92));
  border:1px solid var(--immo-wvb-border);
  border-radius:var(--immo-wvb-radius);
  box-shadow:var(--immo-wvb-soft-shadow);
  padding:clamp(20px,3vw,32px);
  position:relative;
  overflow:hidden;
}

.immo-wvb-card::before,
.immo-wvb-product-frame::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 12% 0%,rgba(56,91,237,.12),transparent 30%),linear-gradient(135deg,rgba(42,70,183,.06),transparent 42%);
  pointer-events:none;
}

.immo-wvb-card > *,
.immo-wvb-product-frame > * {
  position:relative;
  z-index:1;
}

.immo-wvb-card h2,
.immo-wvb-card h3 {
  color:var(--immo-wvb-navy);
  line-height:1.18;
  margin:0 0 12px;
}

.immo-wvb-card p {
  color:var(--immo-wvb-muted);
  line-height:1.62;
  margin:0 0 16px;
}

.immo-wvb-card ul {
  display:grid;
  gap:8px;
  list-style:none;
  margin:18px 0 0;
  padding:0;
}

.immo-wvb-card li {
  color:var(--immo-wvb-text);
  font-size:.95rem;
  line-height:1.45;
  padding-left:22px;
  position:relative;
}

.immo-wvb-card li::before {
  background:var(--immo-wvb-accent);
  border-radius:99px;
  content:"";
  height:7px;
  left:0;
  position:absolute;
  top:.55em;
  width:7px;
}

.immo-wvb-card-icon {
  align-items:center;
  background:rgba(42,70,183,.08);
  border:1px solid rgba(42,70,183,.12);
  border-radius:14px;
  color:var(--immo-wvb-primary);
  display:inline-flex;
  height:44px;
  justify-content:center;
  margin-bottom:20px;
  width:44px;
}

.immo-wvb-hero {
  background:linear-gradient(135deg,var(--immo-wvb-paper),#fff 54%,rgba(56,91,237,.08));
  border-radius:0 0 var(--immo-wvb-radius-lg) var(--immo-wvb-radius-lg);
}

.immo-wvb-hero-grid,
.wp-block-columns.immo-wvb-hero-grid {
  display:grid !important;
  gap:clamp(28px,6vw,72px);
  grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);
  align-items:center;
}

.immo-wvb-hero h1 {
  color:var(--immo-wvb-navy);
  font-size:clamp(2.25rem,5.8vw,5rem);
  letter-spacing:-.045em;
  line-height:.96;
  margin:0 0 22px;
  max-width:11ch;
}

.immo-wvb-actions,
.wp-block-buttons:has(.immo-wvb-btn-primary) {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.immo-wvb-button,
.immo-wvb-btn-primary .wp-block-button__link,
.immo-wvb-btn-secondary .wp-block-button__link {
  align-items:center;
  border-radius:999px !important;
  display:inline-flex;
  font-weight:700;
  gap:10px;
  justify-content:center;
  min-height:46px;
  padding:13px 22px !important;
  text-decoration:none !important;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.immo-wvb-button-primary,
.immo-wvb-btn-primary .wp-block-button__link {
  background:var(--immo-wvb-primary) !important;
  color:#fff !important;
  box-shadow:0 12px 26px rgba(42,70,183,.28);
}

.immo-wvb-button-secondary,
.immo-wvb-btn-secondary .wp-block-button__link {
  background:#fff !important;
  border:1px solid var(--immo-wvb-border);
  color:var(--immo-wvb-navy) !important;
}

.immo-wvb-button:hover,
.immo-wvb-btn-primary .wp-block-button__link:hover,
.immo-wvb-btn-secondary .wp-block-button__link:hover {
  transform:translateY(-1px);
}

.immo-wvb-product-frame {
  min-height:clamp(320px,40vw,520px);
  display:grid;
  align-content:center;
  background:linear-gradient(145deg,rgba(17,24,45,.94),rgba(42,70,183,.92));
  color:#fff;
  box-shadow:var(--immo-wvb-shadow);
}

.immo-wvb-product-frame img {
  border-radius:14px;
  display:block;
  height:auto;
  max-width:100%;
}

.immo-wvb-frame-label {
  color:rgba(255,255,255,.72);
  font-size:.85rem;
  letter-spacing:.04em;
  margin:0 0 18px;
  text-transform:uppercase;
}

.immo-wvb-mini-dashboard {
  display:grid;
  gap:14px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.immo-wvb-mini-dashboard span {
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  min-height:96px;
}

.immo-wvb-mini-dashboard span:first-child {
  grid-column:span 2;
  min-height:150px;
}

.immo-wvb-trust-card {
  background:#fff;
}

[data-immo-wvb-reveal] {
  opacity:0;
  transform:translateY(14px);
  transition:opacity .45s ease, transform .45s ease;
}

[data-immo-wvb-reveal].is-visible {
  opacity:1;
  transform:none;
}

@container (max-width: 720px) {
  .immo-wvb-grid {
    --immo-wvb-card-min:100%;
  }
}

@media (max-width: 900px) {
  .immo-wvb-hero-grid,
  .wp-block-columns.immo-wvb-hero-grid {
    grid-template-columns:1fr;
  }

  .immo-wvb-hero h1 {
    max-width:14ch;
  }
}

@media (max-width: 640px) {
  .immo-wvb-container {
    width:min(100% - 22px,var(--immo-wvb-max));
  }

  .immo-wvb-section {
    padding:42px 0;
  }

  .immo-wvb-card,
  .immo-wvb-product-frame {
    border-radius:16px;
    padding:20px;
  }

  .immo-wvb-actions,
  .wp-block-buttons:has(.immo-wvb-btn-primary) {
    align-items:stretch;
    flex-direction:column;
  }

  .immo-wvb-button,
  .immo-wvb-btn-primary .wp-block-button__link,
  .immo-wvb-btn-secondary .wp-block-button__link {
    width:100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior:auto !important;
    transition:none !important;
  }

  [data-immo-wvb-reveal] {
    opacity:1;
    transform:none;
  }
}