.elementor-5539 .elementor-element.elementor-element-8337273{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-358da17 *//* ═══════════════════════════════════════════════════════════════════════
   MockUp-homepage.css — Far-Beyond homepage
   Optimized: duplicates removed, dead sections purged, pos-v2 added.
═══════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,700&family=Inter:wght@300;400;500;600;700&display=swap');


/* ── TOKENS ─────────────────────────────────────────────────────────── */
:root {
  --rb-navy:       #1A2744;
  --rb-navy-alt:   #122545;
  --rb-red:        #CC2222;
  --rb-red-hover:  #AA1111;
  --rb-bg-light:   #F0F3F8;
  --rb-white:      #FFFFFF;
  --rb-text:       #7A7A7A;
  --rb-text-mid:   #54595F;
  --font-display:  "Cormorant Garamond", Georgia, serif;
  --font-body:     "Inter", -apple-system, sans-serif;
  --font-ui:       Arial, sans-serif;
}


/* ── RESET ──────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  background: var(--rb-white);
  color: var(--rb-text-mid);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
a { text-decoration: none; }


/* ── ANIMATIONS ─────────────────────────────────────────────────────── */
@keyframes fadeInLeft  { from { opacity:0; transform:translate3d(-100%,0,0); } to { opacity:1; transform:none; } }
@keyframes fadeInRight { from { opacity:0; transform:translate3d(100%,0,0);  } to { opacity:1; transform:none; } }
@keyframes cardReveal  { from { opacity:0; transform:translateY(40px); }       to { opacity:1; transform:translateY(0); } }
@keyframes up20op      { from { opacity:0; transform:translate3d(0,20px,0); }  to { opacity:1; transform:none; } }
@keyframes rb-hero-scrollPulse {
  0%, 100% { opacity:.4; transform:scaleY(1); }
  50%       { opacity:1;  transform:scaleY(.5); transform-origin:center top; }
}

.homeEn-anim-fadeInLeft  { animation: fadeInLeft  .9s ease both; }
.homeEn-anim-fadeInRight { animation: fadeInRight .9s ease both; }
.homeEn-anim-cardReveal  { animation: cardReveal  .7s ease both; }
.homeEn-anim-up          { animation: up20op      .6s ease both; }
.homeEn-d1 { animation-delay: .10s; }
.homeEn-d2 { animation-delay: .22s; }
.homeEn-d3 { animation-delay: .36s; }
.homeEn-d4 { animation-delay: .50s; }
.homeEn-d5 { animation-delay: .64s; }


/* ── SHARED LAYOUT ───────────────────────────────────────────────────── */
.homeEn-wrap         { max-width:1100px; margin:0 auto; padding:0 20px; width:100%; }
.homeEn-wrap--narrow { max-width:800px; }

/* Elementor full-width breakout */
.home-method-page-wrap {
  width: 100vw; position: relative;
  left: 50%; transform: translateX(-50%); overflow: hidden;
}


/* ── SHARED COMPONENTS ───────────────────────────────────────────────── */

.homeEn-tag {
  display: inline-block; background: var(--rb-red); color: var(--rb-white);
  font-family: var(--font-ui); font-size: 10px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  padding: 5px 14px; border-radius: 2px; margin-bottom: 20px;
}

.homeEn-h1 { font-family:var(--font-display); font-weight:700; font-size:clamp(2.8rem,6vw,5.5rem); line-height:1.06; letter-spacing:-.01em; }
.homeEn-h1 em { color:var(--rb-red); font-size:clamp(2rem,4.5vw,5.5rem); }

.homeEn-hero { font-family:var(--font-display); font-size:clamp(1.8rem,3.5vw,2.6rem); font-weight:700; line-height:1.12; color:var(--rb-red); margin-bottom:20px; }

.homeEn-h2 { font-family:var(--font-display); font-size:clamp(1.8rem,3.5vw,2.6rem); font-weight:700; line-height:1.12; color:var(--rb-navy); margin-bottom:20px; }
.homeEn-h2 em     { font-style:italic; color:var(--rb-red); }
.homeEn-h2--white { color:var(--rb-white); }

.homeEn-body        { font-family:var(--font-body); font-size:14px; line-height:1.75; color:var(--rb-text-mid); }
.homeEn-body--white { color:rgba(255,255,255,.82); }

.homeEn-btn {
  display:inline-block; font-family:var(--font-ui); font-size:13px; font-weight:700;
  letter-spacing:1px; text-transform:uppercase; padding:14px 32px;
  border:2px solid transparent; transition:background .2s, color .2s, border-color .2s; cursor:pointer;
}
.homeEn-btn--red          { background:var(--rb-red);  color:var(--rb-white); border-color:var(--rb-red); }
.homeEn-btn--red:hover     { background:var(--rb-red-hover); border-color:var(--rb-red-hover); }
.homeEn-btn--outline-white { background:transparent; color:var(--rb-white); border-color:rgba(255,255,255,.5); }
.homeEn-btn--outline-white:hover { border-color:var(--rb-white); }

.homeEn-pill { display:flex; align-items:flex-start; gap:16px; background:var(--rb-bg-light); border-radius:6px; padding:16px 20px; }
.homeEn-pill__num   { width:32px; height:32px; border-radius:50%; background:var(--rb-red); color:var(--rb-white); font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px; }
.homeEn-pill__title { font-family:var(--font-display); font-size:15px; font-weight:700; color:var(--rb-navy); margin-bottom:4px; text-transform:uppercase; letter-spacing:.5px; }
.homeEn-pill__desc  { font-size:13px; color:var(--rb-text-mid); line-height:1.6; }

.homeEn-stat__value { font-family:var(--font-display); font-size:clamp(2.4rem,5vw,3.6rem); font-weight:700; color:var(--rb-white); line-height:1; }
.homeEn-stat__label { font-family:var(--font-ui); font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,.6); margin-top:6px; line-height:1.4; }

