:root{
  --ink:#0a0f1a;
  --muted:#64748b;
  --accent:#0ea5e9;
  --accent-bright:#38bdf8;
  --accent-deep:#0369a1;
  --accent-light:#bae6fd;
  --accent-lighter:#e0f2fe;
  --blue-50:#e0f7ff;
  --blue-100:#f4fbff;
  --blue-200:#eaf8ff;
  --blue-500:#0ea5e9;
  --blue-600:#0284c7;
  --blue-700:#0369a1;
  --blue-800:#075985;
  --blue-900:#0c4a6e;
  --blue-950:#082f49;
  --green:#22c55e;
  --bg:#e0f7ff;
  --white:#ffffff;
  --dark:#0b4d6e;
  --dark-card:#0d5f80;
  --dark-lighter:#1280a8;
  --border:rgba(37,99,235,.1);
  --border-strong:rgba(37,99,235,.18);
  --max:1200px;
  --pad:clamp(20px,5vw,80px);
  --r:20px;
  --r-sm:14px;
  --font:"Inter",system-ui,-apple-system,sans-serif;
  --serif:"Inter",system-ui,-apple-system,sans-serif;
}

/* V115: remove the cheap numbered homepage route, strengthen the direct
   comparison, and turn the project check into a non-numbered readiness list. */
.compare-stage{
  padding:clamp(58px,6.4vw,92px) 0!important;
}

.compare-stage .compare-shell{
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;
  gap:42px!important;
  align-items:start!important;
}

.freight-compare-table{
  width:100%!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#f8fdff 0%,#eaf8fe 100%)!important;
  border:1px solid rgba(216,242,255,.82)!important;
  box-shadow:0 28px 70px rgba(0,39,63,.28),inset 0 1px 0 rgba(255,255,255,.96)!important;
  color:#092a3c!important;
}

.freight-table-head,
.freight-table-row{
  display:grid!important;
  grid-template-columns:minmax(118px,.72fr) minmax(180px,1fr) minmax(210px,1.18fr)!important;
}

