/* ==========================================================================
   DOMPLATTA 2026 — brand redesign
   Final override layer. Designed to preserve v1.11.2.19 functionality.
   ========================================================================== */

:root {
  --d26-bg: #050608;
  --d26-bg-soft: #080a0d;
  --d26-panel: #0c0f13;
  --d26-panel-2: #11151a;
  --d26-white: #f7f7f4;
  --d26-white-soft: #e8e9e5;
  --d26-muted: #969ba3;
  --d26-dim: #656b74;
  --d26-line: rgba(255,255,255,.095);
  --d26-line-soft: rgba(255,255,255,.055);
  --d26-lime: #D7FF45;
  --d26-lime-soft: rgba(215,255,69,.13);
  --d26-lime-glow: rgba(215,255,69,.19);
  --d26-shadow: 0 32px 100px rgba(0,0,0,.42);
  --d26-radius: 24px;
  --d26-font: "Arial Nova", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

html {
  background: var(--d26-bg) !important;
}

body.brand-2026 {
  color: var(--d26-white);
  font-family: var(--d26-font) !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  background:
    radial-gradient(ellipse 46% 72% at 80% 8%, rgba(215,255,69,.115), transparent 65%),
    radial-gradient(ellipse 42% 64% at 5% 30%, rgba(28,78,88,.16), transparent 68%),
    linear-gradient(180deg, #050608 0%, #07090c 55%, #050608 100%) !important;
}

body.brand-2026 button,
body.brand-2026 input,
body.brand-2026 select,
body.brand-2026 textarea {
  font-family: var(--d26-font) !important;
}

body.brand-2026::before {
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px) !important;
  background-size: 54px 54px !important;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), rgba(0,0,0,.18) 64%, transparent 100%) !important;
}

body.brand-2026::after {
  content: "";
  position: fixed;
  z-index: 0;
  top: -370px;
  right: -330px;
  width: 760px;
  height: 760px;
  border: 2px solid rgba(215,255,69,.74);
  border-radius: 50%;
  box-shadow:
    0 0 36px rgba(215,255,69,.13),
    inset 0 0 40px rgba(215,255,69,.055);
  pointer-events: none;
  opacity: .82;
}

body.brand-2026 > * {
  position: relative;
  z-index: 1;
}

/* --------------------------------------------------------------------------
   Shared logo treatment
   -------------------------------------------------------------------------- */
.brand-2026 .brand-logo-img,
.brand-2026 .seo-logo img,
.brand-2026 .walk-logo img,
.brand-2026 .legal-logo img,
.brand-2026 .pp-logo img {
  display: block;
  width: auto !important;
  height: 34px !important;
  max-width: 220px !important;
  object-fit: contain;
  object-position: left center;
}

.brand-2026 .brand-stacked-watermark {
  position: absolute;
  right: clamp(22px, 4vw, 70px);
  bottom: clamp(22px, 4vw, 70px);
  width: min(230px, 25vw);
  height: auto;
  opacity: .032;
  pointer-events: none;
  filter: drop-shadow(0 0 28px rgba(215,255,69,.18));
}

/* --------------------------------------------------------------------------
   Main landing header
   -------------------------------------------------------------------------- */
.brand-2026 .site-nav {
  min-height: 76px;
  border: 1px solid var(--d26-line);
  border-radius: 22px;
  background:
    radial-gradient(circle at 92% 50%, rgba(215,255,69,.045), transparent 24%),
    rgba(5,6,8,.78) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: none !important;
}

.brand-2026 .site-nav .brand {
  padding-left: 4px;
}

.brand-2026 .site-nav .nav-links {
  gap: 3px;
}

.brand-2026 .site-nav .nav-links > a,
.brand-2026 .site-nav .nav-links > button {
  min-height: 42px;
  padding: 0 13px;
  color: #a6aab0 !important;
  font-family: var(--d26-font) !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  line-height: 1;
  letter-spacing: -.01em !important;
  border-radius: 11px;
  background: transparent !important;
}

.brand-2026 .site-nav .nav-links > a:hover,
.brand-2026 .site-nav .nav-links > button:hover,
.brand-2026 .site-nav .nav-links > a:focus-visible,
.brand-2026 .site-nav .nav-links > button:focus-visible {
  color: var(--d26-white) !important;
  background: rgba(255,255,255,.045) !important;
}

.brand-2026 .language-switch {
  min-width: 44px;
  min-height: 44px;
  padding: 0 10px;
  border: 1px solid var(--d26-line) !important;
  border-radius: 14px !important;
  color: #d9dad6 !important;
  background: rgba(255,255,255,.025) !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
}

.brand-2026 .site-nav .btn.btn-primary {
  min-height: 47px;
  padding: 0 21px;
  border: 0 !important;
  border-radius: 999px !important;
  color: #050608 !important;
  background: var(--d26-lime) !important;
  box-shadow: 0 0 30px rgba(215,255,69,.075) !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
}

/* --------------------------------------------------------------------------
   Landing hero — bold type + integrated lime atmosphere
   -------------------------------------------------------------------------- */
body.brand-2026.hero-only-site .app-shell {
  width: min(1480px, calc(100% - 38px));
  margin: 0 auto;
  padding-top: 18px;
}

body.brand-2026.viewport-locked-site .product-hero {
  position: relative;
  grid-template-columns: minmax(0,.91fr) minmax(550px,1.09fr);
  grid-template-rows: minmax(0,1fr) auto;
  column-gap: clamp(38px, 4.8vw, 78px);
  row-gap: 8px;
  align-items: center;
  padding-top: 24px;
}

.brand-2026 .product-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 28%;
  top: -18%;
  width: 74%;
  height: 118%;
  background:
    radial-gradient(ellipse at 78% 36%, rgba(215,255,69,.12), transparent 48%),
    radial-gradient(ellipse at 16% 58%, rgba(24,91,102,.10), transparent 54%);
  filter: blur(8px);
  pointer-events: none;
}

.brand-2026 .hero-brandline {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 16px;
  color: #7a8089;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .30em;
  text-transform: uppercase;
}

.brand-2026 .hero-brandline i {
  width: 78px;
  height: 1px;
  display: block;
  background: rgba(255,255,255,.20);
}

body.brand-2026.viewport-locked-site .hero-copy h1 {
  margin: 0 !important;
  color: var(--d26-white) !important;
  font-family: var(--d26-font) !important;
  font-size: clamp(4.35rem, 6.25vw, 6.8rem) !important;
  font-weight: 800 !important;
  line-height: .88 !important;
  letter-spacing: -.064em !important;
  text-wrap: balance;
}

.brand-2026 .hero-copy h1 .hero-line {
  display: block;
}

.brand-2026 .hero-copy h1 .hero-line-accent {
  color: var(--d26-lime) !important;
  text-shadow: 0 0 34px rgba(215,255,69,.08);
}

body.brand-2026.viewport-locked-site .hero-copy > p {
  max-width: 690px;
  margin-top: 20px !important;
  color: #969aa1 !important;
  font-family: var(--d26-font) !important;
  font-size: .96rem !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  letter-spacing: -.01em;
}

.brand-2026 .hero-positioning-line {
  color: #efefeb !important;
  font-weight: 800 !important;
}

.brand-2026 .hero-actions {
  margin-top: 21px !important;
  gap: 9px !important;
}