.homeEn-quote-text { font-family:var(--font-display); font-size:clamp(1.3rem,2.5vw,1.9rem); font-weight:400; font-style:italic; color:var(--rb-white); line-height:1.4; margin-bottom:28px; }
.homeEn-quote-text strong { color:var(--rb-red); font-style:normal; }

/* Hover lift for interactive tiles */
.my-tiles-home { transition:box-shadow .25s ease, transform .25s ease; }
.my-tiles-home:hover { box-shadow:0 8px 28px rgba(26,39,68,.12); transform:translateY(-4px); }

.highlight-title-how-we-work { color:var(--rb-red); font-weight:bold; font-size:18px; }


/* ═══════════════════════════════════════════════════════════════════════
   § 1  HERO
═══════════════════════════════════════════════════════════════════════ */
.home-en-rb-hero { position:relative; width:100%; min-height:100vh; display:flex; align-items:center; overflow:hidden; }

.home-en-rb-hero__bg {
  position:absolute; inset:0;
  background-image: url('https://farbynd.com/wp-content/uploads/2026/04/PhareDeLaJument_Night.png');
  background-size:cover; background-position:center 40%;
  filter:brightness(.55); transition:transform 8s ease-out; will-change:transform;
}
.home-en-rb-hero:hover .home-en-rb-hero__bg { transform:scale(1.03); }

.home-en-rb-hero__gradient {
  position:absolute; inset:0;
  background: linear-gradient(105deg, rgba(10,22,40,.90) 0%, rgba(10,22,40,.65) 45%, rgba(10,22,40,.10) 75%, transparent 100%);
}
.home-en-rb-hero__edge { position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--rb-red); }

#hero { min-height:100vh; display:flex; align-items:center; padding:120px 20px 80px; position:relative; }
#hero .homeEn-wrap { display:flex; flex-direction:column; align-items:flex-start; }
#hero .homeEn-h1   { margin-bottom:28px; }
#hero .homeEn-body { margin-bottom:40px; }
.homeEn-hero-ctas  { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:64px; }


