/* Desktop-only refinements (applies ONLY at >=821px via media-gated <link>). Mobile never loads these. */
.desktop-only{display:revert}

:root{
  --desktop-section-space:clamp(104px,8vw,128px);
  --desktop-card-space:24px;
  --desktop-copy-width:62ch;
  --desktop-wrap-width:1180px;
  --desktop-grid-gap:32px;
}

.wrap{
  max-width:var(--desktop-wrap-width);
}

.page-main{
  padding-bottom:72px;
}

.hero{
  padding:104px 0 116px;
}

.hero-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);
  gap:96px;
  align-items:center;
}

.hero-copy{
  gap:22px;
  max-width:600px;
}

.hero-copy .eyebrow,
.section-kicker,
.logos-context,
.mini-label{
  letter-spacing:.12em;
  text-transform:uppercase;
}

.hero-display{
  gap:20px;
}

.hero-copy .hero-amount{
  font-size:clamp(4.8rem,8vw,7.4rem);
  line-height:.88;
  letter-spacing:-.055em;
}

.hero-title{
  max-width:8.8ch;
  font-size:clamp(2.7rem,3.8vw,4.15rem);
  line-height:.95;
  text-wrap:balance;
}

.hero-subline,
.section-lead,
.row-copy,
.competence-group p,
.proof-item p,
.proof-copy p,
.vibe-subline,
.vibe-card p,
.chart-note,
 .proof-photo-note p,
 .proof-note{
  max-width:var(--desktop-copy-width);
  text-wrap:pretty;
}

.hero-actions,
.closing-actions{
  gap:16px;
  padding-top:8px;
}

.hero-actions{
  max-width:520px;
  align-items:center;
}

.button{
  min-height:54px;
  padding:0 24px;
  font-size:1rem;
}

.button-primary{
  background:linear-gradient(180deg,#ffd67e 0%,#e0a24a 100%);
  border-color:rgba(255,208,91,.95);
  box-shadow:0 18px 38px rgba(224,162,74,.24),0 0 0 1px rgba(255,208,91,.18) inset;
}

.button-primary:hover,
.button-primary:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 24px 54px rgba(224,162,74,.32),0 0 26px rgba(255,208,91,.2);
}

.button-secondary{
  background:rgba(244,241,234,.04);
  border-color:rgba(244,241,234,.12);
  box-shadow:none;
}

.hero-media{
  justify-self:end;
  width:min(100%,432px);
  margin-right:clamp(8px,2vw,28px);
}

.hero-photo-wrap{
  min-height:560px;
  box-shadow:0 30px 84px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.04);
}

.hero-photo{
  filter:grayscale(1) contrast(1.02) brightness(.82);
  transform:scale(1.02);
}

.stat-float{
  left:24px;
  right:24px;
  bottom:24px;
}

.section,
.section-compact,
.section-generous{
  padding:var(--desktop-section-space) 0;
}

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

.display-title{
  max-width:12.5ch;
  font-size:clamp(2.5rem,3.7vw,4.15rem);
  line-height:.96;
  text-wrap:balance;
}

.closing-title{
  font-size:clamp(3.6rem,5.3vw,5.6rem);
  line-height:.9;
}

.logos-band{
  padding:18px 0 8px;
}

.marquee-mask{
  display:grid;
  gap:14px;
}

.logos-context{
  margin:0;
  color:var(--ink-mute);
  font-size:.72rem;
}

.logo-track{
  padding:8px 0 18px;
  gap:56px;
}

.logo-item img{
  height:28px;
  opacity:.7;
}

.split-layout{
  grid-template-columns:minmax(0,.92fr) minmax(0,620px);
  gap:var(--desktop-grid-gap);
  align-items:start;
}

.split-layout .section-meta .display-title{
  max-width:12ch;
}

.proof-list,
.chart-card{
  padding:34px 34px 28px;
  border:1px solid rgba(244,241,234,.08);
  border-radius:30px;
  background:linear-gradient(180deg,rgba(244,241,234,.03),rgba(244,241,234,.012));
}

.proof-list{
  display:grid;
  gap:18px;
}

.proof-item{
  padding-bottom:18px;
  border-bottom:1px solid rgba(244,241,234,.08);
}

.proof-item:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.chart-card{
  justify-self:end;
  width:min(100%,620px);
  padding:36px 38px 26px;
}