.brand-2026 .hero-actions .btn-large {
  min-height: 49px !important;
  padding: 0 19px !important;
  border-radius: 999px !important;
  font-family: var(--d26-font) !important;
  font-size: .8rem !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.brand-2026 .hero-actions .btn-primary {
  color: #050608 !important;
  background: var(--d26-lime) !important;
  border-color: var(--d26-lime) !important;
}

.brand-2026 .hero-actions .btn-secondary {
  color: #e0e1dd !important;
  border: 1px solid var(--d26-line) !important;
  background: rgba(255,255,255,.018) !important;
}

.brand-2026 .hero-proof-strip {
  margin-top: 26px !important;
  padding: 16px 0 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4,1fr) !important;
  gap: 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--d26-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.brand-2026 .hero-proof-strip article {
  min-height: 58px !important;
  padding: 0 13px !important;
  border: 0 !important;
  border-right: 1px solid var(--d26-line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.brand-2026 .hero-proof-strip article:first-child { padding-left: 0 !important; }
.brand-2026 .hero-proof-strip article:last-child { border-right: 0 !important; }

.brand-2026 .hero-proof-strip strong {
  color: #f0f0ec !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.brand-2026 .hero-proof-strip span {
  margin-top: 6px !important;
  color: #747a83 !important;
  font-size: .67rem !important;
  font-weight: 500;
  line-height: 1.32;
}

.brand-2026 .hero-brand-statement {
  position: absolute;
  right: -9px;
  top: 16px;
  z-index: 3;
  width: 110px;
  padding-left: 17px;
  display: grid;
  gap: 7px;
  border-left: 1px solid var(--d26-line);
  color: #737984;
  font-size: .56rem;
  font-weight: 700;
  letter-spacing: .20em;
  line-height: 1.05;
}

/* --------------------------------------------------------------------------
   Product preview — cleaner, straighter, bolder UI
   -------------------------------------------------------------------------- */
.brand-2026 .hero-product-card {
  transform: none !important;
  animation: none !important;
  filter: none !important;
}

body.brand-2026.viewport-locked-site .hero-window {
  height: min(548px, calc(100svh - 178px)) !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.115) !important;
  border-radius: 27px !important;
  background:
    radial-gradient(circle at 88% 4%, rgba(215,255,69,.05), transparent 31%),
    linear-gradient(180deg, #11161c 0%, #090c10 100%) !important;
  box-shadow:
    0 34px 96px rgba(0,0,0,.43),
    0 0 50px rgba(215,255,69,.035) !important;
}

.brand-2026 .window-top {
  min-height: 53px !important;
  border-bottom: 1px solid var(--d26-line) !important;
  background: rgba(255,255,255,.014) !important;
}

.brand-2026 .window-top span {
  color: #727982 !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
  letter-spacing: .115em !important;
}

.brand-2026 .window-grid {
  padding: 16px !important;
  gap: 10px !important;
}

.brand-2026 .window-panel {
  min-height: 80px !important;
  padding: 13px 15px !important;
  border: 1px solid var(--d26-line-soft) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.018) !important;
  box-shadow: none !important;
}

.brand-2026 .window-panel label,
.brand-2026 .hero-attendee-card-head > span,
.brand-2026 .hero-printer-scene-head > span {
  color: #727983 !important;
  font-family: var(--d26-font) !important;
  font-size: .58rem !important;
  font-weight: 800 !important;
  letter-spacing: .075em !important;
}

.brand-2026 .window-panel strong {
  color: #f8f8f4 !important;
  font-family: var(--d26-font) !important;
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  letter-spacing: -.045em;
}

.brand-2026 .window-panel > span {
  color: #7e848d !important;
  font-size: .7rem !important;
}

.brand-2026 .flow-line span {
  color: #050608 !important;
  background: var(--d26-lime) !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-family: var(--d26-font) !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
}

.brand-2026 .flow-line b {
  height: 1px !important;
  background: rgba(215,255,69,.48) !important;
}

.brand-2026 .hero-attendee-card,
.brand-2026 .hero-printer-scene {
  min-height: 205px !important;
  border: 1px solid var(--d26-line-soft) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.016) !important;
  box-shadow: none !important;
}

.brand-2026 .hero-attendee-card {
  background:
    radial-gradient(circle at 85% 5%, rgba(215,255,69,.035), transparent 38%),
    rgba(255,255,255,.015) !important;
}

.brand-2026 .hero-attendee-card-head i,
.brand-2026 .hero-printer-scene-head i {
  min-height: 23px !important;
  padding: 0 8px !important;
  color: #050608 !important;
  background: var(--d26-lime) !important;
  border-radius: 999px !important;
  font-size: .55rem !important;
  font-weight: 800 !important;
}

.brand-2026 .hero-attendee-card > strong {
  color: #f8f8f4 !important;
  font-family: var(--d26-font) !important;
  font-size: 1.28rem !important;
  font-weight: 800 !important;
  letter-spacing: -.035em;
}

.brand-2026 .hero-attendee-fields > span {
  border-color: var(--d26-line-soft) !important;
  background: rgba(255,255,255,.015) !important;
}

.brand-2026 .hero-attendee-fields small {
  color: #646b74 !important;
  font-weight: 800 !important;
}

.brand-2026 .hero-attendee-fields b {
  color: #e7e8e4 !important;
  font-weight: 800 !important;
}

.brand-2026 .hero-print-button-static {
  color: #050608 !important;
  background: var(--d26-lime) !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.brand-2026 .hero-printer-scene {
  color: #f5f5f2 !important;
  background:
    radial-gradient(circle at 25% 100%, rgba(215,255,69,.04), transparent 35%),
    rgba(255,255,255,.012) !important;
}

.brand-2026 .hero-printer-machine {
  background: #080a0d !important;
}

.brand-2026 .hero-printer-cover {
  background: linear-gradient(180deg, #0c0f13, #080a0d) !important;
}

.brand-2026 .hero-printer-slot {
  background: #010203 !important;
  box-shadow: 0 7px 16px rgba(0,0,0,.42) !important;
}

.brand-2026 .hero-output-badge {
  color: #08090a !important;
  background: #f5f3ec !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.36) !important;
}

.brand-2026 .hero-output-badge-accent {
  background: var(--d26-lime) !important;
}

.brand-2026 .hero-output-badge > strong {
  font-family: var(--d26-font) !important;
  font-weight: 800 !important;
}

.brand-2026 .landing-legal-bar-under-preview {
  margin-top: 6px !important;
  padding-top: 8px !important;
  border: 0 !important;
  border-top: 1px solid var(--d26-line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.brand-2026 .landing-legal-links {
  justify-content: flex-end !important;
  gap: 15px !important;
}

.brand-2026 .landing-legal-links a {
  color: #595f68 !important;
  font-size: .58rem !important;
  font-weight: 600;
}

/* --------------------------------------------------------------------------
   Main mobile
   -------------------------------------------------------------------------- */
@media (max-width: 820px) {
  body.brand-2026.hero-only-site .app-shell {
    width: calc(100% - 18px);
    padding-top: 9px;
  }

  .brand-2026 .site-nav {
    min-height: 64px !important;
    padding: 0 11px 0 15px !important;
    border-radius: 17px !important;
  }

  .brand-2026 .brand-logo-img {
    height: 27px !important;
  }

  .brand-2026 .language-switch,
  .brand-2026 .mobile-nav-toggle {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 12px !important;
  }

  .brand-2026 .mobile-nav-panel {
    top: 81px !important;
    left: 9px !important;
    right: 9px !important;
    padding: 8px !important;
    border: 1px solid var(--d26-line) !important;
    border-radius: 18px !important;
    background: rgba(7,9,12,.975) !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.45) !important;
  }

  .brand-2026 .mobile-nav-link {
    min-height: 54px !important;
    padding: 0 14px !important;
    color: #ededE9 !important;
    border-radius: 12px !important;
    font-family: var(--d26-font) !important;
    font-size: .96rem !important;
    font-weight: 700 !important;
  }

  .brand-2026 .mobile-nav-link::after {
    content: "" !important;
    width: 9px !important;
    height: 9px !important;
    border-top: 1.5px solid currentColor !important;
    border-right: 1.5px solid currentColor !important;
    transform: rotate(45deg) !important;
    background: none !important;
    box-shadow: none !important;
    opacity: .58;
  }

  body.brand-2026.viewport-locked-site .product-hero {
    display: block !important;
    padding: 34px 7px 58px !important;
  }

  .brand-2026 .hero-brand-statement {
    display: none;
  }

  .brand-2026 .hero-brandline {
    margin-bottom: 14px;
    gap: 11px;
    font-size: .53rem;
    letter-spacing: .23em;
  }

  .brand-2026 .hero-brandline i {
    width: 48px;
  }

  body.brand-2026.viewport-locked-site .hero-copy h1 {
    max-width: 660px;
    font-size: clamp(3rem, 13.2vw, 5.25rem) !important;
    line-height: .91 !important;
    letter-spacing: -.057em !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy > p {
    margin-top: 18px !important;
    font-size: .93rem !important;
    line-height: 1.58 !important;
  }

  .brand-2026 .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .brand-2026 .hero-actions .btn-large {
    width: 100%;
  }

  .brand-2026 .hero-proof-strip {
    grid-template-columns: 1fr 1fr !important;
    gap: 14px 0 !important;
  }

  .brand-2026 .hero-proof-strip article:nth-child(2) {
    border-right: 0 !important;
  }

  .brand-2026 .hero-proof-strip article:nth-child(3) {
    padding-left: 0 !important;
  }

  .brand-2026 .hero-product-card {
    margin-top: 32px !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    height: auto !important;
    min-height: 520px;
  }
}

/* --------------------------------------------------------------------------
   Takeover panels — Product / Solutions / Check-in / Insights / Contact
   -------------------------------------------------------------------------- */
.brand-2026 .nav-takeover {
  background:
    radial-gradient(circle at 91% 4%, rgba(215,255,69,.075), transparent 31rem),
    radial-gradient(circle at 10% 20%, rgba(26,78,88,.09), transparent 32rem),
    #050608 !important;
}

.brand-2026 .takeover-rail {
  border-right: 1px solid var(--d26-line) !important;
  background: rgba(5,6,8,.95) !important;
}

.brand-2026 .takeover-rail-logo {
  background: transparent !important;
  border: 0 !important;
}

.brand-2026 .takeover-rail-logo img {
  width: 42px !important;
  height: 42px !important;
  object-fit: cover;
  border-radius: 11px;
}

.brand-2026 .takeover-close {
  color: #979ca4 !important;
  border: 1px solid var(--d26-line) !important;
  background: rgba(255,255,255,.015) !important;
}

.brand-2026 .takeover-rail-caption {
  color: #525862 !important;
  font-family: var(--d26-font) !important;
  letter-spacing: .22em !important;
}

.brand-2026 .takeover-surface {
  background: transparent !important;
}

.brand-2026 .takeover-topbar {
  min-height: 72px !important;
  border-bottom: 1px solid var(--d26-line) !important;
  background: rgba(5,6,8,.76) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.brand-2026 .takeover-menu {
  gap: 2px !important;
}

.brand-2026 .takeover-menu > a,
.brand-2026 .takeover-menu > button {
  min-height: 40px !important;
  padding: 0 13px !important;
  color: #969ba3 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  font-family: var(--d26-font) !important;
  font-size: .77rem !important;
  font-weight: 700 !important;
  letter-spacing: -.005em !important;
}

.brand-2026 .takeover-menu > .is-active,
.brand-2026 .takeover-menu > a:hover,
.brand-2026 .takeover-menu > button:hover {
  color: var(--d26-white) !important;
  background: rgba(255,255,255,.045) !important;
}

.brand-2026 .takeover-request {
  min-height: 42px !important;
  padding: 0 17px !important;
  border-radius: 999px !important;
  color: #050608 !important;
  background: var(--d26-lime) !important;
  font-family: var(--d26-font) !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
}

.brand-2026 .takeover-heading {
  max-width: 1080px !important;
}

.brand-2026 .takeover-kicker,
.brand-2026 .product-panel-section-head > span,
.brand-2026 .walkthrough-kicker,
.brand-2026 .solution-kicker,
.brand-2026 .insights-kicker {
  color: var(--d26-lime) !important;
  font-family: var(--d26-font) !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase;
}

.brand-2026 .takeover-heading h2 {
  color: var(--d26-white) !important;
  font-family: var(--d26-font) !important;
  font-size: clamp(3.2rem, 5.25vw, 5.75rem) !important;
  font-weight: 800 !important;
  line-height: .92 !important;
  letter-spacing: -.058em !important;
}

.brand-2026 .takeover-heading p,
.brand-2026 .product-panel-section-head p,
.brand-2026 .walkthrough-copy > p {
  color: #9398a0 !important;
  font-family: var(--d26-font) !important;
  font-weight: 400 !important;
  line-height: 1.64 !important;
}

.brand-2026 .product-panel-jump {
  border-bottom: 1px solid var(--d26-line) !important;
  background: transparent !important;
}

.brand-2026 .product-panel-jump a {
  color: #717780 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-family: var(--d26-font) !important;
  font-size: .65rem !important;
  font-weight: 700 !important;
  letter-spacing: .065em !important;
  text-transform: uppercase;
}

.brand-2026 .product-panel-jump a:hover {
  color: var(--d26-lime) !important;
}

.brand-2026 .product-panel-section {
  border-top-color: var(--d26-line) !important;
}

.brand-2026 .product-panel-section-head h3,
.brand-2026 .walkthrough-copy h3,
.brand-2026 .solution-section h3,
.brand-2026 .insight-card h3 {
  color: var(--d26-white) !important;
  font-family: var(--d26-font) !important;
  font-weight: 800 !important;
  letter-spacing: -.04em !important;
}

.brand-2026 .product-summary-strip,
.brand-2026 .walkthrough-screen,
.brand-2026 .state-change-diagram,
.brand-2026 .org-diagram,
.brand-2026 .timeline-band > div,
.brand-2026 .entrance-network > div,
.brand-2026 .permission-list span,
.brand-2026 .inline-capabilities span,
.brand-2026 .product-faq details,
.brand-2026 .solution-card,
.brand-2026 .insight-card {
  border-color: var(--d26-line-soft) !important;
  background: rgba(255,255,255,.015) !important;
  box-shadow: none !important;
}

.brand-2026 .takeover-primary {
  color: #050608 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--d26-lime) !important;
  font-weight: 800 !important;
}

.brand-2026 .takeover-secondary,
.brand-2026 .product-story-link {
  color: #d8d9d5 !important;
  border: 1px solid var(--d26-line) !important;
  border-radius: 999px !important;
  background: transparent !important;
}

/* --------------------------------------------------------------------------
   Dedicated walkthrough page
   -------------------------------------------------------------------------- */
body.brand-2026.walkthrough-page {
  background:
    radial-gradient(ellipse 48% 65% at 88% 2%, rgba(215,255,69,.10), transparent 65%),
    radial-gradient(ellipse 35% 50% at 6% 20%, rgba(25,78,88,.12), transparent 65%),
    #050608 !important;
}

.brand-2026 .walk-nav {
  min-height: 76px !important;
  border-bottom: 1px solid var(--d26-line) !important;
}

.brand-2026 .walk-nav > nav a,
.brand-2026 .walk-lang {
  color: #969ba3 !important;
  font-family: var(--d26-font) !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
}

.brand-2026 .walk-nav > nav a:hover,
.brand-2026 .walk-nav > nav a.active {
  color: var(--d26-white) !important;
  background: rgba(255,255,255,.04) !important;
}

.brand-2026 .walk-quote {
  color: #050608 !important;
  background: var(--d26-lime) !important;
  border-radius: 999px !important;
  font-family: var(--d26-font) !important;
  font-weight: 800 !important;
}

.brand-2026 .walk-hero {
  padding: 94px 0 82px !important;
}

.brand-2026 .walk-hero .eyebrow,
.brand-2026 .guide-copy > span,
.brand-2026 .walk-cta .eyebrow {
  color: var(--d26-lime) !important;
  font-family: var(--d26-font) !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
  letter-spacing: .15em !important;
}

.brand-2026 .walk-hero h1 {
  max-width: 1040px !important;
  color: var(--d26-white) !important;
  font-family: var(--d26-font) !important;
  font-size: clamp(4rem, 7vw, 7rem) !important;
  font-weight: 800 !important;
  line-height: .9 !important;
  letter-spacing: -.058em !important;
}

.brand-2026 .walk-hero > p,
.brand-2026 .guide-copy p,
.brand-2026 .guide-copy li {
  color: #969ba3 !important;
  font-family: var(--d26-font) !important;
}

.brand-2026 .hero-route {
  padding: 15px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--d26-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.brand-2026 .hero-route span {
  color: #c6c8c5 !important;
  background: transparent !important;
  font-size: .67rem !important;
  font-weight: 700 !important;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.brand-2026 .hero-route i {
  color: var(--d26-lime) !important;
}

.brand-2026 .guide-section {
  border-top-color: var(--d26-line) !important;
}

.brand-2026 .guide-section.alt {
  background: transparent !important;
}

.brand-2026 .guide-number {
  color: rgba(215,255,69,.19) !important;
  font-family: var(--d26-font) !important;
  font-weight: 800 !important;
}

.brand-2026 .guide-copy h2 {
  color: var(--d26-white) !important;
  font-family: var(--d26-font) !important;
  font-weight: 800 !important;
  letter-spacing: -.045em !important;
}

.brand-2026 .guide-visual {
  border-color: var(--d26-line) !important;
  background:
    radial-gradient(circle at 90% 5%, rgba(215,255,69,.035), transparent 40%),
    rgba(255,255,255,.014) !important;
  box-shadow: none !important;
}

.brand-2026 .walk-cta {
  border-top-color: var(--d26-line) !important;
  background: transparent !important;
}

.brand-2026 .walk-cta h2 {
  color: var(--d26-white) !important;
  font-family: var(--d26-font) !important;
  font-weight: 800 !important;
  letter-spacing: -.045em !important;
}

.brand-2026 .walk-footer {
  border-top-color: var(--d26-line) !important;
  color: #626872 !important;
}

/* --------------------------------------------------------------------------
   SEO / Solutions / Insights public pages
   -------------------------------------------------------------------------- */
body.brand-2026.seo-page {
  background:
    radial-gradient(ellipse 48% 66% at 88% 2%, rgba(215,255,69,.10), transparent 66%),
    radial-gradient(ellipse 38% 58% at 4% 22%, rgba(27,75,84,.12), transparent 65%),
    #050608 !important;
}

.brand-2026 .seo-nav {
  min-height: 76px !important;
  border-bottom: 1px solid var(--d26-line) !important;
}

.brand-2026 .seo-nav > nav a,
.brand-2026 .seo-lang {
  color: #969ba3 !important;
  font-family: var(--d26-font) !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
}

.brand-2026 .seo-nav > nav a:hover,
.brand-2026 .seo-lang:hover {
  color: var(--d26-white) !important;
  background: rgba(255,255,255,.04) !important;
}

.brand-2026 .seo-lang {
  border-color: var(--d26-line) !important;
}

.brand-2026 .seo-quote {
  color: #050608 !important;
  background: var(--d26-lime) !important;
  border-radius: 999px !important;
  font-family: var(--d26-font) !important;
  font-weight: 800 !important;
}

.brand-2026 .seo-hero,
.brand-2026 .hub-hero,
.brand-2026 .insight-shell {
  position: relative;
}

.brand-2026 .seo-hero {
  padding-top: 94px !important;
}

.brand-2026 .eyebrow,
.brand-2026 .section-head > span,
.brand-2026 .hub-kicker {
  color: var(--d26-lime) !important;
  font-family: var(--d26-font) !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
  letter-spacing: .15em !important;
}

.brand-2026 .seo-hero h1,
.brand-2026 .hub-hero h1,
.brand-2026 .insight-shell > h1 {
  color: var(--d26-white) !important;
  font-family: var(--d26-font) !important;
  font-weight: 800 !important;
  line-height: .9 !important;
  letter-spacing: -.058em !important;
}

.brand-2026 .seo-hero p,
.brand-2026 .hub-hero p,
.brand-2026 .insight-shell > p,
.brand-2026 .section-head p {
  color: #969ba3 !important;
  font-family: var(--d26-font) !important;
}

.brand-2026 .hero-actions a,
.brand-2026 .hub-actions a,
.brand-2026 .insight-links a {
  border-radius: 999px !important;
  font-family: var(--d26-font) !important;
  font-weight: 800 !important;
}

.brand-2026 .hero-actions .primary,
.brand-2026 .hub-actions .primary {
  color: #050608 !important;
  background: var(--d26-lime) !important;
}

.brand-2026 .hero-actions .secondary,
.brand-2026 .hub-actions .secondary {
  border-color: var(--d26-line) !important;
  background: transparent !important;
}

.brand-2026 .hero-card,
.brand-2026 .hub-card,
.brand-2026 .card,
.brand-2026 .insight-empty,
.brand-2026 .insight-card,
.brand-2026 .cta-band {
  border-color: var(--d26-line) !important;
  background:
    radial-gradient(circle at 90% 4%, rgba(215,255,69,.025), transparent 36%),
    rgba(255,255,255,.014) !important;
  box-shadow: none !important;
}

.brand-2026 .hero-card {
  border-radius: 25px !important;
}

.brand-2026 .hero-card-top,
.brand-2026 .card > span,
.brand-2026 .hub-card > span {
  color: #6e747d !important;
  font-family: var(--d26-font) !important;
  font-weight: 800 !important;
}

.brand-2026 .hero-card-top b {
  color: #050608 !important;
  background: var(--d26-lime) !important;
}

.brand-2026 .hero-card-flow span {
  border-color: var(--d26-line-soft) !important;
  background: rgba(255,255,255,.012) !important;
}

.brand-2026 .hero-card-flow span,
.brand-2026 .card h3,
.brand-2026 .hub-card h2,
.brand-2026 .section-head h2,
.brand-2026 .insight-empty h2 {
  color: var(--d26-white) !important;
  font-family: var(--d26-font) !important;
  font-weight: 800 !important;
}

.brand-2026 .hero-card-flow strong,
.brand-2026 .hero-card-note,
.brand-2026 .card p,
.brand-2026 .hub-card p,
.brand-2026 .insight-empty p {
  color: #8f949d !important;
}

.brand-2026 .proof-strip {
  gap: 0 !important;
  border-top: 1px solid var(--d26-line);
}

.brand-2026 .proof-strip article {
  padding: 18px 16px !important;
  border: 0 !important;
  border-right: 1px solid var(--d26-line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.brand-2026 .proof-strip article:first-child { padding-left: 0 !important; }
.brand-2026 .proof-strip article:last-child { border-right: 0 !important; }

.brand-2026 .section {
  border-top-color: var(--d26-line) !important;
}

.brand-2026 .section.alt {
  background: transparent !important;
}

.brand-2026 .card,
.brand-2026 .hub-card {
  border-radius: 20px !important;
}

.brand-2026 .seo-footer {
  border-top: 1px solid var(--d26-line) !important;
  color: #626872 !important;
}

/* --------------------------------------------------------------------------
   Legal pages
   -------------------------------------------------------------------------- */
body.brand-2026:not(.hero-only-site):not(.walkthrough-page):not(.seo-page) {
  background:
    radial-gradient(ellipse 46% 65% at 90% 1%, rgba(215,255,69,.085), transparent 66%),
    #050608 !important;
}

.brand-2026 .legal-nav {
  min-height: 76px !important;
}

.brand-2026 .legal-global-nav a {
  color: #969ba3 !important;
  font-family: var(--d26-font) !important;
  font-weight: 700 !important;
}

.brand-2026 .legal-language-switch,
.brand-2026 .legal-back {
  border-color: var(--d26-line) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #b1b4b8 !important;
  font-family: var(--d26-font) !important;
}

.brand-2026 .legal-hero {
  padding-top: 82px !important;
}

.brand-2026 .legal-kicker {
  color: var(--d26-lime) !important;
  font-family: var(--d26-font) !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
  letter-spacing: .15em !important;
}

.brand-2026 .legal-hero h1 {
  color: var(--d26-white) !important;
  font-family: var(--d26-font) !important;
  font-weight: 800 !important;
  line-height: .91 !important;
  letter-spacing: -.055em !important;
}

.brand-2026 .legal-hero p,
.brand-2026 .legal-card p,
.brand-2026 .legal-card li,
.brand-2026 .legal-card dd {
  color: #969ba3 !important;
  font-family: var(--d26-font) !important;
}

.brand-2026 .legal-summary,
.brand-2026 .legal-card {
  border-color: var(--d26-line) !important;
  background: rgba(255,255,255,.014) !important;
  box-shadow: none !important;
}

.brand-2026 .legal-index {
  border-color: var(--d26-line) !important;
}

.brand-2026 .legal-index a {
  color: #737983 !important;
  background: transparent !important;
}

.brand-2026 .legal-index a:hover,
.brand-2026 .legal-index a[aria-current="page"] {
  color: var(--d26-lime) !important;
}

.brand-2026 .legal-card section + section {
  border-top-color: var(--d26-line-soft) !important;
}

.brand-2026 .legal-card h2,
.brand-2026 .legal-card dt {
  color: var(--d26-white) !important;
  font-family: var(--d26-font) !important;
  font-weight: 800 !important;
}

/* --------------------------------------------------------------------------
   Cookie consent
   -------------------------------------------------------------------------- */
.brand-2026 .domplatta-cookie-consent {
  width: min(980px, calc(100vw - 26px)) !important;
  padding: 14px 16px !important;
  border: 1px solid var(--d26-line) !important;
  border-radius: 17px !important;
  background: rgba(8,10,13,.965) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.46) !important;
}

.brand-2026 .cookie-consent-copy strong {
  color: var(--d26-white) !important;
  font-family: var(--d26-font) !important;
  font-size: .79rem !important;
  font-weight: 800 !important;
}

.brand-2026 .cookie-consent-copy p {
  color: #858b94 !important;
  font-family: var(--d26-font) !important;
  font-size: .72rem !important;
}

.brand-2026 .cookie-consent-actions button {
  min-height: 39px !important;
  border-radius: 999px !important;
  font-family: var(--d26-font) !important;
  font-size: .7rem !important;
  font-weight: 800 !important;
}

.brand-2026 .cookie-consent-optional {
  color: #050608 !important;
  background: var(--d26-lime) !important;
  border-color: var(--d26-lime) !important;
}

.brand-2026 .cookie-consent-necessary {
  color: #d7d8d4 !important;
  border-color: var(--d26-line) !important;
  background: transparent !important;
}

.brand-2026 .domplatta-cookie-settings {
  color: #858b94 !important;
  border-color: var(--d26-line) !important;
  background: rgba(8,10,13,.86) !important;
  font-family: var(--d26-font) !important;
}

/* --------------------------------------------------------------------------
   Responsive header families
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .brand-2026 .seo-nav,
  .brand-2026 .walk-nav,
  .brand-2026 .legal-nav {
    border-color: var(--d26-line) !important;
  }

  .brand-2026 .seo-logo img,
  .brand-2026 .walk-logo img,
  .brand-2026 .legal-logo img {
    height: 27px !important;
  }

  .brand-2026 .walk-mobile-nav-panel,
  .brand-2026 .seo-mobile-nav-panel {
    border-color: var(--d26-line) !important;
    background: rgba(7,9,12,.975) !important;
  }
}

@media (max-width: 620px) {
  body.brand-2026::after {
    top: -260px;
    right: -310px;
    width: 590px;
    height: 590px;
    opacity: .55;
  }

  .brand-2026 .walk-hero h1,
  .brand-2026 .seo-hero h1,
  .brand-2026 .hub-hero h1,
  .brand-2026 .insight-shell > h1,
  .brand-2026 .legal-hero h1 {
    font-size: clamp(2.7rem, 12.5vw, 4.3rem) !important;
    line-height: .94 !important;
    letter-spacing: -.05em !important;
  }
}

/* Short desktop: keep the landing inside one viewport. */
@media (min-width: 981px) and (max-height: 920px) {
  body.brand-2026.viewport-locked-site .product-hero {
    padding-top: 15px;
  }

  .brand-2026 .hero-brandline {
    margin-bottom: 11px;
  }

  body.brand-2026.viewport-locked-site .hero-copy h1 {
    font-size: clamp(3.7rem, 5.4vw, 5.75rem) !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy > p {
    margin-top: 15px !important;
  }

  .brand-2026 .hero-actions {
    margin-top: 16px !important;
  }

  .brand-2026 .hero-proof-strip {
    margin-top: 19px !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    height: min(512px, calc(100svh - 164px)) !important;
  }
}


/* ==========================================================================
   v1.12.1 — layout repair
   Keeps the 2026 visual direction; fixes viewport, takeover positioning,
   headline scale/line wrapping and skip-link visibility.
   ========================================================================== */

/* The global brand stacking helper must never convert the takeover from
   fixed positioning into an in-document block. */
body.brand-2026 > .nav-takeover {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2200 !important;
  width: 100vw !important;
  height: 100dvh !important;
  min-height: 100svh !important;
  margin: 0 !important;
}

body.brand-2026.nav-takeover-open {
  overflow: hidden !important;
}

.brand-2026 .nav-takeover .takeover-rail {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.brand-2026 .nav-takeover .takeover-surface {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding-left: var(--rail-width) !important;
  overflow: hidden !important;
}

.brand-2026 .nav-takeover .takeover-scroll {
  width: 100% !important;
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.brand-2026 .nav-takeover .takeover-topbar {
  position: absolute !important;
  top: 18px !important;
  left: calc(var(--rail-width) + (100% - var(--rail-width)) / 2) !important;
  width: min(900px, calc(100% - var(--rail-width) - 48px)) !important;
  transform: translateX(-50%) !important;
}

.brand-2026 .nav-takeover.is-open .takeover-topbar {
  transform: translateX(-50%) translateY(0) scale(1) !important;
}

/* Keep takeover content below its own topbar and fully inside the viewport. */
.brand-2026 .nav-takeover-full .takeover-panel {
  min-height: 100% !important;
  padding-top: 118px !important;
}

.brand-2026 .takeover-product-panel,
.brand-2026 .takeover-solutions-panel,
.brand-2026 .takeover-checkin-panel,
.brand-2026 .takeover-insights-panel,
.brand-2026 .takeover-contact-panel {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Main landing: exact desktop viewport composition below the header. */
@media (min-width: 821px) {
  body.brand-2026.viewport-locked-site .app-shell {
    width: min(1480px, calc(100% - 38px)) !important;
    height: 100dvh !important;
    min-height: 100svh !important;
    margin: 0 auto !important;
    padding-top: 14px !important;
    display: grid !important;
    grid-template-rows: 72px minmax(0, 1fr) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.brand-2026.viewport-locked-site .site-nav {
    position: relative !important;
    top: auto !important;
    min-height: 72px !important;
    height: 72px !important;
    align-self: start !important;
  }

  body.brand-2026.viewport-locked-site #mainContent {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.brand-2026.viewport-locked-site .product-hero {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    padding: 18px 0 10px !important;
    grid-template-columns: minmax(590px, .92fr) minmax(0, 1.08fr) !important;
    grid-template-rows: minmax(0,1fr) auto !important;
    column-gap: clamp(32px, 4vw, 66px) !important;
    align-items: start !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy {
    padding-top: 0 !important;
    min-width: 0 !important;
  }

  .brand-2026 .hero-brandline {
    margin-bottom: 11px !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy h1 {
    max-width: none !important;
    font-size: clamp(3.75rem, 4.45vw, 5.15rem) !important;
    line-height: .91 !important;
    letter-spacing: -.055em !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy h1 .hero-line {
    display: block !important;
    white-space: nowrap !important;
  }

  /* Romanian phrases are longer; still keep each intended phrase on one line. */
  html[lang="ro"] body.brand-2026.viewport-locked-site .hero-copy h1 {
    font-size: clamp(3.25rem, 3.75vw, 4.25rem) !important;
    letter-spacing: -.05em !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy > p {
    margin-top: 14px !important;
    font-size: .92rem !important;
    line-height: 1.5 !important;
  }

  .brand-2026 .hero-actions {
    margin-top: 15px !important;
  }

  .brand-2026 .hero-actions .btn-large {
    min-height: 46px !important;
  }

  .brand-2026 .hero-proof-strip {
    margin-top: 16px !important;
    padding-top: 12px !important;
  }

  .brand-2026 .hero-proof-strip article {
    min-height: 50px !important;
  }

  .brand-2026 .hero-proof-strip strong {
    font-size: .63rem !important;
  }

  .brand-2026 .hero-proof-strip span {
    margin-top: 4px !important;
    font-size: .62rem !important;
  }

  .brand-2026 .hero-product-card {
    margin-top: 0 !important;
    min-height: 0 !important;
    align-self: start !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    height: min(492px, calc(100dvh - 160px)) !important;
    min-height: 0 !important;
    max-height: 492px !important;
  }

  .brand-2026 .landing-legal-bar-under-preview {
    margin-top: 5px !important;
    padding-top: 7px !important;
  }

  .brand-2026 .hero-brand-statement {
    top: 8px !important;
  }
}

/* Shorter laptop screens: preserve the one-viewport composition. */
@media (min-width: 821px) and (max-height: 820px) {
  body.brand-2026.viewport-locked-site .app-shell {
    padding-top: 8px !important;
    grid-template-rows: 68px minmax(0,1fr) !important;
  }

  body.brand-2026.viewport-locked-site .site-nav {
    height: 68px !important;
    min-height: 68px !important;
  }

  body.brand-2026.viewport-locked-site .product-hero {
    padding-top: 12px !important;
    padding-bottom: 6px !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy h1 {
    font-size: clamp(3.35rem, 4.05vw, 4.65rem) !important;
  }

  html[lang="ro"] body.brand-2026.viewport-locked-site .hero-copy h1 {
    font-size: clamp(2.95rem, 3.45vw, 3.8rem) !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy > p {
    margin-top: 10px !important;
    line-height: 1.42 !important;
  }

  .brand-2026 .hero-actions {
    margin-top: 11px !important;
  }

  .brand-2026 .hero-proof-strip {
    margin-top: 11px !important;
    padding-top: 9px !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    height: min(455px, calc(100dvh - 140px)) !important;
  }
}

/* The user does not want a visible skip control on the presentation site. */
body.brand-2026 .skip-link {
  display: none !important;
}

/* On mobile the hero can scroll normally and phrases may wrap naturally. */
@media (max-width: 820px) {
  body.brand-2026.viewport-locked-site .app-shell {
    height: auto !important;
    min-height: 100svh !important;
    overflow: visible !important;
  }

  body.brand-2026.viewport-locked-site #mainContent {
    height: auto !important;
    overflow: visible !important;
  }

  body.brand-2026.viewport-locked-site .product-hero {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy h1 .hero-line {
    white-space: normal !important;
  }

  .brand-2026 .nav-takeover .takeover-surface {
    padding-left: 0 !important;
  }

  .brand-2026 .nav-takeover .takeover-topbar {
    left: 50% !important;
    width: calc(100% - 24px) !important;
  }
}


/* ==========================================================================
   v1.12.2 — hero composition + visible brand atmosphere
   ========================================================================== */

/*
 * v1.12.1 fixed the structural viewport issue, but the ambient layer ended up
 * underneath the page stacking context. Bring the visual atmosphere into the
 * hero itself so it is reliably visible.
 */
body.brand-2026.viewport-locked-site #mainContent {
  position: relative !important;
  isolation: isolate;
  background:
    radial-gradient(
      ellipse 58% 84% at 92% 22%,
      rgba(215,255,69,.115) 0%,
      rgba(215,255,69,.068) 28%,
      rgba(215,255,69,.026) 48%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 42% 70% at 5% 34%,
      rgba(27,86,98,.105) 0%,
      rgba(27,86,98,.04) 44%,
      transparent 72%
    ) !important;
}

/* Large lime arc — deliberately part of the hero layer, not behind body. */
body.brand-2026.viewport-locked-site #mainContent::after {
  content: "";
  position: absolute;
  top: -360px;
  right: -235px;
  z-index: 0;
  width: 720px;
  height: 720px;
  border: 2px solid rgba(215,255,69,.72);
  border-radius: 50%;
  box-shadow:
    0 0 30px rgba(215,255,69,.12),
    inset 0 0 34px rgba(215,255,69,.04);
  pointer-events: none;
  opacity: .92;
}

/* Secondary soft lime bloom behind the product preview. */
body.brand-2026.viewport-locked-site #mainContent::before {
  content: "";
  position: absolute;
  top: 2%;
  right: 3%;
  z-index: 0;
  width: 58%;
  height: 82%;
  background:
    radial-gradient(
      ellipse at 68% 34%,
      rgba(215,255,69,.11),
      rgba(215,255,69,.035) 36%,
      transparent 68%
    );
  filter: blur(14px);
  pointer-events: none;
}

/* Keep real hero content above the ambient graphics. */
body.brand-2026.viewport-locked-site .product-hero {
  position: relative !important;
  z-index: 1 !important;
}

body.brand-2026.viewport-locked-site .hero-copy,
body.brand-2026.viewport-locked-site .hero-product-card,
body.brand-2026.viewport-locked-site .landing-legal-bar-under-preview,
body.brand-2026.viewport-locked-site .hero-brand-statement {
  position: relative !important;
  z-index: 2 !important;
}

/* Hide the old body-level circle on the landing only to avoid double arcs. */
body.brand-2026.viewport-locked-site::after {
  display: none !important;
}

/* --------------------------------------------------------------------------
   Desktop composition — use more of the available viewport.
   -------------------------------------------------------------------------- */
@media (min-width: 821px) {
  body.brand-2026.viewport-locked-site .product-hero {
    padding-top: 24px !important;
    padding-bottom: 18px !important;
    align-items: center !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy {
    align-self: center !important;
    transform: translateY(-3px);
  }

  body.brand-2026.viewport-locked-site .hero-product-card {
    align-self: center !important;
    transform: translateY(-2px) !important;
  }

  /*
   * Use more vertical space than v1.12.1 while keeping the whole landing
   * within a standard desktop viewport.
   */
  body.brand-2026.viewport-locked-site .hero-window {
    height: min(548px, calc(100dvh - 166px)) !important;
    max-height: 548px !important;
  }

  .brand-2026 .landing-legal-bar-under-preview {
    margin-top: 8px !important;
  }

  /* Slightly more generous left/right balance without enlarging headline. */
  body.brand-2026.viewport-locked-site .product-hero {
    grid-template-columns: minmax(590px, .90fr) minmax(0, 1.10fr) !important;
    column-gap: clamp(38px, 4.25vw, 72px) !important;
  }

  .brand-2026 .hero-brand-statement {
    top: 14px !important;
    right: 0 !important;
  }
}

/* Large desktop: let the preview breathe a little more. */
@media (min-width: 1450px) and (min-height: 820px) {
  body.brand-2026.viewport-locked-site .hero-window {
    height: min(570px, calc(100dvh - 162px)) !important;
    max-height: 570px !important;
  }

  body.brand-2026.viewport-locked-site .product-hero {
    padding-top: 28px !important;
    padding-bottom: 22px !important;
  }
}

/* Short laptops: retain the atmosphere but protect the one-viewport rule. */
@media (min-width: 821px) and (max-height: 820px) {
  body.brand-2026.viewport-locked-site .product-hero {
    padding-top: 14px !important;
    padding-bottom: 10px !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    height: min(472px, calc(100dvh - 136px)) !important;
    max-height: 472px !important;
  }

  body.brand-2026.viewport-locked-site #mainContent::after {
    top: -330px;
    right: -245px;
    width: 650px;
    height: 650px;
  }
}

/* Mobile: keep the glow, but use a smaller partial arc and normal scrolling. */
@media (max-width: 820px) {
  body.brand-2026.viewport-locked-site #mainContent {
    background:
      radial-gradient(
        ellipse 88% 52% at 100% 8%,
        rgba(215,255,69,.105),
        rgba(215,255,69,.035) 42%,
        transparent 72%
      ),
      radial-gradient(
        ellipse 85% 45% at 0% 28%,
        rgba(27,86,98,.09),
        transparent 70%
      ) !important;
  }

  body.brand-2026.viewport-locked-site #mainContent::after {
    top: -240px;
    right: -285px;
    width: 520px;
    height: 520px;
    opacity: .7;
  }

  body.brand-2026.viewport-locked-site #mainContent::before {
    top: 0;
    right: -15%;
    width: 95%;
    height: 520px;
    opacity: .72;
  }

  body.brand-2026.viewport-locked-site .hero-copy,
  body.brand-2026.viewport-locked-site .hero-product-card {
    transform: none !important;
  }
}


/* ==========================================================================
   v1.12.3 — global brand atmosphere + hero structure realignment
   ========================================================================== */

/* --------------------------------------------------------------------------
   Global lime glow / arc on every public page
   -------------------------------------------------------------------------- */
body.brand-2026 {
  position: relative !important;
  isolation: isolate;
  overflow-x: hidden;
}

/* Disable older competing body/main-content decorative circles. */
body.brand-2026::after,
body.brand-2026.viewport-locked-site #mainContent::after,
body.brand-2026.viewport-locked-site #mainContent::before {
  display: none !important;
}

.brand-atmosphere {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.brand-atmosphere::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      ellipse 54% 78% at 88% 12%,
      rgba(215,255,69,.13) 0%,
      rgba(215,255,69,.070) 28%,
      rgba(215,255,69,.026) 48%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 42% 64% at 4% 24%,
      rgba(26,84,96,.12) 0%,
      rgba(26,84,96,.04) 42%,
      transparent 70%
    );
  filter: blur(8px);
}

.brand-atmosphere::after {
  content: "";
  position: absolute;
  top: -360px;
  right: -300px;
  width: 760px;
  height: 760px;
  border: 2px solid rgba(215,255,69,.70);
  border-radius: 50%;
  box-shadow:
    0 0 30px rgba(215,255,69,.12),
    inset 0 0 34px rgba(215,255,69,.04);
  opacity: .88;
}

body.brand-2026 > *:not(.brand-atmosphere) {
  position: relative;
  z-index: 1;
}

/* Takeovers have their own full-screen surface, so repeat the atmosphere there. */
.brand-2026 .nav-takeover {
  isolation: isolate;
  overflow: hidden !important;
}

.brand-2026 .nav-takeover::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(
      ellipse 58% 80% at 92% 8%,
      rgba(215,255,69,.10) 0%,
      rgba(215,255,69,.035) 42%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 36% 60% at 7% 24%,
      rgba(26,84,96,.08),
      transparent 70%
    );
  pointer-events: none;
}

.brand-2026 .nav-takeover::after {
  content: "";
  position: absolute;
  top: -380px;
  right: -315px;
  z-index: 0;
  width: 760px;
  height: 760px;
  border: 2px solid rgba(215,255,69,.62);
  border-radius: 50%;
  box-shadow: 0 0 28px rgba(215,255,69,.10);
  pointer-events: none;
}

.brand-2026 .nav-takeover > * {
  position: relative;
  z-index: 1;
}

/* --------------------------------------------------------------------------
   Landing hero structure: follow the supplied reference composition
   while keeping the new 2026 styling.
   -------------------------------------------------------------------------- */
@media (min-width: 821px) {
  body.brand-2026.viewport-locked-site .app-shell {
    width: min(1440px, calc(100% - 36px)) !important;
    height: 100dvh !important;
    min-height: 100svh !important;
    padding-top: 14px !important;
    display: grid !important;
    grid-template-rows: 74px minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  body.brand-2026.viewport-locked-site .site-nav {
    width: 100% !important;
    min-height: 74px !important;
    height: 74px !important;
    margin: 0 !important;
  }

  body.brand-2026.viewport-locked-site #mainContent {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body.brand-2026.viewport-locked-site .product-hero {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 16px 0 14px !important;

    display: grid !important;
    grid-template-columns: minmax(500px, .82fr) minmax(640px, 1.18fr) !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    column-gap: clamp(36px, 4vw, 64px) !important;
    row-gap: 6px !important;
    align-items: center !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* LEFT: taller, editorial, like the reference structure */
  body.brand-2026.viewport-locked-site .hero-copy {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    padding: 0 !important;
    transform: none !important;
  }

  .brand-2026 .hero-brandline {
    margin-bottom: 14px !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy h1 {
    max-width: 100% !important;
    font-size: clamp(3.55rem, 4.85vw, 5.45rem) !important;
    line-height: .91 !important;
    letter-spacing: -.055em !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy h1 .hero-line {
    display: block !important;
    white-space: nowrap !important;
  }

  html[lang="ro"] body.brand-2026.viewport-locked-site .hero-copy h1 {
    font-size: clamp(3.05rem, 4.05vw, 4.5rem) !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy > p {
    max-width: 650px !important;
    margin-top: 16px !important;
    font-size: .93rem !important;
    line-height: 1.53 !important;
  }

  .brand-2026 .hero-actions {
    margin-top: 17px !important;
  }

  .brand-2026 .hero-actions .btn-large {
    min-height: 47px !important;
  }

  /* Proof points remain a narrow editorial strip at the bottom left. */
  .brand-2026 .hero-proof-strip {
    margin-top: 18px !important;
    padding-top: 12px !important;
  }

  .brand-2026 .hero-proof-strip article {
    min-height: 54px !important;
  }

  /* RIGHT: tall product preview, visually dominant like the reference. */
  body.brand-2026.viewport-locked-site .hero-product-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: stretch !important;
    margin: 0 !important;

    transform:
      perspective(1500px)
      rotateY(-1.8deg)
      rotateZ(-1.3deg)
      translateY(3px) !important;
    transform-origin: 50% 50% !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    width: 100% !important;
    height: min(590px, calc(100dvh - 154px)) !important;
    min-height: 0 !important;
    max-height: 590px !important;
    border-radius: 28px !important;
  }

  .brand-2026 .landing-legal-bar-under-preview {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin-top: 7px !important;
    padding-top: 8px !important;
    transform: none !important;
  }

  /* The side micro-copy should sit in the preview itself rather than
     occupy separate hero real estate. */
  .brand-2026 .hero-brand-statement {
    top: 18px !important;
    right: 12px !important;
    width: 96px !important;
  }
}

/* Standard laptop height */
@media (min-width: 821px) and (max-height: 900px) {
  body.brand-2026.viewport-locked-site .product-hero {
    padding-top: 12px !important;
    padding-bottom: 8px !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy h1 {
    font-size: clamp(3.25rem, 4.35vw, 4.85rem) !important;
  }

  html[lang="ro"] body.brand-2026.viewport-locked-site .hero-copy h1 {
    font-size: clamp(2.8rem, 3.65vw, 4rem) !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy > p {
    margin-top: 12px !important;
    line-height: 1.47 !important;
  }

  .brand-2026 .hero-actions {
    margin-top: 13px !important;
  }

  .brand-2026 .hero-proof-strip {
    margin-top: 14px !important;
    padding-top: 10px !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    height: min(535px, calc(100dvh - 142px)) !important;
    max-height: 535px !important;
  }
}

/* Very short laptop screens */
@media (min-width: 821px) and (max-height: 780px) {
  body.brand-2026.viewport-locked-site .app-shell {
    padding-top: 8px !important;
    grid-template-rows: 68px minmax(0,1fr) !important;
  }

  body.brand-2026.viewport-locked-site .site-nav {
    height: 68px !important;
    min-height: 68px !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy h1 {
    font-size: clamp(2.95rem, 3.95vw, 4.35rem) !important;
  }

  html[lang="ro"] body.brand-2026.viewport-locked-site .hero-copy h1 {
    font-size: clamp(2.55rem, 3.25vw, 3.55rem) !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy > p {
    font-size: .88rem !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    height: min(475px, calc(100dvh - 126px)) !important;
    max-height: 475px !important;
  }

  .brand-2026 .hero-proof-strip span {
    font-size: .60rem !important;
  }
}

/* --------------------------------------------------------------------------
   Mobile keeps the same design language, but does not force desktop structure.
   -------------------------------------------------------------------------- */
@media (max-width: 820px) {
  .brand-atmosphere::after {
    top: -245px;
    right: -300px;
    width: 540px;
    height: 540px;
    opacity: .68;
  }

  .brand-atmosphere::before {
    background:
      radial-gradient(
        ellipse 90% 48% at 100% 8%,
        rgba(215,255,69,.10),
        rgba(215,255,69,.032) 44%,
        transparent 74%
      ),
      radial-gradient(
        ellipse 80% 44% at 0% 28%,
        rgba(26,84,96,.08),
        transparent 70%
      );
  }

  body.brand-2026.viewport-locked-site .hero-product-card {
    transform: none !important;
  }
}


/* ==========================================================================
   v1.12.4 — reference-structure correction
   Uses the supplied second screenshot as the landing composition target.
   ========================================================================== */

/* Removed hero elements stay gone even if stale HTML is cached. */
.brand-2026 .hero-proof-strip,
.brand-2026 .hero-brand-statement {
  display: none !important;
}

/* Desktop landing shell: compact centered header and two-column hero. */
@media (min-width: 821px) {
  body.brand-2026.viewport-locked-site .app-shell {
    width: min(1390px, calc(100% - 42px)) !important;
    height: 100dvh !important;
    min-height: 100svh !important;
    margin: 0 auto !important;
    padding-top: 20px !important;
    display: grid !important;
    grid-template-rows: 74px minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  body.brand-2026.viewport-locked-site .site-nav {
    width: 100% !important;
    height: 74px !important;
    min-height: 74px !important;
    margin: 0 !important;
    padding-left: 22px !important;
    padding-right: 16px !important;
    border-radius: 23px !important;
  }

  body.brand-2026.viewport-locked-site #mainContent {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body.brand-2026.viewport-locked-site .product-hero {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 25px 0 20px !important;

    display: grid !important;
    grid-template-columns: minmax(500px, .84fr) minmax(650px, 1.16fr) !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    column-gap: clamp(44px, 4.2vw, 70px) !important;
    row-gap: 8px !important;
    align-items: center !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Left column – structure from target screenshot. */
  body.brand-2026.viewport-locked-site .hero-copy {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    min-width: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .brand-2026 .hero-brandline {
    margin: 0 0 19px !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy h1 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: clamp(4.0rem, 5.15vw, 5.75rem) !important;
    line-height: .91 !important;
    letter-spacing: -.058em !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy h1 .hero-line {
    display: block !important;
    white-space: nowrap !important;
  }

  html[lang="ro"] body.brand-2026.viewport-locked-site .hero-copy h1 {
    font-size: clamp(3.25rem, 4.05vw, 4.55rem) !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy > p {
    max-width: 625px !important;
    margin-top: 21px !important;
    font-size: .96rem !important;
    line-height: 1.62 !important;
  }

  .brand-2026 .hero-actions {
    margin-top: 21px !important;
    gap: 10px !important;
  }

  .brand-2026 .hero-actions .btn-large {
    min-height: 48px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Right column – whole product card must remain visible. */
  body.brand-2026.viewport-locked-site .hero-product-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    transform:
      perspective(1500px)
      rotateY(-1.1deg)
      rotateZ(-1.0deg) !important;
    transform-origin: 50% 50% !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    width: 100% !important;
    height: min(558px, calc(100dvh - 188px)) !important;
    min-height: 0 !important;
    max-height: 558px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
  }

  /* Keep legal links directly beneath the product preview. */
  .brand-2026 .landing-legal-bar-under-preview {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    width: 100% !important;
    margin: 5px 0 0 !important;
    padding: 8px 0 0 !important;
    transform: none !important;
  }

  .brand-2026 .landing-legal-links {
    justify-content: center !important;
  }
}

/* Standard 16:9 / laptop screens – target screenshot proportions. */
@media (min-width: 821px) and (max-height: 900px) {
  body.brand-2026.viewport-locked-site .app-shell {
    padding-top: 13px !important;
    grid-template-rows: 70px minmax(0,1fr) !important;
  }

  body.brand-2026.viewport-locked-site .site-nav {
    height: 70px !important;
    min-height: 70px !important;
  }

  body.brand-2026.viewport-locked-site .product-hero {
    padding-top: 17px !important;
    padding-bottom: 10px !important;
  }

  .brand-2026 .hero-brandline {
    margin-bottom: 14px !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy h1 {
    font-size: clamp(3.55rem, 4.6vw, 5.05rem) !important;
  }

  html[lang="ro"] body.brand-2026.viewport-locked-site .hero-copy h1 {
    font-size: clamp(3rem, 3.65vw, 4rem) !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy > p {
    margin-top: 16px !important;
    font-size: .92rem !important;
    line-height: 1.55 !important;
  }

  .brand-2026 .hero-actions {
    margin-top: 17px !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    height: min(522px, calc(100dvh - 160px)) !important;
    max-height: 522px !important;
  }
}

/* Short laptops. */
@media (min-width: 821px) and (max-height: 780px) {
  body.brand-2026.viewport-locked-site .app-shell {
    padding-top: 8px !important;
    grid-template-rows: 66px minmax(0,1fr) !important;
  }

  body.brand-2026.viewport-locked-site .site-nav {
    height: 66px !important;
    min-height: 66px !important;
  }

  body.brand-2026.viewport-locked-site .product-hero {
    padding-top: 11px !important;
    padding-bottom: 6px !important;
  }

  .brand-2026 .hero-brandline {
    margin-bottom: 10px !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy h1 {
    font-size: clamp(3.05rem, 3.9vw, 4.3rem) !important;
  }

  html[lang="ro"] body.brand-2026.viewport-locked-site .hero-copy h1 {
    font-size: clamp(2.6rem, 3.15vw, 3.5rem) !important;
  }

  body.brand-2026.viewport-locked-site .hero-copy > p {
    margin-top: 11px !important;
    font-size: .87rem !important;
    line-height: 1.47 !important;
  }

  .brand-2026 .hero-actions {
    margin-top: 12px !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    height: min(462px, calc(100dvh - 132px)) !important;
    max-height: 462px !important;
  }
}

/* Mobile: the removed proof strip stays removed, but normal scrolling remains. */
@media (max-width: 820px) {
  .brand-2026 .hero-proof-strip,
  .brand-2026 .hero-brand-statement {
    display: none !important;
  }
}


/* ==========================================================================
   v1.12.5 — finishing fixes
   1. fully visible hero preview + badge animation
   2. reliable takeover close control
   3. operational text to white
   4. full contact form / natural scrolling
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) Hero preview — no cut right edge / bottom edge
   -------------------------------------------------------------------------- */
@media (min-width: 821px) {
  body.brand-2026.viewport-locked-site .product-hero {
    overflow: visible !important;
    padding-right: 10px !important;
    padding-bottom: 18px !important;
  }

  body.brand-2026.viewport-locked-site #mainContent {
    overflow: hidden !important;
  }

  body.brand-2026.viewport-locked-site .hero-product-card {
    width: calc(100% - 18px) !important;
    justify-self: end !important;
    margin-right: 8px !important;
    margin-bottom: 10px !important;
    transform: none !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    width: 100% !important;
    height: min(520px, calc(100dvh - 190px)) !important;
    max-height: 520px !important;
    overflow: visible !important;
  }

  /* Keep the window itself visually clipped only by its rounded border,
     while allowing the printer feed animation enough room. */
  .brand-2026 .hero-product-card .window-grid {
    overflow: visible !important;
  }

  .brand-2026 .hero-printer-scene {
    overflow: visible !important;
  }

  .brand-2026 .hero-printer-machine {
    overflow: visible !important;
  }

  .brand-2026 .landing-legal-bar-under-preview {
    margin-top: 10px !important;
  }
}

@media (min-width: 821px) and (max-height: 900px) {
  body.brand-2026.viewport-locked-site .hero-window {
    height: min(495px, calc(100dvh - 172px)) !important;
    max-height: 495px !important;
  }
}

@media (min-width: 821px) and (max-height: 780px) {
  body.brand-2026.viewport-locked-site .hero-window {
    height: min(445px, calc(100dvh - 140px)) !important;
    max-height: 445px !important;
  }
}

/* The repeated badge print should remain inside a readable output area. */
.brand-2026 .hero-output-badge {
  max-height: calc(100% - 58px) !important;
}

/* --------------------------------------------------------------------------
   2) Takeover close — fix hit area / stacking
   -------------------------------------------------------------------------- */
.brand-2026 .nav-takeover .takeover-rail {
  z-index: 20 !important;
  pointer-events: auto !important;
}

.brand-2026 .nav-takeover .takeover-surface {
  z-index: 2 !important;
}

.brand-2026 .takeover-close,
.brand-2026 .takeover-rail-logo {
  position: relative !important;
  z-index: 24 !important;
  pointer-events: auto !important;
}

.brand-2026 .takeover-close {
  cursor: pointer !important;
  touch-action: manipulation;
}

.brand-2026 .takeover-close::after {
  content: "";
  position: absolute;
  inset: -8px;
}

/* --------------------------------------------------------------------------
   3) White operational copy / white UI text
   The lime remains the accent; explanatory and interface text is white.
   -------------------------------------------------------------------------- */

/* Site / takeover descriptive copy */
.brand-2026 .takeover-heading p,
.brand-2026 .product-panel-section-head p,
.brand-2026 .walkthrough-copy > p,
.brand-2026 .walkthrough-steps li,
.brand-2026 .walkthrough-steps li span,
.brand-2026 .guide-copy p,
.brand-2026 .guide-copy li,
.brand-2026 .walk-hero > p,
.brand-2026 .seo-hero p,
.brand-2026 .hub-hero p,
.brand-2026 .section-head p,
.brand-2026 .insight-shell > p {
  color: #ffffff !important;
}

/* Desk / Kiosk / state-change demo templates */
.brand-2026 .mock-top > span,
.brand-2026 .mock-search,
.brand-2026 .mock-person > span,
.brand-2026 .mock-person > strong,
.brand-2026 .mock-fields small,
.brand-2026 .mock-fields b,
.brand-2026 .mock-actions > span,
.brand-2026 .mock-print-line,
.brand-2026 .kiosk-target > span,
.brand-2026 .kiosk-target > strong,
.brand-2026 .state-person > span,
.brand-2026 .state-person > strong,
.brand-2026 .state-branches span,
.brand-2026 .state-branches b,
.brand-2026 .entrance-network span,
.brand-2026 .entrance-network strong,
.brand-2026 .organizer-stats small,
.brand-2026 .organizer-stats strong,
.brand-2026 .permission-list span,
.brand-2026 .permission-list b {
  color: #ffffff !important;
}

/* Dedicated standalone walkthrough templates */
.brand-2026 .ui-head,
.brand-2026 .ui-search,
.brand-2026 .ui-person,
.brand-2026 .ui-person span,
.brand-2026 .ui-person strong,
.brand-2026 .ui-fields small,
.brand-2026 .ui-fields b,
.brand-2026 .ui-actions span,
.brand-2026 .state-row,
.brand-2026 .state-row span,
.brand-2026 .state-row b,
.brand-2026 .state-sinks span,
.brand-2026 .state-sinks b,
.brand-2026 .org-main,
.brand-2026 .org-main span,
.brand-2026 .org-main strong,
.brand-2026 .org-members span,
.brand-2026 .org-members b,
.brand-2026 .permission-ui span,
.brand-2026 .permission-ui b,
.brand-2026 .timeline-ui span,
.brand-2026 .timeline-ui b {
  color: #ffffff !important;
}

/* Main hero supporting copy: keep the visual hierarchy but remove brown/grey hue. */
body.brand-2026.viewport-locked-site .hero-copy > p {
  color: rgba(255,255,255,.82) !important;
}

.brand-2026 .hero-positioning-line {
  color: #ffffff !important;
}

/* General content cards: eliminate remaining warm/grey text tint. */
.brand-2026 .card p,
.brand-2026 .hub-card p,
.brand-2026 .insight-card p,
.brand-2026 .hero-card-note,
.brand-2026 .hero-card-flow strong {
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   4) Contact takeover — let takeover-scroll own the scrolling
   -------------------------------------------------------------------------- */
.brand-2026 .takeover-contact-panel {
  height: auto !important;
  min-height: 100% !important;
  padding-top: 118px !important;
  padding-bottom: 48px !important;
  overflow: visible !important;
  align-content: start !important;
}

.brand-2026 .takeover-contact-form {
  width: min(1260px, calc(100% - 32px)) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
}

.brand-2026 .takeover-contact-form .contact-card {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(24px, 3vw, 42px) !important;
  align-items: start !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.brand-2026 .takeover-contact-form .contact-form {
  align-content: start !important;
}

.brand-2026 .takeover-contact-form .contact-copy p,
.brand-2026 .takeover-contact-form .contact-note,
.brand-2026 .takeover-contact-form .contact-note span,
.brand-2026 .takeover-contact-form .contact-demo-list,
.brand-2026 .takeover-contact-form .contact-form label,
.brand-2026 .takeover-contact-form .consent-copy,
.brand-2026 .takeover-contact-form .form-helper {
  color: #ffffff !important;
}

.brand-2026 .takeover-contact-form .contact-trust-links {
  grid-column: 1 / -1;
  margin-top: 8px !important;
}

@media (max-height: 820px) and (min-width: 981px) {
  .brand-2026 .takeover-contact-panel {
    padding-top: 102px !important;
    padding-bottom: 36px !important;
  }

  .brand-2026 .takeover-contact-form .contact-card {
    padding: 20px 26px !important;
  }
}

@media (max-width: 980px) {
  .brand-2026 .takeover-contact-panel {
    padding-top: 102px !important;
    padding-bottom: 36px !important;
  }

  .brand-2026 .takeover-contact-form {
    width: min(100% - 24px, 760px) !important;
  }

  .brand-2026 .takeover-contact-form .contact-card {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  .brand-2026 .takeover-contact-panel {
    padding-top: 92px !important;
    padding-bottom: 28px !important;
  }

  .brand-2026 .takeover-contact-form {
    width: calc(100% - 18px) !important;
  }
}


/* ==========================================================================
   v1.12.6 — hero preview containment + printer travel + glow continuity
   ========================================================================== */

/* --------------------------------------------------------------------------
   A. Hero preview internals now fit the outer window by construction.
   -------------------------------------------------------------------------- */
@media (min-width: 821px) {
  /* Outer preview remains fully visible in the hero. */
  body.brand-2026.viewport-locked-site .hero-product-card {
    width: calc(100% - 20px) !important;
    margin-right: 10px !important;
    margin-bottom: 8px !important;
    transform: none !important;
  }

  /*
   * The outer window owns the rounded clipping again.
   * No internal card is allowed to fall outside it.
   */
  body.brand-2026.viewport-locked-site .hero-window {
    overflow: hidden !important;
  }

  .brand-2026 .hero-product-card .window-grid {
    height: calc(100% - 53px) !important;
    min-height: 0 !important;
    padding: 14px !important;
    gap: 9px !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 78px 70px minmax(0, 1fr) !important;
    align-items: stretch !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .brand-2026 .hero-product-card .window-panel {
    min-height: 0 !important;
    height: 100% !important;
    padding: 11px 13px !important;
    box-sizing: border-box !important;
  }

  .brand-2026 .hero-product-card .window-panel.wide {
    min-height: 0 !important;
    height: 100% !important;
  }

  .brand-2026 .hero-product-card .window-panel strong {
    margin-top: 3px !important;
    font-size: 1.65rem !important;
  }

  .brand-2026 .hero-product-card .window-panel.wide .flow-line {
    margin-top: 8px !important;
  }

  .brand-2026 .hero-attendee-card,
  .brand-2026 .hero-printer-scene {
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    padding: 13px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Bottom-row cards occupy the final grid row exactly. */
  .brand-2026 .hero-attendee-card {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  .brand-2026 .hero-printer-scene {
    grid-column: 2 !important;
    grid-row: 3 !important;
  }

  /* Compact attendee card so its button remains inside the outer preview. */
  .brand-2026 .hero-attendee-card > strong {
    margin-top: 9px !important;
    font-size: 1.16rem !important;
  }

  .brand-2026 .hero-attendee-fields {
    margin-top: 7px !important;
    gap: 6px !important;
  }

  .brand-2026 .hero-attendee-fields > span {
    min-height: 34px !important;
    padding: 5px 7px !important;
  }

  .brand-2026 .hero-print-button-static {
    min-height: 32px !important;
    margin-top: 7px !important;
    padding: 0 11px !important;
    font-size: .65rem !important;
  }

  /*
   * Printer has a dedicated bounded stage.
   * The badge can travel farther down without leaving the printer card.
   */
  .brand-2026 .hero-printer-machine {
    inset: 40px 10px 7px !important;
    overflow: hidden !important;
    border-radius: 13px !important;
  }

  .brand-2026 .hero-printer-cover {
    height: 43px !important;
  }

  .brand-2026 .hero-printer-slot {
    left: 7% !important;
    right: 7% !important;
    top: 32px !important;
    height: 9px !important;
  }

  .brand-2026 .hero-output-badge {
    top: 37px !important;
    width: min(67%, 160px) !important;
    max-height: none !important;
    aspect-ratio: 1.72 / 1 !important;
    padding: 12px 10px 8px !important;
    transform: translate(-50%, -88%) scale(.94);
  }

  .brand-2026 .hero-output-badge > strong {
    margin-top: 7px !important;
    font-size: .88rem !important;
  }

  .brand-2026 .hero-output-badge-brand {
    font-size: .43rem !important;
  }

  .brand-2026 .hero-output-badge-company {
    margin-top: 3px !important;
    font-size: .49rem !important;
  }

  .brand-2026 .hero-output-badge-stage {
    left: 9px !important;
    bottom: 7px !important;
    min-height: 18px !important;
    padding: 0 7px !important;
    font-size: .48rem !important;
  }

  .brand-2026 .hero-output-badge img {
    right: 8px !important;
    bottom: 7px !important;
    width: 29px !important;
    height: 29px !important;
  }
}

/* Longer, more physical automatic feed motion. */
@keyframes heroLandingBadgeAutoPrint {
  0%,
  9% {
    opacity: 0;
    transform: translate(-50%, -88%) scale(.94);
  }

  15% {
    opacity: 1;
  }

  45%,
  78% {
    opacity: 1;
    transform: translate(-50%, 24px) scale(1);
  }

  88% {
    opacity: 0;
    transform: translate(-50%, 30px) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -88%) scale(.94);
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-2026 .hero-output-badge {
    opacity: 1 !important;
    transform: translate(-50%, 24px) scale(1) !important;
  }
}

/* Standard-height laptops: slightly tighter first two rows, protect bottom row. */
@media (min-width: 821px) and (max-height: 900px) {
  .brand-2026 .hero-product-card .window-grid {
    padding: 12px !important;
    gap: 8px !important;
    grid-template-rows: 70px 63px minmax(0, 1fr) !important;
  }

  .brand-2026 .hero-product-card .window-panel {
    padding: 9px 11px !important;
  }

  .brand-2026 .hero-product-card .window-panel strong {
    font-size: 1.52rem !important;
  }

  .brand-2026 .hero-attendee-card,
  .brand-2026 .hero-printer-scene {
    padding: 11px !important;
  }

  .brand-2026 .hero-printer-machine {
    inset: 37px 9px 6px !important;
  }

  .brand-2026 .hero-output-badge {
    width: min(64%, 150px) !important;
  }
}

/* Very short laptops: explicitly compact the inner preview rather than overflow it. */
@media (min-width: 821px) and (max-height: 780px) {
  .brand-2026 .hero-product-card .window-grid {
    padding: 10px !important;
    gap: 7px !important;
    grid-template-rows: 62px 56px minmax(0, 1fr) !important;
  }

  .brand-2026 .hero-product-card .window-panel {
    padding: 8px 10px !important;
  }

  .brand-2026 .hero-product-card .window-panel strong {
    font-size: 1.4rem !important;
  }

  .brand-2026 .hero-attendee-card > strong {
    margin-top: 6px !important;
    font-size: 1.02rem !important;
  }

  .brand-2026 .hero-attendee-fields {
    margin-top: 5px !important;
  }

  .brand-2026 .hero-attendee-fields > span {
    min-height: 30px !important;
  }

  .brand-2026 .hero-print-button-static {
    min-height: 29px !important;
  }

  .brand-2026 .hero-printer-machine {
    inset: 35px 8px 5px !important;
  }

  .brand-2026 .hero-output-badge {
    top: 34px !important;
    width: min(60%, 138px) !important;
  }
}

/* --------------------------------------------------------------------------
   B. Lime glow continuity — oversized blurred field, no rectangular edge.
   -------------------------------------------------------------------------- */
.brand-2026 .brand-atmosphere {
  overflow: visible !important;
}

.brand-2026 .brand-atmosphere::before {
  inset: -24vh -22vw !important;
  background:
    radial-gradient(
      ellipse 46% 58% at 82% 23%,
      rgba(215,255,69,.15) 0%,
      rgba(215,255,69,.085) 24%,
      rgba(215,255,69,.035) 43%,
      rgba(215,255,69,.012) 56%,
      transparent 72%
    ),
    radial-gradient(
      ellipse 36% 52% at 18% 40%,
      rgba(25,82,94,.11),
      rgba(25,82,94,.035) 48%,
      transparent 72%
    ) !important;
  filter: blur(34px) !important;
  transform: translateZ(0);
}

/* Keep the arc visible while letting it pass beyond the viewport naturally. */
.brand-2026 .brand-atmosphere::after {
  top: -390px !important;
  right: -350px !important;
  width: 820px !important;
  height: 820px !important;
  opacity: .84 !important;
}

/* Landing gets an extra diffuse glow behind the preview, with no hard bounds. */
body.brand-2026.viewport-locked-site .product-hero::before {
  left: 34% !important;
  top: -22% !important;
  width: 95% !important;
  height: 145% !important;
  background:
    radial-gradient(
      ellipse 52% 62% at 74% 27%,
      rgba(215,255,69,.10),
      rgba(215,255,69,.035) 42%,
      transparent 72%
    ) !important;
  filter: blur(28px) !important;
}

/* Takeovers use the same oversized fade so the right edge never appears cut. */
.brand-2026 .nav-takeover::before {
  inset: -18vh -18vw !important;
  background:
    radial-gradient(
      ellipse 46% 60% at 84% 18%,
      rgba(215,255,69,.115),
      rgba(215,255,69,.035) 44%,
      transparent 72%
    ),
    radial-gradient(
      ellipse 34% 50% at 18% 35%,
      rgba(25,82,94,.075),
      transparent 72%
    ) !important;
  filter: blur(28px);
}

@media (max-width: 820px) {
  .brand-2026 .brand-atmosphere::before {
    inset: -18vh -45vw !important;
    filter: blur(28px) !important;
  }

  .brand-2026 .brand-atmosphere::after {
    top: -275px !important;
    right: -330px !important;
    width: 590px !important;
    height: 590px !important;
  }

  /* Mobile preview returns to its native flexible sizing. */
  .brand-2026 .hero-product-card .window-grid {
    height: auto !important;
    grid-template-rows: none !important;
    overflow: visible !important;
  }

  .brand-2026 .hero-attendee-card,
  .brand-2026 .hero-printer-scene {
    height: auto !important;
    min-height: 220px !important;
  }

  .brand-2026 .hero-printer-scene,
  .brand-2026 .hero-printer-machine {
    overflow: hidden !important;
  }
}


/* ==========================================================================
   v1.12.7 — restore clean right-side background + printer front cover
   ========================================================================== */

/* --------------------------------------------------------------------------
   A. Global atmosphere: revert to bounded page background, no oversized blur.
   -------------------------------------------------------------------------- */
body.brand-2026 {
  overflow-x: hidden !important;
}

.brand-2026 .brand-atmosphere {
  overflow: hidden !important;
}

.brand-2026 .brand-atmosphere::before {
  inset: 0 !important;
  background:
    radial-gradient(
      ellipse 54% 78% at 88% 12%,
      rgba(215,255,69,.13) 0%,
      rgba(215,255,69,.070) 28%,
      rgba(215,255,69,.026) 48%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 42% 64% at 4% 24%,
      rgba(26,84,96,.12) 0%,
      rgba(26,84,96,.04) 42%,
      transparent 70%
    ) !important;
  filter: blur(8px) !important;
  transform: none !important;
}

.brand-2026 .brand-atmosphere::after {
  top: -360px !important;
  right: -300px !important;
  width: 760px !important;
  height: 760px !important;
  border: 2px solid rgba(215,255,69,.70) !important;
  border-radius: 50% !important;
  box-shadow:
    0 0 30px rgba(215,255,69,.12),
    inset 0 0 34px rgba(215,255,69,.04) !important;
  opacity: .88 !important;
}

/* No extra blurred overlay behind the landing hero. */
body.brand-2026.viewport-locked-site .product-hero::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Takeovers get the same clean bounded background treatment. */
.brand-2026 .nav-takeover::before {
  inset: 0 !important;
  background:
    radial-gradient(
      ellipse 58% 80% at 92% 8%,
      rgba(215,255,69,.10) 0%,
      rgba(215,255,69,.035) 42%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 36% 60% at 7% 24%,
      rgba(26,84,96,.08),
      transparent 70%
    ) !important;
  filter: none !important;
}

.brand-2026 .nav-takeover::after {
  content: "" !important;
  position: absolute !important;
  top: -380px !important;
  right: -315px !important;
  z-index: 0 !important;
  width: 760px !important;
  height: 760px !important;
  border: 2px solid rgba(215,255,69,.62) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 28px rgba(215,255,69,.10) !important;
  pointer-events: none !important;
}

/* --------------------------------------------------------------------------
   B. Hero composition: let the page background continue on the right.
   -------------------------------------------------------------------------- */
@media (min-width: 821px) {
  body.brand-2026.viewport-locked-site .product-hero {
    grid-template-columns: minmax(500px, .84fr) minmax(610px, 1.10fr) !important;
    column-gap: clamp(34px, 4vw, 60px) !important;
  }

  body.brand-2026.viewport-locked-site .hero-product-card {
    width: calc(100% - 56px) !important;
    justify-self: end !important;
    margin-right: 18px !important;
    margin-bottom: 8px !important;
    transform:
      perspective(1500px)
      rotateY(-1.7deg)
      rotateZ(-1.15deg)
      translateY(3px) !important;
    transform-origin: 50% 50% !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    width: 100% !important;
    height: min(566px, calc(100dvh - 164px)) !important;
    max-height: 566px !important;
  }

  .brand-2026 .landing-legal-bar-under-preview {
    width: calc(100% - 56px) !important;
    justify-self: end !important;
    margin-right: 18px !important;
  }
}

@media (min-width: 821px) and (max-height: 900px) {
  body.brand-2026.viewport-locked-site .hero-product-card {
    width: calc(100% - 48px) !important;
    margin-right: 16px !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    height: min(534px, calc(100dvh - 146px)) !important;
    max-height: 534px !important;
  }

  .brand-2026 .landing-legal-bar-under-preview {
    width: calc(100% - 48px) !important;
    margin-right: 16px !important;
  }
}

@media (min-width: 821px) and (max-height: 780px) {
  body.brand-2026.viewport-locked-site .hero-product-card {
    width: calc(100% - 42px) !important;
    margin-right: 14px !important;
  }

  body.brand-2026.viewport-locked-site .hero-window {
    height: min(490px, calc(100dvh - 136px)) !important;
    max-height: 490px !important;
  }

  .brand-2026 .landing-legal-bar-under-preview {
    width: calc(100% - 42px) !important;
    margin-right: 14px !important;
  }
}

/* --------------------------------------------------------------------------
   C. Printer visual: restore the visible front cover from the initial version.
   -------------------------------------------------------------------------- */
.brand-2026 .hero-printer-machine {
  background:
    linear-gradient(180deg, rgba(7,8,11,.025), transparent 45%),
    #eee4d0 !important;
  border: 1px solid rgba(7,8,11,.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    0 12px 24px rgba(0,0,0,.10) !important;
}

.brand-2026 .hero-printer-cover {
  position: absolute !important;
  inset: 0 0 auto !important;
  z-index: 4 !important;
  height: 52px !important;
  background:
    linear-gradient(180deg, #f3ead7, #eee4d0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 1px 0 rgba(7,8,11,.06) !important;
}

.brand-2026 .hero-printer-slot {
  top: 38px !important;
  height: 10px !important;
  background: #07080b !important;
  box-shadow:
    0 4px 0 rgba(7,8,11,.12),
    inset 0 2px 2px rgba(255,255,255,.08) !important;
}

.brand-2026 .hero-output-badge {
  top: 44px !important;
}

@media (min-width: 821px) {
  .brand-2026 .hero-printer-machine {
    inset: 44px 10px 8px !important;
    border-radius: 14px !important;
  }

  .brand-2026 .hero-printer-cover {
    height: 50px !important;
  }

  .brand-2026 .hero-printer-slot {
    left: 8% !important;
    right: 8% !important;
    top: 36px !important;
    height: 10px !important;
  }

  .brand-2026 .hero-output-badge {
    top: 42px !important;
    width: min(66%, 158px) !important;
  }
}

@media (min-width: 821px) and (max-height: 900px) {
  .brand-2026 .hero-printer-machine {
    inset: 41px 9px 7px !important;
  }

  .brand-2026 .hero-printer-cover {
    height: 47px !important;
  }

  .brand-2026 .hero-printer-slot {
    top: 34px !important;
  }

  .brand-2026 .hero-output-badge {
    top: 39px !important;
  }
}

@media (max-width: 820px) {
  .brand-2026 .brand-atmosphere::before {
    inset: 0 !important;
    filter: blur(7px) !important;
  }

  .brand-2026 .brand-atmosphere::after {
    top: -275px !important;
    right: -275px !important;
    width: 590px !important;
    height: 590px !important;
  }
}


/* --------------------------------------------------------------------------
   v1.12.8 — hero preview nudge + cleaner printer badge travel
   -------------------------------------------------------------------------- */
@media (min-width: 821px) {
  body.brand-2026.viewport-locked-site .hero-product-card {
    width: calc(100% - 86px) !important;
    margin-right: 48px !important;
  }

  .brand-2026 .landing-legal-bar-under-preview {
    width: calc(100% - 86px) !important;
    margin-right: 48px !important;
  }
}

@media (min-width: 821px) and (max-height: 900px) {
  body.brand-2026.viewport-locked-site .hero-product-card {
    width: calc(100% - 78px) !important;
    margin-right: 44px !important;
  }

  .brand-2026 .landing-legal-bar-under-preview {
    width: calc(100% - 78px) !important;
    margin-right: 44px !important;
  }
}

@media (min-width: 821px) and (max-height: 780px) {
  body.brand-2026.viewport-locked-site .hero-product-card {
    width: calc(100% - 72px) !important;
    margin-right: 40px !important;
  }

  .brand-2026 .landing-legal-bar-under-preview {
    width: calc(100% - 72px) !important;
    margin-right: 40px !important;
  }
}

.brand-2026 .hero-output-badge {
  top: 35px !important;
  width: min(68%, 164px) !important;
  aspect-ratio: 1.58 / 1 !important;
  padding: 14px 12px 11px !important;
  transform: translate(-50%, -98%) scale(.96);
}

.brand-2026 .hero-output-badge-brand {
  margin-top: 1px !important;
  font-size: .48rem !important;
  letter-spacing: .10em !important;
}

.brand-2026 .hero-output-badge > strong {
  max-width: calc(100% - 48px) !important;
  margin-top: 10px !important;
  font-size: 1rem !important;
  line-height: 1.02 !important;
  letter-spacing: -.03em !important;
}

.brand-2026 .hero-output-badge-company {
  margin-top: 4px !important;
  color: rgba(7,8,11,.72) !important;
  font-size: .55rem !important;
  font-weight: 850 !important;
}

.brand-2026 .hero-output-badge-stage {
  left: 12px !important;
  bottom: 9px !important;
  min-height: 21px !important;
  padding: 0 8px !important;
  font-size: .53rem !important;
}

.brand-2026 .hero-output-badge img {
  right: 10px !important;
  bottom: 9px !important;
  width: 34px !important;
  height: 34px !important;
  padding: 2px !important;
}

.brand-2026 .hero-printer-scene.is-printing .hero-output-badge {
  animation: heroLandingBadgeFeedBrand2026 1.55s cubic-bezier(.18,.82,.2,1) forwards !important;
}

.brand-2026 .hero-printer-scene.is-printed .hero-output-badge {
  opacity: 1 !important;
  transform: translate(-50%, 20px) scale(1) !important;
}

@keyframes heroLandingBadgeFeedBrand2026 {
  0% {
    opacity: 0;
    transform: translate(-50%, -98%) scale(.96);
  }
  15% {
    opacity: 1;
  }
  72%,
  100% {
    opacity: 1;
    transform: translate(-50%, 20px) scale(1);
  }
}

@media (min-width: 821px) {
  .brand-2026 .hero-output-badge {
    top: 34px !important;
    width: min(68%, 164px) !important;
  }
}

@media (min-width: 821px) and (max-height: 900px) {
  .brand-2026 .hero-output-badge {
    top: 33px !important;
  }
}


/* ==========================================================================
   v1.12.9 — restore automatic badge feed animation
   ========================================================================== */

/*
 * v1.12.8 used an !important transform on .hero-output-badge.
 * Important transforms override animation transforms, freezing the badge.
 * The badge now starts above the slot and feeds through it repeatedly.
 */
.brand-2026 .hero-output-badge {
  animation: heroLandingBadgeAutoPrintV129 4.8s cubic-bezier(.18,.82,.2,1) infinite !important;
  will-change: transform, opacity;
}

@keyframes heroLandingBadgeAutoPrintV129 {
  0%,
  9% {
    opacity: 0;
    transform: translate(-50%, -98%) scale(.96);
  }

  14% {
    opacity: 1;
    transform: translate(-50%, -88%) scale(.97);
  }

  44%,
  76% {
    opacity: 1;
    transform: translate(-50%, 20px) scale(1);
  }

  87% {
    opacity: 0;
    transform: translate(-50%, 26px) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -98%) scale(.96);
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-2026 .hero-output-badge {
    animation: none !important;
    opacity: 1 !important;
    transform: translate(-50%, 20px) scale(1) !important;
  }
}


/* ==========================================================================
   v1.12.11 — hero guest-arrival flow alignment polish
   Moves the 3 green flow buttons slightly to the right and slightly higher,
   keeping them visually inside the wide panel next to the section label.
   ========================================================================== */
@media (min-width: 821px) {
  .brand-2026 .hero-product-card .window-panel.wide {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 14px !important;
  }

  .brand-2026 .hero-product-card .window-panel.wide label {
    margin: 0 !important;
    white-space: nowrap !important;
    align-self: center !important;
  }

  .brand-2026 .hero-product-card .window-panel.wide .flow-line {
    margin-top: 0 !important;
    margin-left: 0 !important;
    padding-left: 16px !important;
    border-left: 1px solid rgba(243, 234, 215, 0.14) !important;
    justify-content: flex-start !important;
    align-self: center !important;
    transform: translateY(-4px) !important;
  }
}


/* v1.13.0 — platform architecture expansion */
.brand-2026 .platform-architecture-section{padding-top:clamp(34px,5vw,64px)}
.brand-2026 .platform-area-grid{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.brand-2026 .platform-area-grid article{min-width:0;padding:20px 21px;border:1px solid rgba(243,234,215,.1);border-radius:18px;background:linear-gradient(180deg,rgba(243,234,215,.035),rgba(243,234,215,.012))}
.brand-2026 .platform-area-grid article>span{display:block;color:#3DD6FF;font-size:.68rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.brand-2026 .platform-area-grid article>strong{display:block;margin-top:9px;color:#F3EAD7;font-size:1.08rem;line-height:1.25;letter-spacing:-.02em}
.brand-2026 .platform-area-grid article>p{margin:9px 0 0;color:#a8adb8;font-size:.83rem;line-height:1.58}
.brand-2026 .onsite-capability-row{margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.brand-2026 .onsite-capability-row article{min-width:0;padding:17px;border:1px solid rgba(243,234,215,.1);border-radius:16px;background:rgba(7,8,11,.3)}
.brand-2026 .onsite-capability-row strong,.brand-2026 .onsite-capability-row span{display:block}
.brand-2026 .onsite-capability-row strong{color:#F3EAD7;font-size:.86rem;line-height:1.3}
.brand-2026 .onsite-capability-row span{margin-top:7px;color:#8f96a1;font-size:.75rem;line-height:1.5}
@media(max-width:900px){.brand-2026 .platform-area-grid{grid-template-columns:1fr}.brand-2026 .onsite-capability-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.brand-2026 .onsite-capability-row{grid-template-columns:1fr}}


/* v1.14.0 — clickable product map cards */
.brand-2026 .platform-area-grid .platform-area-card{display:block;min-width:0;padding:20px 21px;border:1px solid rgba(243,234,215,.1);border-radius:18px;background:linear-gradient(180deg,rgba(243,234,215,.035),rgba(243,234,215,.012));text-decoration:none;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.brand-2026 .platform-area-grid .platform-area-card:hover{border-color:rgba(215,255,69,.3);background:linear-gradient(180deg,rgba(215,255,69,.055),rgba(243,234,215,.015));transform:translateY(-2px)}
.brand-2026 .platform-area-grid .platform-area-card>span{display:block;color:#3DD6FF;font-size:.68rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.brand-2026 .platform-area-grid .platform-area-card>strong{display:block;margin-top:9px;color:#F3EAD7;font-size:1.08rem;line-height:1.25;letter-spacing:-.02em}
.brand-2026 .platform-area-grid .platform-area-card>p{margin:9px 0 0;color:#a8adb8;font-size:.83rem;line-height:1.58}

/* v1.17.0 — attendee lifecycle + role map */
.brand-2026 .experience-lifecycle{margin-top:24px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.brand-2026 .experience-lifecycle article,.brand-2026 .role-experience-grid article{padding:16px;border:1px solid rgba(243,234,215,.1);border-radius:16px;background:linear-gradient(180deg,rgba(243,234,215,.035),rgba(243,234,215,.012))}.brand-2026 .experience-lifecycle article>span,.brand-2026 .role-experience-grid article>span{display:block;color:#3DD6FF;font-size:.62rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.brand-2026 .experience-lifecycle article>strong,.brand-2026 .role-experience-grid article>strong{display:block;margin-top:8px;color:#F3EAD7;font-size:.92rem;line-height:1.2}.brand-2026 .experience-lifecycle article>p,.brand-2026 .role-experience-grid article>p{margin:7px 0 0;color:#a8adb8;font-size:.72rem;line-height:1.48}.brand-2026 .role-experience-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.brand-2026 .role-experience-grid article>span{color:#D7FF45}.brand-2026 .platform-architecture-section>.product-story-actions{margin-top:18px}
@media(max-width:1100px){.brand-2026 .experience-lifecycle{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.brand-2026 .experience-lifecycle,.brand-2026 .role-experience-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.brand-2026 .experience-lifecycle,.brand-2026 .role-experience-grid{grid-template-columns:1fr}}