/* ═══════════════════════════════════════════════════════════════════════
   § 2  €20B WASTE
═══════════════════════════════════════════════════════════════════════ */
#waste { background:var(--rb-white); padding:80px 20px; }
#waste .homeEn-wrap { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.homeEn-waste-calc-box { background:var(--rb-bg-light); padding:30px; display:flex; flex-direction:column; gap:16px; }
.homeEn-waste-calc-box h3 { font-family:var(--font-display); font-size:1.3rem; font-weight:700; color:var(--rb-navy-alt); }


/* ═══════════════════════════════════════════════════════════════════════
   § 3  QUOTE
═══════════════════════════════════════════════════════════════════════ */
#quote { background:var(--rb-navy); padding:60px 20px; border-top:1px solid var(--rb-bg-light); border-bottom:1px solid var(--rb-bg-light); }
#quote .homeEn-wrap--narrow { text-align:center; }


/* ═══════════════════════════════════════════════════════════════════════
   § 2.5  WHY BRING US IN
═══════════════════════════════════════════════════════════════════════ */
#why-external { background:var(--rb-bg-light); padding:100px 20px; border-top:1px solid rgba(26,39,68,.07); }
#why-external .homeEn-wrap { display:flex; flex-direction:column; align-items:center; }

.we-header { text-align:center; margin-bottom:56px; width:100%; }
.we-header .homeEn-h2 { max-width:600px; margin:0 auto 16px; }

/* 5-card grid: 3 in top row, 2 centered in bottom row */
.we-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
  width: 100%;
}
.we-grid .we-card:nth-child(-n+3) { grid-column: span 2; }
.we-grid .we-card:nth-child(4)    { grid-column: 2 / span 2; }
.we-grid .we-card:nth-child(5)    { grid-column: 4 / span 2; }

/* ── Card base ───────────────────────────────────────── */
.we-card {
  background: var(--rb-white);
  border: 1px solid rgba(26,39,68,.08);
  border-radius: 6px;
  padding: 36px 32px 32px;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  overflow: hidden;
  transition: box-shadow .25s ease, transform .25s ease;
}

/* Hover — red top bar slides in from left */
.we-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: var(--rb-red);
  transform: scaleX(0); transform-origin: left center;
  transition: transform .3s ease;
}
.we-card:hover        { box-shadow: 0 12px 40px rgba(26,39,68,.12); transform: translateY(-4px); }
.we-card:hover::before { transform: scaleX(1); }

/* Ghost large number — decorative background watermark */
.we-card::after {
  content: attr(data-step);
  position: absolute; top: -10px; right: 10px;
  font-family: var(--font-display); font-size: 7rem; font-weight: 700;
  color: rgba(26,39,68,.05); line-height: 1; letter-spacing: -.04em;
  pointer-events: none; z-index: 0;
  transition: color .3s ease;
}
.we-card:hover::after { color: rgba(204,34,34,.07); }

/* ── Step number — visible, red, display font ─────── */
.we-card__num {
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  font-weight: 700;
  color: var(--rb-red);
  line-height: 1;
  letter-spacing: -.02em;
  margin-bottom: 20px;
  position: relative; z-index: 1;
}

/* ── Card title ───────────────────────────────────── */
.we-card__pain {
  font-family: var(--font-display);
  font-size: clamp(1.4rem,2vw,1.7rem);
  font-weight: 700;
  color: var(--rb-navy);
  line-height: 1.2;
  margin-bottom: 20px;
  position: relative; z-index: 1;
}

/* ── Card description — pushed to bottom ─────────── */
.we-card__bring {
  border-left: 3px solid var(--rb-red);
  padding: 12px 16px;
  background: rgba(204,34,34,.04);
  font-size: 13px; line-height: 1.65;
  color: var(--rb-text-mid);
  position: relative; z-index: 1;
  margin-top: auto; /* always anchors description to card bottom */
}