.freight-table-head{
  background:linear-gradient(90deg,#083a55 0%,#0b6f91 48%,#12aeb2 100%)!important;
  color:#fff!important;
}

.freight-table-head span,
.freight-table-head strong{
  padding:18px 22px!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.freight-table-head strong:last-child{
  background:rgba(56,189,248,.18)!important;
}

.freight-table-row{
  border-bottom:1px solid rgba(11,111,145,.15)!important;
}

.freight-table-row:last-child{
  border-bottom:0!important;
}

.freight-table-row > *{
  min-width:0!important;
  padding:20px 22px!important;
}

.freight-topic{
  display:flex!important;
  align-items:center!important;
  color:#073a56!important;
  font-size:15px!important;
  font-weight:950!important;
  background:linear-gradient(180deg,rgba(226,247,255,.96),rgba(208,239,250,.92))!important;
  border-right:1px solid rgba(11,111,145,.14)!important;
}

.freight-table-row p{
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  min-height:70px!important;
  color:#16384a!important;
  font-size:14.5px!important;
  line-height:1.55!important;
  font-weight:780!important;
  background:rgba(255,255,255,.72)!important;
  border-right:1px solid rgba(11,111,145,.12)!important;
}

.freight-table-row p:last-child{
  color:#062d43!important;
  background:linear-gradient(135deg,rgba(221,249,255,.92),rgba(204,245,235,.94))!important;
  border-right:0!important;
  font-weight:880!important;
}

.ai-orientation-section{
  background:linear-gradient(180deg,#0d759b 0%,#0f86aa 100%)!important;
  color:#fff!important;
  padding:clamp(58px,6vw,86px) 0!important;
}

.ai-orientation-section .ai-orientation-grid{
  grid-template-columns:1fr!important;
  gap:26px!important;
}

.ai-orientation-copy{
  max-width:920px!important;
  margin:0 auto!important;
  text-align:center!important;
}

.ai-orientation-copy .section-label,
.ai-orientation-copy h2,
.ai-orientation-copy .section-intro{
  color:#fff!important;
}

.ai-orientation-copy h2{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.ai-orientation-copy .section-intro{
  max-width:660px!important;
  margin:18px auto 0!important;
  opacity:.94!important;
}

.project-checklist{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  margin:34px auto 0!important;
  text-align:left!important;
}

.project-checklist span{
  position:relative!important;
  min-height:132px!important;
  padding:24px 20px 22px!important;
  border-radius:18px!important;
  background:linear-gradient(150deg,#ffffff 0%,#edf9fe 100%)!important;
  border:1px solid rgba(216,242,255,.92)!important;
  box-shadow:0 18px 40px rgba(1,35,54,.18),inset 0 1px 0 rgba(255,255,255,.96)!important;
  overflow:hidden!important;
}

.project-checklist span::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:7px!important;
  background:linear-gradient(180deg,#24d1b4,#0ea5e9)!important;
}

.project-checklist strong{
  display:block!important;
  color:#082f45!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:950!important;
  margin:0 0 10px!important;
}

.project-checklist small{
  display:block!important;
  color:#31566a!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:800!important;
}

.ai-orientation-section .partnership-note{
  width:min(760px,100%)!important;
  margin:6px auto 0!important;
  padding:30px 34px!important;
  text-align:center!important;
  border-radius:22px!important;
  background:#ffffff!important;
  color:#082f45!important;
  border:1px solid rgba(216,242,255,.86)!important;
  box-shadow:0 24px 60px rgba(0,39,63,.22)!important;
}

.ai-orientation-section .partnership-note p{
  max-width:560px!important;
  margin:0 auto 20px!important;
  color:#12384c!important;
  font-size:16px!important;
  line-height:1.65!important;
  font-weight:820!important;
}

@media(max-width:1020px){
  .compare-stage .compare-shell{
    grid-template-columns:1fr!important;
  }

  .project-checklist{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:720px){
  .freight-table-head{
    display:none!important;
  }

  .freight-table-row{
    grid-template-columns:1fr!important;
    margin:0!important;
    border-bottom:12px solid rgba(11,111,145,.1)!important;
  }

  .freight-table-row > *{
    padding:15px 18px!important;
  }

  .freight-topic{
    color:#fff!important;
    background:linear-gradient(90deg,#083a55,#0b86a4)!important;
    border-right:0!important;
  }

  .freight-table-row p{
    display:block!important;
    min-height:auto!important;
    border-right:0!important;
    border-top:1px solid rgba(11,111,145,.12)!important;
    text-align:left!important;
  }

  .freight-table-row p::before{
    display:block!important;
    margin:0 0 6px!important;
    color:#0b6f91!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }

  .freight-table-row p:nth-of-type(1)::before{
    content:"Normale Spedition"!important;
  }

  .freight-table-row p:nth-of-type(2)::before{
    content:"E-Gate"!important;
  }

  .project-checklist{
    grid-template-columns:1fr!important;
  }

  .project-checklist span{
    min-height:auto!important;
  }

  .ai-orientation-section .partnership-note{
    padding:26px 22px!important;
  }
}

/* V122: final footer adjustment, no social channels and stronger project CTA. */
footer .wrap.footer-reference-layout{
  grid-template-columns:minmax(180px,.85fr) minmax(220px,.95fr) minmax(280px,1.25fr)!important;
  gap:clamp(34px,4vw,76px)!important;
}

.footer-reference-layout .footer-col h4{
  font-size:clamp(18px,1.28vw,24px)!important;
  margin-bottom:18px!important;
  letter-spacing:.06em!important;
}

.footer-reference-layout .footer-company a,
.footer-reference-layout .footer-info p,
.footer-reference-layout .footer-info a,
.footer-reference-layout .footer-info span{
  font-size:clamp(14px,.98vw,17px)!important;
  line-height:1.48!important;
}

.footer-reference-layout .footer-company a{
  margin-bottom:11px!important;
}

.footer-reference-layout .footer-info p{
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:10px!important;
  margin-bottom:10px!important;
  max-width:340px!important;
}

.footer-info-icon{
  width:18px!important;
  font-size:14px!important;
  line-height:1.48!important;
}

.footer-project{
  align-self:start!important;
  padding:2px 0 0!important;
}

.footer-project h4{
  margin-bottom:16px!important;
}

.footer-project p{
  max-width:430px!important;
  margin-bottom:18px!important;
  color:#606776!important;
  font-size:clamp(15px,1.04vw,18px)!important;
  line-height:1.55!important;
  font-weight:650!important;
}

.footer-project-cta{
  width:min(100%,410px)!important;
  min-height:66px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  background:linear-gradient(135deg,#0b4d6e 0%,#0786a7 52%,#17c4b8 100%)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:.2em!important;
  box-shadow:0 22px 46px rgba(7,134,167,.26),inset 0 1px 0 rgba(255,255,255,.36)!important;
}

.footer-project-cta::after{
  content:"→"!important;
  margin-left:14px!important;
  font-size:18px!important;
  line-height:1!important;
}

.footer-project-cta:hover{
  background:linear-gradient(135deg,#073a56 0%,#0d759b 48%,#0fbba9 100%)!important;
  box-shadow:0 26px 54px rgba(7,134,167,.34),inset 0 1px 0 rgba(255,255,255,.42)!important;
}

@media(max-width:980px){
  footer .wrap.footer-reference-layout{
    grid-template-columns:1fr 1fr!important;
  }

  .footer-project{
    grid-column:1/-1!important;
  }
}

@media(max-width:640px){
  footer .wrap.footer-reference-layout{
    grid-template-columns:1fr!important;
  }

  .footer-project-cta{
    width:100%!important;
    min-height:60px!important;
  }
}

/* V117: Leistungen feature section as left-title/right-information rows. */
.feature-rows{
  width:min(1040px,100%)!important;
  margin:38px auto 0!important;
  display:grid!important;
  gap:14px!important;
}

.feature-row{
  display:grid!important;
  grid-template-columns:minmax(210px,.42fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(227,246,253,.96))!important;
  border:1px solid rgba(216,242,255,.86)!important;
  box-shadow:0 18px 42px rgba(1,35,54,.18),inset 0 1px 0 rgba(255,255,255,.96)!important;
}

.feature-row-title{
  display:flex!important;
  align-items:center!important;
  padding:26px 28px!important;
  color:#062d43!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:950!important;
  background:linear-gradient(180deg,#dff5fd 0%,#cceef8 100%)!important;
  border-right:1px solid rgba(11,111,145,.16)!important;
}

.feature-row-info{
  display:flex!important;
  align-items:center!important;
  padding:26px 30px!important;
  color:#183e52!important;
  font-size:16px!important;
  line-height:1.65!important;
  font-weight:820!important;
}

.feature-row:nth-child(even) .feature-row-title{
  background:linear-gradient(180deg,#e9fbff 0%,#d9f7ee 100%)!important;
}

@media(max-width:720px){
  .feature-row{
    grid-template-columns:1fr!important;
  }

  .feature-row-title{
    padding:22px 22px 10px!important;
    border-right:0!important;
    background:linear-gradient(180deg,#e7f8fe 0%,#f4fcff 100%)!important;
  }

  .feature-row-info{
    padding:10px 22px 22px!important;
    font-size:15px!important;
  }
}

/* V116 final override at EOF: project-check items as a real list. */
.project-checklist{
  width:min(840px,100%)!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin:34px auto 0!important;
}

.project-checklist span{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(120px,.42fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  padding:18px 22px 18px 64px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(232,248,254,.96))!important;
  border:1px solid rgba(216,242,255,.88)!important;
  box-shadow:0 16px 36px rgba(1,35,54,.14),inset 0 1px 0 rgba(255,255,255,.96)!important;
  position:relative!important;
  overflow:hidden!important;
}

.project-checklist span::before{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  bottom:auto!important;
  width:26px!important;
  height:26px!important;
  transform:translateY(-50%)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#19d2a7,#0ea5e9)!important;
  box-shadow:0 10px 22px rgba(1,35,54,.18)!important;
}

.project-checklist span::after{
  content:""!important;
  position:absolute!important;
  left:31px!important;
  top:50%!important;
  width:8px!important;
  height:13px!important;
  border-right:3px solid #fff!important;
  border-bottom:3px solid #fff!important;
  transform:translateY(-58%) rotate(45deg)!important;
}

.project-checklist strong{
  margin:0!important;
  color:#062d43!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:0!important;
}

.project-checklist small{
  margin:0!important;
  color:#244f64!important;
  font-size:14.5px!important;
  line-height:1.48!important;
  font-weight:820!important;
}

.ai-orientation-section .partnership-note{
  width:min(720px,100%)!important;
  padding:32px 36px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f0fbff 100%)!important;
}

.project-check-cta{
  min-height:58px!important;
  padding:0 34px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#061c2f 0%,#0b6f91 52%,#17c4ad 100%)!important;
  color:#fff!important;
  box-shadow:0 18px 34px rgba(1,35,54,.26),inset 0 1px 0 rgba(255,255,255,.28)!important;
  letter-spacing:.02em!important;
  font-weight:950!important;
}

.project-check-cta:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 22px 42px rgba(1,35,54,.32),inset 0 1px 0 rgba(255,255,255,.3)!important;
}

@media(max-width:720px){
  .project-checklist span{
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:18px 18px 18px 58px!important;
  }

  .project-checklist span::before{
    left:18px!important;
  }

  .project-checklist span::after{
    left:27px!important;
  }

  .project-checklist strong{
    font-size:19px!important;
  }

  .project-checklist small{
    font-size:14px!important;
  }

  .ai-orientation-section .partnership-note{
    padding:28px 20px!important;
  }
}

/* V116 final override: project-check items as a real list, not cards. */
.project-checklist{
  width:min(840px,100%)!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin:34px auto 0!important;
}

.project-checklist span{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(120px,.42fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  padding:18px 22px 18px 64px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(232,248,254,.96))!important;
  border:1px solid rgba(216,242,255,.88)!important;
  box-shadow:0 16px 36px rgba(1,35,54,.14),inset 0 1px 0 rgba(255,255,255,.96)!important;
  position:relative!important;
  overflow:hidden!important;
}

.project-checklist span::before{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  bottom:auto!important;
  width:26px!important;
  height:26px!important;
  transform:translateY(-50%)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#19d2a7,#0ea5e9)!important;
  box-shadow:0 10px 22px rgba(1,35,54,.18)!important;
}

.project-checklist span::after{
  content:""!important;
  position:absolute!important;
  left:31px!important;
  top:50%!important;
  width:8px!important;
  height:13px!important;
  border-right:3px solid #fff!important;
  border-bottom:3px solid #fff!important;
  transform:translateY(-58%) rotate(45deg)!important;
}

.project-checklist strong{
  margin:0!important;
  color:#062d43!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:0!important;
}

.project-checklist small{
  margin:0!important;
  color:#244f64!important;
  font-size:14.5px!important;
  line-height:1.48!important;
  font-weight:820!important;
}

.ai-orientation-section .partnership-note{
  width:min(720px,100%)!important;
  padding:32px 36px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f0fbff 100%)!important;
}

.project-check-cta{
  min-height:58px!important;
  padding:0 34px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#061c2f 0%,#0b6f91 52%,#17c4ad 100%)!important;
  color:#fff!important;
  box-shadow:0 18px 34px rgba(1,35,54,.26),inset 0 1px 0 rgba(255,255,255,.28)!important;
  letter-spacing:.02em!important;
  font-weight:950!important;
}

.project-check-cta:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 22px 42px rgba(1,35,54,.32),inset 0 1px 0 rgba(255,255,255,.3)!important;
}

@media(max-width:720px){
  .project-checklist span{
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:18px 18px 18px 58px!important;
  }

  .project-checklist span::before{
    left:18px!important;
  }

  .project-checklist span::after{
    left:27px!important;
  }

  .project-checklist strong{
    font-size:19px!important;
  }

  .project-checklist small{
    font-size:14px!important;
  }

  .ai-orientation-section .partnership-note{
    padding:28px 20px!important;
  }
}

/* V116: cleaner project-check list and stronger CTA button. */
.project-checklist{
  width:min(840px,100%)!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin:34px auto 0!important;
}

.project-checklist span{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(120px,.42fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  padding:18px 22px 18px 64px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(232,248,254,.96))!important;
  border:1px solid rgba(216,242,255,.88)!important;
  box-shadow:0 16px 36px rgba(1,35,54,.14),inset 0 1px 0 rgba(255,255,255,.96)!important;
}

.project-checklist span::before{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  bottom:auto!important;
  width:26px!important;
  height:26px!important;
  transform:translateY(-50%)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#19d2a7,#0ea5e9)!important;
  box-shadow:0 10px 22px rgba(1,35,54,.18)!important;
}

.project-checklist span::after{
  content:""!important;
  position:absolute!important;
  left:31px!important;
  top:50%!important;
  width:8px!important;
  height:13px!important;
  border-right:3px solid #fff!important;
  border-bottom:3px solid #fff!important;
  transform:translateY(-58%) rotate(45deg)!important;
}

.project-checklist strong{
  margin:0!important;
  color:#062d43!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:0!important;
}

.project-checklist small{
  margin:0!important;
  color:#244f64!important;
  font-size:14.5px!important;
  line-height:1.48!important;
  font-weight:820!important;
}

.ai-orientation-section .partnership-note{
  width:min(720px,100%)!important;
  padding:32px 36px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f0fbff 100%)!important;
}

.project-check-cta{
  min-height:58px!important;
  padding:0 34px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#061c2f 0%,#0b6f91 52%,#17c4ad 100%)!important;
  color:#fff!important;
  box-shadow:0 18px 34px rgba(1,35,54,.26),inset 0 1px 0 rgba(255,255,255,.28)!important;
  letter-spacing:.02em!important;
  font-weight:950!important;
}

.project-check-cta:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 22px 42px rgba(1,35,54,.32),inset 0 1px 0 rgba(255,255,255,.3)!important;
}

@media(max-width:720px){
  .project-checklist span{
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:18px 18px 18px 58px!important;
  }

  .project-checklist span::before{
    left:18px!important;
  }

  .project-checklist span::after{
    left:27px!important;
  }

  .project-checklist strong{
    font-size:19px!important;
  }

  .project-checklist small{
    font-size:14px!important;
  }

  .ai-orientation-section .partnership-note{
    padding:28px 20px!important;
  }
}

*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:#0d759b;line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}
html,body{max-width:100%;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(var(--max),calc(100% - var(--pad)*2));margin:0 auto}

h1,h2,h3{font-family:var(--font);font-weight:800;line-height:1.08;letter-spacing:0}
h2.spaced{letter-spacing:.12em;word-spacing:.15em}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;min-height:54px;padding:0 36px;border-radius:100px;font-weight:700;font-size:15px;border:2px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;transition:all .3s ease;font-family:var(--font);letter-spacing:.02em}
.btn:hover{background:var(--blue-700);border-color:var(--blue-700);transform:translateY(-2px);box-shadow:0 8px 32px rgba(37,99,235,.3)}
.btn-ghost{background:transparent;color:var(--accent);border-color:var(--accent)}
.btn-ghost:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}
.hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.hero .btn-ghost:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.6);color:#fff}
.hero .btn{background:rgba(255,255,255,.95);border-color:rgba(255,255,255,.95);color:var(--accent)}
.hero .btn:hover{background:#fff;border-color:#fff;box-shadow:0 8px 32px rgba(255,255,255,.2)}
.btn-dark{background:var(--dark);border-color:var(--dark);color:#fff}
.btn-dark:hover{background:var(--dark-card);border-color:var(--dark-card);box-shadow:0 8px 32px rgba(0,0,0,.2)}
.btn-white{background:#fff;border-color:#fff;color:var(--accent)}
.btn-white:hover{background:rgba(255,255,255,.92);transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,255,255,.2)}

/* NAV */
.site-nav{padding:12px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#0c5a7a 0%,#0b4d6e 50%,#0b3954 100%);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:0;box-shadow:0 12px 36px rgba(1,12,24,.12);width:100%;max-width:100%}
.logo{height:56px;width:auto;flex-shrink:0;background:transparent;display:flex;align-items:center}
.logo img{height:100%;width:auto;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:600;color:rgba(255,255,255,.7)}
.nav-links a{transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-links .btn{min-height:42px;padding:0 24px;font-size:14px;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}
.nav-links .btn:hover{background:var(--accent);border-color:var(--accent)}
.nav-links .btn.active{background:var(--accent);border-color:var(--accent);color:#fff}

/* HERO */
.hero{padding:80px 0 0;text-align:left;position:relative;overflow:hidden;background:linear-gradient(180deg,#0b3954 0%,#0c5a7a 28%,#0e6d94 48%,#1089b5 68%,#0d8fbd 80%,#0b6788 92%,#0b4d6e 100%);color:#fff}
.hero::before{content:"";position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);pointer-events:none}
.hero::after{content:"";position:absolute;inset:0 38% 0 0;background:linear-gradient(90deg,rgba(6,30,47,.78) 0%,rgba(6,30,47,.42) 58%,transparent 100%);z-index:0;pointer-events:none}
.hero .wrap{max-width:var(--max);position:relative;z-index:2}

.hero-split{display:grid;grid-template-columns:minmax(0,720px) 1fr;gap:60px;align-items:center;padding-bottom:80px}
.hero-text{max-width:720px}
.hero-slogan{display:inline-block;padding:10px 24px;border-radius:100px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:#4ade80;font-size:14px;font-weight:600;margin-bottom:28px;backdrop-filter:blur(8px)}
.hero-tag{display:inline-block;padding:8px 20px;border-radius:100px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px;backdrop-filter:blur(8px)}
.hero-arrow{font-size:16px;vertical-align:middle;margin:0 2px}
h1{font-size:clamp(38px,5vw,64px);margin-bottom:24px;letter-spacing:-.01em}
.hero h1{color:#fff;text-shadow:0 3px 22px rgba(1,12,24,.72),0 0 2px rgba(255,255,255,.34)}
.gradient-text{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:#fff;background-clip:initial;color:#fff}
.hero-sub{color:#f4fbff;font-size:clamp(16px,1.4vw,19px);max-width:500px;margin-bottom:40px;line-height:1.7;text-shadow:0 2px 14px rgba(1,12,24,.72)}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-brands{padding:34px 0 72px;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(18,128,168,.18) 32%,rgba(14,109,148,.52) 80%,#0d759b 100%);position:relative;z-index:2}
.hero-brands p{font-size:13px;font-weight:600;color:var(--blue-200);letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}

/* DASHBOARD MOCKUP IN HERO */
.hero-visual{perspective:1000px;position:relative;z-index:3}
.dashboard-mockup{background:linear-gradient(135deg,#f4fbff 0%,#dff3fb 100%);border-radius:16px;border:1px solid rgba(255,255,255,.58);box-shadow:0 24px 62px rgba(1,12,24,.28);overflow:hidden;transform:rotateY(-5deg) rotateX(2deg);transition:transform .5s ease;animation:mockFloat 6s ease-in-out infinite;color:#0b3349}
.dashboard-mockup:hover{transform:rotateY(0) rotateX(0)}
.mock-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#0b6f91;border-bottom:1px solid rgba(255,255,255,.24)}
.mock-dots{display:flex;gap:6px}
.mock-dots span{width:10px;height:10px;border-radius:50%}
.mock-dots span:nth-child(1){background:#ef4444}
.mock-dots span:nth-child(2){background:#eab308}
.mock-dots span:nth-child(3){background:#22c55e}
.mock-title{font-size:12px;font-weight:700;color:#fff;letter-spacing:.05em}
.mock-body{padding:20px}
.mock-status-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;font-size:13px;color:#284b5f;margin-bottom:6px;transition:background .3s}
.mock-status-row span{font-weight:600}
.mock-status-row.highlight{background:#d8f2ff;color:#0b3349}
.mock-indicator{width:8px;height:8px;border-radius:50%;background:rgba(100,116,139,.4);flex-shrink:0}
.mock-indicator.active{background:var(--green)}
.mock-indicator.pulse{background:var(--accent-bright);animation:indicatorPulse 2s ease infinite}
.mock-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;margin-left:auto}
.mock-badge.done{background:rgba(34,197,94,.15);color:#22c55e}
.mock-badge.progress{background:rgba(59,130,246,.2);color:var(--accent-bright)}
.mock-badge.pending{background:rgba(100,116,139,.12);color:#475569}
.mock-chart{display:flex;align-items:flex-end;gap:8px;height:60px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(59,130,246,.1)}
.mock-bar{flex:1;background:rgba(11,77,110,.14);border-radius:4px 4px 0 0;transition:height 1s ease}
.mock-bar.active{background:linear-gradient(180deg,var(--accent-bright),var(--accent))}

@keyframes mockFloat{0%,100%{transform:rotateY(-5deg) rotateX(2deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(2deg) translateY(-8px)}}
@keyframes indicatorPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{opacity:.8;box-shadow:0 0 0 6px rgba(59,130,246,0)}}

/* KI HIGHLIGHT SECTION */
.section-ki-highlight{padding:clamp(64px,8vw,96px) 0;background:linear-gradient(180deg,#0c5a7a 0%,#0e6d94 30%,#0e6d94 70%,#0c5a7a 100%);color:#fff;position:relative;overflow:hidden}
.section-ki-highlight h2,.section-ki-highlight h3{color:#fff}
.ki-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.ki-hero-text h2{font-size:clamp(32px,4vw,48px);margin-bottom:20px}
.ki-hero-text p{color:var(--blue-200);font-size:17px;line-height:1.8;margin-bottom:32px}
.ki-features{display:grid;gap:14px}
.ki-feat{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:#fff}
.ki-feat-icon{color:var(--accent-bright);font-size:10px}

.ki-live-card{background:linear-gradient(135deg,#0d6f91 0%,#0d5f80 100%);border-radius:16px;border:1px solid rgba(216,242,255,.18);overflow:hidden;box-shadow:0 14px 34px rgba(1,12,24,.14)}
.ki-live-header{display:flex;align-items:center;gap:10px;padding:16px 24px;background:rgba(0,0,0,.2);font-size:13px;font-weight:700;color:var(--blue-200);letter-spacing:.03em}
.ki-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:indicatorPulse 2s ease infinite}
.ki-live-body{padding:24px}
.ki-timeline{position:relative;padding-left:28px}
.ki-timeline::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:rgba(59,130,246,.2)}
.ki-tl-item{position:relative;margin-bottom:20px;display:flex;align-items:flex-start;gap:16px}
.ki-tl-item:last-child{margin-bottom:0}
.ki-tl-dot{width:16px;height:16px;border-radius:50%;background:rgba(100,116,139,.3);border:2px solid rgba(100,116,139,.2);position:absolute;left:-28px;top:2px;flex-shrink:0}
.ki-tl-item.done .ki-tl-dot{background:var(--green);border-color:rgba(34,197,94,.3);box-shadow:0 0 8px rgba(34,197,94,.3)}
.ki-tl-item.active .ki-tl-dot{background:var(--accent-bright);border-color:rgba(59,130,246,.3);box-shadow:0 0 8px rgba(59,130,246,.3);animation:indicatorPulse 2s ease infinite}
.ki-tl-content strong{display:block;font-size:14px;color:#fff;margin-bottom:2px}
.ki-tl-content span{font-size:12px;color:var(--blue-200)}

/* SECTIONS */
.section-light{padding:clamp(48px,5.5vw,72px) 0;background:linear-gradient(180deg,#0d759b 0%,#128eb1 34%,#18a0c2 66%,#0d759b 100%);color:#fff;position:relative;overflow:hidden}
.section-light h2,.section-light h3{color:#fff}
.section-light p,.section-light .section-intro{color:var(--blue-200)}
.section-gray{padding:clamp(48px,5.5vw,72px) 0;background:linear-gradient(180deg,#0d759b 0%,#1285a8 38%,#0e779d 100%);color:#fff;position:relative;overflow:hidden}
.section-gray h2,.section-gray h3{color:#fff}
.section-blue{padding:clamp(48px,5.5vw,72px) 0;background:linear-gradient(180deg,#0d759b 0%,#0e6d94 52%,#0d759b 100%);color:#fff;position:relative;overflow:hidden}
.section-dark{padding:clamp(48px,5.5vw,72px) 0;background:linear-gradient(180deg,#0d759b 0%,#0b668a 42%,#0d759b 100%);color:#fff;position:relative;overflow:hidden}
.section-dark::before{content:"";position:absolute;top:-100px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none}
.section-dark::after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(180deg,transparent,rgba(37,99,235,.08));pointer-events:none}
.section-dark h2,.section-dark h3{color:#fff}
.section-dark .muted-dark{color:var(--blue-200)}
.section-accent{padding:0;background:linear-gradient(180deg,#18a0c2 0%,#128eb1 46%,#0d759b 100%);color:#fff;position:relative;overflow:hidden}
.section-accent::before{content:"";position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);pointer-events:none}
.section-accent h2{color:#fff}
.section-accent .muted-dark{color:var(--blue-200)}

.section-label{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f4fbff;margin-bottom:14px}
.section-dark .section-label{color:var(--blue-200)}
h2{font-size:clamp(32px,4.5vw,56px);margin-bottom:16px}
.section-intro{color:var(--blue-200);max-width:560px;margin-bottom:30px;font-size:17px;line-height:1.7}
.section-dark .section-intro{color:var(--blue-200)}
.section-center{text-align:center}
.section-center .section-intro{margin-left:auto;margin-right:auto}
section+section{margin-top:-1px}
section+footer{margin-top:-1px}
section+section::before{content:"";position:absolute;left:0;right:0;top:0;height:24px;background:linear-gradient(180deg,rgba(216,242,255,.07),transparent);pointer-events:none;z-index:0}
section+section>.wrap{position:relative;z-index:1}

/* BACKGROUND DESIGN OVERLAYS */
.has-grid-bg{position:relative}
.has-grid-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}
.has-grid-bg::after{-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 130px,#000 260px,#000 calc(100% - 120px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,transparent 130px,#000 260px,#000 calc(100% - 120px),transparent 100%)}
.has-grid-bg>.wrap{position:relative;z-index:1}

.has-orbs{position:relative;overflow:hidden}
.has-orbs::after{content:"";position:absolute;top:-12%;right:-12%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(216,242,255,.1) 0%,transparent 70%);pointer-events:none;animation:orbFloat 15s ease-in-out infinite}
.has-orbs::before{content:"";position:absolute;bottom:-12%;left:-12%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(216,242,255,.08) 0%,transparent 70%);pointer-events:none;animation:orbFloat 20s ease-in-out infinite reverse;z-index:0}
.has-orbs>.wrap{position:relative;z-index:1}
@keyframes orbFloat{0%,100%{transform:translate(0,0)}25%{transform:translate(30px,-20px)}50%{transform:translate(-20px,30px)}75%{transform:translate(20px,10px)}}

.has-dots-bg{position:relative}
.has-dots-bg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(59,130,246,.08) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}
.has-dots-bg>.wrap{position:relative;z-index:1}

.section-dark.has-grid-bg::after{background-image:linear-gradient(rgba(59,130,246,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.06) 1px,transparent 1px)}
.section-dark.has-dots-bg::after{background-image:radial-gradient(circle,rgba(59,130,246,.1) 1px,transparent 1px)}

/* TOOL GRID (Klapital-inspired service cards) */
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.value-grid{grid-template-columns:repeat(4,1fr)}
.value-grid .tool-card{padding:30px;min-height:300px}
.value-grid .tool-icon{width:50px;height:50px;margin-bottom:18px}
.value-grid .tool-card h3{font-size:18px;line-height:1.2}
.tool-card{padding:32px;border-radius:var(--r);background:linear-gradient(180deg,rgba(13,95,128,.96),rgba(11,86,118,.98));border:1px solid rgba(216,242,255,.18);transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;display:flex;flex-direction:column;color:#fff;box-shadow:0 12px 30px rgba(1,12,24,.12)}
.tool-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--blue-500));opacity:0;transition:opacity .3s}
.tool-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.3);transform:translateY(-6px);border-color:rgba(59,130,246,.25)}
.tool-card:hover::before{opacity:1}
.tool-card:hover .tool-icon{transform:scale(1.1)}
.tool-icon{width:56px;height:56px;border-radius:14px;background:rgba(59,130,246,.12);display:grid;place-items:center;margin-bottom:20px;transition:transform .3s ease}
.tool-icon svg{width:28px;height:28px;stroke:var(--blue-200)}
.tool-num{font-family:var(--serif);font-size:40px;color:rgba(59,130,246,.1);position:absolute;top:16px;right:20px;line-height:1;font-weight:400}
.tool-card h3{font-size:20px;margin-bottom:8px;color:#fff}
.tool-card p{color:var(--blue-200);font-size:14px;line-height:1.7;flex:1}
.tool-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13px;font-weight:700;color:var(--blue-200);transition:gap .2s}
.tool-link:hover{gap:10px;color:#fff}

.tool-card.featured{background:linear-gradient(135deg,rgba(37,99,235,.15) 0%,rgba(29,78,216,.1) 100%);border-color:rgba(59,130,246,.25)}
.tool-card.featured .tool-icon{background:rgba(59,130,246,.2)}
.tool-card.featured::before{background:linear-gradient(90deg,var(--blue-500),var(--blue-200))}

.tool-card.ki-card{grid-column:span 3;background:linear-gradient(135deg,var(--accent) 0%,#0284c7 40%,var(--blue-800) 100%);border:none;color:#fff;flex-direction:row;align-items:center;gap:32px;padding:40px 48px}
.tool-card.ki-card .tool-icon{background:rgba(255,255,255,.15);flex-shrink:0}
.tool-card.ki-card .tool-icon svg{stroke:#fff}
.tool-card.ki-card .tool-num{color:rgba(255,255,255,.1)}
.tool-card.ki-card h3{color:#fff;font-size:22px}
.tool-card.ki-card p{color:rgba(255,255,255,.85)}
.tool-card.ki-card .tool-link{color:rgba(255,255,255,.9)}
.tool-card.ki-card:hover{box-shadow:0 16px 48px rgba(37,99,235,.3);transform:translateY(-4px)}

/* CUSTOMER PROBLEM */
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.problem-card{position:relative;min-height:210px;padding:32px;border-radius:var(--r);background:linear-gradient(180deg,rgba(13,95,128,.92),rgba(9,77,110,.96));border:1px solid rgba(216,242,255,.2);box-shadow:0 14px 36px rgba(1,12,24,.16);overflow:hidden;color:#fff;transition:all .35s cubic-bezier(.25,.46,.45,.94)}
.problem-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(14,165,233,.13),transparent 48%);opacity:.86;pointer-events:none}
.problem-card:hover{transform:translateY(-5px);border-color:rgba(125,211,252,.34);box-shadow:0 24px 62px rgba(1,12,24,.32)}
.problem-card>*{position:relative;z-index:1}
.problem-kicker{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:rgba(14,165,233,.18);border:1px solid rgba(125,211,252,.22);color:#d8f2ff;font-size:13px;font-weight:900;margin-bottom:22px}
.problem-card h3{font-size:24px;margin-bottom:12px}
.problem-card p{color:var(--blue-200);font-size:15px;line-height:1.75}

/* COMPACT COMPARISON */
.section-compare{padding:clamp(48px,5.5vw,72px) 0;background:linear-gradient(180deg,#0d759b 0%,#0f86aa 36%,#0d759b 100%);color:#fff;position:relative;overflow:hidden}
.section-compare h2{color:#fff}
.compare-shell{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px;align-items:center}
.compare-copy{max-width:420px}
.compare-copy h2{overflow-wrap:anywhere}
.compare-copy p{color:var(--blue-200);font-size:17px;line-height:1.8}
.sellx-compare{background:linear-gradient(180deg,rgba(13,95,128,.9),rgba(9,77,110,.96));border:1px solid rgba(216,242,255,.22);border-radius:18px;box-shadow:0 18px 46px rgba(1,12,24,.18);overflow:hidden}
.compare-head,.compare-row{display:grid;grid-template-columns:1.05fr 1fr 1fr;align-items:stretch}
.compare-head{background:rgba(2,132,199,.16);border-bottom:1px solid rgba(125,211,252,.16)}
.compare-head::before{content:"";display:block}
.compare-title{padding:20px 22px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-200)}
.compare-title.egate{background:linear-gradient(135deg,rgba(14,165,233,.28),rgba(56,189,248,.1));color:#fff}
.compare-row{border-bottom:1px solid rgba(125,211,252,.11)}
.compare-row:last-child{border-bottom:0}
.compare-row span{padding:18px 22px;color:#d8f2ff;font-size:14px;line-height:1.55;display:flex;align-items:center;border-left:1px solid rgba(125,211,252,.1);min-width:0;overflow-wrap:anywhere}
.compare-row span:nth-child(3){background:rgba(14,165,233,.08);color:#fff;font-weight:650}
.compare-row .compare-topic{border-left:0;color:#fff;font-weight:800;background:rgba(255,255,255,.035)}
.compare-title.muted{color:#9fd9ee}

/* Light comparison table, one blue accent only */
.sellx-compare{
  background:linear-gradient(180deg,#f4fbff 0%,#dff3fb 100%)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 16px 40px rgba(1,12,24,.16)!important;
}
.compare-head{
  background:#eaf8ff!important;
  border-bottom:1px solid rgba(11,77,110,.12)!important;
}
.compare-title{
  color:#0b3349!important;
}
.compare-title.egate{
  background:#0b6f91!important;
  color:#fff!important;
}
.compare-row{
  border-bottom:1px solid rgba(11,77,110,.1)!important;
}
.compare-row span{
  color:#284b5f!important;
  border-left:1px solid rgba(11,77,110,.1)!important;
  font-weight:600!important;
}
.compare-row span:nth-child(3){
  background:#ffffff!important;
  color:#0b3349!important;
  font-weight:800!important;
  border-left:3px solid #0ea5e9!important;
  box-shadow:inset 0 0 0 1px rgba(14,165,233,.08);
}
.compare-row .compare-topic{
  background:#eaf8ff!important;
  color:#0b3349!important;
  font-weight:800!important;
}

.decision-compare{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.decision-card{
  border-radius:18px;
  padding:24px;
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 16px 40px rgba(1,12,24,.16);
}
.decision-card-muted{
  background:linear-gradient(180deg,#eef8fd 0%,#dceff7 100%);
  color:#14384d;
}
.decision-card-egate{
  background:linear-gradient(180deg,#ffffff 0%,#eaf8ff 100%);
  color:#0b3349;
  border:2px solid rgba(14,165,233,.34);
  box-shadow:0 18px 48px rgba(1,12,24,.2),0 0 0 6px rgba(14,165,233,.08);
}
.decision-head{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:14px;
  align-items:start;
  margin-bottom:20px;
}
.decision-mark{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-weight:900;
  font-size:18px;
}
.decision-x{
  background:#f1f5f9;
  color:#64748b;
  border:1px solid rgba(100,116,139,.18);
}
.decision-check{
  background:#0ea5e9;
  color:#fff;
  border:1px solid rgba(14,165,233,.34);
  box-shadow:0 10px 22px rgba(14,165,233,.24);
}
.decision-card h3{
  font-family:var(--font);
  font-size:22px;
  font-weight:900;
  color:#0b3349;
  margin-bottom:6px;
}
.decision-card p{
  color:#284b5f;
  font-size:14px;
  line-height:1.65;
  font-weight:600;
}
.decision-card ul{
  display:grid;
  gap:12px;
  list-style:none;
  padding:0;
  margin:0;
}
.decision-card li{
  display:grid;
  grid-template-columns:26px 1fr;
  gap:10px;
  align-items:start;
  color:#17394d;
  font-weight:700;
  line-height:1.5;
  font-size:14px;
  overflow-wrap:anywhere;
}
.decision-card li span{
  width:26px;
  height:26px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:13px;
  font-weight:900;
}
.decision-card-muted li span{
  background:#e2e8f0;
  color:#64748b;
}
.decision-card-egate li span{
  background:#d8f2ff;
  color:#0369a1;
}

/* PROCESS FLOW */
.process-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:18px;margin-top:36px;position:relative}
.process-flow::before{content:"";position:absolute;left:5%;right:5%;top:56px;height:2px;background:linear-gradient(90deg,rgba(56,189,248,.12),rgba(255,255,255,.42),rgba(56,189,248,.12));z-index:0}
.pf-step{background:linear-gradient(180deg,rgba(13,95,128,.94),rgba(9,77,110,.96));border:1px solid rgba(216,242,255,.22);border-radius:16px;padding:20px 16px;text-align:center;min-width:0;min-height:168px;transition:all .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(1,12,24,.16)}
.pf-step:hover{transform:translateY(-4px);background:linear-gradient(180deg,rgba(18,128,168,.96),rgba(13,95,128,.98));border-color:rgba(56,189,248,.42);box-shadow:0 18px 42px rgba(1,12,24,.2),0 0 0 1px rgba(56,189,248,.08)}
.pf-num{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--blue-700));color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;margin:0 auto 12px;box-shadow:0 4px 12px rgba(37,99,235,.25)}
.pf-content strong{display:block;font-size:14px;color:#fff;margin-bottom:4px;font-family:var(--font)}
.pf-content span{font-size:12px;color:#bae6fd;line-height:1.6}
.pf-connector{display:none}
.pf-connector svg{width:40px;height:24px}
.pf-loop-step{border-color:rgba(14,165,233,.26);box-shadow:0 0 0 1px rgba(14,165,233,.08)}
.pf-return-arrow{position:absolute;right:10px;top:10px;width:30px;height:24px;color:var(--accent-bright);opacity:.9;filter:drop-shadow(0 0 8px rgba(14,165,233,.35))}
.pf-return-arrow svg{width:100%;height:100%}

/* PARTNERSHIP SECTION */
.partnership-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.partnership-text h2{font-size:clamp(32px,4vw,48px);margin-bottom:20px}
.partnership-text>p{color:var(--blue-200);font-size:17px;line-height:1.8;margin-bottom:32px}
.partnership-checks{display:grid;gap:14px}
.p-check{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:#fff}
.p-check-icon{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.05));color:var(--green);display:grid;place-items:center;font-size:14px;font-weight:700;flex-shrink:0}
.partnership-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.p-stat-card{background:linear-gradient(180deg,rgba(13,95,128,.94),rgba(11,105,145,.9));border-radius:var(--r);padding:36px;border:1px solid rgba(216,242,255,.16);text-align:center;transition:all .3s ease;color:#fff}
.p-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(37,99,235,.1)}
.p-stat-card.accent{background:linear-gradient(135deg,#0d759b 0%,#0d5f80 100%);border-color:rgba(216,242,255,.18);color:#fff}
.p-stat-num{font-family:var(--serif);font-size:clamp(36px,4vw,48px);margin-bottom:6px;background:linear-gradient(135deg,var(--accent),var(--blue-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.p-stat-card.accent .p-stat-num{background:linear-gradient(135deg,var(--blue-200),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.p-stat-label{font-size:13px;font-weight:600;color:var(--blue-200)}
.p-stat-card.accent .p-stat-label{color:var(--blue-200)}
.partnership-note{background:linear-gradient(135deg,rgba(14,165,233,.14),rgba(2,132,199,.08));border:1px solid rgba(125,211,252,.18);border-radius:var(--r);padding:44px;color:#fff;box-shadow:0 22px 60px rgba(1,12,24,.18)}
.partnership-note h3{font-size:clamp(28px,3vw,42px);margin-bottom:18px}
.partnership-note p{color:var(--blue-200);line-height:1.8;margin-bottom:28px}

/* CARD BASE */
.card{background:linear-gradient(180deg,rgba(13,95,128,.94),rgba(11,105,145,.9));border-radius:var(--r);padding:40px;border:1px solid rgba(216,242,255,.16);transition:all .3s ease;color:#fff}
.card:hover{box-shadow:0 14px 34px rgba(1,12,24,.18);transform:translateY(-4px);border-color:rgba(216,242,255,.26)}
.card-dark{background:linear-gradient(180deg,rgba(13,95,128,.94),rgba(11,105,145,.9));border:1px solid rgba(216,242,255,.16);color:#fff}
.card-dark:hover{box-shadow:0 14px 34px rgba(1,12,24,.18);border-color:rgba(216,242,255,.26)}
.card-dark h3{color:#fff}
.card-dark p{color:var(--blue-200)}

/* SERVICE GRID (for leistungen page) */
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.service-card{padding:34px;border-radius:var(--r);background:linear-gradient(180deg,rgba(13,95,128,.96),rgba(11,86,118,.98));border:1px solid rgba(216,242,255,.18);transition:all .3s ease;position:relative;overflow:hidden;color:#fff;box-shadow:0 12px 30px rgba(1,12,24,.12)}
.service-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--blue-500));opacity:0;transition:opacity .3s}
.service-card:hover{box-shadow:0 12px 40px rgba(37,99,235,.1);transform:translateY(-4px);border-color:var(--border-strong)}
.service-card:hover::before{opacity:1}
.service-card .snum{font-family:var(--serif);font-size:56px;color:var(--blue-100);position:absolute;top:16px;right:24px;line-height:1;font-weight:400}
.service-card .sname{font-weight:700;font-size:19px;margin-bottom:8px;color:#fff}
.service-card .sdesc{color:var(--blue-200);font-size:15px;line-height:1.7}
.service-card.featured{background:linear-gradient(135deg,#0d759b 0%,#0d5f80 100%);color:#fff;border-color:rgba(216,242,255,.18)}
.service-card.featured .snum{color:rgba(59,130,246,.12)}
.service-card.featured .sname{color:#fff}
.service-card.featured .sdesc{color:var(--blue-200)}
.service-card.featured:hover{box-shadow:0 14px 34px rgba(1,12,24,.18);border-color:rgba(216,242,255,.26)}
.service-card.featured::before{background:linear-gradient(90deg,var(--blue-500),var(--blue-200))}

/* SERVICE LIST COMPACT (kept for backward compat) */
.service-list-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.service-item-compact{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start;padding:28px 24px;border-radius:var(--r-sm);background:linear-gradient(180deg,rgba(13,95,128,.94),rgba(11,105,145,.9));border:1px solid rgba(216,242,255,.16);transition:all .35s ease;position:relative;overflow:hidden;color:#fff}
.service-item-compact::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent),var(--blue-500));opacity:0;transition:opacity .3s}
.service-item-compact:hover{box-shadow:0 8px 32px rgba(37,99,235,.1);transform:translateY(-3px);border-color:var(--border-strong)}
.service-item-compact:hover::before{opacity:1}
.service-item-compact .snum{font-family:var(--serif);color:#fff;background:linear-gradient(135deg,var(--accent),var(--blue-700));width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:17px;font-weight:700;box-shadow:0 4px 12px rgba(37,99,235,.2)}
.service-item-compact .sname{font-weight:700;font-size:17px;margin-bottom:4px;color:#fff}
.service-item-compact .sdesc{color:var(--blue-200);font-size:14px;line-height:1.6}

/* STATS */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.stat-item{text-align:center;padding:24px;border-radius:var(--r-sm);position:relative}
.stat-num{font-family:var(--serif);font-size:clamp(40px,5vw,72px);background:linear-gradient(135deg,var(--blue-200),var(--blue-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}
.stat-label{font-size:14px;font-weight:600;color:var(--blue-200)}
.section-dark .stat-num{background:linear-gradient(135deg,var(--blue-200),#fff);-webkit-background-clip:text;background-clip:text}
.section-dark .stat-label{color:var(--blue-200)}

/* TIERS (kept for backward compat) */
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.tier-card{border-radius:var(--r);padding:44px 36px;border:1px solid rgba(216,242,255,.16);background:linear-gradient(180deg,rgba(13,95,128,.94),rgba(11,105,145,.9));transition:all .3s ease;position:relative;overflow:hidden;color:#fff}
.tier-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-200),var(--blue-500))}
.tier-card:hover{box-shadow:0 12px 40px rgba(37,99,235,.12);transform:translateY(-4px);border-color:var(--border-strong)}
.tier-card.featured{background:linear-gradient(135deg,#0d759b 0%,#0d5f80 100%);color:#fff;border-color:rgba(216,242,255,.22);transform:scale(1.03)}
.tier-card.featured::before{background:linear-gradient(90deg,var(--blue-500),var(--accent))}
.tier-card.featured:hover{transform:scale(1.03) translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.3)}
.tier-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.tier-card.featured .tier-label{color:var(--blue-200)}
.tier-name{font-family:var(--serif);font-size:28px;margin-bottom:8px}
.tier-sub{font-size:13px;color:var(--muted);margin-bottom:20px}
.tier-card.featured .tier-sub{color:var(--blue-200)}
.tier-desc{font-size:15px;color:var(--muted);line-height:1.7}
.tier-card.featured .tier-desc{color:var(--blue-200)}

/* GROW GRID (kept for backward compat) */
.grow-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:20px;margin-top:36px}
.grow-card{border-radius:var(--r);padding:36px;display:flex;flex-direction:column;justify-content:flex-end;min-height:200px}
.grow-big{grid-column:span 2;grid-row:span 2;min-height:360px;background:linear-gradient(135deg,var(--accent) 0%,var(--blue-800) 50%,var(--dark) 100%);color:#fff;padding:56px;position:relative;overflow:hidden}
.grow-big::before{content:"";position:absolute;top:-50px;right:-50px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);pointer-events:none}
.grow-big h3{font-size:clamp(28px,3vw,40px);color:#fff;margin-bottom:16px;position:relative;z-index:1}
.grow-big p{color:var(--blue-200);font-size:16px;line-height:1.7;position:relative;z-index:1}
.grow-stat{background:linear-gradient(135deg,#0d759b 0%,#0d5f80 100%);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(216,242,255,.16)}
.grow-stat .stat-val{font-family:var(--serif);font-size:48px;background:linear-gradient(135deg,var(--blue-200),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}
.grow-stat .stat-desc{font-size:13px;color:var(--blue-200);font-weight:600}
.grow-img{background:linear-gradient(135deg,var(--dark-card),var(--dark-lighter));border:1px solid rgba(59,130,246,.12);overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center;color:var(--blue-200);font-size:14px;font-weight:600}
.grow-accent{background:linear-gradient(135deg,var(--accent),var(--blue-700));color:#fff;font-weight:700;font-size:24px;display:flex;align-items:center;justify-content:center;letter-spacing:.05em;border:1px solid rgba(59,130,246,.2)}

/* AUDIENCE CARDS */
.audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px}
.acard{background:linear-gradient(180deg,rgba(13,95,128,.94),rgba(11,105,145,.9));border-radius:var(--r);padding:36px;border:1px solid rgba(216,242,255,.16);transition:all .3s ease;position:relative;overflow:hidden}
.acard::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--blue-500));opacity:0;transition:opacity .3s}
.acard:hover{box-shadow:0 14px 34px rgba(1,12,24,.18);transform:translateY(-4px);border-color:rgba(216,242,255,.26)}
.acard:hover::after{opacity:1}
.acard-icon{width:48px;height:48px;border-radius:12px;background:rgba(59,130,246,.12);display:grid;place-items:center;margin-bottom:16px}
.acard-icon svg{width:24px;height:24px;stroke:var(--blue-200)}
.acard h3{font-size:22px;margin-bottom:10px;color:#fff}
.acard p{color:var(--blue-200);line-height:1.7}
.section-light .acard{background:linear-gradient(180deg,rgba(13,95,128,.88),rgba(11,105,145,.84));border-color:rgba(216,242,255,.16)}
.section-light .acard:hover{box-shadow:0 14px 34px rgba(1,12,24,.18);border-color:rgba(216,242,255,.26)}
.section-light .acard h3{color:#fff}
.section-light .acard p{color:var(--blue-200)}
.section-light .acard-icon{background:rgba(59,130,246,.15)}
.section-light .acard-icon svg{stroke:var(--blue-200)}

/* KI SPLIT (for ueber-uns page) */
.ki-split{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--r);overflow:hidden;margin-top:36px;box-shadow:0 8px 40px rgba(0,0,0,.08)}
.ki-dark{background:linear-gradient(135deg,#0d759b 0%,#0d5f80 100%);color:#fff;padding:48px 44px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.ki-dark::before{content:"";position:absolute;bottom:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%);pointer-events:none}
.ki-dark h3{font-size:clamp(24px,3vw,32px);margin-bottom:14px;color:#fff}
.ki-dark p{color:var(--blue-200);line-height:1.7}
.ki-light{background:linear-gradient(180deg,rgba(13,95,128,.88),rgba(11,105,145,.84));padding:48px 44px;border:1px solid rgba(216,242,255,.16);border-left:none}
.ki-light h3{font-size:22px;margin-bottom:28px;color:#fff}
.ki-bullet{display:flex;gap:14px;align-items:start;margin-bottom:20px}
.ki-check{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:rgba(59,130,246,.2);color:var(--accent-bright);display:grid;place-items:center;font-weight:900;font-size:14px}
.ki-bullet strong{display:block;margin-bottom:2px;font-size:15px;color:#fff}
.ki-bullet span{color:var(--blue-200);font-size:14px}

/* TESTIMONIALS */

/* FEATURES GRID */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feature-card{padding:32px;border-radius:var(--r);background:linear-gradient(180deg,rgba(13,95,128,.96),rgba(11,86,118,.98));border:1px solid rgba(216,242,255,.16);transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(1,12,24,.12)}
.feature-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-500),var(--blue-200));opacity:0;transition:opacity .3s}
.feature-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.2);transform:translateY(-4px);border-color:rgba(59,130,246,.25)}
.feature-card:hover::before{opacity:1}
.feature-icon{width:52px;height:52px;border-radius:14px;background:rgba(59,130,246,.12);display:grid;place-items:center;font-size:24px;margin-bottom:20px}
.feature-card h3{font-size:18px;font-family:var(--font);font-weight:700;margin-bottom:8px;color:#fff}
.feature-card p{color:var(--blue-200);font-size:14px;line-height:1.7}

/* PROCESS (for leistungen page) */
.process-track{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.pstep{background:linear-gradient(180deg,rgba(13,95,128,.96),rgba(11,86,118,.98));border-radius:var(--r);padding:32px;border:1px solid rgba(216,242,255,.16);transition:all .3s ease;position:relative;overflow:hidden;color:#fff;box-shadow:0 12px 30px rgba(1,12,24,.12)}
.pstep::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-200),var(--blue-500));opacity:0;transition:opacity .3s}
.pstep:hover{box-shadow:0 12px 40px rgba(37,99,235,.1);transform:translateY(-4px);border-color:var(--border-strong)}
.pstep:hover::before{opacity:1}
.pcircle{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--blue-700));color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;margin-bottom:20px;box-shadow:0 4px 12px rgba(37,99,235,.25)}
.pstep strong{display:block;font-size:16px;margin-bottom:8px}
.pstep span{color:var(--blue-200);font-size:14px;line-height:1.6}

/* FAQ */
.faq-list{max-width:800px;margin:0 auto}
.faq-list details{border-bottom:1px solid var(--border)}
.faq-list details:first-child{border-top:1px solid var(--border)}
.faq-list summary{padding:28px 0;font-family:var(--font);font-weight:700;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:color .2s}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";width:36px;height:36px;border-radius:50%;background:rgba(59,130,246,.15);color:var(--accent-bright);display:grid;place-items:center;font-size:20px;font-weight:400;flex-shrink:0;margin-left:16px;transition:all .3s}
.faq-list details[open] summary::after{content:"\2212";background:var(--accent);color:#fff}
.faq-list details[open] summary{color:var(--accent)}
.faq-list .faq-body{padding:0 0 28px;color:var(--blue-200);line-height:1.8;font-size:15px}
.faq-list summary{color:#fff}
.faq-list details{border-color:rgba(59,130,246,.15)}
.faq-list details:first-child{border-color:rgba(59,130,246,.15)}

/* READABILITY PASS: light cards on blue backgrounds */
.problem-card,
.tool-card:not(.ki-card),
.service-card,
.service-item-compact,
.acard,
.feature-card,
.pstep,
.tcard,
.card,
.p-stat-card,
.partnership-note{
  background:linear-gradient(180deg,#f4fbff 0%,#dff3fb 100%);
  border:1px solid rgba(255,255,255,.48);
  color:#0b3349;
  box-shadow:0 14px 34px rgba(1,12,24,.14);
}
.problem-card:hover,
.tool-card:not(.ki-card):hover,
.service-card:hover,
.service-item-compact:hover,
.acard:hover,
.feature-card:hover,
.pstep:hover,
.tcard:hover,
.card:hover,
.p-stat-card:hover,
.partnership-note:hover{
  border-color:rgba(255,255,255,.72);
  box-shadow:0 18px 42px rgba(1,12,24,.2);
}
.problem-card::before,
.tool-card:not(.ki-card)::before,
.service-card::before,
.service-item-compact::before,
.feature-card::before,
.pstep::before,
.tcard::before{
  background:linear-gradient(90deg,#0ea5e9,#82d8f4);
}
.problem-kicker,
.tool-icon,
.acard-icon,
.feature-icon,
.pcircle,
.service-item-compact .snum{
  background:#ffffff;
  border:1px solid rgba(7,89,133,.12);
  color:#0b6f91;
  box-shadow:0 8px 18px rgba(1,12,24,.08);
}
.tool-icon svg,
.acard-icon svg{
  stroke:#0b6f91;
}
.tool-num,
.service-card .snum{
  color:rgba(11,77,110,.1);
}
.problem-card h3,
.tool-card:not(.ki-card) h3,
.service-card .sname,
.service-item-compact .sname,
.acard h3,
.feature-card h3,
.pstep strong,
.tcard h3,
.card h3,
.p-stat-card .p-stat-label,
.partnership-note h3{
  color:#0b3349;
  font-family:var(--font);
  font-weight:800;
}
.problem-card p,
.tool-card:not(.ki-card) p,
.service-card .sdesc,
.service-item-compact .sdesc,
.acard p,
.feature-card p,
.pstep span,
.tcard p,
.card p,
.p-stat-card .p-stat-label,
.partnership-note p,
.tool-link{
  color:#284b5f;
}
.tool-link:hover{
  color:#0b6f91;
}

.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.legal-stack{display:grid;gap:22px;max-width:960px}
.legal-card{background:linear-gradient(180deg,#d8f2ff 0%,#c7ecfb 100%);border:1px solid rgba(255,255,255,.38);border-radius:var(--r-sm);padding:28px;box-shadow:0 14px 32px rgba(1,12,24,.12);color:#12384e}
.legal-card.wide{grid-column:1/-1}
.legal-card h2{font-size:clamp(22px,2.3vw,30px);margin-bottom:14px;color:#0b4d6e}
.legal-card p{line-height:1.8;color:#17394d}
.legal-single{max-width:980px}
.legal-panel{
  background:linear-gradient(180deg,#d8f2ff 0%,#c7ecfb 100%);
  border:1px solid rgba(255,255,255,.42);
  border-radius:18px;
  box-shadow:0 16px 34px rgba(1,12,24,.14);
  color:#12384e;
  overflow:hidden;
}
.legal-row{
  display:grid;
  grid-template-columns:minmax(180px,240px) minmax(0,1fr);
  gap:28px;
  padding:26px 30px;
  border-bottom:1px solid rgba(11,77,110,.18);
}
.legal-row:last-child{border-bottom:0}
.legal-row h2{
  margin:0;
  color:#0b4d6e!important;
  font-size:clamp(18px,1.6vw,22px);
  line-height:1.2;
}
.legal-row p{
  margin:0;
  color:#12384e!important;
  font-size:16px;
  line-height:1.75;
  font-weight:560;
}

/* CONTACT FORM */
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}
.contact-prompts{display:grid;gap:14px;margin-bottom:32px}
.contact-prompts div{padding:18px 20px;border:1px solid rgba(125,211,252,.18);border-radius:16px;background:rgba(13,95,128,.72);box-shadow:0 12px 28px rgba(1,12,24,.1)}
.contact-prompts strong{display:block;color:#fff;margin-bottom:4px;font-size:15px}
.contact-prompts span{display:block;color:var(--blue-200);line-height:1.6;font-size:14px}
.cform{display:grid;gap:16px}
.cform input,.cform textarea,.cform select{width:100%;min-height:54px;border:1px solid rgba(125,211,252,.2);border-radius:14px;padding:16px 20px;font:inherit;background:rgba(13,95,128,.72);color:#fff;transition:all .2s}
.cform input:focus,.cform textarea:focus,.cform select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(37,99,235,.1)}
.cform textarea{min-height:140px;resize:vertical}
.cform select{appearance:none}
.cform .btn{border-color:var(--accent);background:var(--accent)}
.address{margin-top:32px;font-size:15px;color:var(--blue-200);line-height:1.8}

/* TRUST */
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tcard{background:linear-gradient(180deg,rgba(13,95,128,.96),rgba(11,86,118,.98));border-radius:var(--r);padding:32px;border:1px solid rgba(216,242,255,.16);transition:all .3s ease;position:relative;overflow:hidden;color:#fff;box-shadow:0 12px 30px rgba(1,12,24,.12)}
.tcard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-200),var(--blue-500))}
.tcard:hover{box-shadow:0 12px 40px rgba(37,99,235,.1);transform:translateY(-4px);border-color:var(--border-strong)}
.tcard h3{font-size:18px;margin-bottom:8px;font-family:var(--font);font-weight:700;color:#fff}
.tcard p{color:var(--blue-200);font-size:14px;line-height:1.7}
/* CTA SECTION */
.cta-section{text-align:center;padding:clamp(64px,7vw,88px) 0}
.cta-section h2{font-size:clamp(32px,4vw,52px);margin-bottom:16px}
.cta-section p{color:var(--blue-200);max-width:520px;margin:0 auto 36px;font-size:17px;line-height:1.7}
.section-dark .cta-section p{color:var(--blue-200)}
.section-accent .cta-section p{color:var(--blue-200)}

/* CHAT WIDGET */
.chat-fab{position:fixed;bottom:28px;right:28px;width:60px;height:60px;border-radius:100px;background:linear-gradient(135deg,var(--accent),var(--blue-700));color:#fff;border:none;cursor:pointer;box-shadow:0 6px 24px rgba(37,99,235,.3);z-index:900;display:grid;place-items:center;transition:all .3s}
.chat-fab:hover{transform:scale(1.08);box-shadow:0 8px 32px rgba(37,99,235,.4)}
.chat-fab svg{width:26px;height:26px}
.chat-panel{position:fixed;bottom:72px;right:28px;width:min(420px,calc(100vw - 32px));max-height:min(690px,calc(100vh - 96px));border-radius:26px;background:#fff;box-shadow:0 18px 70px rgba(1,12,24,.28);z-index:901;display:none;flex-direction:column;overflow:hidden;border:1px solid rgba(11,51,73,.14);color:#0b3349}
.chat-panel.open{display:flex}
.chat-header{background:#fff;color:#0b3349;padding:22px 24px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;font-weight:800;font-family:var(--font)}
.chat-brand-dot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#08364c,#0ea5e9);color:#fff;font-weight:950;box-shadow:0 10px 24px rgba(13,117,155,.2)}
.chat-header span{display:block;font-size:19px;line-height:1.2}
.chat-header small{display:block;margin-top:3px;color:#6b7d88;font-size:12px;font-weight:700}
.chat-close{background:none;border:none;color:#0b3349;font-size:24px;cursor:pointer;opacity:.62;transition:opacity .2s}
.chat-close:hover{opacity:1}
.chat-messages{flex:1;padding:12px 24px 20px;overflow-y:auto;font-size:14px}
.chat-messages .bot-msg{background:#f1f5f9;border-radius:22px;padding:16px 20px;margin-bottom:14px;line-height:1.55;color:#536471}
.chat-messages .bot-msg strong{display:block;margin-bottom:9px;color:#0b3349;font-size:17px}
.chat-messages .bot-msg span{display:block;color:#536471}
.chat-messages .bot-msg a{display:inline-block;margin-top:8px;color:#0b6f91;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.chat-logistics{margin:0 0 14px;padding:14px 18px;border:1px solid rgba(11,111,145,.18);border-radius:18px;background:#edf7fb;color:#0b3349}
.chat-logistics strong{display:block;margin-bottom:7px;font-size:14px;color:#0b3349}
.chat-logistics span{display:block;color:#536471;font-size:13px;line-height:1.55;font-weight:700}
.chat-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chat-quick-grid button{min-height:52px;border:1.5px solid rgba(11,51,73,.72);border-radius:18px;background:#fff;color:#0b3349;padding:10px 14px;font:800 14px/1.3 var(--font);text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.chat-quick-grid button:hover{background:#edf7fb;border-color:#0b8fb4;transform:translateY(-1px)}
.chat-quick-grid button:first-child{grid-column:1/-1}
.chat-input-row{display:flex;border-top:1px solid #e5eef3;padding:14px;background:#fff}
.chat-input-row input{flex:1;border:1px solid rgba(11,51,73,.18);border-radius:100px;padding:12px 18px;font:inherit;font-size:14px;outline:none;transition:all .2s;background:#f8fbfd;color:#0b3349}
.chat-input-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.chat-input-row button{margin-left:10px;background:var(--accent);color:#fff;border:none;border-radius:100px;padding:0 24px;font-weight:700;cursor:pointer;font-size:14px;font-family:var(--font);transition:background .2s}
.chat-input-row button:hover{background:var(--blue-700)}

/* COOKIE CONSENT */
.cookie-backdrop{position:fixed;inset:0;z-index:1200;display:none;place-items:center;background:rgba(2,6,23,.74);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);padding:24px}
.cookie-backdrop.open{display:grid}
.cookie-consent{position:relative;width:min(560px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto;background:rgba(255,255,255,.98);color:#1f2937;border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.35);border:1px solid rgba(15,23,42,.08);padding:28px;display:block}
.cookie-consent h2{font-family:var(--font);font-size:26px;font-weight:800;color:#111827;line-height:1.2;margin-bottom:14px}
.cookie-consent p{font-size:15px;line-height:1.65;color:#4b5563;margin-bottom:16px}
.cookie-links{display:flex;flex-wrap:wrap;gap:18px;margin:12px 0 18px}
.cookie-links a{font-size:14px;font-weight:700;color:#1d4ed8;text-decoration:underline;text-underline-offset:3px}
.cookie-option{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid #e5e7eb}
.cookie-option:last-of-type{border-bottom:1px solid #e5e7eb}
.cookie-option strong{display:block;font-size:16px;color:#111827}
.cookie-option span{display:block;font-size:13px;color:#6b7280;margin-top:2px}
.cookie-switch{position:relative;width:58px;height:32px;flex:0 0 58px}
.cookie-switch input{opacity:0;width:0;height:0}
.cookie-slider{position:absolute;cursor:pointer;inset:0;background:#9ca3af;border-radius:999px;transition:.2s}
.cookie-slider::before{content:"";position:absolute;height:24px;width:24px;left:4px;top:4px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}
.cookie-switch input:checked+.cookie-slider{background:#22c55e}
.cookie-switch input:disabled+.cookie-slider{cursor:not-allowed;opacity:.85}
.cookie-switch input:checked+.cookie-slider::before{transform:translateX(26px)}
.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.cookie-actions .cookie-accept{grid-column:1/-1;background:#2563eb;color:#fff}
.cookie-actions button{border:0;border-radius:14px;min-height:52px;padding:0 18px;font:700 15px var(--font);cursor:pointer;background:#dbeafe;color:#2563eb;transition:transform .2s,background .2s}
.cookie-actions button:hover{transform:translateY(-1px);background:#bfdbfe}
.cookie-actions .cookie-accept:hover{background:#1d4ed8}

/* FOOTER */
footer{background:linear-gradient(180deg,#0d759b 0%,#0b6f91 42%,#0a5878 100%);color:#f4fbff;padding:72px 0 30px;position:relative;overflow:hidden;scroll-margin-top:92px}
footer::before{content:"";position:absolute;left:0;right:0;top:0;height:64px;background:linear-gradient(180deg,rgba(216,242,255,.08),transparent);pointer-events:none}
footer .wrap{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1.1fr;gap:34px;position:relative;z-index:1}
.footer-brand strong{color:#fff;font-size:18px;display:block;margin-bottom:10px}
.footer-brand p{font-size:14px;line-height:1.7;max-width:320px;color:#f4fbff}
.footer-col h4{color:#fff;font-size:14px;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:.08em}
.footer-col a{display:block;font-size:14px;margin-bottom:10px;transition:color .2s;color:#f4fbff}
.footer-col a:hover{color:#fff}
.footer-contact p{font-size:14px;line-height:1.7;margin-bottom:14px;color:#f4fbff}
.footer-cta{display:inline-flex!important;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;background:rgba(14,165,233,.16);border:1px solid rgba(125,211,252,.26);color:#fff!important;font-weight:700}
.footer-cta:hover{background:rgba(14,165,233,.26)}
.footer-link-button{display:block;padding:0;margin:0 0 10px;border:0;background:none;color:#f4fbff;font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:color .2s}
.footer-link-button:hover{color:#fff}
.footer-bottom{grid-column:1/-1;text-align:center;padding-top:28px;border-top:1px solid rgba(244,251,255,.2);margin-top:12px;font-size:13px;color:#f4fbff}

/* QUOTE BANNER */
.quote-banner{background:linear-gradient(180deg,#0d759b 0%,#0f86aa 54%,#0d759b 100%);padding:56px 0;text-align:center;color:#fff;position:relative;overflow:hidden}
.quote-banner::before{content:"\201E";position:absolute;top:12px;left:50%;transform:translateX(-50%);font-family:var(--serif);font-size:120px;color:rgba(255,255,255,.06);line-height:1;pointer-events:none}
.quote-banner blockquote{font-family:var(--serif);font-size:clamp(24px,3vw,36px);line-height:1.4;max-width:800px;margin:0 auto 20px;color:#fff;position:relative;z-index:1}
.quote-banner cite{font-style:normal;font-size:14px;color:var(--blue-200);font-weight:600;position:relative;z-index:1}

/* PAGE HEADER */
.page-header{width:100vw;margin-left:calc(50% - 50vw);padding:56px var(--pad) 58px;text-align:center;background:linear-gradient(180deg,#0b4d6e 0%,#0d759b 58%,#128eb1 100%);position:relative;overflow:hidden;color:#fff;border-bottom:0;box-shadow:none}
.page-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42px;background:linear-gradient(180deg,transparent,rgba(216,242,255,.08));pointer-events:none}
.page-header::before{content:"";position:absolute;top:-130px;left:50%;transform:translateX(-50%);width:min(620px,70vw);height:min(620px,70vw);border-radius:50%;background:radial-gradient(circle,rgba(216,242,255,.09) 0%,transparent 70%);pointer-events:none}
.page-header h1{font-size:clamp(36px,5vw,60px);margin-bottom:16px;position:relative;z-index:1;color:#fff}
.page-header p{color:var(--blue-200);font-size:18px;max-width:600px;margin:0 auto;line-height:1.7;position:relative;z-index:1}
.page-header .hero-tag{position:relative;z-index:1}

/* Final contrast system for blue pages */
.problem-card,
.tool-card:not(.ki-card),
.service-card,
.service-item-compact,
.acard,
.feature-card,
.pstep,
.tcard,
.card,
.p-stat-card,
.partnership-note,
.contact-prompts div{
  background:linear-gradient(180deg,#f4fbff 0%,#dff3fb 100%)!important;
  border:1px solid rgba(255,255,255,.52)!important;
  color:#0b3349!important;
  box-shadow:0 14px 34px rgba(1,12,24,.14)!important;
}
.problem-card h3,
.tool-card:not(.ki-card) h3,
.service-card .sname,
.service-item-compact .sname,
.acard h3,
.feature-card h3,
.pstep strong,
.tcard h3,
.card h3,
.partnership-note h3,
.contact-prompts strong{
  color:#0b3349!important;
  font-family:var(--font)!important;
  font-weight:800!important;
}
.problem-card p,
.tool-card:not(.ki-card) p,
.service-card .sdesc,
.service-item-compact .sdesc,
.acard p,
.feature-card p,
.pstep span,
.tcard p,
.card p,
.partnership-note p,
.contact-prompts span,
.tool-link{
  color:#284b5f!important;
  font-weight:600!important;
}
.problem-kicker,
.tool-icon,
.acard-icon,
.feature-icon,
.pcircle,
.service-item-compact .snum{
  background:#fff!important;
  border:1px solid rgba(7,89,133,.12)!important;
  color:#0b6f91!important;
  box-shadow:0 8px 18px rgba(1,12,24,.08)!important;
}
.tool-icon svg,
.acard-icon svg{
  stroke:#0b6f91!important;
}
.tool-num,
.service-card .snum{
  display:none!important;
}

/* ANIMATIONS & EFFECTS */
@keyframes fadeInUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeInRight{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeInScale{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(37,99,235,.2)}50%{box-shadow:0 0 0 16px rgba(37,99,235,0)}}
@keyframes storyTrace{0%,100%{opacity:.18;transform:translateY(-8px)}40%,60%{opacity:.78;transform:translateY(8px)}}
@keyframes badgeSignal{0%,100%{box-shadow:0 0 0 0 rgba(14,165,233,.28)}50%{box-shadow:0 0 0 12px rgba(14,165,233,0)}}
@keyframes cardScan{0%{transform:translateX(-120%);opacity:0}20%{opacity:.8}62%{opacity:.35}100%{transform:translateX(120%);opacity:0}}
@keyframes checkSignal{0%,100%{box-shadow:0 0 0 0 rgba(14,165,233,.22)}45%{box-shadow:0 0 0 10px rgba(14,165,233,0)}}
@keyframes processBeam{0%{transform:translateX(-18%);opacity:0}12%,82%{opacity:1}100%{transform:translateX(118%);opacity:0}}
@keyframes processDot{0%,100%{box-shadow:0 0 0 0 rgba(14,165,233,.24)}50%{box-shadow:0 0 0 12px rgba(14,165,233,0)}}

.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}
.reveal.from-left{transform:translateX(-32px)}
.reveal.from-right{transform:translateX(32px)}
.reveal.from-scale{transform:scale(.92)}
.revealed{opacity:1!important;transform:translateY(0) translateX(0) scale(1)!important}

.stagger-children>*{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}
.stagger-children>*.revealed{opacity:1;transform:translateY(0)}

.hero-slogan{animation:fadeInUp .6s ease .2s both}
.hero-tag{animation:fadeInUp .6s ease .2s both}
.hero h1{animation:fadeInUp .7s ease .4s both}
.hero-sub{animation:fadeInUp .7s ease .6s both}
.hero-actions{animation:fadeInUp .7s ease .8s both}
.hero-brands{animation:fadeInUp .7s ease 1s both}
.hero-visual{animation:fadeInRight .8s ease .6s both}
.hero h1,
.hero-sub,
.hero-actions,
.hero-slogan,
.hero-visual{
  animation:none!important;
  opacity:1!important;
  transform:none!important;
}

.tilt-card{transition:transform .3s ease,box-shadow .3s ease;will-change:transform}

.marquee-wrap{overflow:hidden;position:relative;width:100%}
.marquee-wrap::before,.marquee-wrap::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.marquee-wrap::before{left:0;background:linear-gradient(90deg,rgba(14,165,233,.78) 0%,transparent 100%)}
.marquee-wrap::after{right:0;background:linear-gradient(90deg,transparent 0%,rgba(14,165,233,.78) 100%)}
.marquee-track{display:flex;gap:22px;align-items:center;animation:marqueeScroll 48s linear infinite;width:max-content}
.platform-logo{height:58px;min-width:174px;padding:0 18px 0 12px;border-radius:14px;display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);box-shadow:0 12px 28px rgba(1,12,24,.18),0 0 22px rgba(255,255,255,.18);color:#111827;font-size:18px;font-weight:900;white-space:nowrap;letter-spacing:0;text-shadow:none;border:1px solid rgba(255,255,255,.8)}
.platform-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 36px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 5px 12px rgba(15,23,42,.1)}
.platform-logo img{display:block;width:25px;height:25px;object-fit:contain;flex:0 0 auto}
.platform-logo span{line-height:1}
.platform-logo::after{content:"";display:none}

.platform-hover-panel{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:26px;
  max-width:640px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 34px rgba(1,12,24,.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.platform-hover-label{
  flex:0 0 auto;
  padding:0 6px 0 4px;
  color:#fff;
  font-size:12px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.platform-hover-list{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
}

.platform-hover-list::-webkit-scrollbar{display:none}

.platform-hover-chip{
  height:38px;
  width:38px;
  min-width:38px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  padding:0 10px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.94);
  color:#0b3349;
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 8px 18px rgba(1,12,24,.12);
  transition:width .24s ease,background .24s ease,box-shadow .24s ease,transform .24s ease;
}

.platform-hover-chip img{
  width:18px;
  height:18px;
  object-fit:contain;
  flex:0 0 18px;
}

.platform-hover-chip span{
  opacity:0;
  transform:translateX(-4px);
  max-width:0;
  white-space:nowrap;
  overflow:hidden;
  color:#071827;
  font-size:13px;
  font-weight:850;
  line-height:1;
  transition:opacity .18s ease,transform .18s ease,max-width .24s ease;
}

.platform-hover-chip:hover,
.platform-hover-chip:focus-visible{
  width:132px;
  background:#fff;
  box-shadow:0 12px 26px rgba(1,12,24,.2);
  transform:translateY(-2px);
}

.platform-hover-chip:hover span,
.platform-hover-chip:focus-visible span{
  opacity:1;
  transform:translateX(0);
  max-width:92px;
}

@media(max-width:768px){
  .platform-hover-panel{
    align-items:flex-start;
    flex-direction:column;
    gap:9px;
    margin-top:22px;
    padding:12px;
    border-radius:18px;
  }

  .platform-hover-list{
    width:100%;
  }

  .platform-hover-chip{
    width:136px;
    min-width:136px;
    flex:0 0 136px;
    padding:0 12px;
  }

  .platform-hover-chip span{
    opacity:1;
    transform:none;
    max-width:110px;
  }
}

.stat-num,.stat-val{transition:opacity .5s ease}

.chat-fab{animation:pulseGlow 2.5s ease infinite}

.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translateX(-100%);transition:transform .5s}
.btn:hover::after{transform:translateX(100%)}

.service-card,.acard,.tcard,.pstep,.tier-card,.feature-card,.tool-card{will-change:transform;transition:all .4s cubic-bezier(.25,.46,.45,.94)}

.faq-list details{transition:all .3s ease}
.faq-list .faq-body{animation:fadeInUp .3s ease both}

/* RESPONSIVE */
@media(max-width:1024px){
  .hero-split{grid-template-columns:1fr;text-align:center}
  .hero-text{max-width:100%}
  .hero-sub{margin-left:auto;margin-right:auto}
  .hero-actions{justify-content:center}
  .hero-visual{max-width:480px;margin:0 auto}
  .dashboard-mockup{transform:none}
  .dashboard-mockup:hover{transform:none}
  @keyframes mockFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
  .ki-hero-grid{grid-template-columns:1fr}
  .partnership-grid{grid-template-columns:1fr}
  .legal-grid{grid-template-columns:1fr}
  .service-grid{grid-template-columns:1fr}
  .tool-grid{grid-template-columns:1fr 1fr}
  .value-grid{grid-template-columns:1fr 1fr}
  .problem-grid{grid-template-columns:1fr}
  .tool-card.ki-card{grid-column:span 2}
  .compare-shell{grid-template-columns:1fr}
  .compare-copy{max-width:680px}
  .tier-grid{grid-template-columns:1fr}
  .tier-card.featured{transform:none}
  .tier-card.featured:hover{transform:translateY(-4px)}
  .grow-grid{grid-template-columns:1fr 1fr}
  .grow-big{grid-column:span 2}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}
  .features-grid{grid-template-columns:1fr 1fr}
  footer .wrap{grid-template-columns:1fr}
}
@media(max-width:768px){
  :root{--pad:24px}
  .site-nav{padding:10px 16px}
  .logo{height:46px}
  .hero{padding:44px 0 0}
  .hero-split{gap:34px;padding-bottom:54px}
  .hero-text{text-align:center}
  .hero-slogan{max-width:100%;white-space:normal;font-size:12px;line-height:1.35;padding:9px 16px;margin-bottom:22px}
  h1{font-size:clamp(34px,11vw,46px);line-height:1.05}
  .hero-sub{font-size:15px;max-width:310px}
  .hero-actions{display:grid;grid-template-columns:1fr;max-width:260px;margin:0 auto}
  .hero-visual{display:none}
  .hero-brands{padding:28px 0 72px}
  .hero-brands p{font-size:11px;line-height:1.4}
  .platform-logo{height:48px;min-width:150px;font-size:15px}
  .problem-card{min-height:auto;padding:28px}
  .problem-card h3{font-size:22px}
  .problem-card p{font-size:14px}
  .tool-grid{grid-template-columns:1fr}
  .value-grid{grid-template-columns:1fr}
  .value-grid .tool-card{min-height:auto}
  .tool-card{padding:28px}
  .tool-card h3{font-size:20px}
  .tool-card p{font-size:14px}
  .section-center{text-align:left}
  .section-center .section-intro{margin-left:0;margin-right:0}
  .section-center h2{font-size:clamp(31px,9vw,40px)}
  .section-label{text-align:left}
  .tool-card.ki-card{grid-column:span 1;flex-direction:column}
  .sellx-compare{display:grid;gap:14px;background:transparent;border:0;box-shadow:none;overflow:visible}
  .compare-copy h2{font-size:clamp(30px,8.5vw,42px)}
  .compare-copy p{font-size:15px}
  .decision-compare{grid-template-columns:1fr;gap:16px}
  .decision-card{padding:22px}
  .decision-head{grid-template-columns:40px 1fr}
  .decision-mark{width:40px;height:40px;border-radius:12px}
  .decision-card h3{font-size:20px}
  .compare-head{display:none}
  .compare-row{grid-template-columns:1fr;border:1px solid rgba(125,211,252,.16);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(13,95,128,.94),rgba(11,105,145,.9))}
  .compare-row span{display:block;border-left:0;border-top:1px solid rgba(125,211,252,.1);padding:16px 18px;white-space:normal}
  .compare-row span:nth-child(2)::before{content:"Standard-Spedition";display:block;color:#9fd9ee;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
  .compare-row span:nth-child(3)::before{content:"E-Gate";display:block;color:var(--accent-bright);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
  .compare-row .compare-topic{border-top:0;background:rgba(14,165,233,.12)}
  .process-flow{grid-template-columns:1fr;gap:14px}
  .process-flow::before{display:none}
  .pf-step{width:100%}
  .pf-return-arrow{right:16px;top:16px}
  .pf-step{text-align:center}
  .process-track{grid-template-columns:1fr 1fr}
  .audience-grid,.trust-row{grid-template-columns:1fr}
  .ki-split,.contact-grid{grid-template-columns:1fr}
  .ki-light{border-left:1px solid var(--border);border-top:none}
  .grow-grid{grid-template-columns:1fr}
  .grow-big{grid-column:span 1;grid-row:span 1}
  .hero{padding:60px 0 0}
  .service-list-compact{grid-template-columns:1fr}
  .partnership-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  h1,h2,h3,.section-intro,.hero-sub{max-width:100%;overflow-wrap:anywhere;word-break:normal}
  body{min-width:0;width:100%}
  .wrap{width:calc(100% - 32px)}
  .site-nav{width:100vw;max-width:100vw;overflow:hidden;gap:8px}
  .nav-links{gap:0;min-width:0;flex:0 1 auto}
  .nav-links .btn{min-height:38px;padding:0 16px;font-size:12px}
  section,.hero,.section-dark,.section-light,.section-compare,.section-accent,footer{width:100%;max-width:100vw;overflow:hidden}
  .section-dark,.section-light,.section-compare{padding:52px 0}
  .hero h1{font-size:28px;line-height:1.12;letter-spacing:0;max-width:100%;text-align:left}
  .hero-split{display:block;width:calc(100vw - 48px);max-width:330px;padding-left:0;padding-right:0}
  .hero-text{width:calc(100vw - 48px);max-width:330px;text-align:left}
  .hero h1,.hero-sub,.hero-slogan{width:100%;max-width:330px}
  .hero-sub{max-width:100%;font-size:14px;line-height:1.65}
  .section-center h2,.compare-copy h2{font-size:30px;line-height:1.12;letter-spacing:0}
  .problem-card h3,.tool-card h3,.acard h3{font-size:19px;line-height:1.2}
  .section-intro{font-size:15px;line-height:1.65}
  .hero-slogan{max-width:100%;display:inline-flex;white-space:normal;text-align:left}
  .hero-actions{margin-left:0;margin-right:0}
  .compare-row span,.tool-card p,.problem-card p,.acard p,.partnership-note p,.partnership-text>p{overflow-wrap:anywhere}
  .decision-compare{width:calc(100vw - 32px);max-width:330px}
  .decision-card{width:100%;max-width:330px;padding:20px}
  .decision-head{grid-template-columns:36px 1fr;gap:12px}
  .decision-mark{width:36px;height:36px;border-radius:11px}
  .decision-card h3{font-size:19px;line-height:1.18;overflow-wrap:anywhere}
  .decision-card p,.decision-card li{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
  .decision-card li{grid-template-columns:24px 1fr;gap:8px}
  .decision-card li span{width:24px;height:24px}
  .section-center,.compare-copy{width:calc(100vw - 48px);max-width:330px}
  .problem-grid,.tool-grid,.audience-grid,.partnership-grid{display:block;width:calc(100vw - 48px);max-width:330px}
  .problem-card,.tool-card,.acard,.partnership-note{width:100%;max-width:330px;margin-bottom:16px}
  .dashboard-mockup,.sellx-compare,.tool-card,.problem-card,.acard,.partnership-note{max-width:330px}
  .marquee-wrap::before,.marquee-wrap::after{width:34px}
  .nav-links a:not(.btn):not([href*=".html"]){display:none}
  .nav-links a:not(.btn){display:none}
  .process-track{grid-template-columns:1fr}
  .features-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr 1fr}
  .partnership-stats{grid-template-columns:1fr}
  .cookie-backdrop{padding:12px}
  .cookie-consent{width:100%;max-height:calc(100vh - 24px);padding:20px;border-radius:16px}
  .cookie-consent h2{font-size:26px;margin-bottom:12px}
  .cookie-consent p{font-size:14px;line-height:1.55;margin-bottom:12px}
  .cookie-links{gap:14px;margin:8px 0 14px}
  .cookie-links a{font-size:13px}
  .cookie-option{gap:12px;padding:10px 0}
  .cookie-option strong{font-size:15px}
  .cookie-option span{font-size:12px;line-height:1.45}
  .cookie-actions{gap:10px;margin-top:16px}
  .cookie-actions button{min-height:46px;font-size:14px}
  .cookie-actions{grid-template-columns:1fr}
  .hero::after{inset:0;background:linear-gradient(180deg,rgba(6,30,47,.38) 0%,rgba(6,30,47,.62) 32%,rgba(6,30,47,.18) 70%,transparent 100%)}
}

/* V33 scroll rhythm: keep each section as one clear thought while scrolling */
:root{
  --rhythm-section-y:clamp(92px,9vw,132px);
  --rhythm-section-y-tight:clamp(78px,7vw,108px);
  --rhythm-heading-gap:clamp(34px,4vw,56px);
  --rhythm-grid-gap:clamp(26px,3vw,36px);
}

.section-dark,
.section-light,
.section-gray,
.section-blue,
.section-compare,
.section-ki-highlight{
  padding:var(--rhythm-section-y) 0;
}

.page-header{
  padding:clamp(70px,8vw,104px) var(--pad) clamp(74px,8vw,112px);
}

.hero-split{
  padding-bottom:clamp(96px,10vw,138px);
}

.hero-brands{
  padding:38px 0 clamp(98px,9vw,132px);
}

.section-center{
  max-width:780px;
  margin:0 auto var(--rhythm-heading-gap);
}

.section-center .section-intro{
  margin-bottom:0;
}

.problem-grid,
.tool-grid,
.features-grid,
.process-flow,
.process-track,
.audience-grid,
.trust-row,
.service-grid{
  gap:var(--rhythm-grid-gap);
  margin-top:0;
}

.problem-grid{
  grid-template-columns:1fr;
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}

.problem-card{
  min-height:230px;
  padding:40px 44px;
  display:grid;
  grid-template-columns:64px 1fr;
  column-gap:28px;
  align-items:center;
}

.problem-kicker{
  grid-row:1 / span 2;
  margin-bottom:0;
}

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

.value-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}

.value-grid .tool-card{
  min-height:260px;
  padding:36px;
}

.features-grid,
.audience-grid,
.service-grid,
.process-flow,
.process-track{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.compare-shell{
  gap:clamp(64px,6vw,92px);
  align-items:start;
}

.decision-compare{
  gap:clamp(24px,2.8vw,34px);
}

.partnership-grid,
.contact-grid,
.ki-hero-grid{
  gap:clamp(74px,7vw,104px);
}

.section-accent .cta-section{
  padding:var(--rhythm-section-y-tight) 0;
}

section+section::before,
footer::before,
.page-header::after{
  height:clamp(46px,5vw,78px);
}

@media(max-width:1024px){
  .compare-shell,
  .partnership-grid,
  .contact-grid,
  .ki-hero-grid{
    gap:48px;
  }
}

@media(max-width:768px){
  :root{
    --rhythm-section-y:76px;
    --rhythm-section-y-tight:66px;
    --rhythm-heading-gap:30px;
    --rhythm-grid-gap:20px;
  }

  .hero-split{
    padding-bottom:70px;
  }

  .hero-brands{
    padding-bottom:80px;
  }

  .section-center{
    margin-bottom:var(--rhythm-heading-gap);
  }

  .compare-shell{
    gap:34px;
  }

  .problem-card,
  .tool-card,
  .acard,
  .partnership-note{
    margin-bottom:20px;
  }

  .problem-card{
    min-height:380px;
    display:block;
  }

  .problem-kicker{
    margin-bottom:22px;
  }

  .value-grid,
  .features-grid,
  .audience-grid,
  .service-grid,
  .process-flow,
  .process-track{
    grid-template-columns:1fr;
  }
}

@media(max-width:600px){
  .section-dark,
  .section-light,
  .section-gray,
  .section-blue,
  .section-compare,
  .section-ki-highlight{
    padding:72px 0;
  }

  .page-header{
    padding:58px var(--pad) 68px;
  }

  .problem-grid,
  .tool-grid,
  .audience-grid,
  .partnership-grid{
    display:grid;
    gap:36px;
  }

  .problem-card,
  .tool-card,
  .acard,
  .partnership-note{
    margin-bottom:0;
  }

  .decision-compare{
    gap:20px;
  }
}

/* V38 text sharpness: keep readable cards off transform-composited layers. */
.tool-card:not(.ki-card),
.problem-card,
.service-card,
.service-item-compact,
.acard,
.feature-card,
.pstep,
.tcard,
.card,
.p-stat-card,
.partnership-note,
.decision-card,
.pf-step,
.contact-prompts div{
  will-change:auto!important;
  transform:none!important;
  transition:box-shadow .2s ease,border-color .2s ease,background .2s ease!important;
}

.tool-card:not(.ki-card):hover,
.problem-card:hover,
.service-card:hover,
.service-item-compact:hover,
.acard:hover,
.feature-card:hover,
.pstep:hover,
.tcard:hover,
.card:hover,
.p-stat-card:hover,
.partnership-note:hover,
.decision-card:hover,
.pf-step:hover,
.contact-prompts div:hover{
  transform:none!important;
}

.tool-card:not(.ki-card) h3,
.problem-card h3,
.service-card .sname,
.service-item-compact .sname,
.acard h3,
.feature-card h3,
.pstep strong,
.tcard h3,
.card h3,
.p-stat-card .p-stat-label,
.partnership-note h3,
.decision-card h3,
.pf-step h3,
.contact-prompts strong{
  color:#092f45!important;
}

.tool-card:not(.ki-card) p,
.problem-card p,
.service-card .sdesc,
.service-item-compact .sdesc,
.acard p,
.feature-card p,
.pstep span,
.tcard p,
.card p,
.p-stat-card .p-stat-label,
.partnership-note p,
.decision-card p,
.pf-step p,
.contact-prompts span,
.tool-link{
  color:#17394d!important;
  font-weight:650!important;
}

/* V40 lower-page motion test: subtle effects without reintroducing text blur. */
.story-flow{
  position:relative;
}
.story-flow::before{
  content:"";
  position:absolute;
  left:31px;
  top:42px;
  bottom:42px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(216,242,255,.08),rgba(216,242,255,.58),rgba(216,242,255,.08));
  opacity:.38;
  pointer-events:none;
}
.story-flow.motion-active::after{
  content:"";
  position:absolute;
  left:27px;
  top:58px;
  width:10px;
  height:46px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.95),rgba(14,165,233,.2));
  filter:blur(.2px);
  animation:storyTrace 4.8s ease-in-out infinite;
  pointer-events:none;
}
.problem-card[data-flow]{
  isolation:isolate;
}
.problem-card[data-flow]::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:radial-gradient(circle at 12% 28%,rgba(14,165,233,.16),transparent 32%);
  opacity:0;
  transition:opacity .45s ease;
  pointer-events:none;
}
.story-flow.motion-active .problem-card[data-flow]::after{
  opacity:1;
}
.story-flow.motion-active .problem-card[data-flow="2"]::after{
  transition-delay:.18s;
}
.story-flow.motion-active .problem-card[data-flow="3"]::after{
  transition-delay:.36s;
}
.story-flow.motion-active .problem-kicker{
  animation:badgeSignal 3.4s ease-in-out infinite;
}
.story-flow.motion-active .problem-card:nth-child(2) .problem-kicker{
  animation-delay:.35s;
}
.story-flow.motion-active .problem-card:nth-child(3) .problem-kicker{
  animation-delay:.7s;
}

.value-grid .tool-card:not(.ki-card){
  isolation:isolate;
}
.value-grid .tool-card:not(.ki-card)::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 0%,rgba(14,165,233,.12) 34%,rgba(255,255,255,.34) 50%,rgba(14,165,233,.12) 66%,transparent 100%);
  transform:translateX(-120%);
  opacity:0;
  pointer-events:none;
  z-index:0;
}
.value-grid .tool-card:not(.ki-card)>*{
  position:relative;
  z-index:1;
}
.value-grid.motion-active .tool-card:not(.ki-card)::after{
  animation:cardScan 5.8s ease-in-out infinite;
}
.value-grid.motion-active .tool-card:nth-child(2)::after{animation-delay:.28s}
.value-grid.motion-active .tool-card:nth-child(3)::after{animation-delay:.56s}
.value-grid.motion-active .tool-card:nth-child(4)::after{animation-delay:.84s}
.value-grid.motion-active .tool-card:nth-child(5)::after{animation-delay:1.12s}
.value-grid.motion-active .tool-card:nth-child(6)::after{animation-delay:1.4s}
.value-grid.motion-active .tool-card:nth-child(7)::after{animation-delay:1.68s}
.value-grid.motion-active .tool-card:nth-child(8)::after{animation-delay:1.96s}
.value-grid.motion-active .tool-icon{
  box-shadow:0 0 0 1px rgba(14,165,233,.16),0 12px 26px rgba(14,165,233,.12);
}
.value-grid.motion-active .tool-num{
  color:rgba(14,165,233,.18);
}

.decision-compare.motion-active .decision-card-egate{
  box-shadow:0 18px 48px rgba(1,12,24,.2),0 0 0 6px rgba(14,165,233,.08),0 0 32px rgba(14,165,233,.12);
}
.decision-compare.motion-active .decision-card-egate li span,
.decision-compare.motion-active .decision-check{
  animation:checkSignal 3.8s ease-in-out infinite;
}
.decision-compare.motion-active .decision-card-egate li:nth-child(2) span{animation-delay:.2s}
.decision-compare.motion-active .decision-card-egate li:nth-child(3) span{animation-delay:.4s}
.decision-compare.motion-active .decision-card-egate li:nth-child(4) span{animation-delay:.6s}
.decision-compare.motion-active .decision-card-egate li:nth-child(5) span{animation-delay:.8s}
.decision-compare.motion-active .decision-card-egate li:nth-child(6) span{animation-delay:1s}

.motion-flow{
  --process-progress:0%;
}
.motion-flow::after{
  content:"";
  position:absolute;
  left:5%;
  right:5%;
  top:54px;
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(14,165,233,0),rgba(255,255,255,.86),rgba(14,165,233,.35),rgba(14,165,233,0));
  filter:blur(.3px);
  z-index:0;
  opacity:0;
  pointer-events:none;
}
.motion-flow.motion-active::after{
  animation:processBeam 5.4s ease-in-out infinite;
}
.motion-flow.motion-active .pf-num{
  animation:processDot 3.6s ease-in-out infinite;
}
.motion-flow.motion-active .pf-step:nth-child(2) .pf-num{animation-delay:.22s}
.motion-flow.motion-active .pf-step:nth-child(3) .pf-num{animation-delay:.44s}
.motion-flow.motion-active .pf-step:nth-child(4) .pf-num{animation-delay:.66s}
.motion-flow.motion-active .pf-step:nth-child(5) .pf-num{animation-delay:.88s}
.motion-flow.motion-active .pf-step:nth-child(6) .pf-num{animation-delay:1.1s}
.motion-flow.motion-active .pf-return-arrow{
  opacity:1;
  transform-origin:center;
}

@media(max-width:768px){
  .story-flow::before,
  .story-flow.motion-active::after{
    left:22px;
  }
  .motion-flow::after{
    display:none;
  }
  .motion-flow.motion-active .pf-step{
    box-shadow:0 12px 28px rgba(1,12,24,.16),inset 4px 0 0 rgba(14,165,233,.18);
  }
}

@media(prefers-reduced-motion:reduce){
  .story-flow.motion-active::after,
  .story-flow.motion-active .problem-kicker,
  .value-grid.motion-active .tool-card:not(.ki-card)::after,
  .decision-compare.motion-active .decision-card-egate li span,
  .decision-compare.motion-active .decision-check,
  .motion-flow.motion-active::after,
  .motion-flow.motion-active .pf-num{
    animation:none!important;
  }
}

/* V41 scroll polish: bigger, cleaner, and visibly tied to scrolling. */
.scroll-stage{
  --scroll-p:0;
  position:relative;
  isolation:isolate;
}
.scroll-stage::before{
  content:attr(data-motion-word);
  position:absolute;
  top:clamp(34px,6vw,92px);
  right:max(24px,calc((100vw - 1200px) / 2));
  z-index:0;
  font-family:var(--font);
  font-size:clamp(72px,13vw,190px);
  font-weight:950;
  line-height:.82;
  letter-spacing:0;
  color:rgba(255,255,255,.12);
  white-space:nowrap;
  pointer-events:none;
  opacity:calc(.05 + (var(--scroll-p, 0) * .14));
  transform:translateX(calc((.5 - var(--scroll-p, 0)) * 96px));
  transition:opacity .18s linear;
}
.scroll-stage>.wrap{
  position:relative;
  z-index:1;
}
.scroll-stage>.wrap::before{
  content:"";
  position:absolute;
  left:-34px;
  top:12px;
  width:3px;
  height:calc(var(--scroll-p, 0) * 100%);
  max-height:calc(100% - 24px);
  border-radius:999px;
  background:linear-gradient(180deg,#fff 0%,#7dd3fc 48%,rgba(255,255,255,0) 100%);
  box-shadow:0 0 24px rgba(125,211,252,.34);
  opacity:.86;
  pointer-events:none;
}
.scroll-stage .section-center{
  overflow:hidden;
}
.scroll-stage .section-label{
  transform:translateY(calc((1 - var(--scroll-p, 0)) * 18px));
  opacity:calc(.35 + (var(--scroll-p, 0) * .65));
}
.scroll-stage .section-center h2{
  position:relative;
  display:inline-block;
  text-wrap:balance;
}
.scroll-stage .section-center h2::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-12px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#fff,#7dd3fc,rgba(255,255,255,0));
  transform:scaleX(var(--scroll-p, 0));
  transform-origin:left center;
  opacity:.78;
}
.scroll-stage .section-intro{
  opacity:calc(.4 + (var(--scroll-p, 0) * .6));
}

.scroll-stage .problem-card,
.scroll-stage .tool-card:not(.ki-card),
.scroll-stage .decision-card,
.scroll-stage .pf-step{
  --item-p:0;
  opacity:calc(.76 + (var(--item-p, 0) * .24))!important;
  transform:translateY(calc((1 - var(--item-p, 0)) * 46px)) scale(calc(.965 + (var(--item-p, 0) * .035)))!important;
  clip-path:inset(0 0 calc((1 - var(--item-p, 0)) * 5%) 0 round 18px);
  transition:box-shadow .28s ease,border-color .28s ease,background .28s ease,opacity .58s cubic-bezier(.22,.61,.36,1),transform .58s cubic-bezier(.22,.61,.36,1),clip-path .58s cubic-bezier(.22,.61,.36,1)!important;
  backface-visibility:hidden;
}
.scroll-stage .problem-card.scroll-item-active,
.scroll-stage .tool-card.scroll-item-active:not(.ki-card),
.scroll-stage .decision-card.scroll-item-active,
.scroll-stage .pf-step.scroll-item-active{
  box-shadow:0 22px 56px rgba(1,12,24,.24),0 0 0 1px rgba(255,255,255,.18)!important;
}
.scroll-stage .problem-card.scroll-item-opened,
.scroll-stage .tool-card.scroll-item-opened:not(.ki-card),
.scroll-stage .decision-card.scroll-item-opened,
.scroll-stage .pf-step.scroll-item-opened{
  opacity:1!important;
  clip-path:inset(0 0 0 0 round 18px)!important;
  transition:box-shadow .28s ease,border-color .28s ease,background .28s ease,opacity .58s cubic-bezier(.22,.61,.36,1),transform .58s cubic-bezier(.22,.61,.36,1),clip-path .58s cubic-bezier(.22,.61,.36,1)!important;
}

.story-stage .story-flow{
  overflow:visible;
}
.story-stage .story-flow::before{
  display:none;
}
.story-stage .story-flow::after,
.story-stage .story-flow.motion-active::after{
  display:none;
}
.story-stage .problem-card{
  min-height:250px;
}
.story-stage .problem-card:nth-child(odd){
  transform:translateX(calc((1 - var(--item-p, 0)) * -38px)) translateY(calc((1 - var(--item-p, 0)) * 42px)) scale(calc(.965 + (var(--item-p, 0) * .035)))!important;
}
.story-stage .problem-card:nth-child(even){
  transform:translateX(calc((1 - var(--item-p, 0)) * 38px)) translateY(calc((1 - var(--item-p, 0)) * 42px)) scale(calc(.965 + (var(--item-p, 0) * .035)))!important;
}
.story-stage .problem-kicker{
  background:#0ea5e9!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.42)!important;
}

.service-stage .value-grid{
  perspective:1000px;
}
.service-stage .tool-card:not(.ki-card){
  min-height:280px;
}
.service-stage .tool-card:nth-child(odd):not(.ki-card){
  transform:translateY(calc((1 - var(--item-p, 0)) * 48px)) rotateX(calc((1 - var(--item-p, 0)) * 4deg)) scale(calc(.95 + (var(--item-p, 0) * .05)))!important;
}
.service-stage .tool-card:nth-child(even):not(.ki-card){
  transform:translateY(calc((1 - var(--item-p, 0)) * 62px)) rotateX(calc((1 - var(--item-p, 0)) * -4deg)) scale(calc(.95 + (var(--item-p, 0) * .05)))!important;
}
.service-stage .tool-icon{
  transform:translateY(calc((1 - var(--item-p, 0)) * -12px)) scale(calc(.9 + (var(--item-p, 0) * .1)));
}
.service-stage .tool-num{
  font-family:var(--font);
  font-weight:950;
  font-size:48px;
  color:rgba(14,165,233,calc(.10 + (var(--item-p, 0) * .18)))!important;
}

.compare-stage .compare-shell{
  align-items:center;
}
.compare-stage .compare-copy{
  position:sticky;
  top:118px;
}
.compare-stage .decision-card-muted{
  transform:translateY(calc((1 - var(--item-p, 0)) * 40px)) scale(calc(.95 + (var(--item-p, 0) * .05)))!important;
}
.compare-stage .decision-card-egate{
  transform:translateY(calc((1 - var(--item-p, 0)) * 70px)) scale(calc(.94 + (var(--item-p, 0) * .06)))!important;
}
.compare-stage .decision-card-egate::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg,transparent 0%,rgba(14,165,233,.16) 44%,rgba(255,255,255,.6) 50%,rgba(14,165,233,.12) 56%,transparent 100%);
  transform:translateX(calc((var(--scroll-p, 0) * 180%) - 140%));
  opacity:.68;
  pointer-events:none;
}
.compare-stage .decision-card{
  position:relative;
  overflow:hidden;
}

.process-stage .process-flow{
  align-items:stretch;
}
.process-stage .process-flow::before{
  height:5px;
  background:linear-gradient(90deg,rgba(255,255,255,.14),#fff,#38bdf8,rgba(255,255,255,.14));
  transform:scaleX(var(--scroll-p, 0));
  transform-origin:left center;
  opacity:.92;
  box-shadow:0 0 28px rgba(125,211,252,.4);
}
.process-stage .pf-step{
  min-height:196px;
}
.process-stage .pf-num{
  transform:scale(calc(.88 + (var(--item-p, 0) * .18)));
  background:linear-gradient(135deg,#0ea5e9,#0b4d6e);
}
.process-stage .pf-step.scroll-item-active .pf-num{
  box-shadow:0 0 0 8px rgba(14,165,233,.12),0 14px 28px rgba(14,165,233,.25);
}

@media(max-width:1024px){
  .compare-stage .compare-copy{
    position:relative;
    top:auto;
  }
}

@media(max-width:768px){
  .scroll-stage::before{
    top:28px;
    right:16px;
    font-size:clamp(54px,19vw,90px);
    opacity:calc(.04 + (var(--scroll-p, 0) * .08));
  }
  .scroll-stage>.wrap::before{
    left:8px;
    width:2px;
  }
  .story-stage .story-flow::before,
  .story-stage .story-flow.motion-active::after{
    left:22px;
  }
  .story-stage .problem-card:nth-child(odd),
  .story-stage .problem-card:nth-child(even),
  .service-stage .tool-card:nth-child(odd):not(.ki-card),
  .service-stage .tool-card:nth-child(even):not(.ki-card),
  .compare-stage .decision-card-muted,
  .compare-stage .decision-card-egate,
  .process-stage .pf-step{
    transform:translateY(calc((1 - var(--item-p, 0)) * 36px)) scale(calc(.97 + (var(--item-p, 0) * .03)))!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .scroll-stage::before,
  .scroll-stage>.wrap::before,
  .scroll-stage .section-label,
  .scroll-stage .section-center h2::after,
  .scroll-stage .problem-card,
  .scroll-stage .tool-card:not(.ki-card),
  .scroll-stage .decision-card,
  .scroll-stage .pf-step,
  .service-stage .tool-icon,
  .process-stage .process-flow::before,
  .process-stage .pf-num{
    transform:none!important;
    transition:none!important;
    clip-path:none!important;
    animation:none!important;
  }
}

/* V39 header polish: lighter premium top bar instead of a dull dark strip. */
.site-nav{
  padding:10px var(--pad)!important;
  background:linear-gradient(135deg,rgba(18,142,177,.96) 0%,rgba(16,126,162,.95) 48%,rgba(12,91,126,.96) 100%)!important;
  border-bottom:1px solid rgba(244,251,255,.24)!important;
  box-shadow:0 10px 26px rgba(1,12,24,.1),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

.logo{
  height:50px!important;
}

.nav-links{
  gap:22px!important;
  color:rgba(244,251,255,.84)!important;
}

.nav-links a{
  color:rgba(244,251,255,.84)!important;
}

.nav-links a:hover,
.nav-links a.active{
  color:#fff!important;
}

.nav-links .btn{
  min-height:40px!important;
  padding:0 24px!important;
  background:#f4fbff!important;
  border-color:rgba(244,251,255,.72)!important;
  color:#075985!important;
  box-shadow:0 8px 20px rgba(1,12,24,.14)!important;
}

.nav-links .btn:hover,
.nav-links .btn.active{
  background:#fff!important;
  border-color:#fff!important;
  color:#0369a1!important;
  box-shadow:0 10px 26px rgba(1,12,24,.18)!important;
}

/* V45 heading flow: keep staged section headlines readable instead of stacked. */
@media(min-width:769px){
  .scroll-stage .section-center{
    overflow:visible;
    max-width:min(1120px,96vw);
  }

  .scroll-stage .section-center h2{
    display:block;
    max-width:min(1120px,96vw);
    margin-left:auto;
    margin-right:auto;
    font-size:clamp(38px,3.6vw,52px);
    line-height:1.12;
    letter-spacing:0;
    text-wrap:pretty;
  }

  .process-stage .section-center h2{
    max-width:min(1180px,98vw);
    font-size:clamp(36px,3.25vw,48px);
  }
}

/* V46 editorial section flow: stop forcing long German copy into the center only. */
@media(min-width:900px){
  .scroll-stage .section-center{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);
    column-gap:clamp(44px,5vw,88px);
    align-items:end;
    text-align:left;
    max-width:min(1180px,92vw);
  }

  .scroll-stage .section-center .section-label{
    grid-column:1 / -1;
  }

  .scroll-stage .section-center h2{
    grid-column:1;
    margin:0;
    max-width:none;
    text-align:left;
    text-wrap:balance;
  }

  .scroll-stage .section-center .section-intro{
    grid-column:2;
    max-width:520px;
    margin:0 0 8px;
    text-align:left;
  }

  .compare-stage .compare-shell{
    display:block;
  }

  .compare-stage .compare-copy{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
    column-gap:clamp(44px,5vw,88px);
    align-items:end;
    max-width:min(1180px,92vw);
    margin:0 auto;
    position:relative;
    top:auto;
  }

  .compare-stage .compare-copy .section-label{
    grid-column:1 / -1;
  }

  .compare-stage .compare-copy h2{
    grid-column:1;
    max-width:none;
    margin:0;
    font-size:clamp(38px,3.6vw,52px);
    line-height:1.12;
    text-align:left;
    overflow-wrap:normal;
  }

  .compare-stage .compare-copy p{
    grid-column:2;
    max-width:520px;
    margin:0 0 8px;
    text-align:left;
  }

  .compare-stage .decision-compare{
    margin-top:clamp(42px,5vw,72px);
  }
}

/* V47 service headline flow: keep the short sales-focus headline on one clean row where possible. */
@media(min-width:900px){
  .service-stage .section-center{
    grid-template-columns:1fr;
    row-gap:14px;
    align-items:start;
  }

  .service-stage .section-center h2{
    grid-column:1;
    max-width:min(1180px,94vw);
    font-size:clamp(30px,2.7vw,40px);
    line-height:1.1;
    text-wrap:normal;
    white-space:nowrap;
  }

  .service-stage .section-center .section-intro{
    grid-column:1;
    max-width:860px;
    margin:0;
  }
}

/* V49 readability pass: Bilal screenshot fixes for small and low-contrast copy. */
.story-stage .section-center .section-intro{
  color:#e7f8ff!important;
  font-size:clamp(18px,1.35vw,21px);
  line-height:1.7;
  font-weight:700;
  text-shadow:0 1px 14px rgba(1,12,24,.18);
}

.story-stage .problem-kicker{
  display:none!important;
}

.story-stage .problem-card{
  padding:clamp(34px,3vw,46px);
  display:block;
  grid-template-columns:1fr;
  min-height:auto;
}

.story-stage .problem-card h3{
  font-size:clamp(26px,2vw,32px)!important;
  line-height:1.16;
  margin-bottom:18px;
}

.story-stage .problem-card p{
  color:#12384e!important;
  font-size:clamp(17px,1.25vw,20px)!important;
  line-height:1.75;
  font-weight:720!important;
}

.process-stage .pf-step{
  padding:clamp(28px,2.7vw,38px) clamp(24px,2.5vw,34px);
  min-height:clamp(196px,15vw,232px);
  opacity:1!important;
  clip-path:inset(0 0 0 0 round 18px)!important;
}

.process-stage .pf-content strong{
  font-size:clamp(16px,1.25vw,19px)!important;
  line-height:1.25;
  margin-bottom:12px;
  color:#fff!important;
}

.process-stage .pf-content span{
  color:#d8f2ff!important;
  font-size:clamp(14px,1.05vw,17px)!important;
  line-height:1.8;
  font-weight:650!important;
}

@media(max-width:768px){
  .story-stage .section-center .section-intro{
    font-size:16px;
    line-height:1.65;
  }

  .story-stage .problem-card h3{
    font-size:24px!important;
  }

  .story-stage .problem-card p{
    font-size:16px!important;
  }

  .process-stage .pf-content strong{
    font-size:17px!important;
  }

  .process-stage .pf-content span{
    font-size:15px!important;
  }
}

/* V51 global readability sweep: reduce transparent/dim copy across all pages. */
.section-dark p,
.section-light p,
.section-accent p,
.section-compare p,
.section-dark .section-intro,
.section-light .section-intro,
.section-accent .section-intro,
.section-compare .section-intro,
.page-header p,
.quote-banner cite,
.footer-brand p,
.footer-contact p,
.address,
.chat-messages .bot-msg{
  color:#e7f8ff!important;
  font-weight:560;
}

.tool-card p,
.problem-card p,
.service-card .sdesc,
.service-item-compact .sdesc,
.partnership-text>p,
.partnership-note p,
.card-dark p,
.tier-sub,
.tier-desc,
.grow-big p,
.grow-stat .stat-desc,
.acard p,
.ki-dark p,
.ki-bullet span,
.feature-card p,
.pstep span,
.faq-list .faq-body,
.contact-prompts span,
.tcard p,
.cta-section p{
  color:#e4f8ff!important;
  font-size:max(15.5px,1em);
  line-height:1.75;
  font-weight:560;
}

.tool-link,
.section-label,
.section-dark .section-label,
.tier-label,
.p-stat-label,
.stat-label,
.footer-col a,
.footer-bottom{
  color:#f4fbff!important;
}

.decision-card p,
.decision-card li span{
  color:#12384e!important;
  font-weight:650;
}

.legal-card p{
  color:#12384e!important;
  font-weight:560;
}

.cform input,
.cform textarea,
.cform select{
  color:#fff!important;
}

.cform input::placeholder,
.cform textarea::placeholder{
  color:#d8f2ff!important;
  opacity:1;
}

@media(max-width:768px){
  .tool-card p,
  .problem-card p,
  .service-card .sdesc,
  .service-item-compact .sdesc,
  .acard p,
  .feature-card p,
  .pstep span,
  .tcard p{
    font-size:15px;
  }
}

/* V53 readability fix: pale cards must use dark copy, not the global blue-section light text. */
.problem-card p,
.tool-card:not(.ki-card) p,
.service-card .sdesc,
.service-item-compact .sdesc,
.acard p,
.feature-card p,
.pstep span,
.tcard p,
.card:not(.card-dark) p,
.p-stat-card .p-stat-label,
.partnership-note p,
.decision-card p,
.decision-card li span,
.pf-step span,
.contact-prompts span{
  color:#12384e!important;
  font-weight:650!important;
  text-shadow:none!important;
}

.partnership-note .tool-link,
.tool-card:not(.ki-card) .tool-link{
  color:#075985!important;
  font-weight:800!important;
  text-shadow:none!important;
}

.partnership-note .tool-link:hover,
.tool-card:not(.ki-card) .tool-link:hover{
  color:#0b6f91!important;
}

/* V54 all-page transition pass: soften every section join on homepage and subpages. */
.page-header{
  background:linear-gradient(180deg,#0b4d6e 0%,#0c6385 42%,#128eb1 74%,#0d759b 100%)!important;
  padding-bottom:clamp(92px,9vw,128px)!important;
}

.page-header::after{
  height:clamp(82px,8vw,118px)!important;
  background:
    linear-gradient(180deg,rgba(13,117,155,0) 0%,rgba(13,117,155,.62) 54%,#0d759b 100%)!important;
}

.hero,
.section-dark,
.section-light,
.section-gray,
.section-blue,
.section-compare,
.section-accent,
.quote-banner,
footer{
  box-shadow:
    inset 0 46px 54px -58px rgba(244,251,255,.2),
    inset 0 -62px 66px -72px rgba(1,12,24,.26);
}

.page-header + .section-light,
.page-header + .section-dark,
.page-header + .section-gray,
.page-header + .section-compare{
  padding-top:calc(var(--rhythm-section-y) + clamp(12px,2vw,24px))!important;
  box-shadow:
    inset 0 82px 82px -84px rgba(244,251,255,.26),
    inset 0 -62px 66px -72px rgba(1,12,24,.24);
}

.wrap:has(> .page-header) + .section-light,
.wrap:has(> .page-header) + .section-dark,
.wrap:has(> .page-header) + .section-gray,
.wrap:has(> .page-header) + .section-compare{
  padding-top:calc(var(--rhythm-section-y) + clamp(18px,2.5vw,34px))!important;
  box-shadow:
    inset 0 104px 108px -106px rgba(244,251,255,.32),
    inset 0 -62px 66px -72px rgba(1,12,24,.24);
}

section + section::before{
  height:clamp(72px,7vw,110px)!important;
  background:
    linear-gradient(180deg,rgba(216,242,255,.13) 0%,rgba(216,242,255,.04) 46%,rgba(13,117,155,0) 100%)!important;
}

section + .quote-banner,
.quote-banner + section{
  margin-top:-1px;
}

section + .quote-banner{
  box-shadow:
    inset 0 92px 92px -98px rgba(244,251,255,.24),
    inset 0 -78px 82px -88px rgba(1,12,24,.24);
}

.quote-banner + section{
  padding-top:calc(var(--rhythm-section-y) + clamp(12px,2vw,28px))!important;
  box-shadow:
    inset 0 96px 96px -98px rgba(244,251,255,.24),
    inset 0 -62px 66px -72px rgba(1,12,24,.24);
}

.section-accent{
  background:linear-gradient(180deg,#0d759b 0%,#18a0c2 18%,#128eb1 62%,#0d759b 100%)!important;
}

section + footer,
.section-accent + footer{
  margin-top:-1px;
}

footer{
  background:linear-gradient(180deg,#0d759b 0%,#0b6f91 34%,#0a5878 100%)!important;
}

footer::before{
  height:clamp(82px,8vw,118px)!important;
  background:linear-gradient(180deg,rgba(216,242,255,.16) 0%,rgba(216,242,255,.05) 52%,rgba(216,242,255,0) 100%)!important;
}

/* V58 exact color handoff: V55 base, no section movement.
   Every ending edge and the next starting edge use the same boundary color. */
:root{
  --handoff:#0d759b;
  --handoff-dark:#0b668a;
  --handoff-mid:#128eb1;
  --handoff-light:#18a0c2;
}

.hero{
  background:
    linear-gradient(180deg,
      #0b3954 0%,
      #0c5a7a 26%,
      #0e6d94 48%,
      #1089b5 70%,
      var(--handoff) 100%)!important;
}

.hero::after{
  background:
    linear-gradient(90deg,
      rgba(6,30,47,.78) 0%,
      rgba(6,30,47,.42) 58%,
      transparent 100%),
    linear-gradient(180deg,
      rgba(13,117,155,0) 0%,
      rgba(13,117,155,0) 72%,
      var(--handoff) 100%)!important;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)!important;
  mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)!important;
}

.hero-brands{
  background:
    linear-gradient(180deg,
      var(--handoff) 0%,
      #128eb1 42%,
      var(--handoff) 100%)!important;
}

.page-header{
  background:
    linear-gradient(180deg,
      #0b4d6e 0%,
      #0c6385 42%,
      #128eb1 72%,
      var(--handoff) 100%)!important;
}

.section-dark{
  background:
    linear-gradient(180deg,
      var(--handoff) 0%,
      var(--handoff-dark) 42%,
      var(--handoff) 100%)!important;
}

.section-light,
.section-gray,
.section-blue,
.section-ki-highlight{
  background:
    linear-gradient(180deg,
      var(--handoff) 0%,
      var(--handoff-mid) 35%,
      var(--handoff-light) 64%,
      var(--handoff) 100%)!important;
}

.section-gray{
  background:
    linear-gradient(180deg,
      var(--handoff) 0%,
      #117fa2 40%,
      #0e779d 64%,
      var(--handoff) 100%)!important;
}

.section-blue,
.section-ki-highlight{
  background:
    linear-gradient(180deg,
      var(--handoff) 0%,
      #0e7598 42%,
      #0e6d94 64%,
      var(--handoff) 100%)!important;
}

.section-compare,
.quote-banner{
  background:
    linear-gradient(180deg,
      var(--handoff) 0%,
      #0f86aa 42%,
      #1295b8 64%,
      var(--handoff) 100%)!important;
}

.section-accent{
  background:
    linear-gradient(180deg,
      var(--handoff) 0%,
      var(--handoff-light) 36%,
      var(--handoff-mid) 70%,
      var(--handoff) 100%)!important;
}

footer{
  background:
    linear-gradient(180deg,
      var(--handoff) 0%,
      #0b6f91 38%,
      #0a5878 100%)!important;
}

section + section,
section + footer,
section + .quote-banner,
.quote-banner + section,
.section-accent + footer{
  margin-top:0!important;
}

section + section::before,
section + section::after,
footer::before,
footer::after,
.page-header::after,
.section-dark::after,
.section-dark.has-grid-bg::after,
.section-light.has-orbs::after,
.section-compare.has-grid-bg::after,
.has-grid-bg::after,
.has-orbs::after,
.has-dots-bg::after{
  content:none!important;
  display:none!important;
}

.hero,
.section-dark,
.section-light,
.section-gray,
.section-blue,
.section-compare,
.section-accent,
.section-ki-highlight,
.quote-banner,
footer{
  box-shadow:none!important;
  background-color:var(--handoff)!important;
}

/* V59 Michael feedback: page-level nav, detailed service categories, surface-aware text. */
.site-nav{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:1000!important;
  transition:transform .32s ease,box-shadow .32s ease,opacity .32s ease!important;
  will-change:transform;
}

body{
  padding-top:71px;
}

.nav-links{
  gap:clamp(12px,1.35vw,22px)!important;
}

.nav-hover-zone{
  display:none;
}

@media (min-width:769px) and (hover:hover) and (pointer:fine){
  .nav-hover-zone{
    display:block;
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:34px;
    z-index:1001;
    pointer-events:none;
  }

  body.nav-scrolled .nav-hover-zone{
    pointer-events:auto;
  }

  body.nav-scrolled.nav-top-hover .nav-hover-zone{
    pointer-events:none;
  }

  body.nav-scrolled .site-nav{
    transform:translateY(calc(-100% + 10px))!important;
    box-shadow:0 4px 18px rgba(1,12,24,.16)!important;
  }

  body.nav-scrolled.nav-top-hover .site-nav,
  body.nav-scrolled .site-nav:hover{
    transform:translateY(0)!important;
    box-shadow:0 16px 42px rgba(1,12,24,.24)!important;
  }

  .site-nav::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-10px;
    height:10px;
    opacity:0;
    background:linear-gradient(90deg,rgba(14,165,233,.5),rgba(216,242,255,.8),rgba(14,165,233,.5));
    box-shadow:0 6px 18px rgba(14,165,233,.18);
    transition:opacity .24s ease;
    pointer-events:none;
  }

  body.nav-scrolled .site-nav::after{
    opacity:.95;
  }

  body.nav-scrolled.nav-top-hover .site-nav::after,
  body.nav-scrolled .site-nav:hover::after{
    opacity:0;
  }
}

.service-detail-list{
  display:grid;
  gap:8px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}

.offer-heading{
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(320px,1fr);
  gap:clamp(28px,5vw,76px);
  align-items:end;
  margin:0 0 54px;
}

.offer-heading .section-label{
  margin-bottom:18px;
}

.offer-heading h2{
  color:#fff;
  max-width:620px;
  margin:0;
  text-align:left;
}

.offer-heading .section-intro{
  margin:0;
  max-width:680px;
  text-align:left;
  color:#e7f8ff!important;
}

.split-heading{
  display:grid;
  gap:18px;
  width:100%;
  max-width:none;
  font-size:clamp(40px,4.15vw,58px);
  letter-spacing:.035em!important;
  word-spacing:.05em!important;
}

.split-heading span{
  display:block;
  white-space:nowrap;
}

.service-detail-list li{
  position:relative;
  padding-left:18px;
  color:#12384e!important;
  font-size:14px;
  line-height:1.55;
  font-weight:650;
  text-shadow:none!important;
}

.service-detail-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#0b8fb4;
  box-shadow:0 0 0 3px rgba(14,165,233,.16);
}

.problem-card,
.tool-card:not(.ki-card),
.service-card,
.service-item-compact,
.acard,
.feature-card,
.pstep,
.tcard,
.card:not(.card-dark),
.p-stat-card,
.partnership-note,
.contact-prompts div,
.decision-card{
  background:linear-gradient(180deg,#f4fbff 0%,#dff3fb 100%)!important;
  color:#0b3349!important;
  text-shadow:none!important;
}

.problem-card h3,
.tool-card:not(.ki-card) h3,
.service-card .sname,
.service-item-compact .sname,
.acard h3,
.feature-card h3,
.pstep strong,
.tcard h3,
.card:not(.card-dark) h3,
.partnership-note h3,
.contact-prompts strong,
.decision-card h3{
  color:#0b3349!important;
  text-shadow:none!important;
}

.problem-card p,
.tool-card:not(.ki-card) p,
.service-card .sdesc,
.service-item-compact .sdesc,
.acard p,
.feature-card p,
.pstep span,
.tcard p,
.card:not(.card-dark) p,
.p-stat-card .p-stat-label,
.partnership-note p,
.contact-prompts span,
.decision-card p,
.decision-card li span{
  color:#12384e!important;
  font-weight:650!important;
  text-shadow:none!important;
}

.section-dark > .wrap > .section-center p,
.section-light > .wrap > .section-center p,
.section-compare > .wrap > .section-center p,
.section-accent .cta-section p,
.page-header p,
.quote-banner cite,
footer p,
footer a,
.footer-link-button{
  color:#e7f8ff!important;
}

/* V65: Flexport-inspired information structure, kept in E-Gate visual system. */
.info-map-section{
  padding-top:clamp(56px,6.5vw,86px);
  padding-bottom:clamp(56px,6.5vw,86px);
}

.info-map-heading{
  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(320px,1fr);
  gap:clamp(26px,5vw,72px);
  align-items:end;
  margin-bottom:34px;
}

.info-map-heading h2{
  margin:0;
  max-width:660px;
}

.info-map-heading .section-intro{
  margin:0;
  max-width:680px;
  color:#e7f8ff!important;
}

.info-map-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}

.info-map-card,
.service-taxonomy-item{
  background:linear-gradient(180deg,#f4fbff 0%,#dff3fb 100%);
  border:1px solid rgba(255,255,255,.58);
  color:#0b3349;
  box-shadow:0 14px 34px rgba(1,12,24,.14);
  text-shadow:none;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}

.info-map-card{
  min-height:206px;
  padding:22px;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
}

.info-map-card:hover,
.service-taxonomy-item:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.78);
  box-shadow:0 18px 42px rgba(1,12,24,.2);
}

.info-map-card span,
.service-taxonomy-item span{
  color:#0b6f91;
  font-size:12px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.info-map-card strong,
.service-taxonomy-item strong{
  display:block;
  color:#0b3349;
  font-size:18px;
  font-weight:850;
  line-height:1.22;
}

.info-map-card p,
.service-taxonomy-item p{
  color:#12384e!important;
  font-size:14px;
  font-weight:650;
  line-height:1.55;
  margin:0;
}

.service-taxonomy{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:-24px 0 34px;
}

.service-taxonomy-item{
  min-height:154px;
  padding:20px;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
}

@media(max-width:768px){
  body{
    padding-top:65px;
  }

  .offer-heading{
    grid-template-columns:1fr;
    gap:18px;
    margin-bottom:36px;
  }

  .offer-heading h2,
  .offer-heading .section-intro{
    text-align:left;
  }

  .split-heading{
    gap:10px;
    font-size:clamp(30px,8.2vw,40px);
    letter-spacing:0!important;
    word-spacing:0!important;
  }

  .split-heading span{
    white-space:normal;
  }

  .nav-links a{
    display:none!important;
  }

  .nav-links a.active,
  .nav-links .btn{
    display:inline-flex!important;
  }

  .nav-links a[href="leistungen.html"]:not(.active){
    display:inline-flex!important;
  }

  .nav-links a.active[href="index.html"] ~ a[href="leistungen.html"]{
    display:none!important;
  }

  .nav-links{
    gap:8px!important;
  }

  .service-detail-list li{
    font-size:13.5px;
    line-height:1.5;
  }
}

@media(max-width:1180px){
  .info-map-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

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

@media(max-width:768px){
  .info-map-heading{
    grid-template-columns:1fr;
    gap:16px;
    margin-bottom:24px;
  }

  .info-map-grid,
  .service-taxonomy{
    grid-template-columns:1fr;
  }

  .info-map-card,
  .service-taxonomy-item{
    min-height:0;
    padding:20px;
  }

  .service-taxonomy{
    margin:-12px 0 28px;
  }
}

@media(max-width:430px){
  .logo{
    height:44px!important;
  }

  .nav-links a.active,
  .nav-links a[href="leistungen.html"]{
    font-size:12px;
  }

  .nav-links .btn{
    padding:0 14px!important;
  }
}

/* V63: cards must be fully readable as soon as they enter view. */
.scroll-stage .problem-card,
.scroll-stage .tool-card:not(.ki-card),
.scroll-stage .decision-card,
.scroll-stage .pf-step{
  opacity:1!important;
  clip-path:inset(0 0 0 0 round 18px)!important;
}

.scroll-stage .problem-card,
.scroll-stage .tool-card:not(.ki-card),
.scroll-stage .decision-card,
.scroll-stage .pf-step,
.story-stage .problem-card:nth-child(odd),
.story-stage .problem-card:nth-child(even),
.service-stage .tool-card:nth-child(odd):not(.ki-card),
.service-stage .tool-card:nth-child(even):not(.ki-card),
.compare-stage .decision-card-muted,
.compare-stage .decision-card-egate,
.process-stage .pf-step{
  filter:none!important;
  -webkit-filter:none!important;
  text-shadow:none!important;
}

.scroll-stage .problem-card:not(.scroll-item-opened),
.scroll-stage .tool-card:not(.ki-card):not(.scroll-item-opened),
.scroll-stage .decision-card:not(.scroll-item-opened),
.scroll-stage .pf-step:not(.scroll-item-opened){
  transform:translateY(14px) scale(.992)!important;
}

/* V66 merge: inquiry assistant stays readable over global text-color rules. */
.chat-panel,
.chat-panel .bot-msg,
.chat-panel .bot-msg span{
  color:#536471!important;
}

/* V68: targeted layout/readability fixes from Bilal's four screenshot notes. */
.egate-word{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

.compare-stage .decision-card-egate::after{
  display:none!important;
}

.story-stage .section-center{
  display:block!important;
  max-width:min(980px,100%)!important;
  margin:0 auto 42px!important;
  text-align:center!important;
}

.story-stage .section-center h2{
  max-width:920px!important;
  margin:0 auto 18px!important;
}

.story-stage .section-center .section-intro{
  max-width:900px!important;
  margin:0 auto!important;
  color:#fff!important;
}

.story-stage .problem-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:1160px!important;
  margin:38px auto 0!important;
}

.story-stage .problem-card,
.story-stage .problem-card:nth-child(odd),
.story-stage .problem-card:nth-child(even){
  width:auto!important;
  max-width:none!important;
  min-height:270px!important;
  margin:0!important;
  transform:translateY(0) scale(1)!important;
}

.story-stage .problem-card:not(.scroll-item-opened){
  transform:translateY(10px) scale(.995)!important;
}

@media(max-width:980px){
  .story-stage .problem-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:760px!important;
  }
}

@media(max-width:680px){
  .story-stage .section-center{
    text-align:left!important;
    margin-bottom:28px!important;
  }

  .story-stage .section-center h2,
  .story-stage .section-center .section-intro{
    margin-left:0!important;
    margin-right:0!important;
  }

  .story-stage .problem-grid{
    grid-template-columns:1fr!important;
    width:calc(100vw - 48px)!important;
    max-width:360px!important;
    margin-top:28px!important;
  }

  .story-stage .problem-card{
    min-height:auto!important;
  }
}

.chat-panel .bot-msg strong,
.chat-panel .chat-logistics strong,
.chat-panel .chat-header,
.chat-panel .chat-quick-grid button,
.chat-panel .chat-input-row input{
  color:#0b3349!important;
}

.chat-panel .chat-logistics,
.chat-panel .chat-logistics span{
  color:#536471!important;
}

@media(max-width:540px){
  .chat-panel{
    right:16px;
    top:76px;
    bottom:16px;
    max-height:none;
    border-radius:22px;
  }

  .chat-header{
    padding:18px 18px 10px;
    gap:12px;
  }

  .chat-messages{
    padding:10px 18px 18px;
  }

  .chat-quick-grid{
    grid-template-columns:1fr 1fr;
  }

  .chat-input-row{
    display:grid;
    gap:10px;
  }

  .chat-input-row button{
    min-height:42px;
    margin-left:0;
  }
}

/* V68 final color lock: the requested story sentence must render as white. */
.story-stage .section-center p.section-intro,
.story-stage .section-center p.section-intro .egate-word{
  color:#fff!important;
}

/* V69: compact section header rule.
   Headline goes first across the top; short explanatory copy sits below/right. */
@media(min-width:900px){
  .scroll-stage,
  .section-compare,
  .info-map-section,
  .section-light.has-orbs,
  .section-dark.has-grid-bg{
    padding-top:clamp(30px,3.2vw,44px)!important;
    padding-bottom:clamp(32px,3.6vw,48px)!important;
  }

  .scroll-stage .section-center,
  .story-stage .section-center,
  .service-stage .section-center,
  .process-stage .section-center,
  .compare-stage .compare-copy,
  .info-map-heading,
  .offer-heading{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    row-gap:10px!important;
    max-width:min(1180px,94vw)!important;
    width:100%!important;
    margin:0 auto 40px!important;
    text-align:left!important;
    align-items:start!important;
    overflow:visible!important;
  }

  .scroll-stage .section-center .section-label,
  .story-stage .section-center .section-label,
  .service-stage .section-center .section-label,
  .process-stage .section-center .section-label,
  .compare-stage .compare-copy .section-label,
  .info-map-heading .section-label,
  .offer-heading .section-label{
    grid-column:1!important;
    margin:0 0 2px!important;
    transform:none!important;
    opacity:1!important;
    text-align:left!important;
  }

  .scroll-stage .section-center h2,
  .story-stage .section-center h2,
  .service-stage .section-center h2,
  .process-stage .section-center h2,
  .compare-stage .compare-copy h2,
  .info-map-heading h2,
  .offer-heading h2{
    grid-column:1!important;
    display:block!important;
    max-width:1180px!important;
    width:100%!important;
    margin:0!important;
    text-align:left!important;
    font-size:clamp(34px,3vw,46px)!important;
    line-height:1.08!important;
    letter-spacing:0!important;
    text-wrap:normal!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .scroll-stage .section-center h2::after{
    display:none!important;
  }

  .scroll-stage .section-center .section-intro,
  .story-stage .section-center .section-intro,
  .service-stage .section-center .section-intro,
  .process-stage .section-center .section-intro,
  .compare-stage .compare-copy p,
  .info-map-heading .section-intro,
  .offer-heading .section-intro{
    grid-column:1!important;
    max-width:min(760px,64vw)!important;
    margin:4px 0 0 auto!important;
    text-align:left!important;
    font-size:clamp(16px,1.15vw,18px)!important;
    line-height:1.55!important;
    font-weight:700!important;
  }

  .story-stage .section-center .section-intro,
  .story-stage .section-center .section-intro .egate-word{
    color:#fff!important;
  }

  .story-stage .problem-grid,
  .info-map-grid,
  .tool-grid,
  .process-flow,
  .decision-compare{
    margin-top:0!important;
  }
}

@media(min-width:1200px){
  .service-stage .section-center h2,
  .process-stage .section-center h2,
  .compare-stage .compare-copy h2{
    white-space:nowrap!important;
  }
}

@media(max-width:899px){
  .scroll-stage .section-center,
  .story-stage .section-center,
  .service-stage .section-center,
  .process-stage .section-center,
  .compare-stage .compare-copy,
  .info-map-heading,
  .offer-heading{
    text-align:left!important;
    margin-bottom:24px!important;
  }

  .scroll-stage .section-center h2,
  .story-stage .section-center h2,
  .service-stage .section-center h2,
  .process-stage .section-center h2,
  .compare-stage .compare-copy h2,
  .info-map-heading h2,
  .offer-heading h2{
    text-align:left!important;
    white-space:normal!important;
  }

  .scroll-stage .section-center .section-intro,
  .story-stage .section-center .section-intro,
  .service-stage .section-center .section-intro,
  .process-stage .section-center .section-intro,
  .compare-stage .compare-copy p,
  .info-map-heading .section-intro,
  .offer-heading .section-intro{
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
}

/* V70: unified homepage header and color correction.
   Bilal's screenshot feedback showed three concrete problems:
   long headlines were clipped, subheads sat awkwardly offset, and section blues drifted.
   This final layer overrides the earlier V69 offset rules. */
:root{
  --egate-section-blue:#0d789b;
  --egate-section-blue-mid:#0f86aa;
  --egate-section-text:#ffffff;
  --egate-section-muted:#e7f8ff;
}

.section-compare,
.section-dark,
.section-light,
.section-accent,
.info-map-section,
.quote-banner{
  background:linear-gradient(180deg,var(--egate-section-blue) 0%,var(--egate-section-blue-mid) 48%,var(--egate-section-blue) 100%)!important;
}

.section-compare h2,
.section-dark h2,
.section-light h2,
.section-accent h2,
.info-map-section h2,
.section-compare h3,
.section-dark h3,
.section-light h3,
.section-accent h3,
.info-map-section h3{
  color:var(--egate-section-text)!important;
}

.section-compare .section-label,
.section-dark .section-label,
.section-light .section-label,
.section-accent .section-label,
.info-map-section .section-label{
  color:var(--egate-section-muted)!important;
}

.section-compare .section-intro,
.section-dark .section-intro,
.section-light .section-intro,
.section-accent .section-intro,
.info-map-section .section-intro,
.section-compare .compare-copy p{
  color:var(--egate-section-muted)!important;
}

@media(min-width:900px){
  .section-compare,
  .info-map-section,
  .story-stage,
  .service-stage,
  .process-stage,
  .section-light.has-orbs,
  .section-dark.has-grid-bg{
    padding-top:clamp(44px,4.4vw,64px)!important;
    padding-bottom:clamp(46px,4.6vw,68px)!important;
  }

  .compare-stage .compare-copy,
  .story-stage .section-center,
  .info-map-heading,
  .service-stage .section-center,
  .process-stage .section-center{
    display:block!important;
    width:min(1120px,100%)!important;
    max-width:1120px!important;
    margin:0 auto 34px!important;
    text-align:center!important;
    overflow:visible!important;
  }

  .compare-stage .compare-copy .section-label,
  .story-stage .section-center .section-label,
  .info-map-heading .section-label,
  .service-stage .section-center .section-label,
  .process-stage .section-center .section-label{
    display:block!important;
    margin:0 0 10px!important;
    text-align:center!important;
    transform:none!important;
  }

  .compare-stage .compare-copy h2,
  .story-stage .section-center h2,
  .info-map-heading h2,
  .service-stage .section-center h2,
  .process-stage .section-center h2{
    width:100%!important;
    max-width:1120px!important;
    margin:0 auto 18px!important;
    text-align:center!important;
    font-size:clamp(34px,3.6vw,52px)!important;
    line-height:1.1!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-wrap:balance;
  }

  .process-stage .section-center h2{
    max-width:1160px!important;
  }

  .compare-stage .compare-copy p,
  .story-stage .section-center .section-intro,
  .info-map-heading .section-intro,
  .service-stage .section-center .section-intro,
  .process-stage .section-center .section-intro{
    display:block!important;
    max-width:780px!important;
    margin:0 auto!important;
    text-align:center!important;
    font-size:clamp(16px,1.1vw,18px)!important;
    line-height:1.62!important;
    font-weight:700!important;
  }

  .compare-stage .decision-compare,
  .story-stage .problem-grid,
  .info-map-grid,
  .service-stage .tool-grid,
  .process-stage .process-flow{
    margin-top:30px!important;
  }
}

@media(max-width:899px){
  .compare-stage .compare-copy,
  .story-stage .section-center,
  .info-map-heading,
  .service-stage .section-center,
  .process-stage .section-center{
    text-align:left!important;
    margin-bottom:26px!important;
  }

  .compare-stage .compare-copy h2,
  .story-stage .section-center h2,
  .info-map-heading h2,
  .service-stage .section-center h2,
  .process-stage .section-center h2{
    max-width:100%!important;
    text-align:left!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-wrap:balance;
  }

  .compare-stage .compare-copy p,
  .story-stage .section-center .section-intro,
  .info-map-heading .section-intro,
  .service-stage .section-center .section-intro,
  .process-stage .section-center .section-intro{
    max-width:100%!important;
    margin:0!important;
    text-align:left!important;
  }
}

@media(max-width:600px){
  .compare-stage .compare-copy h2,
  .story-stage .section-center h2,
  .info-map-heading h2,
  .service-stage .section-center h2,
  .process-stage .section-center h2{
    font-size:clamp(28px,8.6vw,36px)!important;
    line-height:1.12!important;
  }
}

#vergleich,
#problem,
#bereiche,
#module,
#prozess{
  scroll-margin-top:92px;
}

.decision-card h3,
.problem-card h3,
.tool-card:not(.ki-card) h3,
.info-map-card strong,
.acard h3,
.partnership-note h3{
  color:#0b3349!important;
  text-shadow:none!important;
}

.decision-card p,
.decision-card li,
.problem-card p,
.tool-card:not(.ki-card) p,
.info-map-card p,
.acard p,
.partnership-note p{
  color:#12384e!important;
  text-shadow:none!important;
}

.process-stage .pf-step,
.process-stage .pf-step h3,
.process-stage .pf-step strong,
.process-stage .pf-step span{
  text-shadow:none!important;
}

/* V71: compact the Ausgangslage cards from Bilal's screenshot.
   Keep the liked material style, but stop wasting vertical space on desktop/tablet. */
@media(min-width:760px){
  .story-stage .problem-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    max-width:1120px!important;
    width:100%!important;
    margin:28px auto 0!important;
    align-items:stretch!important;
  }

  .story-stage .problem-card,
  .story-stage .problem-card:nth-child(odd),
  .story-stage .problem-card:nth-child(even){
    width:auto!important;
    max-width:none!important;
    min-height:214px!important;
    padding:24px 26px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    transform:none!important;
  }

  .story-stage .problem-kicker{
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
    margin-bottom:14px!important;
    font-size:12px!important;
  }

  .story-stage .problem-card h3{
    font-size:clamp(21px,1.7vw,26px)!important;
    line-height:1.12!important;
    margin-bottom:12px!important;
  }

  .story-stage .problem-card p{
    font-size:clamp(13.5px,1vw,15px)!important;
    line-height:1.55!important;
    font-weight:750!important;
    margin:0!important;
  }
}

@media(min-width:760px) and (max-width:980px){
  .story-stage .problem-grid{
    gap:14px!important;
  }

  .story-stage .problem-card,
  .story-stage .problem-card:nth-child(odd),
  .story-stage .problem-card:nth-child(even){
    min-height:230px!important;
    padding:20px!important;
  }

  .story-stage .problem-card h3{
    font-size:20px!important;
  }

  .story-stage .problem-card p{
    font-size:13px!important;
    line-height:1.5!important;
  }
}

@media(max-width:759px){
  .story-stage .problem-card,
  .story-stage .problem-card:nth-child(odd),
  .story-stage .problem-card:nth-child(even){
    min-height:0!important;
    padding:28px 30px!important;
  }

  .story-stage .problem-card h3{
    font-size:22px!important;
    line-height:1.12!important;
    margin-bottom:16px!important;
  }

  .story-stage .problem-card p{
    font-size:14.5px!important;
    line-height:1.6!important;
    font-weight:750!important;
  }
}

/* V72: Bilal text-color lock and clearer process.
   Headings and running copy are only black on light cards or white on blue/dark areas. */
:root{
  --egate-section-muted:#fff;
}

.section-compare .section-label,
.section-dark .section-label,
.section-light .section-label,
.section-accent .section-label,
.info-map-section .section-label,
.scroll-stage .section-label,
.compare-stage .compare-copy .section-label,
.story-stage .section-center .section-label,
.service-stage .section-center .section-label,
.process-stage .section-center .section-label,
.section-compare .section-intro,
.section-dark .section-intro,
.section-light .section-intro,
.section-accent .section-intro,
.info-map-section .section-intro,
.section-compare .compare-copy p,
.hero-sub,
.hero-brands p,
.partnership-text>p,
.partnership-note p,
.cta-section p,
footer p{
  color:#fff!important;
}

.hero-slogan{
  color:#fff!important;
  border-color:rgba(255,255,255,.42)!important;
}

.decision-card h3,
.decision-card p,
.decision-card li,
.problem-card h3,
.problem-card p,
.story-stage .problem-card h3,
.story-stage .problem-card p,
.tool-card:not(.ki-card) h3,
.tool-card:not(.ki-card) p,
.service-stage .tool-card:not(.ki-card) h3,
.service-stage .tool-card:not(.ki-card) p,
.info-map-card strong,
.info-map-card p,
.acard h3,
.acard p,
.partnership-note h3,
.partnership-note p{
  color:#000!important;
}

.decision-x,
.decision-card-muted li span{
  color:#000!important;
  background:#fff!important;
}

.decision-card-muted,
.decision-card-egate,
.problem-card,
.tool-card:not(.ki-card),
.info-map-card,
.acard,
.partnership-note{
  background:#fff!important;
}

.process-flow-v72{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  max-width:1060px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  gap:22px!important;
}

.process-flow-v72::before{
  left:14%!important;
  right:14%!important;
  top:62px!important;
}

.process-flow-v72 .pf-step{
  min-height:210px!important;
  padding:34px 30px!important;
  background:#fff!important;
  color:#000!important;
  border-color:rgba(255,255,255,.72)!important;
}

.process-flow-v72 .pf-content strong,
.process-flow-v72 .pf-content span{
  color:#000!important;
}

.process-flow-v72 .pf-content strong{
  font-size:22px!important;
  line-height:1.14!important;
  margin-bottom:12px!important;
}

.process-flow-v72 .pf-content span{
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:750!important;
}

@media(max-width:760px){
  .process-flow-v72{
    grid-template-columns:1fr!important;
    gap:16px!important;
    margin-top:24px!important;
  }

  .process-flow-v72::before{
    display:none!important;
  }

  .process-flow-v72 .pf-step{
    min-height:0!important;
    align-items:flex-start!important;
    text-align:left!important;
    padding:28px!important;
  }

  .process-flow-v72 .pf-num{
    margin:0 0 14px!important;
  }
}

.scroll-stage .section-label,
.scroll-stage .section-center h2,
.scroll-stage .section-center .section-intro,
.compare-stage .compare-copy h2,
.compare-stage .compare-copy p,
.story-stage .problem-card,
.service-stage .tool-card:not(.ki-card),
.compare-stage .decision-card,
.process-stage .pf-step{
  opacity:1!important;
}

/* V73: Bereiche cards, remove top numbering and make card headlines start at the top. */
.info-map-heading{
  align-items:start!important;
}

.info-map-heading h2{
  margin-top:0!important;
}

.info-map-heading .section-intro{
  max-width:840px!important;
  line-height:1.6!important;
}

.info-map-card{
  min-height:238px!important;
  justify-content:flex-start!important;
  gap:18px!important;
  padding:28px 24px!important;
}

.info-map-card span{
  display:none!important;
}

.info-map-card strong{
  margin:0!important;
  padding:0!important;
  font-size:clamp(18px,1.3vw,21px)!important;
  line-height:1.14!important;
}

.info-map-card p{
  margin:0!important;
  font-size:14px!important;
  line-height:1.58!important;
  font-weight:750!important;
}

@media(max-width:1180px){
  .info-map-card{
    min-height:210px!important;
  }
}

@media(max-width:768px){
  .info-map-card{
    min-height:0!important;
    padding:24px!important;
  }

  .info-map-card strong{
    font-size:21px!important;
  }

  .info-map-card p{
    font-size:14.5px!important;
  }
}

/* V74: light cards must not have white headings. */
.service-stage .tool-card:not(.ki-card) h3,
.service-stage .tool-card:not(.ki-card) p,
.section-light .tool-card:not(.ki-card) h3,
.section-light .tool-card:not(.ki-card) p,
.section-light .acard h3,
.section-light .acard p,
.section-dark .acard h3,
.section-dark .acard p,
.audience-grid .acard h3,
.audience-grid .acard p{
  color:#000!important;
  text-shadow:none!important;
}

.service-stage .section-center,
.service-stage .section-center *,
.process-stage .section-center,
.process-stage .section-center *{
  opacity:1!important;
}

/* V75: stronger About page intro, less thin typography and clearer arrangement. */
.about-focus-section{
  padding-top:clamp(48px,5vw,76px)!important;
  padding-bottom:clamp(42px,5vw,70px)!important;
}

.about-focus-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr)!important;
  gap:clamp(28px,5vw,72px)!important;
  align-items:start!important;
  opacity:1!important;
}

.about-focus-copy,
.about-focus-copy *{
  opacity:1!important;
}

.about-focus-copy .section-label{
  color:#fff!important;
  margin-bottom:14px!important;
}

.about-focus-copy h2{
  color:#fff!important;
  max-width:760px!important;
  margin:0 0 24px!important;
  font-size:clamp(42px,5vw,72px)!important;
  line-height:1.02!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-wrap:balance;
}

.about-focus-copy p{
  color:#fff!important;
  max-width:780px!important;
  margin:0 0 18px!important;
  font-size:clamp(17px,1.35vw,20px)!important;
  line-height:1.72!important;
  font-weight:750!important;
}

.about-focus-card{
  background:#fff!important;
  color:#000!important;
  border-radius:18px!important;
  padding:32px!important;
  box-shadow:0 18px 44px rgba(1,12,24,.18)!important;
  border:1px solid rgba(255,255,255,.72)!important;
}

.about-focus-card strong{
  display:block!important;
  color:#000!important;
  font-size:24px!important;
  line-height:1.12!important;
  font-weight:900!important;
  margin-bottom:12px!important;
}

.about-focus-card p,
.about-focus-card li{
  color:#000!important;
  font-size:16px!important;
  line-height:1.58!important;
  font-weight:800!important;
}

.about-focus-card p{
  margin:0 0 20px!important;
}

.about-focus-card ul{
  display:grid!important;
  gap:12px!important;
  padding:0!important;
  margin:0!important;
  list-style:none!important;
}

.about-focus-card li{
  position:relative!important;
  padding-left:24px!important;
}

.about-focus-card li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.62em!important;
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:#0ea5e9!important;
}

.quote-banner{
  padding:34px 0!important;
}

.quote-banner::before{
  display:none!important;
}

.quote-banner blockquote{
  max-width:980px!important;
  color:#fff!important;
  font-family:var(--font)!important;
  font-size:clamp(28px,3.5vw,48px)!important;
  line-height:1.16!important;
  font-weight:900!important;
  letter-spacing:0!important;
  margin:0 auto 14px!important;
}

.quote-banner cite{
  color:#fff!important;
  font-size:15px!important;
  font-weight:850!important;
}

@media(max-width:860px){
  .about-focus-grid{
    grid-template-columns:1fr!important;
  }

  .about-focus-copy h2{
    font-size:clamp(36px,10vw,48px)!important;
  }

  .about-focus-copy p{
    font-size:16px!important;
  }

  .about-focus-card{
    padding:26px!important;
  }
}

/* V76: the benefit cards in Bilal's screenshot are pale cards, so their titles
   must stay black even inside dark/blue section wrappers. */
.audience-grid .acard,
.audience-grid .acard h3,
.audience-grid .acard p,
.section-dark .audience-grid .acard h3,
.section-dark .audience-grid .acard p,
.features-grid .feature-card,
.features-grid .feature-card h3,
.features-grid .feature-card p,
.section-dark .features-grid .feature-card h3,
.section-dark .features-grid .feature-card p{
  color:#000!important;
  text-shadow:none!important;
}

/* V77: Leistungen process section follows the homepage heading principle and
   carries more substantial step copy without looking thin. */
.process-detail-stage .process-detail-heading,
.process-detail-stage .process-detail-heading *{
  text-align:center!important;
}

.process-detail-stage .process-detail-heading{
  width:min(1040px,100%)!important;
  max-width:1040px!important;
  margin:0 auto 34px!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

.process-detail-stage .process-detail-heading .section-label{
  display:block!important;
  margin:0 0 12px!important;
  color:#fff!important;
  text-shadow:0 3px 18px rgba(1,12,24,.28)!important;
}

.process-detail-stage .process-detail-heading h2{
  max-width:1040px!important;
  margin:0 auto 18px!important;
  color:#fff!important;
  text-shadow:0 2px 14px rgba(1,12,24,.24)!important;
  font-size:clamp(40px,5vw,64px)!important;
  line-height:1.06!important;
  font-weight:900!important;
  letter-spacing:0!important;
  word-spacing:0!important;
  white-space:normal!important;
  text-wrap:balance;
}

.process-detail-stage .process-detail-heading .section-intro{
  max-width:820px!important;
  margin:0 auto!important;
  color:#fff!important;
  font-size:clamp(16px,1.25vw,19px)!important;
  line-height:1.65!important;
  font-weight:800!important;
}

.process-detail-stage .process-track{
  margin-top:0!important;
  gap:28px!important;
}

.process-detail-stage .pstep{
  min-height:260px!important;
  padding:34px 32px!important;
}

.process-detail-stage .pstep strong{
  display:block!important;
  margin:22px 0 12px!important;
  color:#0b3349!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

.process-detail-stage .pstep span,
.process-detail-stage .pstep p{
  display:block!important;
  color:#12384e!important;
  text-shadow:none!important;
}

.process-detail-stage .pstep span{
  margin:0 0 10px!important;
  font-size:15.5px!important;
  line-height:1.55!important;
  font-weight:850!important;
}

.process-detail-stage .pstep p{
  margin:0!important;
  font-size:14.5px!important;
  line-height:1.62!important;
  font-weight:700!important;
}

@media(max-width:899px){
  .process-detail-stage .process-detail-heading,
  .process-detail-stage .process-detail-heading *,
  .process-detail-stage .process-detail-heading h2,
  .process-detail-stage .process-detail-heading .section-intro{
    text-align:center!important;
  }

  .process-detail-stage .process-detail-heading{
    margin-bottom:26px!important;
  }

  .process-detail-stage .process-detail-heading h2{
    font-size:clamp(34px,9.2vw,46px)!important;
  }

  .process-detail-stage .process-detail-heading .section-intro{
    max-width:100%!important;
    font-size:16px!important;
  }

  .process-detail-stage .pstep{
    min-height:0!important;
    padding:28px 24px!important;
  }
}

/* V78: remove old left-headed split panels on subpages.
   Subpage content now follows the homepage rule: centered label, centered
   headline, explanatory copy directly below, then cards. */
.about-focus-section,
.about-principles-section,
#kategorien{
  background:#0d759b!important;
  padding-top:clamp(58px,5vw,76px)!important;
  padding-bottom:clamp(58px,5vw,76px)!important;
}

.section-light:has(.trust-heading){
  padding-top:clamp(54px,5vw,72px)!important;
  padding-bottom:clamp(58px,5vw,76px)!important;
}

.about-focus-grid{
  display:block!important;
  width:min(1120px,100%)!important;
  margin:0 auto!important;
  opacity:1!important;
  transform:none!important;
}

.about-focus-heading,
.about-principles-heading,
.trust-heading,
.offer-heading{
  display:block!important;
  width:min(1040px,100%)!important;
  max-width:1040px!important;
  margin:0 auto 26px!important;
  text-align:center!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

.about-focus-heading *,
.about-principles-heading *,
.trust-heading *,
.offer-heading *{
  text-align:center!important;
  opacity:1!important;
}

.about-focus-heading .section-label,
.about-principles-heading .section-label,
.trust-heading .section-label,
.offer-heading .section-label{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 12px!important;
  color:#fff!important;
  text-shadow:0 3px 18px rgba(1,12,24,.28)!important;
}

.about-focus-heading h2,
.about-principles-heading h2,
.trust-heading h2,
.offer-heading h2{
  max-width:940px!important;
  margin:0 auto 16px!important;
  color:#fff!important;
  text-shadow:0 2px 14px rgba(1,12,24,.24)!important;
  font-size:clamp(38px,4.5vw,58px)!important;
  line-height:1.06!important;
  font-weight:900!important;
  letter-spacing:0!important;
  word-spacing:0!important;
  white-space:normal!important;
  text-wrap:balance;
}

.about-focus-heading p,
.about-principles-heading .section-intro,
.trust-heading .section-intro,
.offer-heading .section-intro{
  max-width:840px!important;
  margin:0 auto 14px!important;
  color:#fff!important;
  font-size:clamp(16px,1.25vw,19px)!important;
  line-height:1.68!important;
  font-weight:800!important;
}

.about-focus-card{
  max-width:820px!important;
  margin:28px auto 0!important;
  background:#fff!important;
  color:#000!important;
  border-radius:18px!important;
  padding:32px!important;
  box-shadow:0 18px 44px rgba(1,12,24,.18)!important;
  border:1px solid rgba(255,255,255,.72)!important;
}

.about-focus-card strong,
.about-focus-card p,
.about-focus-card li{
  color:#000!important;
  text-shadow:none!important;
}

.about-principles-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  margin-top:0!important;
}

.about-principle-card{
  min-height:205px!important;
  padding:28px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 16px 38px rgba(1,12,24,.14)!important;
  color:#000!important;
  opacity:1!important;
  transform:none!important;
}

.about-principle-card h3{
  color:#000!important;
  font-size:20px!important;
  line-height:1.18!important;
  font-weight:900!important;
  margin:0 0 12px!important;
  text-shadow:none!important;
}

.about-principle-card p{
  color:#000!important;
  font-size:15px!important;
  line-height:1.62!important;
  font-weight:750!important;
  margin:0!important;
  text-shadow:none!important;
}

.trust-heading{
  margin-bottom:30px!important;
}

.trust-row .tcard h3,
.trust-row .tcard p{
  color:#000!important;
  text-shadow:none!important;
}

#kategorien .service-taxonomy{
  margin-top:0!important;
}

@media(max-width:1080px){
  .about-principles-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:899px){
  .about-focus-heading,
  .about-principles-heading,
  .trust-heading,
  .offer-heading{
    width:calc(100vw - 48px)!important;
    max-width:540px!important;
    margin-bottom:26px!important;
  }

  .about-focus-heading h2,
  .about-principles-heading h2,
  .trust-heading h2,
  .offer-heading h2{
    font-size:clamp(32px,9vw,46px)!important;
  }

  .about-focus-heading p,
  .about-principles-heading .section-intro,
  .trust-heading .section-intro,
  .offer-heading .section-intro{
    font-size:16px!important;
  }

  .about-principles-grid{
    grid-template-columns:1fr!important;
  }

  .about-focus-card,
  .about-principle-card{
    width:100%!important;
    max-width:540px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:26px!important;
  }
}

#kategorien .wrap > .offer-heading,
#kategorien .wrap > .offer-heading > div,
#kategorien .wrap > .offer-heading .section-label,
#kategorien .wrap > .offer-heading h2,
#kategorien .wrap > .offer-heading .section-intro{
  text-align:center!important;
}

#kategorien .wrap > .offer-heading > div{
  width:100%!important;
  max-width:100%!important;
}

section.about-principles-section,
section.about-focus-section,
section#kategorien{
  padding-top:64px!important;
  padding-bottom:68px!important;
}

.about-principles-grid.stagger-children > *,
.about-principles-grid.stagger-children > *.revealed{
  opacity:1!important;
  transform:none!important;
}

/* V80: Ausgangslage cards in Bilal's screenshot were too pale, bulky and
   typographically heavy. Make this block read like calmer editorial proof points. */
@media(min-width:760px){
  .story-stage .problem-grid{
    max-width:1128px!important;
    gap:18px!important;
    margin-top:30px!important;
  }

  .story-stage .problem-card,
  .story-stage .problem-card:nth-child(odd),
  .story-stage .problem-card:nth-child(even){
    min-height:190px!important;
    padding:26px 28px 28px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(5,71,99,.94),rgba(4,58,84,.98))!important;
    border:1px solid rgba(216,242,255,.2)!important;
    box-shadow:0 16px 34px rgba(1,25,38,.18)!important;
    color:#fff!important;
    transform:none!important;
  }

  .story-stage .problem-card::before{
    content:""!important;
    position:absolute!important;
    left:28px!important;
    right:28px!important;
    top:0!important;
    height:4px!important;
    border-radius:0 0 999px 999px!important;
    background:linear-gradient(90deg,#8bdcf1,#ffffff)!important;
    opacity:.85!important;
    pointer-events:none!important;
  }

  .story-stage .problem-kicker{
    display:none!important;
  }

  .story-stage .problem-card h3{
    color:#fff!important;
    font-size:clamp(20px,1.55vw,24px)!important;
    line-height:1.14!important;
    font-weight:850!important;
    margin:0 0 16px!important;
    letter-spacing:0!important;
  }

  .story-stage .problem-card p{
    color:#d8f2ff!important;
    font-size:clamp(14px,1vw,15px)!important;
    line-height:1.65!important;
    font-weight:650!important;
    margin:0!important;
    max-width:30rem!important;
  }
}

@media(max-width:759px){
  .legal-single{
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
  }

  .legal-panel{
    border-radius:16px;
  }

  .legal-row{
    display:block;
    padding:22px 22px 24px;
  }

  .legal-row h2{
    font-size:18px;
    margin-bottom:10px;
  }

  .legal-row p{
    font-size:15px;
    line-height:1.65;
    overflow-wrap:anywhere;
  }

  .story-stage > .wrap{
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  .story-stage .section-center,
  .story-stage .section-center .section-intro{
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    min-width:0!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    box-sizing:border-box!important;
  }

  .story-stage .problem-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    margin:26px 0 0!important;
    box-sizing:border-box!important;
  }

  .story-stage .problem-card,
  .story-stage .problem-card:nth-child(odd),
  .story-stage .problem-card:nth-child(even){
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    padding:24px 24px 26px!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(5,71,99,.94),rgba(4,58,84,.98))!important;
    border:1px solid rgba(216,242,255,.2)!important;
    box-shadow:0 14px 28px rgba(1,25,38,.16)!important;
  }

  .story-stage .problem-card::before{
    content:""!important;
    position:absolute!important;
    left:24px!important;
    right:24px!important;
    top:0!important;
    height:4px!important;
    border-radius:0 0 999px 999px!important;
    background:linear-gradient(90deg,#8bdcf1,#ffffff)!important;
    opacity:.85!important;
  }

  .story-stage .problem-kicker{
    display:none!important;
  }

  .story-stage .problem-card h3{
    color:#fff!important;
    font-size:22px!important;
    line-height:1.14!important;
    font-weight:850!important;
    margin:0 0 14px!important;
  }

  .story-stage .problem-card p{
    color:#d8f2ff!important;
    font-size:14.5px!important;
    line-height:1.6!important;
    font-weight:650!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
}

/* V83: footer in Bilal's screenshot looked too scattered. Keep the same links,
   but make the footer read as an ordered navigation block. */
footer{
  padding:58px 0 26px!important;
}

footer .wrap{
  display:grid!important;
  grid-template-columns:minmax(250px,1.45fr) repeat(3,minmax(140px,.8fr)) minmax(190px,.95fr)!important;
  gap:28px!important;
  align-items:start!important;
}

.footer-brand strong{
  font-size:17px!important;
  margin-bottom:12px!important;
}

.footer-brand p,
.footer-contact p{
  max-width:280px!important;
  font-size:14px!important;
  line-height:1.58!important;
  color:#d8f2ff!important;
}

.footer-col h4{
  font-size:12px!important;
  line-height:1.2!important;
  letter-spacing:.12em!important;
  margin-bottom:18px!important;
  color:#fff!important;
}

.footer-col a,
.footer-link-button{
  margin-bottom:12px!important;
  color:#e9f8ff!important;
  font-size:14px!important;
  line-height:1.35!important;
}

.footer-contact{
  padding:0!important;
}

.footer-cta{
  min-height:40px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(216,242,255,.34)!important;
}

.footer-bottom{
  margin-top:18px!important;
  padding-top:22px!important;
  text-align:left!important;
  color:#d8f2ff!important;
}

@media(max-width:980px){
  footer .wrap{
    grid-template-columns:1.2fr 1fr 1fr!important;
    gap:28px 24px!important;
  }

  .footer-contact{
    grid-column:auto!important;
  }
}

@media(max-width:620px){
  footer{
    padding:44px 0 24px!important;
  }

  footer .wrap{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }

  .footer-brand p,
  .footer-contact p{
    max-width:100%!important;
  }

  .footer-col h4{
    margin-bottom:12px!important;
  }

  .footer-bottom{
    text-align:left!important;
    margin-top:6px!important;
  }
}

/* V91: footer approved after Bilal's layout feedback. Three clear zones:
   brand anchor, compact navigation/legal cluster, and a distinct project CTA. */
footer{
  padding:54px 0 24px!important;
}

footer .wrap.footer-layout{
  display:grid!important;
  grid-template-columns:minmax(260px,1.05fr) minmax(320px,.92fr) minmax(280px,.92fr)!important;
  gap:clamp(30px,4vw,58px)!important;
  align-items:start!important;
}

.footer-brand{
  max-width:380px!important;
}

.footer-brand strong{
  font-size:19px!important;
  line-height:1.2!important;
  margin-bottom:16px!important;
}

.footer-brand p{
  max-width:330px!important;
  font-size:15px!important;
  line-height:1.65!important;
  color:#d8f2ff!important;
}

.footer-nav-cluster{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(120px,1fr))!important;
  gap:clamp(28px,3vw,44px)!important;
}

.footer-contact{
  align-self:start!important;
  padding:24px 26px!important;
  border:1px solid rgba(216,242,255,.22)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(216,242,255,.13),rgba(216,242,255,.06))!important;
  box-shadow:0 18px 38px rgba(1,25,38,.14)!important;
}

.footer-contact h4{
  margin-bottom:14px!important;
}

.footer-contact p{
  max-width:280px!important;
  margin-bottom:18px!important;
  color:#f4fbff!important;
  font-weight:650!important;
}

footer .footer-contact .footer-cta{
  min-height:42px!important;
  padding:0 20px!important;
  background:#d8f2ff!important;
  border:1px solid rgba(255,255,255,.62)!important;
  color:#0b4d6e!important;
  box-shadow:0 10px 24px rgba(1,25,38,.16)!important;
}

footer .footer-contact .footer-cta:hover{
  background:#fff!important;
  color:#0b3954!important;
}

.footer-bottom{
  grid-column:1/-1!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin-top:20px!important;
  padding-top:22px!important;
  border-top:1px solid rgba(244,251,255,.2)!important;
  text-align:left!important;
}

@media(max-width:980px){
  footer .wrap.footer-layout{
    grid-template-columns:1fr 1fr!important;
  }

  .footer-contact{
    grid-column:1/-1!important;
    max-width:560px!important;
  }
}

@media(max-width:620px){
  footer .wrap.footer-layout{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }

  .footer-nav-cluster{
    grid-template-columns:1fr 1fr!important;
    gap:22px!important;
  }

  .footer-contact{
    grid-column:auto!important;
    max-width:none!important;
    padding:22px!important;
  }

  .footer-contact p{
    max-width:100%!important;
  }
}

/* V96: footer reference layout from Bilal screenshot. Light, calm,
   four-column footer with clear company/contact/social/project blocks. */
footer{
  background:#e8f7fd!important;
  color:#151827!important;
  padding:58px 0 24px!important;
  overflow:hidden!important;
}

footer::before,
footer::after{
  display:none!important;
}

footer .wrap.footer-reference-layout{
  width:min(1760px,calc(100% - clamp(32px,4vw,64px)))!important;
  display:grid!important;
  grid-template-columns:1.05fr 1.05fr .9fr 1.28fr!important;
  gap:clamp(42px,5vw,92px)!important;
  align-items:start!important;
}

.footer-reference-layout .footer-col h4{
  color:#151827!important;
  font-size:clamp(20px,1.55vw,28px)!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:none!important;
  margin:0 0 26px!important;
}

.footer-reference-layout .footer-company a,
.footer-reference-layout .footer-info p,
.footer-reference-layout .footer-info a,
.footer-reference-layout .footer-info span{
  color:#6f7481!important;
  font-size:clamp(16px,1.2vw,20px)!important;
  line-height:1.65!important;
  font-weight:500!important;
}

.footer-reference-layout .footer-company a{
  display:block!important;
  margin:0 0 17px!important;
}

.footer-reference-layout .footer-company a:hover,
.footer-reference-layout .footer-info a:hover{
  color:#151827!important;
}

.footer-reference-layout .footer-info p{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  margin:0 0 17px!important;
  max-width:430px!important;
}

.footer-info-icon{
  width:24px!important;
  color:#7b808d!important;
  font-size:19px!important;
  line-height:1.65!important;
  text-align:center!important;
}

.footer-social-row{
  display:flex!important;
  gap:20px!important;
  align-items:center!important;
}

.footer-social-row span{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#151827!important;
  color:#fff!important;
  font-weight:800!important;
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:0!important;
  box-shadow:0 10px 24px rgba(21,24,39,.12)!important;
}

.footer-newsletter h4,
.footer-project h4{
  max-width:520px!important;
}

.footer-newsletter form{
  display:grid!important;
  grid-template-columns:1fr!important;
  max-width:520px!important;
}

.footer-newsletter input{
  width:100%!important;
  height:58px!important;
  border:2px solid #8fcfe4!important;
  border-radius:30px 30px 0 0!important;
  background:#fff!important;
  color:#151827!important;
  padding:0 24px!important;
  font:500 17px var(--font)!important;
  outline:none!important;
}

.footer-newsletter input::placeholder{
  color:#9a9fa9!important;
}

.footer-newsletter button{
  width:100%!important;
  height:58px!important;
  border:0!important;
  border-radius:0 0 30px 30px!important;
  background:#151827!important;
  color:#fff!important;
  font:800 15px var(--font)!important;
  letter-spacing:.32em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}

.footer-project p{
  color:#6f7481!important;
  font-size:clamp(16px,1.2vw,20px)!important;
  line-height:1.65!important;
  font-weight:500!important;
  max-width:500px!important;
  margin:0 0 20px!important;
}

.footer-project-cta{
  width:min(100%,360px)!important;
  min-height:58px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#151827!important;
  color:#fff!important;
  font:800 15px var(--font)!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  box-shadow:0 14px 28px rgba(21,24,39,.12)!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}

.footer-project-cta:hover{
  background:#0d759b!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 18px 34px rgba(13,117,155,.18)!important;
}

.footer-reference-layout .footer-bottom{
  grid-column:1/-1!important;
  margin-top:50px!important;
  padding-top:22px!important;
  border-top:1px solid #c5e7f2!important;
  color:#6f7481!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  font-size:14px!important;
  text-align:left!important;
}

.footer-legal-links{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px 16px!important;
}

.footer-reference-layout .footer-bottom a,
.footer-reference-layout .footer-bottom .footer-link-button{
  color:#6f7481!important;
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.5!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  font-family:var(--font)!important;
  cursor:pointer!important;
}

.footer-reference-layout .footer-bottom a:hover,
.footer-reference-layout .footer-bottom .footer-link-button:hover{
  color:#151827!important;
}

.about-card-title{
  display:block;
  font-size:clamp(18px,1.35vw,22px);
  line-height:1.25;
  font-weight:800;
  color:#fff;
  margin:0 0 12px;
}

.tcard .about-card-title{
  color:#071827;
}

/* V102: finish pass, stronger process diagrams and operations visuals. */
.process-map-section,
.ops-dashboard-section,
.about-visual-section{
  background:linear-gradient(180deg,#0d759b 0%,#168fb5 48%,#0d759b 100%)!important;
}

.process-map-diagram{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
  margin:42px 0 24px;
  padding:34px 24px;
  border-radius:24px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(232,247,253,.28);
  box-shadow:0 24px 60px rgba(1,24,37,.18);
  overflow:hidden;
}

.process-map-line{
  position:absolute;
  left:8%;
  right:8%;
  top:72px;
  height:3px;
  background:linear-gradient(90deg,#e8f7fd,#4ade80,#e8f7fd);
  opacity:.82;
}

.process-map-step{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
  align-content:start;
  min-height:178px;
  padding:22px 16px 18px;
  border-radius:18px;
  background:#f4fbff;
  color:#071827;
  box-shadow:0 16px 34px rgba(1,24,37,.12);
}

.process-map-step span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#0d759b;
  color:#fff;
  font-weight:900;
  font-size:13px;
}

.process-map-step strong{
  color:#071827;
  font-size:18px;
  line-height:1.2;
  font-weight:900;
}

.process-map-step small{
  color:#41616f;
  font-size:13px;
  line-height:1.45;
  font-weight:650;
}

.ops-metric-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.ops-metric-row div,
.ops-status-grid div,
.about-status-row div{
  padding:18px 20px;
  border-radius:18px;
  background:#f4fbff;
  color:#071827;
  box-shadow:0 14px 32px rgba(1,24,37,.1);
}

.ops-metric-row span,
.ops-status-grid span,
.about-status-row span{
  display:block;
  color:#5f7280;
  font-size:12px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.ops-metric-row strong,
.ops-status-grid strong,
.about-status-row strong{
  color:#071827;
  font-size:18px;
  line-height:1.25;
  font-weight:950;
}

.mini-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;
  gap:0;
  margin-top:22px;
  padding:0;
  border-radius:14px;
  background:#f4fbff;
  border:1px solid rgba(11,77,110,.12);
  overflow:hidden;
}

.mini-flow span,
.mini-flow b{
  min-height:62px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:13px 14px;
  border-radius:0;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:0;
  min-width:0;
  overflow-wrap:anywhere;
}

.mini-flow em{
  font-style:normal;
  font-size:10px;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#6f8896;
  font-weight:900;
}

.mini-flow i{
  display:none;
}

.mini-flow-muted span{
  background:#f4fbff;
  color:#334b5a;
  border-right:1px solid rgba(11,77,110,.1);
}

.mini-flow-muted b{
  background:#eef4f7;
  color:#334b5a;
  border-left:3px solid #8aa2af;
}

.mini-flow-egate span{
  background:#f4fbff;
  color:#0b3349;
  border-right:1px solid rgba(11,77,110,.1);
  border-top:3px solid #0ea5e9;
}

.mini-flow-egate i{
  display:none;
}

.mini-flow-egate span:last-child{
  border-right:0;
  background:#e0f7ff;
}

.ops-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);
  gap:48px;
  align-items:center;
}

.ops-dashboard-panel{
  padding:28px;
  border-radius:26px;
  background:#f4fbff;
  color:#071827;
  box-shadow:0 26px 70px rgba(1,24,37,.18);
}

.ops-panel-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}

.ops-panel-header strong{
  color:#071827;
  font-size:22px;
  font-weight:950;
}

.ops-panel-header span{
  padding:8px 12px;
  border-radius:999px;
  background:#d8f2ff;
  color:#0b4d6e;
  font-size:12px;
  font-weight:900;
}

.ops-status-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.ops-progress{
  height:12px;
  margin:24px 0 16px;
  border-radius:999px;
  background:#dcecf3;
  overflow:hidden;
}

.ops-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#0d759b,#4ade80);
}

.ops-dashboard-panel p{
  color:#41616f;
  font-weight:700;
  margin:0;
}

.about-proof-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr);
  align-items:center;
  gap:18px;
  margin-top:10px;
}

.about-proof-card{
  min-height:132px;
  padding:24px;
  border-radius:22px;
  background:#f4fbff;
  color:#071827;
  box-shadow:0 20px 52px rgba(1,24,37,.14);
}

.about-proof-card span{
  display:block;
  color:#0d759b;
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:950;
  margin-bottom:12px;
}

.about-proof-card strong{
  display:block;
  color:#071827;
  font-size:clamp(18px,1.7vw,26px);
  line-height:1.2;
  font-weight:950;
}

.about-proof-arrow{
  height:3px;
  border-radius:999px;
  background:#e8f7fd;
  position:relative;
}

.about-proof-arrow::after{
  content:"";
  position:absolute;
  right:-2px;
  top:50%;
  width:10px;
  height:10px;
  border-right:3px solid #e8f7fd;
  border-top:3px solid #e8f7fd;
  transform:translateY(-50%) rotate(45deg);
}

.about-status-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}

.simple-impressum-section .legal-professional{
  max-width:920px!important;
}

.simple-impressum-card{
  display:block!important;
  padding:clamp(28px,4vw,48px)!important;
  border-radius:20px!important;
  background:#f4fbff!important;
  color:#071827!important;
  box-shadow:0 24px 60px rgba(1,24,37,.14)!important;
  border:1px solid rgba(11,77,110,.12)!important;
}

.simple-impressum-card h2{
  color:#071827!important;
  font-size:clamp(24px,3vw,36px)!important;
  line-height:1.2!important;
  margin:0 0 28px!important;
}

.simple-impressum-card p{
  color:#17394d!important;
  font-size:16px!important;
  line-height:1.72!important;
  font-weight:650!important;
  margin:0 0 22px!important;
}

.simple-impressum-card p:last-child{
  margin-bottom:0!important;
}

.simple-impressum-card strong{
  display:block!important;
  color:#071827!important;
  font-weight:900!important;
  margin-bottom:4px!important;
}

.simple-impressum-card a{
  color:#0b6f91!important;
  font-weight:800!important;
}

@media(max-width:1100px){
  .process-map-diagram{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .process-map-line{
    display:none;
  }

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

@media(max-width:760px){
  .mini-flow{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .mini-flow span,
  .mini-flow b{
    min-height:64px;
  }

  .mini-flow-muted span:nth-of-type(2),
  .mini-flow-egate span:nth-of-type(2){
    border-right:0;
  }

  .process-map-diagram,
  .ops-dashboard-grid,
  .about-proof-grid,
  .about-status-row{
    grid-template-columns:1fr;
  }

  .about-proof-arrow{
    width:3px;
    height:30px;
    justify-self:center;
  }

  .about-proof-arrow::after{
    right:50%;
    top:auto;
    bottom:-2px;
    transform:translateX(50%) rotate(135deg);
  }

  .ops-metric-row,
  .ops-status-grid{
    grid-template-columns:1fr;
  }

  .ops-panel-header{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:1100px){
  footer .wrap.footer-reference-layout{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:680px){
  footer{
    padding:44px 0 22px!important;
  }

  footer .wrap.footer-reference-layout{
    width:min(100% - 40px,520px)!important;
    grid-template-columns:1fr!important;
    gap:34px!important;
  }

  .footer-reference-layout .footer-col h4{
    margin-bottom:16px!important;
  }

  .footer-social-row{
    gap:14px!important;
  }
}

/* V84: Impressum single panel color must sit on the blue page background,
   not look like a pale bubble pasted onto it. */
.section-light .legal-panel{
  background:linear-gradient(180deg,rgba(5,71,99,.96),rgba(4,58,84,.98))!important;
  border:1px solid rgba(216,242,255,.24)!important;
  box-shadow:0 18px 38px rgba(1,25,38,.2)!important;
  color:#fff!important;
}

.section-light .legal-row{
  border-bottom:1px solid rgba(216,242,255,.16)!important;
}

.section-light .legal-row h2{
  color:#fff!important;
}

.section-light .legal-row p{
  color:#d8f2ff!important;
}

/* V81 final cascade lock: compact the Leistungen feature heading from Bilal's
   screenshot. Keep this after all V80/mobile rules. */
.section-dark .feature-section-heading,
.section-dark .feature-section-heading *{
  text-align:center!important;
}

.section-dark .feature-section-heading{
  width:min(920px,100%)!important;
  max-width:920px!important;
  margin:0 auto 28px!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

.section-dark .feature-section-heading .section-label{
  margin:0 0 10px!important;
  color:#fff!important;
  text-shadow:none!important;
}

.section-dark .feature-section-heading h2{
  max-width:920px!important;
  margin:0 auto 14px!important;
  color:#fff!important;
  font-size:clamp(34px,3.7vw,50px)!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:0!important;
  word-spacing:0!important;
  white-space:normal!important;
  text-wrap:balance;
  text-shadow:0 2px 14px rgba(1,12,24,.22)!important;
}

.section-dark .feature-section-heading .section-intro{
  max-width:760px!important;
  margin:0 auto!important;
  color:#e7f8ff!important;
  font-size:clamp(15.5px,1.12vw,18px)!important;
  line-height:1.62!important;
  font-weight:750!important;
}

.section-dark .feature-section-heading + .features-grid{
  margin-top:26px!important;
}

@media(max-width:899px){
  .section-dark .feature-section-heading,
  .section-dark .feature-section-heading *,
  .section-dark .feature-section-heading h2,
  .section-dark .feature-section-heading .section-intro{
    text-align:center!important;
  }

  .section-dark .feature-section-heading{
    margin-bottom:24px!important;
  }

  .section-dark .feature-section-heading h2{
    font-size:clamp(30px,8.4vw,40px)!important;
  }
}

/* V86 final cascade lock: contact form follows the unified heading principle */
.contact-centered{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:28px!important;
  align-items:start!important;
  justify-items:center!important;
}

.contact-centered .contact-lead{
  width:min(860px,100%)!important;
  max-width:860px!important;
  margin:0 auto 4px!important;
  text-align:center!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

.contact-centered .contact-lead .section-label{
  margin:0 0 10px!important;
  color:#fff!important;
  text-align:center!important;
}

.contact-centered .contact-lead h2{
  margin:0 auto 14px!important;
  max-width:820px!important;
  color:#fff!important;
  font-size:clamp(34px,4.4vw,58px)!important;
  line-height:1.06!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-wrap:balance;
}

.contact-centered .contact-lead p{
  max-width:760px!important;
  margin:0 auto!important;
  color:#e7f8ff!important;
  font-size:clamp(16px,1.2vw,18px)!important;
  line-height:1.68!important;
  font-weight:750!important;
  text-align:center!important;
}

.contact-centered .cform{
  width:min(650px,100%)!important;
  margin:4px auto 0!important;
  justify-self:center!important;
}

.contact-centered .contact-prompts{
  width:min(920px,100%)!important;
  margin:8px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}

.contact-centered .contact-prompts div{
  min-height:118px!important;
  background:rgba(216,242,255,.94)!important;
  border-color:rgba(255,255,255,.46)!important;
  box-shadow:0 14px 30px rgba(1,12,24,.1)!important;
}

.contact-centered .contact-prompts strong{
  color:#12384e!important;
  font-weight:850!important;
}

.contact-centered .contact-prompts span{
  color:#12384e!important;
  font-weight:750!important;
}

.contact-centered .address{
  width:min(760px,100%)!important;
  margin:4px auto 0!important;
  color:#e7f8ff!important;
  text-align:center!important;
  font-weight:700!important;
}

@media(max-width:899px){
  .contact-centered{
    gap:24px!important;
  }

  .contact-centered .contact-lead,
  .contact-centered .contact-lead *,
  .contact-centered .address{
    text-align:center!important;
  }

  .contact-centered .contact-lead h2{
    font-size:clamp(32px,9vw,42px)!important;
  }

  .contact-centered .contact-prompts{
    grid-template-columns:1fr!important;
  }
}

/* V87: Kontakt page uses one headline only. The form starts directly below the
   page header, instead of repeating a second large section heading. */
.page-header + .section-light .contact-centered{
  padding-top:0!important;
}

/* V121: Kontakt page turns the lower three prompt cards into a guided questions block. */
.contact-centered .contact-questions{
  width:min(920px,100%)!important;
  margin:14px auto 0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  overflow:hidden!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,rgba(244,251,255,.98) 0%,rgba(216,242,255,.96) 58%,rgba(195,236,247,.98) 100%)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 28px 70px rgba(1,35,54,.22),inset 0 1px 0 rgba(255,255,255,.88)!important;
}

.contact-centered .contact-questions-head{
  padding:26px 30px 22px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:26px!important;
  background:linear-gradient(90deg,#eefaff 0%,#d8f2ff 100%)!important;
  border:0!important;
  border-bottom:1px solid rgba(11,111,145,.12)!important;
  box-shadow:none!important;
  min-height:0!important;
}

.contact-centered .contact-questions-head span{
  display:block!important;
  color:#082f46!important;
  font-size:clamp(28px,3vw,40px)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:0!important;
}

.contact-centered .contact-questions-head p{
  width:min(430px,100%)!important;
  margin:0!important;
  color:#284b5f!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:780!important;
  text-align:right!important;
}

.contact-centered .contact-question-row{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:76px minmax(220px,.72fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:22px!important;
  padding:24px 30px!important;
  background:rgba(255,255,255,.46)!important;
  border:0!important;
  border-bottom:1px solid rgba(11,111,145,.11)!important;
  box-shadow:none!important;
  color:#082f46!important;
}

.contact-centered .contact-question-row:last-child{
  border-bottom:0!important;
}

.contact-centered .contact-question-row em{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#0b6f91!important;
  color:#fff!important;
  font-style:normal!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 12px 26px rgba(11,111,145,.22)!important;
}

.contact-centered .contact-question-row strong{
  margin:0!important;
  color:#082f46!important;
  font-size:20px!important;
  line-height:1.22!important;
  font-weight:950!important;
}

.contact-centered .contact-question-row span{
  color:#284b5f!important;
  font-size:16px!important;
  line-height:1.58!important;
  font-weight:760!important;
}

@media(max-width:760px){
  .contact-centered .contact-questions{
    border-radius:22px!important;
  }

  .contact-centered .contact-questions-head{
    display:grid!important;
    gap:12px!important;
    padding:24px 22px 20px!important;
  }

  .contact-centered .contact-questions-head p{
    width:100%!important;
    text-align:left!important;
  }

  .contact-centered .contact-question-row{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:12px 14px!important;
    padding:22px!important;
  }

  .contact-centered .contact-question-row em{
    width:42px!important;
    height:42px!important;
  }

  .contact-centered .contact-question-row strong{
    font-size:19px!important;
  }

  .contact-centered .contact-question-row span{
    grid-column:2!important;
    font-size:15px!important;
  }

  .contact-centered .contact-question-row:last-child{
    padding-bottom:42px!important;
    padding-right:76px!important;
  }
}

.page-header + .section-light .contact-centered .cform{
  margin-top:0!important;
}

.page-header + .section-light .contact-centered .contact-prompts{
  margin-top:18px!important;
}

.wrap:has(> .page-header) + .section-light:has(.contact-centered){
  padding-top:18px!important;
}

.wrap:has(> .page-header:has(+ *)) + .section-light:has(.contact-centered),
.wrap:has(> .page-header) + .section-light:has(.contact-centered){
  margin-top:0!important;
}

.wrap:has(> .page-header) .page-header:has(+ *),
.wrap:has(> .page-header) .page-header{
  padding-bottom:34px!important;
}

/* V88: About page starts directly with the real content, no redundant top hero. */
body:has(.about-focus-section) .about-focus-section{
  padding-top:clamp(34px,4vw,56px)!important;
  margin-top:0!important;
}

body:has(.about-focus-section) .about-focus-grid{
  min-height:auto!important;
}

body:has(.about-focus-section) .about-focus-heading{
  margin-top:0!important;
  margin-bottom:clamp(24px,3vw,34px)!important;
}

body:has(.about-focus-section) .about-focus-heading .section-label{
  margin-bottom:12px!important;
}

body:has(.about-focus-section) .about-focus-heading h2{
  font-size:clamp(42px,5vw,64px)!important;
}

@media(max-width:899px){
  body:has(.about-focus-section) .about-focus-section{
    padding-top:32px!important;
  }
}

/* V92: Datenschutz legal cards keep dark text on light cards even inside
   generic light-section heading overrides. */
.section-light .legal-stack .legal-card,
.section-light .legal-stack .legal-card *{
  text-shadow:none!important;
}

.section-light .legal-stack .legal-card{
  background:linear-gradient(180deg,#d8f2ff 0%,#c7ecfb 100%)!important;
  color:#12384e!important;
}

.section-light .legal-stack .legal-card h2{
  color:#0b4d6e!important;
  font-weight:900!important;
}

.section-light .legal-stack .legal-card p{
  color:#17394d!important;
  font-weight:700!important;
}

/* V93: keep Bilal's full upward header collapse, but remove the visible
   leftover strip/handle so the closed state looks intentional. */
@media (min-width:769px) and (hover:hover) and (pointer:fine){
  .nav-hover-zone{
    height:42px!important;
    background:transparent!important;
  }

  body.nav-scrolled .site-nav{
    transform:translateY(-112%)!important;
    opacity:0!important;
    pointer-events:none!important;
    box-shadow:none!important;
  }

  body.nav-scrolled.nav-top-hover .site-nav,
  body.nav-scrolled .site-nav:hover{
    transform:translateY(0)!important;
    opacity:1!important;
    pointer-events:auto!important;
    box-shadow:0 16px 42px rgba(1,12,24,.24)!important;
  }

  .site-nav::after{
    display:none!important;
    opacity:0!important;
  }
}

/* V94: visible AI orientation section, honest wording without fake dashboard claims. */
.ai-orientation-section{
  background:linear-gradient(180deg,#0d789b 0%,#0f86aa 48%,#0d789b 100%)!important;
  padding:clamp(48px,5.5vw,72px) 0!important;
}

.ai-orientation-grid{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr)!important;
  gap:clamp(28px,4vw,56px)!important;
  align-items:center!important;
}

.ai-orientation-copy,
.ai-orientation-copy *{
  color:#fff!important;
  text-align:left!important;
}

.ai-orientation-copy h2{
  max-width:780px!important;
  margin:0 0 18px!important;
  font-size:clamp(38px,4.7vw,62px)!important;
  line-height:1.02!important;
  letter-spacing:0!important;
}

.ai-orientation-copy .section-intro{
  max-width:690px!important;
  margin:0 0 24px!important;
  color:#f0fbff!important;
  font-size:clamp(16px,1.5vw,19px)!important;
  font-weight:750!important;
}

.ai-question-card{
  display:grid!important;
  gap:8px!important;
  padding:18px 20px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(216,242,255,.18),rgba(255,255,255,.1))!important;
  border:1px solid rgba(216,242,255,.34)!important;
  box-shadow:0 16px 34px rgba(1,12,24,.12)!important;
}

.ai-question-card span{
  font-size:13px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  color:#d8f2ff!important;
}

.ai-question-card strong{
  color:#fff!important;
  font-size:clamp(18px,1.8vw,24px)!important;
  line-height:1.35!important;
}

.ai-example-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:18px!important;
  max-width:680px!important;
}

.ai-example-grid span{
  min-height:76px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:15px 18px!important;
  border-radius:10px!important;
  background:rgba(244,251,255,.96)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  color:#f7fdff!important;
  box-shadow:0 16px 34px rgba(1,24,37,.12)!important;
}

.ai-example-grid em{
  font-style:normal!important;
  color:#0b6f91!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
  margin-bottom:7px!important;
}

.ai-example-grid strong{
  color:#071827!important;
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:950!important;
}

.ai-example-grid small{
  color:#41616f!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:750!important;
  margin-top:3px!important;
}

.ai-compass{
  padding:22px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#d8f2ff 0%,#bfe8f8 100%)!important;
  border:1px solid rgba(255,255,255,.68)!important;
  box-shadow:0 28px 70px rgba(1,12,24,.22)!important;
  color:#12384e!important;
}

.ai-compass *,
.section-light .ai-compass *{
  text-shadow:none!important;
}

.ai-compass-header{
  display:flex!important;
  gap:12px!important;
  align-items:center!important;
  padding:0 0 18px!important;
  border-bottom:1px solid rgba(11,77,110,.18)!important;
}

.ai-compass-dot{
  width:12px!important;
  height:12px!important;
  flex:0 0 12px!important;
  border-radius:999px!important;
  background:#16a34a!important;
  box-shadow:0 0 0 6px rgba(22,163,74,.14)!important;
}

.ai-compass-header strong{
  display:block!important;
  color:#0b4d6e!important;
  font-size:18px!important;
  font-weight:950!important;
}

.ai-compass-header small{
  display:block!important;
  color:#17394d!important;
  font-size:13px!important;
  font-weight:800!important;
}

.ai-path{
  display:grid!important;
  gap:10px!important;
  margin:18px 0!important;
}

.ai-path-step{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  grid-template-areas:"num title" "num text"!important;
  column-gap:14px!important;
  align-items:center!important;
  padding:14px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(11,77,110,.12)!important;
}

.ai-path-step.active{
  background:#fff!important;
  border-color:rgba(11,77,110,.22)!important;
  box-shadow:0 10px 22px rgba(11,77,110,.12)!important;
}

.ai-path-step span{
  grid-area:num!important;
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:#0b4d6e!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
}

.ai-path-step strong{
  grid-area:title!important;
  color:#0b4d6e!important;
  font-size:16px!important;
  line-height:1.22!important;
  font-weight:950!important;
}

.ai-path-step small{
  grid-area:text!important;
  color:#17394d!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:800!important;
}

.ai-compass-meta{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}

.ai-compass-meta div{
  padding:12px!important;
  border-radius:14px!important;
  background:rgba(11,77,110,.08)!important;
}

.ai-compass-meta span,
.ai-compass-meta strong{
  display:block!important;
}

.ai-compass-meta span{
  color:#31556a!important;
  font-size:12px!important;
  font-weight:850!important;
}

.ai-compass-meta strong{
  color:#0b4d6e!important;
  font-size:14px!important;
  font-weight:950!important;
  margin-top:2px!important;
}

@media(max-width:899px){
  .ai-orientation-grid{
    grid-template-columns:1fr!important;
  }

  .ai-example-grid,
  .ai-compass-meta{
    grid-template-columns:1fr!important;
  }

  .ai-orientation-copy,
  .ai-orientation-copy *{
    text-align:center!important;
  }

  .ai-orientation-copy .section-intro{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .ai-path-step{
    grid-template-columns:40px minmax(0,1fr)!important;
  }

  .ai-path-step span{
    width:40px!important;
    height:40px!important;
  }
}

/* V98: professional Impressum page. One calm legal surface with grouped
   company data and compact legal notices, replacing the older dark panel. */
body:has(.legal-professional) .section-light{
  background:linear-gradient(180deg,#e8f7fd 0%,#f5fbff 48%,#e8f7fd 100%)!important;
}

.legal-professional{
  display:grid!important;
  gap:22px!important;
  max-width:1080px!important;
}

.section-light .legal-professional .legal-panel,
.section-light .legal-professional .legal-note-panel{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(11,77,110,.14)!important;
  border-radius:22px!important;
  box-shadow:0 20px 48px rgba(1,35,54,.12)!important;
  color:#12384e!important;
  overflow:hidden!important;
}

.legal-panel-head{
  padding:34px clamp(24px,4vw,46px) 28px!important;
  border-bottom:1px solid rgba(11,77,110,.12)!important;
  background:linear-gradient(180deg,#f9fdff 0%,#eef9fe 100%)!important;
}

.legal-panel-head .section-label{
  color:#0b6f91!important;
  margin:0 0 12px!important;
}

.legal-panel-head h2{
  color:#0b4d6e!important;
  font-size:clamp(30px,4vw,48px)!important;
  line-height:1.05!important;
  font-weight:950!important;
  margin:0 0 14px!important;
}

.legal-panel-head p{
  max-width:760px!important;
  color:#17394d!important;
  font-size:16px!important;
  line-height:1.65!important;
  font-weight:750!important;
  margin:0!important;
}

.legal-data-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.legal-data-row{
  min-height:164px!important;
  padding:28px clamp(22px,3vw,38px)!important;
  border-right:1px solid rgba(11,77,110,.1)!important;
  border-bottom:1px solid rgba(11,77,110,.1)!important;
}

.legal-data-row:nth-child(2n){
  border-right:0!important;
}

.legal-data-row h3{
  color:#0b4d6e!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:950!important;
  margin:0 0 12px!important;
}

.legal-data-row p,
.legal-data-row a{
  color:#12384e!important;
  font-size:15.5px!important;
  line-height:1.72!important;
  font-weight:750!important;
  margin:0!important;
  overflow-wrap:anywhere!important;
}

.legal-data-row strong{
  color:#062f46!important;
  font-weight:950!important;
}

.legal-note-panel{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.legal-note{
  padding:26px clamp(22px,3vw,36px)!important;
  border-right:1px solid rgba(11,77,110,.1)!important;
  border-bottom:1px solid rgba(11,77,110,.1)!important;
}

.legal-note:nth-child(2n){
  border-right:0!important;
}

.legal-note:last-child{
  grid-column:1/-1!important;
  border-right:0!important;
  border-bottom:0!important;
}

.legal-note h2{
  color:#0b4d6e!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:950!important;
  margin:0 0 10px!important;
}

.legal-note p{
  color:#17394d!important;
  font-size:14.5px!important;
  line-height:1.7!important;
  font-weight:720!important;
  margin:0!important;
}

@media(max-width:799px){
  .legal-professional{
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
  }

  .legal-data-grid,
  .legal-note-panel{
    grid-template-columns:1fr!important;
  }

  .legal-data-row,
  .legal-note,
  .legal-data-row:nth-child(2n),
  .legal-note:nth-child(2n){
    min-height:0!important;
    border-right:0!important;
  }

  .legal-panel-head,
  .legal-data-row,
  .legal-note{
    padding-left:22px!important;
    padding-right:22px!important;
  }
}

/* V110: compact homepage process, restored without the old heavy process map. */
.home-process-stage{
  background:#f4fbff!important;
  padding-top:clamp(66px,6vw,94px)!important;
  padding-bottom:clamp(66px,6vw,94px)!important;
}

.home-process-heading{
  max-width:860px!important;
  margin:0 auto 34px!important;
  text-align:center!important;
}

.home-process-heading .section-label{
  color:#0b6f91!important;
}

.home-process-heading h2{
  color:#073a56!important;
  font-size:clamp(34px,4.2vw,56px)!important;
  line-height:1.06!important;
  font-weight:950!important;
  letter-spacing:0!important;
  margin:0 auto 16px!important;
  max-width:820px!important;
}

.home-process-intro{
  color:#17394d!important;
  max-width:720px!important;
  margin:0 auto!important;
  font-size:17px!important;
  line-height:1.7!important;
  font-weight:760!important;
  opacity:1!important;
  text-shadow:none!important;
  filter:none!important;
}

.home-process-track{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}

.home-process-step{
  min-height:232px!important;
  padding:24px 22px!important;
  border:1px solid rgba(11,77,110,.14)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#eff9fe 100%)!important;
  box-shadow:0 18px 46px rgba(1,35,54,.1)!important;
  color:#12384e!important;
}

.home-process-step span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  background:#0b6f91!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
  margin:0 0 18px!important;
}

.home-process-step strong{
  display:block!important;
  color:#073a56!important;
  font-size:18px!important;
  line-height:1.22!important;
  font-weight:950!important;
  margin:0 0 10px!important;
}

.home-process-step p{
  color:#17394d!important;
  font-size:14.5px!important;
  line-height:1.62!important;
  font-weight:720!important;
  margin:0!important;
}

@media(max-width:1180px){
  .home-process-track{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .home-process-stage{
    padding-top:58px!important;
    padding-bottom:58px!important;
  }

  .home-process-heading{
    margin-bottom:26px!important;
  }

  .home-process-heading h2{
    font-size:clamp(31px,8.2vw,42px)!important;
  }

  .home-process-track{
    grid-template-columns:1fr!important;
  }

  .home-process-step{
    min-height:0!important;
    padding:22px!important;
  }
}

/* V111: more serious framed treatment for the screenshot-marked process
   strips and Prüfdaten cards. */
.mini-flow{
  gap:8px!important;
  padding:8px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(220,243,253,.72))!important;
  border:1px solid rgba(11,77,110,.2)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 18px 42px rgba(1,35,54,.14)!important;
  overflow:visible!important;
}

.mini-flow span,
.mini-flow b{
  min-height:68px!important;
  position:relative!important;
  padding:14px 14px 14px 16px!important;
  border-radius:14px!important;
  border:1px solid rgba(11,77,110,.14)!important;
  background:linear-gradient(180deg,#ffffff 0%,#edf8fd 100%)!important;
  box-shadow:0 10px 22px rgba(1,35,54,.08),inset 0 1px 0 rgba(255,255,255,.95)!important;
  color:#0b3349!important;
}

.mini-flow span::before,
.mini-flow b::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:12px!important;
  bottom:12px!important;
  width:4px!important;
  border-radius:0 999px 999px 0!important;
  background:#93c5d8!important;
}

.mini-flow em{
  color:#0b6f91!important;
  font-size:10.5px!important;
  margin-bottom:6px!important;
}

.mini-flow-muted span{
  border-color:rgba(82,111,128,.18)!important;
  background:linear-gradient(180deg,#fbfdff 0%,#eef5f8 100%)!important;
  color:#294454!important;
}

.mini-flow-muted span::before{
  background:#9aaebb!important;
}

.mini-flow-muted b{
  border-color:rgba(120,72,72,.22)!important;
  background:linear-gradient(180deg,#fffafa 0%,#f4edf0 100%)!important;
  color:#394b56!important;
}

.mini-flow-muted b::before{
  background:#b77986!important;
}

.mini-flow-egate span{
  border-color:rgba(14,165,233,.28)!important;
  background:linear-gradient(180deg,#ffffff 0%,#e7f8ff 100%)!important;
  color:#08354d!important;
}

.mini-flow-egate span::before{
  background:linear-gradient(180deg,#0ea5e9,#0b6f91)!important;
}

.mini-flow-egate span:last-child{
  border-color:rgba(11,111,145,.36)!important;
  background:linear-gradient(180deg,#dff6ff 0%,#c9edf9 100%)!important;
  box-shadow:0 14px 28px rgba(11,111,145,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;
}

.ai-example-grid{
  gap:14px!important;
}

.ai-example-grid span{
  min-height:90px!important;
  position:relative!important;
  padding:18px 20px 18px 58px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#ffffff 0%,#edf9fe 100%)!important;
  border:1px solid rgba(11,77,110,.2)!important;
  box-shadow:0 18px 40px rgba(1,35,54,.14),inset 0 1px 0 rgba(255,255,255,.94)!important;
  overflow:hidden!important;
}

.ai-example-grid span::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:6px!important;
  background:linear-gradient(180deg,#0ea5e9,#0b6f91)!important;
}

.ai-example-grid em{
  position:absolute!important;
  left:18px!important;
  top:18px!important;
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#0b6f91!important;
  color:#ffffff!important;
  font-size:10px!important;
  letter-spacing:.04em!important;
  margin:0!important;
  box-shadow:0 8px 18px rgba(11,111,145,.22)!important;
}

.ai-example-grid strong{
  font-size:16px!important;
  line-height:1.2!important;
}

.ai-example-grid small{
  color:#31566a!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:820!important;
  margin-top:5px!important;
}

@media(max-width:899px){
  .mini-flow{
    gap:6px!important;
    padding:6px!important;
  }

  .mini-flow span,
  .mini-flow b{
    min-height:64px!important;
    padding:12px 10px 12px 13px!important;
  }
}

@media(max-width:520px){
  .mini-flow{
    grid-template-columns:1fr!important;
  }

  .ai-example-grid span{
    padding:17px 18px 17px 56px!important;
  }
}

/* V112: reference-inspired process diagram, not a copied layout. */
.home-process-stage{
  background:
    radial-gradient(circle at 50% 28%,rgba(48,203,194,.16) 0,rgba(48,203,194,0) 34%),
    linear-gradient(180deg,#f7fcff 0%,#edf8fd 100%)!important;
  border-top:8px solid #0b6f91!important;
  border-bottom:8px solid #0b6f91!important;
}

.home-process-diagram{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(360px,520px) minmax(220px,1fr)!important;
  grid-template-rows:auto auto auto!important;
  gap:30px 34px!important;
  align-items:center!important;
  width:min(1180px,100%)!important;
  margin:42px auto 0!important;
  padding:18px 0 6px!important;
}

.home-process-diagram::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:32px!important;
  bottom:74px!important;
  width:12px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#cad7de 0%,#91aab8 48%,#cad7de 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)!important;
  z-index:0!important;
}

.process-core,
.process-callout{
  position:relative!important;
  z-index:1!important;
}

.process-core{
  grid-column:2!important;
  grid-row:1 / span 3!important;
  min-height:520px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px 18px!important;
}

.process-core-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:54px!important;
  padding:0 34px!important;
  border-radius:18px!important;
  background:#0b6f91!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  box-shadow:0 20px 46px rgba(1,35,54,.22)!important;
  margin:0 0 18px!important;
}

.process-stack{
  width:min(420px,100%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:0!important;
  filter:drop-shadow(0 22px 28px rgba(1,35,54,.24))!important;
}

.process-layer{
  height:66px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  text-shadow:0 2px 8px rgba(1,12,24,.22)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  clip-path:polygon(13% 0,87% 0,100% 50%,87% 100%,13% 100%,0 50%)!important;
  margin-top:-8px!important;
}

.process-layer span{
  display:block!important;
  transform:translateY(1px)!important;
}

.process-layer.layer-one{
  width:48%!important;
  margin-top:0!important;
  background:linear-gradient(90deg,#3de87d 0%,#2bcf92 100%)!important;
}

.process-layer.layer-two{
  width:64%!important;
  background:linear-gradient(90deg,#22c0e8 0%,#3be884 100%)!important;
}

.process-layer.layer-three{
  width:80%!important;
  background:linear-gradient(90deg,#ffe448 0%,#b7b2a4 100%)!important;
}

.process-layer.layer-four{
  width:94%!important;
  background:linear-gradient(90deg,#e7cf00 0%,#146978 100%)!important;
}

.process-layer.layer-five{
  width:100%!important;
  background:linear-gradient(90deg,#288d8a 0%,#43c6c1 100%)!important;
}

.process-core-route{
  min-height:48px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(11,77,110,.22)!important;
  background:rgba(255,255,255,.9)!important;
  color:#0b3349!important;
  font-size:14px!important;
  font-weight:900!important;
  margin-top:22px!important;
  box-shadow:0 12px 30px rgba(1,35,54,.1)!important;
}

.process-callout{
  min-height:152px!important;
  padding:24px 26px!important;
  border-radius:0!important;
  background:#0f918a!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.46)!important;
  box-shadow:0 22px 42px rgba(1,35,54,.22),inset 0 1px 0 rgba(255,255,255,.24)!important;
}

.process-callout::before{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  width:56px!important;
  height:10px!important;
  transform:translateY(-50%)!important;
  background:#aab4ba!important;
  box-shadow:0 12px 24px rgba(1,35,54,.14)!important;
}

.process-callout::after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  width:0!important;
  height:0!important;
  transform:translateY(-50%)!important;
  border-top:18px solid transparent!important;
  border-bottom:18px solid transparent!important;
}

.callout-left::before{
  right:-56px!important;
}

.callout-left::after{
  right:-84px!important;
  border-left:28px solid #aab4ba!important;
}

.callout-right::before{
  left:-56px!important;
}

.callout-right::after{
  left:-84px!important;
  border-right:28px solid #aab4ba!important;
}

.callout-one{
  grid-column:1!important;
  grid-row:1!important;
}

.callout-two{
  grid-column:3!important;
  grid-row:1!important;
}

.callout-three{
  grid-column:1!important;
  grid-row:2!important;
  background:#10817e!important;
}

.callout-four{
  grid-column:3!important;
  grid-row:2!important;
  background:#087982!important;
}

.callout-bottom{
  grid-column:1 / 4!important;
  grid-row:3!important;
  width:min(620px,100%)!important;
  justify-self:center!important;
  min-height:132px!important;
  background:linear-gradient(90deg,#37e882 0%,#27d0b0 100%)!important;
  color:#073a56!important;
  text-align:center!important;
  border-color:rgba(255,255,255,.7)!important;
}

.callout-bottom::before,
.callout-bottom::after{
  display:none!important;
}

.process-callout span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:46px!important;
  height:34px!important;
  padding:0 13px!important;
  border-radius:0!important;
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  margin:0 0 18px!important;
  border:1px solid rgba(255,255,255,.38)!important;
}

.callout-bottom span{
  background:rgba(7,58,86,.12)!important;
  border-color:rgba(7,58,86,.16)!important;
  color:#073a56!important;
}

.process-callout h3{
  color:inherit!important;
  font-size:clamp(21px,2vw,28px)!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:0!important;
  margin:0 0 12px!important;
}

.process-callout p{
  color:inherit!important;
  font-size:16px!important;
  line-height:1.48!important;
  font-weight:760!important;
  margin:0!important;
  opacity:.96!important;
}

@media(max-width:1050px){
  .home-process-diagram{
    grid-template-columns:1fr!important;
    gap:18px!important;
    margin-top:34px!important;
  }

  .home-process-diagram::before{
    display:none!important;
  }

  .process-core{
    grid-column:1!important;
    grid-row:auto!important;
    order:1!important;
    min-height:0!important;
    padding:0!important;
  }

  .process-callout{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    min-height:0!important;
    order:2!important;
  }

  .process-callout::before,
  .process-callout::after{
    display:none!important;
  }

  .callout-bottom{
    grid-column:1!important;
    width:100%!important;
  }
}

@media(max-width:640px){
  .home-process-stage{
    padding-top:54px!important;
    padding-bottom:54px!important;
  }

  .home-process-diagram{
    padding:0!important;
  }

  .process-core-label{
    min-height:48px!important;
    padding:0 24px!important;
    font-size:16px!important;
  }

  .process-layer{
    height:58px!important;
    font-size:15px!important;
  }

  .process-callout{
    padding:22px!important;
  }

  .process-callout h3{
    font-size:23px!important;
  }

  .process-callout p{
    font-size:15px!important;
  }
}

/* V114: directional process route. This replaces the decorative V112/V113
   stack with a real start-to-goal flow for E-Gate. */
.egate-route-diagram{
  position:relative!important;
  width:min(1180px,100%)!important;
  margin:44px auto 0!important;
  display:grid!important;
  grid-template-columns:210px 1fr 210px!important;
  gap:24px!important;
  align-items:stretch!important;
}

.route-line{
  position:absolute!important;
  left:195px!important;
  right:195px!important;
  top:76px!important;
  height:8px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#0b6f91 0%,#19b5c7 52%,#34e58c 100%)!important;
  box-shadow:0 14px 32px rgba(1,35,54,.18)!important;
  z-index:0!important;
}

.route-line::after{
  content:""!important;
  position:absolute!important;
  right:-2px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-left:22px solid #34e58c!important;
  border-top:16px solid transparent!important;
  border-bottom:16px solid transparent!important;
}

.route-terminal,
.route-step{
  position:relative!important;
  z-index:1!important;
  border-radius:0!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 22px 46px rgba(1,35,54,.18),inset 0 1px 0 rgba(255,255,255,.2)!important;
}

.route-terminal{
  min-height:218px!important;
  padding:26px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:#0c7e87!important;
  color:#fff!important;
}

.route-goal{
  background:linear-gradient(180deg,#32e88b 0%,#23cdb1 100%)!important;
  color:#073a56!important;
}

.route-terminal span,
.route-step span{
  display:inline-flex!important;
  width:max-content!important;
  min-width:48px!important;
  height:34px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  margin:0 0 18px!important;
  border:1px solid rgba(255,255,255,.38)!important;
  background:rgba(255,255,255,.14)!important;
  color:inherit!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

.route-terminal strong{
  display:block!important;
  color:inherit!important;
  font-size:25px!important;
  line-height:1.08!important;
  font-weight:950!important;
  margin:0 0 12px!important;
}

.route-terminal p,
.route-step p{
  color:inherit!important;
  font-size:14.5px!important;
  line-height:1.5!important;
  font-weight:760!important;
  margin:0!important;
  opacity:.96!important;
}

.route-steps{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
}

.route-step{
  min-height:270px!important;
  padding:24px 20px!important;
  background:linear-gradient(180deg,#0f978e 0%,#087682 100%)!important;
  color:#fff!important;
}

.route-step::after{
  content:""!important;
  position:absolute!important;
  right:-16px!important;
  top:64px!important;
  border-left:18px solid #b8c5cb!important;
  border-top:14px solid transparent!important;
  border-bottom:14px solid transparent!important;
  z-index:3!important;
}

.route-step:last-child::after{
  display:none!important;
}

.route-step h3{
  color:inherit!important;
  font-size:clamp(18px,1.55vw,24px)!important;
  line-height:1.08!important;
  font-weight:950!important;
  margin:0 0 12px!important;
}

.route-step:nth-child(2){
  background:linear-gradient(180deg,#0f8f9d 0%,#087586 100%)!important;
}

.route-step:nth-child(3){
  background:linear-gradient(180deg,#18a596 0%,#0a7a74 100%)!important;
}

.route-step:nth-child(4){
  background:linear-gradient(180deg,#0d7e86 0%,#075f70 100%)!important;
}

.route-step:nth-child(5){
  background:linear-gradient(180deg,#11a58a 0%,#088276 100%)!important;
}

@media(max-width:1180px){
  .egate-route-diagram{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .route-line{
    display:none!important;
  }

  .route-steps{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .route-terminal,
  .route-step{
    min-height:0!important;
  }

  .route-step::after{
    right:auto!important;
    left:50%!important;
    top:auto!important;
    bottom:-20px!important;
    transform:translateX(-50%) rotate(90deg)!important;
  }
}

@media(max-width:640px){
  .egate-route-diagram{
    margin-top:30px!important;
  }

  .route-terminal,
  .route-step{
    padding:22px!important;
  }

  .route-terminal strong{
    font-size:23px!important;
  }

  .route-step h3{
    font-size:22px!important;
  }
}

/* V114 final readability pass: use one clear route instead of cramped columns. */
.egate-route-diagram{
  width:min(940px,100%)!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  margin-top:40px!important;
}

.route-line{
  display:none!important;
}

.route-terminal,
.route-step{
  min-height:0!important;
  border-radius:0!important;
}

.route-terminal{
  padding:26px 30px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  column-gap:24px!important;
  align-items:center!important;
}

.route-terminal span,
.route-step span{
  margin:0!important;
  align-self:start!important;
}

.route-terminal strong,
.route-terminal p{
  grid-column:2!important;
}

.route-steps{
  grid-template-columns:1fr!important;
  gap:18px!important;
}

.route-step{
  min-height:138px!important;
  padding:26px 30px!important;
  display:grid!important;
  grid-template-columns:72px minmax(190px,280px) 1fr!important;
  column-gap:24px!important;
  align-items:center!important;
}

.route-step::after{
  right:auto!important;
  left:50%!important;
  top:auto!important;
  bottom:-22px!important;
  transform:translateX(-50%) rotate(90deg)!important;
  border-left-color:#aebcc4!important;
}

.route-step h3{
  margin:0!important;
  font-size:clamp(23px,2.2vw,30px)!important;
}

.route-step p{
  font-size:16px!important;
  line-height:1.55!important;
}

@media(max-width:720px){
  .route-terminal{
    display:block!important;
    padding:22px!important;
  }

  .route-terminal span,
  .route-step span{
    margin:0 0 16px!important;
  }

  .route-terminal strong,
  .route-terminal p{
    grid-column:auto!important;
  }

  .route-step{
    display:block!important;
    min-height:0!important;
    padding:22px!important;
  }

  .route-step h3{
    margin:0 0 10px!important;
    font-size:22px!important;
  }
}

/* V115 final override: homepage comparison and project-check layout. */
.compare-stage{
  padding:clamp(58px,6.4vw,92px) 0!important;
}

.compare-stage .compare-shell{
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;
  gap:42px!important;
  align-items:start!important;
}

.freight-compare-table{
  width:100%!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#f8fdff 0%,#eaf8fe 100%)!important;
  border:1px solid rgba(216,242,255,.82)!important;
  box-shadow:0 28px 70px rgba(0,39,63,.28),inset 0 1px 0 rgba(255,255,255,.96)!important;
  color:#092a3c!important;
}

.freight-table-head,
.freight-table-row{
  display:grid!important;
  grid-template-columns:minmax(118px,.72fr) minmax(180px,1fr) minmax(210px,1.18fr)!important;
}

.freight-table-head{
  background:linear-gradient(90deg,#083a55 0%,#0b6f91 48%,#12aeb2 100%)!important;
  color:#fff!important;
}

.freight-table-head span,
.freight-table-head strong{
  padding:18px 22px!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.freight-table-head strong:last-child{
  background:rgba(56,189,248,.18)!important;
}

.freight-table-row{
  border-bottom:1px solid rgba(11,111,145,.15)!important;
}

.freight-table-row:last-child{
  border-bottom:0!important;
}

.freight-table-row > *{
  min-width:0!important;
  padding:20px 22px!important;
}

.freight-topic{
  display:flex!important;
  align-items:center!important;
  color:#073a56!important;
  font-size:15px!important;
  font-weight:950!important;
  background:linear-gradient(180deg,rgba(226,247,255,.96),rgba(208,239,250,.92))!important;
  border-right:1px solid rgba(11,111,145,.14)!important;
}

.freight-table-row p{
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  min-height:70px!important;
  color:#16384a!important;
  font-size:14.5px!important;
  line-height:1.55!important;
  font-weight:780!important;
  background:rgba(255,255,255,.72)!important;
  border-right:1px solid rgba(11,111,145,.12)!important;
}

.freight-table-row p:last-child{
  color:#062d43!important;
  background:linear-gradient(135deg,rgba(221,249,255,.92),rgba(204,245,235,.94))!important;
  border-right:0!important;
  font-weight:880!important;
}

.ai-orientation-section{
  background:linear-gradient(180deg,#0d759b 0%,#0f86aa 100%)!important;
  color:#fff!important;
  padding:clamp(58px,6vw,86px) 0!important;
}

.ai-orientation-section .ai-orientation-grid{
  grid-template-columns:1fr!important;
  gap:26px!important;
}

.ai-orientation-copy{
  max-width:920px!important;
  margin:0 auto!important;
  text-align:center!important;
}

.ai-orientation-copy .section-label,
.ai-orientation-copy h2,
.ai-orientation-copy .section-intro{
  color:#fff!important;
}

.ai-orientation-copy h2{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.ai-orientation-copy .section-intro{
  max-width:660px!important;
  margin:18px auto 0!important;
  opacity:.94!important;
}

.project-checklist{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  margin:34px auto 0!important;
  text-align:left!important;
}

.project-checklist span{
  position:relative!important;
  min-height:132px!important;
  padding:24px 20px 22px!important;
  border-radius:18px!important;
  background:linear-gradient(150deg,#ffffff 0%,#edf9fe 100%)!important;
  border:1px solid rgba(216,242,255,.92)!important;
  box-shadow:0 18px 40px rgba(1,35,54,.18),inset 0 1px 0 rgba(255,255,255,.96)!important;
  overflow:hidden!important;
}

.project-checklist span::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:7px!important;
  background:linear-gradient(180deg,#24d1b4,#0ea5e9)!important;
}

.project-checklist strong{
  display:block!important;
  color:#082f45!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:950!important;
  margin:0 0 10px!important;
}

.project-checklist small{
  display:block!important;
  color:#31566a!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:800!important;
}

.ai-orientation-section .partnership-note{
  width:min(760px,100%)!important;
  margin:6px auto 0!important;
  padding:30px 34px!important;
  text-align:center!important;
  border-radius:22px!important;
  background:#ffffff!important;
  color:#082f45!important;
  border:1px solid rgba(216,242,255,.86)!important;
  box-shadow:0 24px 60px rgba(0,39,63,.22)!important;
}

.ai-orientation-section .partnership-note p{
  max-width:560px!important;
  margin:0 auto 20px!important;
  color:#12384c!important;
  font-size:16px!important;
  line-height:1.65!important;
  font-weight:820!important;
}

@media(max-width:1020px){
  .compare-stage .compare-shell{
    grid-template-columns:1fr!important;
  }

  .project-checklist{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:720px){
  .freight-table-head{
    display:none!important;
  }

  .freight-table-row{
    grid-template-columns:1fr!important;
    margin:0!important;
    border-bottom:12px solid rgba(11,111,145,.1)!important;
  }

  .freight-table-row > *{
    padding:15px 18px!important;
  }

  .freight-topic{
    color:#fff!important;
    background:linear-gradient(90deg,#083a55,#0b86a4)!important;
    border-right:0!important;
  }

  .freight-table-row p{
    display:block!important;
    min-height:auto!important;
    border-right:0!important;
    border-top:1px solid rgba(11,111,145,.12)!important;
    text-align:left!important;
  }

  .freight-table-row p::before{
    display:block!important;
    margin:0 0 6px!important;
    color:#0b6f91!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }

  .freight-table-row p:nth-of-type(1)::before{
    content:"Normale Spedition"!important;
  }

  .freight-table-row p:nth-of-type(2)::before{
    content:"E-Gate"!important;
  }

  .project-checklist{
    grid-template-columns:1fr!important;
  }

  .project-checklist span{
    min-height:auto!important;
  }

  .ai-orientation-section .partnership-note{
    padding:26px 22px!important;
  }
}

/* V122 final footer cascade lock: no social column, compact info, stronger project CTA. */
footer .wrap.footer-reference-layout{
  grid-template-columns:minmax(180px,.85fr) minmax(220px,.95fr) minmax(280px,1.25fr)!important;
  gap:clamp(34px,4vw,76px)!important;
}

.footer-reference-layout .footer-col h4{
  font-size:clamp(18px,1.28vw,24px)!important;
  margin-bottom:18px!important;
  letter-spacing:.06em!important;
}

.footer-reference-layout .footer-company a,
.footer-reference-layout .footer-info p,
.footer-reference-layout .footer-info a,
.footer-reference-layout .footer-info span{
  font-size:clamp(14px,.98vw,17px)!important;
  line-height:1.48!important;
}

.footer-reference-layout .footer-company a{
  margin-bottom:11px!important;
}

.footer-reference-layout .footer-info p{
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:10px!important;
  margin-bottom:10px!important;
  max-width:340px!important;
}

.footer-info-icon{
  width:18px!important;
  font-size:14px!important;
  line-height:1.48!important;
}

.footer-project{
  align-self:start!important;
  padding:2px 0 0!important;
}

.footer-project h4{
  margin-bottom:16px!important;
}

.footer-project p{
  max-width:430px!important;
  margin-bottom:18px!important;
  color:#606776!important;
  font-size:clamp(15px,1.04vw,18px)!important;
  line-height:1.55!important;
  font-weight:650!important;
}

.footer-project-cta{
  width:min(100%,410px)!important;
  min-height:66px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  background:linear-gradient(135deg,#0b4d6e 0%,#0786a7 52%,#17c4b8 100%)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:.2em!important;
  box-shadow:0 22px 46px rgba(7,134,167,.26),inset 0 1px 0 rgba(255,255,255,.36)!important;
}

.footer-project-cta::after{
  content:"→"!important;
  margin-left:14px!important;
  font-size:18px!important;
  line-height:1!important;
}

.footer-project-cta:hover{
  background:linear-gradient(135deg,#073a56 0%,#0d759b 48%,#0fbba9 100%)!important;
  box-shadow:0 26px 54px rgba(7,134,167,.34),inset 0 1px 0 rgba(255,255,255,.42)!important;
}

@media(max-width:980px){
  footer .wrap.footer-reference-layout{
    grid-template-columns:1fr 1fr!important;
  }

  .footer-project{
    grid-column:1/-1!important;
  }
}

@media(max-width:640px){
  footer .wrap.footer-reference-layout{
    grid-template-columns:1fr!important;
  }

  .footer-project-cta{
    width:100%!important;
    min-height:60px!important;
  }
}