.chart-shell{
  overflow:hidden;
  border-radius:24px;
}

.chart-tick{
  fill:rgba(244,241,234,.76);
  letter-spacing:.08em;
}

.chart-axis{
  fill:rgba(244,241,234,.44);
}

.chart-label{
  font-size:18px;
}

.chart-story{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.chart-story-marker{
  position:absolute;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(244,241,234,.12);
  border-radius:999px;
  background:rgba(8,8,10,.74);
  color:var(--ink);
  font-size:.74rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
  box-shadow:0 12px 30px rgba(0,0,0,.26);
}

.chart-story-marker::after{
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  width:1px;
  height:34px;
  background:linear-gradient(180deg,rgba(224,162,74,.55),rgba(224,162,74,0));
}

.chart-story-marker-launch{
  left:18%;
  top:66%;
}

.chart-story-marker-scale{
  left:48%;
  top:44%;
}

.chart-story-marker-result{
  right:6%;
  top:6%;
}

.chart-story-marker-result::after{
  height:28px;
}

.chart-note{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(244,241,234,.08);
}

.pin-stage{
  grid-template-columns:minmax(280px,.84fr) minmax(0,1.16fr);
  gap:var(--desktop-grid-gap);
  align-items:start;
}

.rows{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}

.editorial-row{
  grid-column:span 4;
  grid-template-columns:56px minmax(0,1fr);
  gap:16px 18px;
  align-content:start;
  min-height:258px;
  padding:28px;
  border-radius:28px;
}

.editorial-row .row-side{
  grid-column:2;
  align-self:end;
  justify-self:start;
  justify-items:start;
  min-width:0;
}

.logo-chips{
  justify-content:flex-start;
}

.editorial-row-emphasis{
  grid-column:span 6;
  min-height:258px;
  padding:28px;
}

.editorial-row:nth-child(2),
.editorial-row:nth-child(3),
.editorial-row:nth-child(4){
  grid-column:span 6;
}

.row-title{
  max-width:14ch;
  font-size:clamp(1.42rem,1.75vw,1.86rem);
  line-height:1.02;
  text-wrap:balance;
}

.row-copy{
  margin-top:10px;
}

.competence-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  grid-auto-rows:1fr;
}

.competence-group{
  grid-column:auto;
  gap:14px;
  min-height:236px;
  padding:26px 26px 28px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(244,241,234,.024),rgba(244,241,234,.012));
}

.competence-group h3{
  font-size:1.22rem;
  text-wrap:balance;
}

.competence-group-wide{
  grid-column:auto;
  min-height:236px;
  padding:26px 26px 28px;
  background:
    radial-gradient(95% 120% at 100% 0%,rgba(224,162,74,.16),transparent 58%),
    linear-gradient(180deg,rgba(244,241,234,.035),rgba(244,241,234,.015));
  box-shadow:0 24px 60px rgba(0,0,0,.18);
}

.competence-group-wide h3{
  font-size:1.22rem;
}

.competence-group:nth-child(1){
  background:
    radial-gradient(90% 110% at 0% 0%,rgba(224,162,74,.1),transparent 58%),
    linear-gradient(180deg,rgba(244,241,234,.032),rgba(244,241,234,.012));
}

.competence-group:nth-child(3){
  border-color:rgba(224,162,74,.16);
}

.competence-group:nth-child(6){
  background:linear-gradient(180deg,rgba(123,232,255,.05),rgba(244,241,234,.01));
}

.competence-grid + *{
  margin-top:0;
}

.section:has(.competence-grid),
.vibe-section{
  padding-top:clamp(112px,9vw,136px);
}

.section:has(.competence-grid) .display-title{
  max-width:11.5ch;
  font-size:clamp(2.3rem,3.25vw,3.55rem);
}

.vibe-shell{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:30px var(--desktop-grid-gap);
}

.vibe-hero{
  grid-column:1/-1;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:0 var(--desktop-grid-gap);
  align-items:start;
}

.vibe-head{
  grid-column:1/span 5;
  max-width:none;
  margin-bottom:0;
}

.vibe-field{
  grid-column:7/-1;
  width:100%;
  max-width:700px;
  margin-inline:0;
  justify-self:end;
}