/* ═══════════════════════════════════════════════════════════════════════
   § 4  HOW WE WORK
═══════════════════════════════════════════════════════════════════════ */
#how { background:var(--rb-white); padding:100px 20px; }
#how .homeEn-wrap { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.homeEn-how-steps { display:flex; flex-direction:column; gap:12px; }


/* ═══════════════════════════════════════════════════════════════════════
   § 5  ENGAGEMENT MODEL
═══════════════════════════════════════════════════════════════════════ */
#engagement { background:var(--rb-bg-light); padding:100px 20px; border-top:1px solid rgba(26,39,68,.07); overflow:visible; }
.eng2-container { max-width:1100px; margin:0 auto; }

.eng2-section-hd   { text-align:center; max-width:680px; margin:0 auto 56px; }
.eng2-eyebrow      { display:block; font-family:var(--font-ui); font-size:10px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:var(--rb-red); margin-bottom:16px; }
.eng2-h2           { font-family:var(--font-display); font-size:clamp(1.8rem,3.5vw,2.6rem); font-weight:700; line-height:1.12; color:var(--rb-navy); margin-bottom:16px; }
.eng2-h2 em        { font-style:italic; color:var(--rb-red); }
.eng2-section-desc { font-family:var(--font-body); font-size:15px; color:var(--rb-text-mid); line-height:1.7; }

.eng2-cards-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:72px; }

.eng2-card { background:var(--rb-white); border:1px solid rgba(26,39,68,.10); border-radius:10px; display:flex; flex-direction:column; transition:box-shadow .25s ease, transform .25s ease; overflow:hidden; }
.eng2-card:hover           { box-shadow:0 8px 40px rgba(15,23,42,.10); transform:translateY(-3px); }
.eng2-card--flagship       { border-color:var(--rb-red); box-shadow:0 0 0 1px var(--rb-red), 0 4px 24px rgba(204,34,34,.08); }
.eng2-card--flagship:hover { box-shadow:0 0 0 1px var(--rb-red), 0 12px 40px rgba(204,34,34,.14); transform:translateY(-3px); }

.eng2-card-body { padding:32px 32px 24px; flex:1; display:flex; flex-direction:column; }
.eng2-card-head { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:20px; }
.eng2-card-icon { width:44px; height:44px; background:rgba(204,34,34,.08); border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--rb-red); }

.eng2-tag            { display:inline-flex; align-items:center; gap:5px; font-family:var(--font-ui); font-size:11px; font-weight:700; letter-spacing:.3px; border-radius:4px; padding:4px 10px; }
.eng2-tag--flagship  { background:rgba(204,34,34,.08); color:var(--rb-red); }
.eng2-tag--escalation { background:rgba(26,39,68,.06); color:rgba(26,39,68,.50); }

.eng2-level-label { font-family:var(--font-ui); font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--rb-red); margin-bottom:8px; }
.eng2-card-title  { font-family:var(--font-display); font-size:24px; font-weight:600; color:var(--rb-navy); line-height:1.2; margin-bottom:12px; letter-spacing:-.1px; }
.eng2-card-desc   { font-family:var(--font-body); font-size:14px; color:var(--rb-text-mid); line-height:1.65; margin-bottom:20px; }

.eng2-plus-bar { display:flex; align-items:center; padding:8px 12px; border-left:3px solid var(--rb-red); background:rgba(26,39,68,.03); margin-bottom:16px; }
.eng2-plus-bar span { font-family:var(--font-ui); font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--rb-text-mid); }

.eng2-specs { display:flex; flex-direction:column; gap:10px; }
.eng2-spec  { display:flex; align-items:flex-start; gap:10px; font-family:var(--font-body); font-size:13px; color:var(--rb-text-mid); line-height:1.5; }
.eng2-spec svg { color:var(--rb-red); flex-shrink:0; margin-top:2px; }
.eng2-spec-text strong { color:var(--rb-navy); font-weight:600; }

.eng2-card-footer { padding:24px 32px; border-top:1px solid rgba(26,39,68,.08); display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.eng2-card--flagship .eng2-card-footer { border-top-color:rgba(204,34,34,.12); }
.eng2-card-for   { flex:1; min-width:0; }
.eng2-for-label  { display:block; font-family:var(--font-ui); font-size:9px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--rb-navy); margin-bottom:5px; }
.eng2-card-for p { font-family:var(--font-body); font-size:12px; color:var(--rb-text-mid); line-height:1.6; }

.eng2-cta-link { display:inline-flex; align-items:center; gap:6px; font-family:var(--font-ui); font-size:12px; font-weight:700; color:var(--rb-red); letter-spacing:.5px; white-space:nowrap; flex-shrink:0; transition:gap .2s ease; }
.eng2-cta-link:hover { gap:10px; }

/* "Is this you?" trigger strip */
.eng-trigger-strip { background:var(--rb-white); padding:72px 20px 64px; border-top:1px solid var(--rb-bg-light); }
.eng-trigger-scenarios { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.eng-trigger-scenario  { border-left:3px solid var(--rb-red); padding:22px 22px 22px 26px; background:var(--rb-bg-light); cursor:default; }
.eng-scenario__title   { display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-size:1.05rem; font-weight:700; color:var(--rb-navy); margin-bottom:10px; }
.eng-scenario__desc    { font-size:13px; color:var(--rb-text-mid); line-height:1.68; }


/* ═══════════════════════════════════════════════════════════════════════
   § 6  HOW WE EMBED  — left col sticky + pos-v2 positioning visual
   Animations removed from this section.
═══════════════════════════════════════════════════════════════════════ */
#integration { background:var(--rb-white); padding:100px 20px; border-top:1px solid var(--rb-bg-light); position:relative; overflow:hidden; }
#integration::before { content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--rb-red); }
#integration .homeEn-wrap { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }

/* Left column */
.int-intro { position:sticky; top:40px; }
.int-time-box   { display:flex; margin:28px 0 32px; border-left:3px solid var(--rb-red); border-top:1px solid var(--rb-bg-light); border-right:1px solid var(--rb-bg-light); border-bottom:1px solid var(--rb-bg-light); }
.int-time-item  { flex:1; padding:18px 22px; display:flex; flex-direction:column; gap:5px; }
.int-time-item + .int-time-item { border-left:1px solid var(--rb-bg-light); }
.int-time-value { font-family:var(--font-display); font-size:clamp(1.8rem,3vw,2.4rem); font-weight:700; color:var(--rb-navy); line-height:1; }
.int-time-label { font-family:var(--font-ui); font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--rb-text-mid); line-height:1.4; }
.int-intro .homeEn-btn { margin-top:4px; }

/* Right column — positioning visual */
.pos-stack { display:flex; flex-direction:column; }

/* Decision Makers card — 52% wide so its center = 26% = the connector line */
.pos-dm { align-self:flex-start; width:52%; background:var(--rb-navy); padding:16px 20px; position:relative; }
.pos-dm::after {
  content:''; position:absolute; left:50%; transform:translateX(-50%);
  top:100%; width:1px; height:8px;
  background: repeating-linear-gradient(to bottom, rgba(204,34,34,.4) 0px, rgba(204,34,34,.4) 4px, transparent 4px, transparent 8px);
}
.pos-dm__label { font-family:var(--font-ui); font-size:9px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:rgba(255,255,255,.32); margin-bottom:5px; }
.pos-dm__title { font-family:var(--font-display); font-size:clamp(1.2rem,2vw,1.6rem); font-weight:700; color:var(--rb-white); line-height:1; letter-spacing:-.2px; margin-bottom:8px; }
.pos-dm__chips { display:flex; flex-wrap:wrap; gap:4px; }
.pos-dm__chip  { font-family:var(--font-ui); font-size:10px; font-weight:600; color:rgba(255,255,255,.6); border:1px solid rgba(255,255,255,.13); padding:2px 9px; letter-spacing:.3px; }