.vibe-field-inner{
  min-height:620px;
}

.vibe-quote{
  grid-column:1/span 6;
  max-width:640px;
  margin:8px 0 0;
}

.vibe-cards{
  grid-column:1/span 6;
  width:100%;
  max-width:640px;
  margin:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.proof-stage{
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.78fr);
  gap:48px;
  align-items:start;
}

.proof-callouts{
  position:relative;
  align-items:end;
  gap:24px;
  padding-top:24px;
}

.proof-callouts::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:rgba(244,241,234,.12);
}

.proof-callout{
  border-top:0;
  padding-top:0;
  min-height:164px;
  display:grid;
  align-content:end;
  gap:14px;
}

.proof-callout::before{
  color:var(--ink-mute);
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.proof-callout:nth-child(1)::before{
  content:"Umsatz";
}

.proof-callout:nth-child(2)::before{
  content:"Budget";
}

.proof-callout:nth-child(3)::before{
  content:"Zeitraum";
}

.proof-big{
  font-size:clamp(2.5rem,4vw,4.4rem);
  line-height:.9;
}

.proof-callout:nth-child(3) .proof-big{
  font-size:clamp(2rem,2.7vw,3rem);
}

.proof-media{
  justify-self:end;
  width:min(100%,332px);
  gap:12px;
}

.proof-photo img{
  height:420px;
}

.closing{
  max-width:760px;
  min-height:0;
  padding:48px 56px 52px;
  border:1px solid rgba(244,241,234,.08);
  border-radius:34px;
  background:
    radial-gradient(80% 120% at 50% 0%,rgba(224,162,74,.14),transparent 58%),
    linear-gradient(180deg,rgba(21,21,27,.94),rgba(11,11,14,.94));
  box-shadow:0 34px 90px rgba(0,0,0,.3);
  display:grid;
  justify-items:center;
  text-align:center;
  gap:14px;
}

.closing .section-kicker{
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin:0;
}

.closing .section-kicker::after{
  content:"";
  width:88px;
  height:1px;
  background:rgba(244,241,234,.18);
}

.closing .section-lead{
  font-size:1.04rem;
}

.closing-actions .button{
  min-height:58px;
  padding-inline:28px;
}

.site-footer{
  padding:56px 0 88px;
}

.footer-shell{
  display:block;
  border-top:1px solid rgba(244,241,234,.08);
  padding-top:20px;
}

.footer-shell>.footer-brand,
.footer-shell>.footer-links,
.footer-shell>.footer-meta{
  display:none;
}

.footer-desktop{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(180px,.72fr) minmax(260px,.92fr);
  gap:40px;
  align-items:start;
  padding-top:24px;
}

.footer-desktop-brand,
.footer-desktop-nav,
.footer-desktop-meta{
  display:grid;
  gap:12px;
}

.footer-desktop-mark{
  font-family:var(--display);
  font-size:1.7rem;
  font-weight:700;
  letter-spacing:-.02em;
}

.footer-desktop-brand p,
.footer-desktop-meta p{
  margin:0;
  color:rgba(244,241,234,.8);
  max-width:32ch;
  font-size:.98rem;
  line-height:1.55;
}

.footer-desktop-nav a{
  color:rgba(244,241,234,.84);
  font-size:1rem;
}

.footer-desktop-meta{
  justify-items:end;
  text-align:right;
}

/* Premium desktop polish */
:root{
  --desktop-section-space:clamp(112px,8.4vw,126px);
  --desktop-card-radius:28px;
  --desktop-glow:
    0 24px 58px rgba(0,0,0,.24),
    0 0 0 1px rgba(255,255,255,.03) inset;
  --desktop-panel-bg:linear-gradient(180deg,rgba(244,241,234,.032),rgba(244,241,234,.014));
}

.page-main{
  padding-bottom:84px;
}

.section,
.section-compact,
.section-generous{
  padding:var(--desktop-section-space) 0;
}

.hero{
  padding:108px 0 120px;
}

.hero-grid{
  grid-template-columns:minmax(0,1.16fr) minmax(320px,.7fr);
  gap:72px;
  align-items:center;
}

.hero-copy{
  gap:18px;
  max-width:640px;
}

.hero-display{
  gap:14px;
}

.hero-subline{
  max-width:38ch;
}

.hero-actions{
  max-width:460px;
  padding-top:2px;
}

.hero-media{
  width:min(100%,388px);
  margin-right:0;
  transform:translateX(-30px);
}

.hero-photo-wrap{
  min-height:532px;
  border-radius:var(--desktop-card-radius);
  box-shadow:var(--desktop-glow),0 32px 76px rgba(0,0,0,.3);
}

.hero-photo-wrap::before{
  inset:-10% -8% auto;
  height:50%;
  background:radial-gradient(circle at 56% 30%,rgba(255,244,224,.13),rgba(224,162,74,.05) 34%,transparent 72%);
}

.hero-photo-wrap::after{
  background:
    linear-gradient(180deg,rgba(8,8,10,.02) 0%,rgba(8,8,10,.1) 42%,rgba(8,8,10,.72) 98%),
    radial-gradient(80% 92% at 50% 18%,rgba(255,255,255,.06),transparent 58%);
}

.hero-photo{
  filter:grayscale(1) contrast(1.02) brightness(.88);
  transform:scale(1.01);
}

.stat-float{
  left:22px;
  right:22px;
  bottom:14px;
}

.hero-copy .hero-amount,
.stat-float strong,
.proof-big,
.chart-label{
  white-space:nowrap;
}

.logos-band{
  padding:14px 0 4px;
}

.marquee-mask{
  gap:10px;
  overflow:visible;
}

.marquee-mask::before,
.marquee-mask::after{
  display:none;
}

.logos-context{
  padding-top:6px;
  font-size:.7rem;
}

.logo-track{
  width:100%;
  justify-content:space-between;
  gap:24px;
  padding:6px 0 12px;
  animation:none;
}

.logo-track .logo-item:nth-child(n+13){
  display:none;
}

.logo-item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  flex:1 1 0;
}