/* Connector row */
.pos-conn { position:relative; height:160px; background:var(--rb-bg-light); }
.pos-conn__line {
  position:absolute; left:26%; top:0; bottom:0; width:1px;
  background: repeating-linear-gradient(to bottom, rgba(204,34,34,.4) 0px, rgba(204,34,34,.4) 6px, transparent 6px, transparent 13px);
}
.pos-conn__dot { position:absolute; left:calc(26% - 6px); top:50%; transform:translateY(-50%); width:12px; height:12px; border-radius:50%; background:var(--rb-red); box-shadow:0 0 0 4px rgba(204,34,34,.12); z-index:2; }
.pos-conn__alongside { position:absolute; left:calc(26% + 44px); top:calc(50% - 34px); font-family:var(--font-ui); font-size:9px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(204,34,34,.45); }

/* Far-Beyond card — branches right from connector */
.pos-fb { position:absolute; left:calc(26% + 36px); bottom:18px; width:calc(74% - 36px - 20px); background:var(--rb-red); padding:16px 20px; }
.pos-fb::before { content:''; position:absolute; right:100%; top:50%; transform:translateY(-50%); width:36px; height:1px; background:rgba(204,34,34,.45); }
.pos-fb::after  { content:''; position:absolute; right:100%; top:50%; transform:translateY(-50%) translateX(32px); border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:5px solid rgba(204,34,34,.5); }
.pos-fb__eyebrow { font-family:var(--font-ui); font-size:9px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:rgba(255,255,255,.45); margin-bottom:5px; }
.pos-fb__title   { font-family:var(--font-display); font-size:clamp(1rem,1.8vw,1.4rem); font-weight:700; color:var(--rb-white); line-height:1.15; margin-bottom:12px; }
.pos-fb__verbs   { display:flex; flex-wrap:wrap; gap:5px; }
.pos-fb__verb    { font-family:var(--font-ui); font-size:9px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,.88); background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); padding:4px 11px; }

/* Internal stakeholders — static (no animations) */
.pos-int        { background:var(--rb-white); border-top:2px solid var(--rb-bg-light); border-bottom:2px solid var(--rb-bg-light); padding:20px 24px; }
.pos-int__label { font-family:var(--font-ui); font-size:9px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(26,39,68,.38); margin-bottom:12px; }
.pos-int__chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; min-height:42px; }

.pos-int__chip {
  display:flex; align-items:center; gap:8px;
  background:var(--rb-bg-light); border-left:2px solid var(--rb-red);
  padding:9px 16px; font-family:var(--font-display); font-size:14px; font-weight:700; color:var(--rb-navy);
}

.pos-check { width:14px; height:14px; stroke:var(--rb-red); flex-shrink:0; }

.pos-int__desc {
  font-family:var(--font-body); font-size:12px; color:var(--rb-text-mid); line-height:1.6;
  padding:10px 14px; border-left:3px solid var(--rb-red); background:var(--rb-bg-light);
}

/* External stakeholders — static (no animations) */
.pos-ext__header,
.pos-ext__body {
  opacity: 1;
}