.logo-item img{
  height:26px;
  width:auto;
  max-width:96px;
  object-fit:contain;
  opacity:.76;
}

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

.split-layout{
  grid-template-columns:minmax(0,.94fr) minmax(0,596px);
  gap:28px;
}

.split-layout .section-meta .display-title{
  max-width:17ch;
  font-size:clamp(2.36rem,3vw,3.56rem);
}

.proof-list,
.chart-card,
.editorial-row,
.competence-group,
.vibe-card,
.closing{
  border-radius:var(--desktop-card-radius);
  box-shadow:var(--desktop-glow);
}

.proof-list,
.chart-card{
  padding:34px 34px 32px;
  background:var(--desktop-panel-bg);
}

.chart-card{
  width:min(100%,596px);
  min-height:100%;
  padding:34px 36px 34px 34px;
  background:
    radial-gradient(110% 90% at 20% 12%,rgba(255,247,233,.06),transparent 40%),
    radial-gradient(70% 55% at 78% 22%,rgba(224,162,74,.1),transparent 52%),
    linear-gradient(180deg,rgba(22,22,28,.94),rgba(12,12,16,.9));
}

.chart-shell{
  min-height:424px;
  border-radius:24px;
}

.chart-shell svg{
  min-height:424px;
}

.chart-note{
  margin-top:18px;
  padding-top:18px;
}

.pin-stage{
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);
  gap:28px;
}

.pin-copy{
  max-width:34ch;
}

.rows{
  gap:22px;
  margin-left:-20px;
}

.editorial-row,
.editorial-row-emphasis{
  min-height:244px;
  padding:26px;
  background:var(--desktop-panel-bg);
}

.editorial-row-emphasis{
  grid-column:span 6;
  background:
    radial-gradient(90% 120% at 0% 0%,rgba(224,162,74,.08),transparent 60%),
    linear-gradient(180deg,rgba(244,241,234,.032),rgba(244,241,234,.016));
}

.row-title{
  max-width:13.5ch;
}

.row-copy{
  margin-top:8px;
  max-width:30ch;
}

.editorial-row:nth-child(2) .row-copy,
.editorial-row:nth-child(3) .row-copy,
.editorial-row:nth-child(4) .row-copy{
  max-width:29ch;
}

.row-side{
  align-self:end;
  gap:12px;
}

.logo-chips{
  gap:7px;
}

.logo-chip{
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(244,241,234,.032);
  color:rgba(244,241,234,.84);
}

.logo-chip img{
  height:13px;
  opacity:.88;
}