.pos-ext__header       { background:var(--rb-navy); padding:12px 24px; }
.pos-ext__header-label { font-family:var(--font-ui); font-size:9px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,.35); }
.pos-ext__body         { background:var(--rb-bg-light); padding:16px 24px 20px; }
.pos-ext__grid         { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.pos-ext__card {
  background:var(--rb-white); border-left:2px solid rgba(26,39,68,.12);
  padding:12px 14px; display:flex; align-items:flex-start; gap:10px;
  cursor:default; transition:border-left-color .2s, box-shadow .2s;
}
.pos-ext__card:hover { border-left-color:var(--rb-red); box-shadow:0 4px 14px rgba(26,39,68,.09); }

.pos-ext__icon { width:22px; height:22px; stroke:var(--rb-red); flex-shrink:0; margin-top:2px; }
.pos-ext__card-title { font-family:var(--font-display); font-size:14px; font-weight:700; color:var(--rb-navy); margin-bottom:2px; line-height:1.2; }
.pos-ext__card-sub   { font-family:var(--font-body); font-size:11px; color:var(--rb-text); line-height:1.4; }


/* ═══════════════════════════════════════════════════════════════════════
   § 7  TRACK RECORD
═══════════════════════════════════════════════════════════════════════ */
#track { background:var(--rb-navy); padding:40px 20px; position:relative; overflow:hidden; }
#track::before { content:''; position:absolute; inset:0; background: radial-gradient(ellipse 70% 80% at 8% 60%, rgba(204,34,34,.07) 0%, transparent 65%), radial-gradient(ellipse 55% 70% at 92% 15%, rgba(255,255,255,.03) 0%, transparent 60%); pointer-events:none; }
#track::after  { content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--rb-red); }

.homeEn-track-header { margin-bottom:32px; position:relative; z-index:1; }

.homeEn-track-stats { display:grid; grid-template-columns:repeat(3,1fr); margin-bottom:32px; position:relative; z-index:1; border:1px solid rgba(255,255,255,.10); }
.homeEn-track-stats > div {
  padding:44px 40px; display:flex; flex-direction:column; gap:12px;
  background:rgba(255,255,255,.03); border-right:1px solid rgba(255,255,255,.10);
  position:relative; transition:background .3s ease, transform .3s ease; cursor:default; overflow:hidden;
}
.homeEn-track-stats > div:last-child { border-right:none; }
.homeEn-track-stats > div::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--rb-red); transform:scaleX(0); transform-origin:left center; transition:transform .35s ease; }
.homeEn-track-stats > div:hover { background:rgba(255,255,255,.07); transform:translateY(-4px); }
.homeEn-track-stats > div:hover::before { transform:scaleX(1); }


/* ═══════════════════════════════════════════════════════════════════════
   § 8  INDUSTRIES
═══════════════════════════════════════════════════════════════════════ */
#industries { background:var(--rb-white); padding:80px 20px; }
.homeEn-industries-logos { margin-top:48px; display:flex; flex-wrap:wrap; gap:40px; align-items:center; justify-content:center; }
.homeEn-industries-logos img { width:100px; height:40px; object-fit:contain; filter:grayscale(1); opacity:.45; transition:filter .25s ease, opacity .25s ease; }
.homeEn-industries-logos img:hover { filter:grayscale(0); opacity:1; }


/* ═══════════════════════════════════════════════════════════════════════
   CTA BAND
═══════════════════════════════════════════════════════════════════════ */
.home-en-cta-band {
  background:var(--rb-navy); padding:100px 20px; text-align:center;
  position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; gap:20px;
}
.home-en-cta-band::before { content:''; position:absolute; inset:0; background: radial-gradient(ellipse 60% 120% at 15% 50%, rgba(204,34,34,.09) 0%, transparent 60%), radial-gradient(ellipse 60% 120% at 85% 50%, rgba(204,34,34,.09) 0%, transparent 60%); pointer-events:none; }
.home-en-cta-band::after  { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--rb-red); }
.home-en-cta-band .eyebrow { font-family:var(--font-ui); font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; position:relative; z-index:1; }
.home-en-cta-band h2 { font-family:var(--font-display); font-size:clamp(2rem,4vw,3.2rem); font-weight:700; color:var(--rb-white); line-height:1.1; max-width:560px; position:relative; z-index:1; }
.home-en-cta-band p  { font-family:var(--font-body); font-size:15px; line-height:1.75; color:rgba(255,255,255,.70); max-width:480px; position:relative; z-index:1; }
.home-en-cta-buttons { display:flex; gap:16px; flex-wrap:wrap; justify-content:center; margin-top:8px; position:relative; z-index:1; }
.home-en-btn-primary { display:inline-block; font-family:var(--font-ui); font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:14px 36px; background:var(--rb-red); color:var(--rb-white); border:2px solid var(--rb-red); transition:background .2s ease, border-color .2s ease; }
.home-en-btn-primary:hover { background:var(--rb-red-hover); border-color:var(--rb-red-hover); }


/* ═══════════════════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  #waste .homeEn-wrap,
  #how .homeEn-wrap,
  #integration .homeEn-wrap  { grid-template-columns:1fr; gap:48px; }
  .int-intro                 { position:static; }
  .eng2-cards-grid           { grid-template-columns:1fr 1fr; }
  .eng2-cards-grid .eng2-card:last-child { grid-column:span 2; }
  .eng-trigger-scenarios     { grid-template-columns:1fr 1fr; }
  .homeEn-track-stats        { grid-template-columns:1fr 1fr; }
  .homeEn-track-stats > div:nth-child(2) { border-right:none; }
  .homeEn-track-stats > div:nth-child(3) { grid-column:span 2; border-right:none; border-top:1px solid rgba(255,255,255,.10); }
  /* 5-card grid at 1024px: 2+2+1 layout
     FIX: use matching specificity to override desktop nth-child placement rules */
  .we-grid                              { grid-template-columns:1fr 1fr; }
  .we-grid .we-card,
  .we-grid .we-card:nth-child(-n+3),
  .we-grid .we-card:nth-child(4)        { grid-column: auto; }
  .we-grid .we-card:nth-child(5)        { grid-column: span 2; }
}

@media (max-width: 768px) {
  #hero                      { padding:100px 20px 60px; }
  #waste, #quote, #how,
  #track, #industries,
  #why-external, #engagement,
  #integration               { padding:60px 20px; }
  .pos-conn                  { height:180px; }
  .pos-dm                    { width:65%; padding:13px 15px; }
  .pos-fb                    { padding:13px 15px; }
  .eng2-cards-grid           { grid-template-columns:1fr; margin-bottom:48px; }
  .eng2-cards-grid .eng2-card:last-child { grid-column:auto; }
  .eng2-card-body            { padding:24px 20px 20px; }
  .eng2-card-footer          { padding:20px; flex-direction:column; align-items:flex-start; }
  .eng-trigger-scenarios     { grid-template-columns:1fr; }
  .homeEn-track-stats        { grid-template-columns:1fr; }
  .homeEn-track-stats > div  { border-right:none; border-bottom:1px solid rgba(255,255,255,.10); }
  .homeEn-track-stats > div:last-child { border-bottom:none; }
  .homeEn-track-stats > div:nth-child(3) { grid-column:auto; border-top:none; }
  /* 5-card grid at 768px: single column
     FIX: use matching specificity to override desktop nth-child placement rules */
  .we-grid                              { grid-template-columns:1fr; }
  .we-grid .we-card,
  .we-grid .we-card:nth-child(-n+3),
  .we-grid .we-card:nth-child(4),
  .we-grid .we-card:nth-child(5)        { grid-column: auto; }
  .we-card                              { padding:28px 20px; }
}

@media (max-width: 540px) {
  .pos-conn            { height:190px; }
  .pos-conn__line      { left:16%; }
  .pos-conn__dot       { left:calc(16% - 6px); }
  .pos-conn__alongside { left:calc(16% + 44px); }
  .pos-fb              { left:calc(16% + 36px); width:calc(84% - 36px - 8px); }
  .pos-dm              { width:80%; }
  .pos-int__chips      { flex-direction:column; }
  .pos-ext__grid       { grid-template-columns:1fr; }
}/* End custom CSS */