.section:has(.competence-grid){
  padding-top:var(--desktop-section-space);
}

.section:has(.competence-grid) .section-head{
  margin-bottom:28px;
}

.section:has(.competence-grid) .display-title{
  max-width:12.4ch;
}

.competence-grid{
  gap:22px;
}

.competence-group{
  grid-template-rows:auto 1fr auto;
  gap:12px;
  min-height:248px;
  padding:25px 25px 24px;
  background:var(--desktop-panel-bg);
}

.competence-group-wide{
  min-height:248px;
  background:
    radial-gradient(95% 120% at 100% 0%,rgba(224,162,74,.1),transparent 58%),
    linear-gradient(180deg,rgba(244,241,234,.032),rgba(244,241,234,.016));
}

.competence-group p{
  max-width:31ch;
}

.competence-group:nth-child(3) p,
.competence-group-wide p{
  max-width:34ch;
}

.competence-group .logo-chips{
  margin-top:auto;
  justify-content:flex-start;
}

.vibe-section{
  scroll-margin-top:124px;
  padding-top:126px;
  padding-bottom:122px;
}

.vibe-shell{
  gap:34px 32px;
}

.vibe-hero{
  align-items:start;
}

.vibe-head{
  padding-top:8px;
}

.vibe-title{
  max-width:10.5ch;
}

.vibe-subline{
  max-width:60ch;
}

.vibe-field{
  max-width:598px;
  margin-top:52px;
  transform:translateY(14px);
}

.vibe-field-inner{
  min-height:532px;
  border-radius:30px;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    inset 0 0 30px rgba(114,96,255,.08),
    inset 0 0 38px rgba(111,211,255,.07),
    0 26px 62px rgba(0,0,0,.26);
}

.vibe-quote{
  max-width:700px;
  margin:22px 0 0;
  padding-top:28px;
  gap:14px;
}

.vibe-quote p{
  max-width:12.5ch;
  font-size:clamp(2.1rem,3.6vw,3.18rem);
  line-height:.98;
  text-wrap:balance;
}

.vibe-quote footer{
  max-width:60ch;
  text-wrap:pretty;
}

.vibe-cards{
  margin-top:12px;
  grid-auto-rows:1fr;
  align-items:stretch;
}

.vibe-card{
  min-height:250px;
  gap:16px;
  background:
    linear-gradient(180deg,rgba(244,241,234,.03),rgba(244,241,234,.014)),
    rgba(11,11,15,.84);
}

.proof-stage{
  grid-template-columns:minmax(0,1.04fr) minmax(320px,.8fr);
  gap:42px;
}

.proof-callouts{
  align-items:end;
  gap:22px;
}

.proof-callout{
  min-height:174px;
}

.proof-big{
  line-height:.92;
}

.proof-callout:nth-child(3) .proof-big{
  font-size:clamp(1.84rem,2.3vw,2.45rem);
}

.proof-media{
  width:min(100%,348px);
  gap:10px;
}

.proof-photo img{
  height:435px;
}

.proof-photo-note{
  padding-top:8px;
}

.closing{
  max-width:736px;
  padding:40px 48px 44px;
  gap:10px;
}

.closing-title{
  line-height:.92;
}

.closing .section-lead{
  max-width:33ch;
}

.closing-actions{
  padding-top:6px;
  justify-content:center;
}

.site-footer{
  padding:60px 0 102px;
}

.footer-shell{
  padding-top:26px;
}

.footer-desktop{
  grid-template-columns:minmax(0,1.08fr) minmax(170px,.72fr) minmax(300px,1.02fr);
  gap:48px;
  padding-top:28px;
}

.footer-desktop-mark{
  font-size:1.9rem;
  letter-spacing:-.03em;
}

.footer-desktop-brand p,
.footer-desktop-meta p{
  color:rgba(244,241,234,.88);
  font-size:1rem;
}

.footer-desktop-meta{
  gap:14px;
}

.footer-desktop-meta p:last-child{
  font-size:1.02rem;
  color:rgba(244,241,234,.94);
}

/* ===== desk5: defect fixes — overrides desk4. mobile untouched ===== */
/* 1. BELEGE: numbers fit 3 columns, no collision/run-together */
.proof-callouts{gap:20px}
.proof-callout{min-height:0;align-content:start;gap:8px}
.proof-big{font-size:clamp(1.8rem,2.2vw,2.5rem);line-height:.94;white-space:nowrap}
.proof-callout:nth-child(3) .proof-big{font-size:clamp(1.55rem,1.9vw,2.2rem)}
.proof-note{white-space:normal;max-width:19ch;font-size:.92rem;line-height:1.34;color:var(--ink-soft)}

/* 2. CHART headline: keep "220.000 €" together (split-words can't nowrap → widen line) */
.split-layout .section-meta .display-title{max-width:24ch;text-wrap:balance}

/* 3. LOGO STRIP: even centered row, equal optical size, no stretched empty cells */
.logo-track{justify-content:center;gap:clamp(26px,3.2vw,50px);flex-wrap:nowrap}
.logo-item{flex:0 0 auto}
.logo-item img{height:27px;max-width:84px;opacity:.82}

/* 4. VIBE CARD TITLES: badge pinned top-right, clean balanced wraps, less tall */
.vibe-card{position:relative;min-height:0;padding:24px 26px 26px}
.vibe-card-head{display:block}
.vibe-card-head h3{max-width:none;padding:30px 0 0;text-wrap:balance;font-size:clamp(1.24rem,1.55vw,1.42rem);line-height:1.12}
.vibe-card .vibe-status{position:absolute;top:22px;right:24px}
.vibe-card p{font-size:.98rem;line-height:1.5}
.vibe-quote footer{max-width:46ch}

/* ===== desk6: DETERMINISTIC fixes via container-query units — fits on EVERY device, no viewport-dependent break/spill (mobile untouched) ===== */
/* 1. BELEGE: same start height + number always fits its own column (cqi scales with the column, not the viewport) */
.proof-callouts{align-items:start}
.proof-callout{align-content:start;container-type:inline-size}
.proof-big{white-space:nowrap;font-size:min(2.5rem,17cqi);line-height:.94}
.proof-callout:nth-child(3) .proof-big{font-size:min(2.2rem,15.5cqi)}
.proof-note{overflow-wrap:break-word;hyphens:auto}
/* 2. CARD TITLES: title scales with its card width → never spills, long words hyphenate as backup */
.editorial-row{container-type:inline-size}
.competence-group{container-type:inline-size}
.row-title{font-size:min(1.86rem,9cqi);line-height:1.04;hyphens:auto;overflow-wrap:break-word;padding-right:6px}
.competence-group h3{font-size:min(1.32rem,7.4cqi);hyphens:auto;overflow-wrap:break-word}
.editorial-row .row-copy,
.competence-group p{overflow-wrap:break-word;hyphens:auto}
/* 3. HERO stat-float: number scales with the box → "113.000 €" always fits line 1, "Werbebudget" wraps to line 2, never spills */
.stat-float{container-type:inline-size}
.stat-float strong{white-space:normal;text-wrap:balance;overflow-wrap:break-word;font-size:min(1.5rem,11cqi);line-height:1.06}

/* ===== desk7: GLOBAL deterministic guards — identical on every desktop, no spill/overlap/out-of-container ===== */
/* grid/flex children may shrink below intrinsic content width → kills horizontal blowout */
.hero-grid > *,
.split-layout > *,
.pin-stage > *,
.rows > *,
.competence-grid > *,
.proof-stage > *,
.proof-stage > div > *,
.vibe-grid > *,
.vibe-cards > *,
.footer-desktop > *{min-width:0}
/* long words / paragraphs never push past their box */
.hero-copy p,.section-lead,.row-copy,.competence-group p,.vibe-card p,
.vibe-subline,.proof-copy p,.proof-note,.legal-copy,.closing .section-lead{overflow-wrap:break-word}
/* big headlines balance + never spill */
.display-title,.hero-title,.closing-title{overflow-wrap:break-word;text-wrap:balance}
/* hero number scales with its (fixed 600px) column → same size on every desktop, always fits */
.hero-copy{container-type:inline-size}
.hero-copy .hero-amount{font-size:min(7.4rem,15cqi);white-space:nowrap}
/* vibe card titles scale with the card → deterministic, no per-device break */
.vibe-card{container-type:inline-size}
.vibe-card-head h3{font-size:min(1.54rem,9.5cqi)}