@font-face {
  font-family: "REE Sans";
  src: url("./ree-sans-BGnTDqni.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Positioning-led, shorter home. */
.hero-positioning .hero-content{width:min(840px,72vw)}
.hero-positioning-copy{max-width:780px;color:rgba(255,255,255,.82);font-size:clamp(18px,1.55vw,25px);line-height:1.6}
.manifesto-how{min-height:940px}
.home-method-steps{display:grid;grid-template-columns:1fr;gap:0;margin-top:34px;border-top:1px solid var(--line-light)}
.home-method-steps>span{display:flex;flex-direction:column;gap:6px;padding:13px 0;border-bottom:1px solid var(--line-light);color:rgba(255,255,255,.58);font-size:12px}
.home-method-steps b{color:var(--orange);font:650 6px "REE Mono",monospace;letter-spacing:.1em}
.route-grid.route-grid-four{grid-template-columns:repeat(2,1fr)}
.wcp-section.is-compact{padding-top:90px;padding-bottom:90px;grid-template-columns:.8fr 1.2fr}
.wcp-section.is-compact .wcp-feature-list{display:none}
.wcp-section.is-compact .wcp-product-shell{min-height:500px}
.wcp-section.is-compact .wcp-copy>p:not(.kicker){margin-bottom:24px}

@media(max-width:760px){
  .hero-positioning .hero-content{width:100%;padding-right:20px}
  .hero-positioning-copy{font-size:18px;line-height:1.72}
  .manifesto-how{min-height:0}
  .home-method-steps{margin-bottom:28px}
  .route-grid.route-grid-four{grid-template-columns:1fr}
  .wcp-section.is-compact{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px}
  .wcp-section.is-compact .wcp-product-shell{min-height:0}
}

@font-face {
  font-family: "REE Mono";
  src: url("./ree-mono-pyAoGB9p.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --ink: #061b14;
  --ink-soft: #0a2b20;
  --forest: #0d442f;
  --green: #136744;
  --mint: #c9f5d2;
  --paper: #f2f0e8;
  --orange: #ff5a1f;
  --line-light: rgba(244, 242, 233, .18);
  --line-dark: rgba(6, 27, 20, .18);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: "REE Sans", Arial, sans-serif; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
::selection { background: var(--orange); color: var(--ink); }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible { outline:3px solid var(--orange); outline-offset:4px; }

.nav-shell {
  position: fixed;
  z-index: 50;
  top: 18px;
  left: 24px;
  right: 24px;
  height: 64px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 10px 0 18px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 18px;
  background: rgba(4, 24, 17, .68);
  backdrop-filter: blur(24px) saturate(135%);
  box-shadow: 0 18px 55px rgba(0,0,0,.18);
}
.brand { display: flex; align-items: center; gap: 12px; width: max-content; }
.brand img { width: 48px; filter: brightness(0) invert(1); }
.brand > span { font: 590 9px/1.15 "REE Mono", monospace; letter-spacing: .11em; text-transform: uppercase; color: rgba(255,255,255,.57); }
.nav-links { display: flex; gap: 30px; }
.nav-links a { display: flex; align-items: center; gap: 7px; font-size: 12px; color: rgba(255,255,255,.72); }
.nav-links a > span { font: 600 8px "REE Mono", monospace; color: var(--orange); }
.nav-cta { justify-self: end; display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 0 13px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; font: 620 11px "REE Mono", monospace; letter-spacing: .04em; transition: background .3s, color .3s, border-color .3s; }
.nav-cta > i { width: 7px; height: 7px; background: var(--orange); border-radius: 50%; box-shadow: 0 0 0 5px rgba(255,90,31,.11); }
.nav-cta > span { font-size: 15px; transition: transform .3s; }
.nav-cta:hover { background: var(--orange); color: var(--ink); border-color: var(--orange); }
.nav-cta:hover > span { transform: rotate(45deg); }

.hero { min-height: 100svh; position: relative; display: grid; align-items: end; overflow: hidden; background: #03130e; }
.hero-media { position: absolute; inset: 0; overflow: hidden; background: radial-gradient(circle at 75% 50%,#0b3c2b,#03130e 64%); animation: heroIn 1.2s cubic-bezier(.2,.8,.2,1) both; }
.hero-media::after { content: ''; position: absolute; z-index: 4; inset: 0; pointer-events: none; background: linear-gradient(90deg, #03130e 0%, rgba(3,19,14,.98) 31%, rgba(3,19,14,.64) 49%, rgba(3,19,14,.02) 72%), linear-gradient(0deg, rgba(3,19,14,.72), transparent 46%); }
.machine { position:absolute;z-index:2;right:3vw;top:16%;width:min(760px,58vw);height:66%;overflow:hidden;color:var(--mint); }
.machine::before { content:'';position:absolute;left:4%;right:4%;top:58%;border-top:1px solid rgba(201,245,210,.2) }
.machine-flow { position:absolute;z-index:4;left:0;top:12%;width:39%;height:49%;overflow:hidden }
.flow-item { position:absolute;left:-56px;top:calc(7% + (var(--i)%4)*18%);width:44px;height:44px;animation:itemFlow 6.4s linear calc(var(--i)*-.8s) infinite;font-style:normal }
.flow-item::before{content:'';position:absolute;right:37px;top:50%;width:26px;border-top:1px solid rgba(201,245,210,.32);transform:translateY(-50%)}
.waste-icon { position:relative;width:42px;height:42px;display:block;color:var(--mint);filter:drop-shadow(0 0 7px rgba(201,245,210,.2))}.waste-icon b,.waste-icon em{position:absolute;display:block;font-style:normal}.bottle{border:2px solid currentColor;border-radius:5px 5px 10px 10px;transform:scale(.68);background:linear-gradient(90deg,transparent 15%,rgba(201,245,210,.06) 16% 22%,transparent 23%)}.bottle:before{content:'';position:absolute;left:10px;right:10px;top:-12px;height:12px;border:2px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0;box-shadow:inset 0 3px 0 rgba(201,245,210,.25)}.bottle i{position:absolute;left:4px;right:4px;top:11px;height:15px;border:1px solid currentColor;border-radius:3px;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(201,245,210,.22) 4px)}.bottle b{left:13px;top:14px;font:700 6px "REE Mono"}.bottle em{left:6px;right:6px;bottom:4px;border-top:1px dashed currentColor}.can{border:2px solid currentColor;border-radius:8px;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(201,245,210,.08) 7px)}.can:before,.can:after{content:'';position:absolute;left:3px;right:3px;height:5px;border:2px solid currentColor;border-radius:50%}.can:before{top:1px}.can:after{bottom:1px}.can i{position:absolute;left:6px;right:6px;top:13px;border-top:1px solid currentColor;box-shadow:0 7px 0 rgba(201,245,210,.55)}.can b{left:16px;top:2px;width:10px;height:4px;border:1px solid currentColor;border-radius:50%}.can em{left:7px;right:7px;bottom:7px;height:3px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 3px)}.box{border:2px solid currentColor;transform:rotate(8deg) scale(.82);background:linear-gradient(135deg,rgba(201,245,210,.08),transparent 55%)}.box:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:7px;border-left:1px solid currentColor;border-right:1px solid currentColor;background:rgba(201,245,210,.06)}.box:after{content:'';position:absolute;left:0;right:0;top:34%;border-top:2px solid currentColor;transform:skewY(-20deg)}.box i{position:absolute;left:4px;bottom:5px;width:11px;height:8px;border:1px solid currentColor}.box b{right:4px;bottom:3px;font:700 8px "REE Mono"}.box em{left:5px;top:5px;width:9px;border-top:2px solid currentColor;box-shadow:0 4px 0 rgba(201,245,210,.45)}.cup{height:35px;margin-top:7px;border:2px solid currentColor;clip-path:polygon(5% 0,95% 0,80% 100%,20% 100%);background:linear-gradient(90deg,transparent,rgba(201,245,210,.1),transparent)}.cup:before{content:'';position:absolute;left:-3px;right:-3px;top:-7px;border-top:3px solid currentColor}.cup i{position:absolute;left:5px;right:5px;top:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;height:10px}.cup b{left:13px;top:9px;font:700 8px Arial}.cup em{left:12px;bottom:3px;width:12px;border-top:1px dashed currentColor}
.belt { position:absolute;z-index:3;height:28px;border:1px solid rgba(201,245,210,.4);border-radius:999px;background:repeating-linear-gradient(90deg,transparent 0 20px,rgba(201,245,210,.18) 21px 23px);animation:beltMove 1s linear infinite }.belt:before,.belt:after{content:'';position:absolute;top:5px;width:16px;height:16px;border:1px solid var(--mint);border-radius:50%}.belt:before{left:7px}.belt:after{right:7px}.belt-in{left:3%;top:58%;width:38%}.belt-out{left:71%;top:58%;width:18%}
.ree-engine { position:absolute;z-index:5;left:37%;top:5%;width:38%;height:72%;border:2px solid var(--orange);background:rgba(5,29,21,.93);box-shadow:inset 0 0 45px rgba(201,245,210,.04),0 22px 50px rgba(0,0,0,.3) }
.engine-title { position:absolute;z-index:6;left:13px;top:11px;color:var(--paper);font-size:35px;font-weight:760;letter-spacing:-.08em}.engine-title small{margin-left:9px;color:var(--orange);font:550 6px "REE Mono";letter-spacing:.08em}
.weigh { position:absolute;left:8%;top:28%;width:25%;height:18%;border-bottom:3px solid var(--mint)}.weigh b{position:absolute;left:15%;right:15%;bottom:6px;height:7px;border:1px solid var(--mint)}.weigh i{position:absolute;left:50%;bottom:-24px;height:22px;border-left:2px solid var(--mint)}.weigh small,.scanner span,.sort-gate span,.press span{position:absolute;color:rgba(201,245,210,.55);font:550 6px "REE Mono";letter-spacing:.08em}
.weigh small{left:0;top:-9px}.scanner{position:absolute;left:34%;top:25%;width:24%;height:28%;border:1px solid rgba(201,245,210,.2);overflow:hidden}.scanner i:first-child{position:absolute;left:0;right:0;top:0;height:2px;background:var(--orange);box-shadow:0 0 12px var(--orange);animation:scanMove 1.35s ease-in-out infinite alternate}.scanner i:last-child{position:absolute;inset:20%;border:1px dashed var(--mint)}.scanner span{left:4px;bottom:4px}
.gear { position:absolute;width:58px;height:58px;border:2px solid var(--mint);border-radius:50%;animation:gearSpin 3s linear infinite}.gear:after{content:'';position:absolute;inset:15px;border:2px solid var(--mint);border-radius:50%}.gear i{position:absolute;left:50%;top:-8px;width:8px;height:16px;background:var(--mint);transform-origin:50% 37px;transform:translateX(-50%) rotate(calc(var(--r,0)*60deg))}.gear i:nth-child(2){--r:1}.gear i:nth-child(3){--r:2}.gear i:nth-child(4){--r:3}.gear i:nth-child(5){--r:4}.gear i:nth-child(6){--r:5}.gear-one{left:20%;top:58%}.gear-two{left:43%;top:56%;animation-direction:reverse;animation-duration:2.3s}
.sort-gate { position:absolute;right:7%;top:26%;width:25%;height:31%}.sort-gate i,.sort-gate b,.sort-gate em{position:absolute;left:3px;right:3px;height:2px;background:var(--mint);transform-origin:right;animation:gateMove 1.8s ease-in-out infinite alternate}.sort-gate i{top:25%;transform:rotate(24deg)}.sort-gate b{top:50%;transform:rotate(0)}.sort-gate em{top:75%;transform:rotate(-24deg)}.sort-gate span{right:0;top:-5px}.press{position:absolute;right:7%;bottom:8%;width:27%;height:25%;border:1px solid rgba(201,245,210,.3)}.press i{position:absolute;left:25%;right:25%;top:8px;height:15px;background:var(--orange);animation:pressMove 1.5s cubic-bezier(.2,.8,.2,1) infinite}.press b{position:absolute;left:18%;right:18%;bottom:8px;border-top:3px solid var(--mint)}.press span{left:4px;bottom:4px}.material-run{position:absolute;z-index:8;inset:0;pointer-events:none}.material-run i{position:absolute;left:8%;top:46%;width:7px;height:7px;border:1px solid var(--orange);background:#09271d;box-shadow:0 0 10px rgba(255,103,45,.5);animation:materialRun 4s cubic-bezier(.35,.05,.55,.95) calc(var(--i)*-.8s) infinite}.data-ticks{position:absolute;left:7%;right:7%;bottom:3px;height:14px;display:flex;gap:5px}.data-ticks i{flex:1;border-top:1px solid rgba(201,245,210,.3)}
.coin-chute{position:absolute;z-index:7;left:74%;top:49%;width:21%;height:18%;border-top:3px solid var(--orange);border-right:3px solid var(--orange);border-radius:0 14px 0 0}.coin-chute:before{content:'';position:absolute;left:-7px;top:-9px;width:15px;height:15px;border:2px solid var(--orange);border-radius:50%;background:#09271d;box-shadow:0 0 0 5px rgba(255,103,45,.1)}.coin-chute:after{content:'';position:absolute;right:-10px;bottom:-7px;width:17px;height:9px;border:3px solid var(--orange);border-radius:50%;background:#67230e;box-shadow:0 0 14px rgba(255,103,45,.45)}.coin-chute b{position:absolute;left:12px;top:-17px;color:var(--orange);font:650 6px "REE Mono";letter-spacing:.08em;white-space:nowrap}.coin-chute i{position:absolute;right:2px;bottom:0;color:var(--orange);font:700 11px "REE Mono";font-style:normal}
.coins { position:absolute;z-index:8;right:0;top:66%;width:14%;height:31%}.coins>i{position:absolute;left:35%;top:-8px;width:34px;height:12px;border:3px solid #ff672d;border-radius:50%;background:#9d3416;box-shadow:inset 0 0 0 2px #ff8b58,0 7px 0 #692512;animation:coinFall 4.5s cubic-bezier(.28,.5,.55,1) calc(var(--i)*-.5s) infinite;transform-style:preserve-3d}.coins b{position:absolute;left:50%;top:-13px;transform:translateX(-50%);color:#ffb08c;font:750 9px "REE Mono"}
.machine-caption { position:absolute;left:3%;right:1%;bottom:0;display:grid;grid-template-columns:1fr 1.5fr 1fr;font:570 6px "REE Mono";letter-spacing:.1em;color:rgba(255,255,255,.45)}.machine-caption b{text-align:center;color:var(--orange)}.machine-caption strong{text-align:right;color:var(--mint)}

/* Hero reduction engine: flat process diagram, with waste entering from above. */
.machine{right:2.5vw;top:15%;width:min(790px,60vw);height:68%;overflow:hidden}
.machine::before{display:none}
.waste-rain{position:absolute;z-index:4;left:27%;top:0;width:46%;height:34%;overflow:hidden}
.rain-item{position:absolute;top:-58px;width:38px;height:50px;font-style:normal;animation:wasteRain 4.8s linear calc(var(--i)*-.4s) infinite;filter:drop-shadow(0 0 8px rgba(201,245,210,.16))}
.rain-item:nth-child(6n+1){left:8%}.rain-item:nth-child(6n+2){left:25%}.rain-item:nth-child(6n+3){left:42%}.rain-item:nth-child(6n+4){left:59%}.rain-item:nth-child(6n+5){left:74%}.rain-item:nth-child(6n){left:88%}
.rain-item:nth-child(3n+1){scale:.82}.rain-item:nth-child(4n+2){scale:.68}.rain-item:nth-child(5n){scale:.92}
.waste-rain .waste-icon{position:relative;display:block;width:34px;height:44px;color:var(--mint);background:rgba(201,245,210,.035);transform:none;box-sizing:border-box}
.waste-rain .waste-icon b,.waste-rain .waste-icon em{position:absolute;display:block;font-style:normal;font:650 5px "REE Mono";letter-spacing:.02em}
.waste-rain .bottle{width:25px;height:42px;margin:7px auto 0;border:2px solid currentColor;border-radius:5px 5px 9px 9px;background:linear-gradient(90deg,transparent 55%,rgba(201,245,210,.13) 56% 68%,transparent 69%)}
.waste-rain .bottle:before{content:'';position:absolute;left:6px;right:6px;top:-8px;height:8px;border:2px solid currentColor;border-bottom:0;border-radius:2px 2px 0 0;box-shadow:inset 0 2px rgba(201,245,210,.25)}
.waste-rain .bottle i{position:absolute;left:3px;right:3px;top:11px;height:13px;border:1px solid currentColor;border-radius:2px;background:none}
.waste-rain .bottle b{left:6px;top:15px}.waste-rain .bottle em{left:4px;right:4px;bottom:5px;border-top:1px dashed currentColor}
.waste-rain .can{width:29px;height:39px;margin:5px auto 0;border:2px solid currentColor;border-radius:7px;background:linear-gradient(90deg,transparent 54%,rgba(201,245,210,.1) 55% 66%,transparent 67%)}
.waste-rain .can:before,.waste-rain .can:after{content:'';position:absolute;left:2px;right:2px;height:4px;border:1px solid currentColor;border-radius:50%}.waste-rain .can:before{top:1px}.waste-rain .can:after{bottom:1px}
.waste-rain .can i{position:absolute;left:5px;right:5px;top:13px;height:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;box-shadow:none}.waste-rain .can b{left:10px;top:3px;width:7px;height:3px;border:1px solid currentColor;border-radius:50%}.waste-rain .can em{left:8px;bottom:8px}
.waste-rain .carton{width:32px;height:38px;margin:6px auto 0;border:2px solid currentColor;border-radius:1px;background:linear-gradient(135deg,rgba(201,245,210,.1),transparent 50%)}
.waste-rain .carton:before{content:'';position:absolute;left:-2px;right:-2px;top:-8px;height:8px;border:2px solid currentColor;clip-path:polygon(0 100%,18% 0,78% 0,100% 100%)}.waste-rain .carton:after{content:'';position:absolute;left:4px;right:4px;top:10px;height:9px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transform:none}.waste-rain .carton i{position:absolute;right:4px;top:-6px;height:10px;border-left:2px solid currentColor}.waste-rain .carton b{left:5px;bottom:7px}.waste-rain .carton em{right:4px;bottom:5px;width:8px;border-top:2px solid currentColor}
.waste-rain .jar{width:30px;height:35px;margin:9px auto 0;border:2px solid currentColor;border-radius:4px 4px 8px 8px;background:linear-gradient(90deg,transparent,rgba(201,245,210,.08),transparent)}.waste-rain .jar:before{content:'';position:absolute;left:3px;right:3px;top:-7px;height:7px;border:2px solid currentColor;border-radius:2px 2px 0 0}.waste-rain .jar i{position:absolute;left:4px;right:4px;top:9px;height:11px;border:1px solid currentColor;border-radius:2px}.waste-rain .jar b{left:9px;top:12px}.waste-rain .jar em{left:5px;right:5px;bottom:4px;border-top:1px dashed currentColor}
.intake-funnel{position:absolute;z-index:6;left:41%;top:26%;width:27%;height:13%;border-top:2px solid var(--orange);clip-path:polygon(0 0,100% 0,68% 72%,68% 100%,32% 100%,32% 72%);background:linear-gradient(180deg,rgba(255,103,45,.2),rgba(255,103,45,.02));filter:drop-shadow(0 0 10px rgba(255,103,45,.13))}.intake-funnel:before,.intake-funnel:after{content:'';position:absolute;top:0;bottom:0;border-left:2px solid var(--orange)}.intake-funnel:before{left:1%;transform:rotate(-19deg);transform-origin:top}.intake-funnel:after{right:1%;transform:rotate(19deg);transform-origin:top}.intake-funnel span{position:absolute;left:50%;top:10px;transform:translateX(-50%);color:rgba(255,255,255,.5);font:560 6px "REE Mono";letter-spacing:.1em;white-space:nowrap}.intake-funnel i,.intake-funnel b{position:absolute;bottom:13px;width:5px;height:5px;border:1px solid var(--mint);transform:rotate(45deg);animation:intakePulse 1.4s ease-in-out infinite}.intake-funnel i{left:42%}.intake-funnel b{right:42%;animation-delay:-.7s}
.machine .ree-engine{position:absolute;z-index:5;left:22%;top:37%;width:62%;height:43%;border:2px solid var(--orange);border-radius:2px;background:linear-gradient(180deg,rgba(9,40,29,.97),rgba(4,24,17,.98));box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 24px 55px rgba(0,0,0,.32)}
.machine .engine-title{position:absolute;z-index:6;left:16px;right:16px;top:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;color:var(--paper);letter-spacing:0}.machine .engine-title strong{font:760 31px/1 "REE Sans";letter-spacing:-.075em}.machine .engine-title small{margin:0;color:rgba(255,255,255,.4);font:550 6px "REE Mono";letter-spacing:.09em}.machine .engine-title>i{color:var(--mint);font:600 6px "REE Mono";font-style:normal;letter-spacing:.1em}.machine .engine-title>i:before{content:'';display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 7px var(--mint)}
.process-rail{position:absolute;left:8%;right:8%;top:55%;border-top:1px solid rgba(201,245,210,.36)}.process-rail i{position:absolute;top:-4px;width:7px;height:7px;border:1px solid var(--mint);border-radius:50%;background:#09271d}.process-rail i:nth-child(1){left:8%}.process-rail i:nth-child(2){left:35%}.process-rail i:nth-child(3){left:62%}.process-rail i:nth-child(4){right:4%}
.process-stage{position:absolute;top:29%;width:18%;height:41%;color:var(--mint)}.process-stage>span{position:absolute;left:0;top:-12px;color:var(--orange);font:620 6px "REE Mono"}.process-stage>small{position:absolute;left:0;right:0;bottom:-13px;text-align:center;color:rgba(255,255,255,.46);font:560 6px "REE Mono";letter-spacing:.08em}.stage-weigh{left:7%}.stage-weigh>b{position:absolute;left:13%;right:13%;top:38%;height:18%;border:1px solid var(--mint);border-radius:2px}.stage-weigh>b:before{content:'';position:absolute;left:50%;bottom:100%;height:13px;border-left:1px solid var(--mint)}.stage-weigh>i{position:absolute;left:6%;right:6%;top:67%;border-top:2px solid var(--mint);box-shadow:0 5px 0 rgba(201,245,210,.18)}
.stage-scan{left:29%;border:1px solid rgba(201,245,210,.18)}.stage-scan>b{position:absolute;inset:20% 24%;border:1px dashed rgba(201,245,210,.65);border-radius:2px}.stage-scan>i{position:absolute;left:10%;right:10%;top:18%;height:2px;background:var(--orange);box-shadow:0 0 10px var(--orange);animation:scanLine 1.5s ease-in-out infinite alternate}.stage-scan>small{bottom:-14px}
.stage-sort{left:52%}.stage-sort>b,.stage-sort>i{position:absolute;top:27%;width:29px;height:29px;border:1px solid var(--mint);border-radius:50%;animation:sortTurn 3s linear infinite}.stage-sort>b{left:13%}.stage-sort>i{right:13%;animation-direction:reverse}.stage-sort>b:before,.stage-sort>i:before{content:'';position:absolute;inset:8px;border:1px solid rgba(201,245,210,.55);border-radius:50%}.stage-sort>b:after,.stage-sort>i:after{content:'';position:absolute;left:50%;top:-4px;width:5px;height:8px;background:var(--mint);transform:translateX(-50%)}
.stage-press{left:75%;border:1px solid rgba(201,245,210,.18)}.stage-press>b{position:absolute;left:26%;right:26%;top:17%;height:14px;background:var(--orange);animation:press2d 1.5s cubic-bezier(.3,.8,.3,1) infinite}.stage-press>i{position:absolute;left:17%;right:17%;bottom:20%;border-top:3px solid var(--mint);box-shadow:0 -6px 0 rgba(201,245,210,.16)}.stage-press>small{bottom:-14px}
.process-material{position:absolute;z-index:8;left:7%;right:7%;top:51%;height:16px;overflow:hidden}.process-material i{position:absolute;left:-8px;top:4px;width:7px;height:7px;border:1px solid var(--orange);background:#09271d;animation:materialTrack 3.6s linear calc(var(--i)*-.6s) infinite}
.engine-readout{position:absolute;left:7%;right:8%;bottom:8%;height:20px;display:flex;align-items:end;gap:5px;border-bottom:1px solid rgba(201,245,210,.18)}.engine-readout span{margin-right:5px;margin-bottom:3px;color:rgba(255,255,255,.32);font:550 5px "REE Mono";letter-spacing:.08em}.engine-readout>i{width:12px;background:rgba(201,245,210,.38)}.engine-readout>i:nth-of-type(1){height:4px}.engine-readout>i:nth-of-type(2){height:8px}.engine-readout>i:nth-of-type(3){height:6px}.engine-readout>i:nth-of-type(4){height:12px}.engine-readout>i:nth-of-type(5){height:16px;background:var(--orange)}.engine-readout>b{margin-left:auto;margin-bottom:1px;color:var(--orange);font:600 10px "REE Mono"}
.output-port{position:absolute;z-index:10;right:-21px;top:47%;width:31px;height:31px;border:2px solid var(--orange);border-radius:50%;background:#08251b;box-shadow:0 0 0 7px rgba(255,103,45,.08),0 0 17px rgba(255,103,45,.25)}.output-port:before{content:'';position:absolute;left:-12px;right:100%;top:50%;border-top:2px solid var(--orange)}.output-port span{position:absolute;right:-3px;top:-18px;color:var(--orange);font:650 6px "REE Mono";letter-spacing:.08em;white-space:nowrap}.output-port i{position:absolute;left:8px;top:6px;color:var(--orange);font:700 12px "REE Mono";font-style:normal}
.coin-stream{position:absolute;z-index:9;left:83%;right:0;top:56%;height:64px;overflow:hidden}.coin-stream>i{position:absolute;left:-34px;top:16px;width:27px;height:27px;border:2px solid #ff672d;border-radius:50%;background:#9d3416;box-shadow:inset 0 0 0 3px #d64e20,0 0 13px rgba(255,103,45,.25);animation:coinOut 3.5s cubic-bezier(.35,.15,.65,.85) calc(var(--i)*-.5s) infinite;font-style:normal}.coin-stream>i:before{content:'';position:absolute;inset:4px;border:1px solid #ff9468;border-radius:50%}.coin-stream b{position:absolute;inset:0;display:grid;place-items:center;color:#ffc1a5;font:720 10px "REE Mono"}
.hero-photo { position: absolute; overflow: hidden; border: 1px solid rgba(255,255,255,.24); background-color: #0a2b20; background-position: center; background-size: cover; box-shadow: 0 30px 70px rgba(0,0,0,.3); transition: transform .8s cubic-bezier(.2,.8,.2,1), filter .8s; }
.hero-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,19,14,.72), transparent 46%); }
.hero-photo > span { position: absolute; z-index: 2; left: 12px; bottom: 10px; font: 620 7px "REE Mono", monospace; letter-spacing: .1em; color: white; }
.hero-photo-bin { z-index: 1; top: 17%; right: 4%; width: 31%; height: 55%; background-image: url('../assets/real/06-recycling.png'); background-position: 56% center; transform: rotate(1.4deg); }
.hero-photo-product { z-index: 2; top: 32%; right: 28%; width: 25%; height: 47%; background-image: url('../assets/real/01-jumeirah_furniture_s.jpeg'); background-position: 50% 73%; transform: rotate(-2deg); }
.hero-photo-award { z-index: 3; right: 9%; bottom: 6%; width: 20%; height: 28%; background-image: url('../assets/real/04-circular_award_2026_.png'); background-position: 45% center; transform: rotate(2.5deg); }
.hero-data-card { position: absolute; z-index: 3; right: 31%; top: 17%; width: 20%; min-width: 220px; padding: 16px; border: 1px solid rgba(201,245,210,.34); background: rgba(5,24,18,.9); backdrop-filter: blur(14px); transform: rotate(-1deg); }
.hero-data-card > span { font: 620 7px "REE Mono", monospace; letter-spacing: .12em; color: var(--orange); }
.hero-data-card > div { height: 82px; display: flex; align-items: end; gap: 7px; padding-top: 16px; border-bottom: 1px solid rgba(255,255,255,.2); }
.hero-data-card i { flex: 1; background: var(--mint); opacity: .72; }
.hero-data-card i:nth-child(1){height:29%}.hero-data-card i:nth-child(2){height:46%}.hero-data-card i:nth-child(3){height:38%}.hero-data-card i:nth-child(4){height:64%}.hero-data-card i:nth-child(5){height:75%}.hero-data-card i:nth-child(6){height:91%;background:var(--orange)}
.hero-data-card b { display: block; margin-top: 10px; font-size: 12px; letter-spacing: -.01em; }
.hero:hover .hero-photo-bin { transform: rotate(.5deg) translateY(-5px); }.hero:hover .hero-photo-product { transform: rotate(-1deg) translateY(4px); }.hero:hover .hero-photo-award { transform: rotate(1deg) translateY(-7px); }
.hero-ring-key { position: absolute; z-index: 3; right: 5vw; top: 112px; display: grid; grid-template-columns: repeat(4,auto); gap: 8px; padding: 9px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(3,18,13,.64); backdrop-filter: blur(16px); }
.hero-ring-key span { display: flex; align-items: center; gap: 7px; padding: 5px 9px; font: 580 7px "REE Mono", monospace; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.78); }
.hero-ring-key i { width: 7px; height: 7px; border-radius: 50%; border: 1px solid var(--mint); box-shadow: inset 0 0 0 2px rgba(3,18,13,.75); }
.hero-ring-key span:nth-child(3) i { background: var(--orange); border-color: var(--orange); }
.hero-sidecode { position: absolute; z-index: 2; top: 50%; right: 18px; transform: translateY(-50%) rotate(90deg); transform-origin: center; font: 520 8px "REE Mono", monospace; letter-spacing: .2em; color: rgba(255,255,255,.36); }
.hero-chain { position: absolute; z-index: 3; top: 112px; right: 5vw; width: min(680px, 49vw); display: grid; grid-template-columns: repeat(4,1fr); padding: 11px 14px; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; background: rgba(3,18,13,.55); backdrop-filter: blur(18px); }
.hero-chain > div { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 4px 9px; align-items: center; padding: 4px 8px; }
.hero-chain > div:not(:last-child)::after { content: '→'; position: absolute; right: -5px; color: var(--orange); font: 620 11px "REE Mono", monospace; }
.hero-chain span { color: var(--orange); font: 650 7px "REE Mono", monospace; }
.hero-chain b { color: rgba(255,255,255,.88); font: 580 9px "REE Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.hero-chain i { grid-column: 1 / -1; height: 1px; background: linear-gradient(90deg, var(--orange), rgba(255,255,255,.08)); }
.hero-content { position: relative; z-index: 2; width: min(760px, 68vw); padding: 145px 0 74px 5vw; }
.eyebrow, .kicker { margin: 0 0 26px; font: 600 10px/1 "REE Mono", monospace; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 11px; color: var(--mint); }
.eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 6px rgba(255,90,31,.12); }
.hero h1, h2 { margin: 0; font-weight: 620; letter-spacing: -.072em; line-height: .87; }
.hero h1 { font-size: clamp(76px, 10.4vw, 164px); }
.hero h1 em, h2 em { color: var(--orange); font: inherit; font-style: normal; }
.hero-copy { max-width: 630px; margin: 32px 0 0; font-size: clamp(16px, 1.25vw, 20px); line-height: 1.48; color: rgba(255,255,255,.65); }
.hero-copy strong { color: var(--paper); font-weight: 620; }
.hero-actions { display: flex; align-items: center; gap: 34px; margin-top: 36px; }
.action-link { display: inline-flex; align-items: center; gap: 14px; width: max-content; font: 640 12px "REE Mono", monospace; letter-spacing: .035em; text-transform: uppercase; }
.action-link > span { border-bottom: 1px solid currentColor; padding-bottom: 5px; }
.action-link > i { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: var(--orange); color: var(--ink); font-style: normal; font-size: 17px; transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s; }
.action-link:hover > i { transform: rotate(45deg) scale(1.08); box-shadow: 0 12px 30px rgba(255,90,31,.34); }
.action-light > i { background: var(--mint); }
.impact-jump { display: flex; align-items: center; gap: 12px; font: 540 9px/1.3 "REE Mono", monospace; letter-spacing: .09em; text-transform: uppercase; color: rgba(255,255,255,.57); }
.impact-jump > b { width: 33px; height: 33px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; color: var(--orange); font-size: 14px; }
.hero-proof { position: absolute; z-index: 2; right: 5vw; bottom: 58px; width: 305px; padding: 18px; border-top: 1px solid rgba(255,255,255,.35); border-bottom: 1px solid rgba(255,255,255,.16); background: linear-gradient(90deg, rgba(4,21,15,.7), transparent); }
.hero-proof > div { display: flex; align-items: flex-start; line-height: .8; color: var(--mint); }
.hero-proof div span { font-size: 63px; font-weight: 700; letter-spacing: -.085em; }
.hero-proof sup { margin: 2px 0 0 5px; font: 650 17px "REE Mono", monospace; }
.hero-proof p { margin: 12px 0; font: 560 10px/1.4 "REE Mono", monospace; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.68); }
.hero-proof > i { font: 520 7px "REE Mono", monospace; letter-spacing: .18em; color: var(--orange); font-style: normal; }
.scroll-cue { position: absolute; z-index: 3; left: 50%; bottom: 16px; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.scroll-cue span { font: 520 7px "REE Mono", monospace; letter-spacing: .2em; color: rgba(255,255,255,.4); }
.scroll-cue i { width: 1px; height: 24px; background: var(--orange); animation: scrollPulse 1.5s ease infinite; }

.client-strip { min-height: 160px; display: grid; grid-template-columns: 190px 1fr; gap: 34px; align-items: stretch; padding: 22px 5vw; background: #071e17; color: white; }
.client-intro { display: flex; flex-direction: column; justify-content: space-between; padding: 12px 0; border-right: 1px solid var(--line-light); }
.client-intro span { max-width: 100px; font-size: 14px; line-height: 1.2; font-weight: 620; }
.client-intro b { font: 560 8px "REE Mono", monospace; letter-spacing: .13em; color: var(--green); }
.client-track { display: grid; grid-template-columns: repeat(6, 1fr); gap: 7px; }
.client-logo { min-width: 0; display: grid; place-items: center; border: 1px solid var(--line-light); border-radius: 11px; background: rgba(255,255,255,.045); transition: background .3s, transform .3s, box-shadow .3s; }
.client-logo:hover { background: rgba(255,255,255,.1); transform: translateY(-5px); box-shadow: 0 14px 30px rgba(0,0,0,.18); }
.client-logo img { width: 76%; height: 58px; object-fit: contain; filter: none; opacity: 1; }

.section-pad { padding: 120px 5vw; }
#solutions, #impact, #proof, #outcome, #route-cards, #framework { scroll-margin-top: 84px; }
.section-index { font: 600 9px/1 "REE Mono", monospace; letter-spacing: .16em; color: var(--orange); text-transform: uppercase; }
.manifesto { min-height: 880px; display: grid; grid-template-columns: 125px minmax(300px,.72fr) minmax(530px,1fr); gap: 4vw; align-items: center; background: var(--ink-soft); }
.manifesto-copy h2, .section-heading h2, .compressor h2, .game-copy h2, .proof h2, .independence h2 { font-size: clamp(52px, 6.8vw, 104px); }
.manifesto-copy h2 span { color: var(--orange); }
.manifesto-body { max-width: 690px; margin: 34px 0 0; font-size: 18px; line-height: 1.58; color: rgba(255,255,255,.57); }
.outcome-system { position: relative; justify-self: stretch; padding: 16px; border: 1px solid rgba(198,245,210,.26); border-radius: 22px; background: #061b14; box-shadow: 0 34px 80px rgba(0,0,0,.25); overflow: hidden; }
.outcome-system::before { content: ''; position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(90deg, transparent, black); }
.outcome-head { position: relative; display: flex; justify-content: space-between; padding: 5px 5px 15px; border-bottom: 1px solid var(--line-light); font: 560 8px "REE Mono", monospace; letter-spacing: .12em; }
.outcome-head b { color: var(--orange); }
.outcome-step { position: relative; min-height: 94px; display: grid; grid-template-columns: 34px 112px 1fr 16px; gap: 14px; align-items: center; border-bottom: 1px solid var(--line-light); }
.outcome-number { font: 660 9px "REE Mono", monospace; color: var(--orange); }
.outcome-thumb { position: relative; width: 104px; height: 70px; border-radius: 9px; background-size: cover; box-shadow: inset 0 0 0 1px rgba(255,255,255,.15); filter: saturate(.82) contrast(1.05); transition: transform .35s, filter .35s; overflow: hidden; }
.outcome-thumb::after { content: ''; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(5,27,20,.1), rgba(5,27,20,.45)); }
.thumb-waste { background-image: url('../assets/real/06-recycling.png'); background-position: 50% 46%; }.thumb-materials { background-image: url('../assets/real/02-arabian_warrior_meda.jpg'); background-position: center; }.thumb-value { background-image: url('../assets/real/01-jumeirah_furniture_s.jpeg'); background-position: 50% 76%; }.thumb-data { background: #0c4b32; }
.thumb-data::before { content: ''; position: absolute; z-index: 2; left: 13px; right: 13px; bottom: 14px; height: 38px; background: linear-gradient(90deg, var(--mint) 0 10%, transparent 10% 18%, var(--mint) 18% 31%, transparent 31% 39%, var(--orange) 39% 56%, transparent 56% 64%, var(--mint) 64% 78%, transparent 78% 86%, var(--mint) 86% 100%); clip-path: polygon(0 74%,10% 74%,10% 55%,31% 55%,31% 41%,56% 41%,56% 22%,78% 22%,78% 0,100% 0,100% 100%,0 100%); opacity: .9; }
.outcome-step:hover .outcome-thumb { transform: scale(1.06); filter: saturate(1.2); }
.outcome-step > div:not(.outcome-thumb) { display: flex; flex-direction: column; gap: 6px; }
.outcome-step strong { font-size: 22px; letter-spacing: -.035em; }
.outcome-step small { font: 520 8px "REE Mono", monospace; letter-spacing: .05em; color: rgba(255,255,255,.48); text-transform: uppercase; }
.outcome-node { position: relative; z-index: 2; width: 9px; height: 9px; border: 2px solid var(--orange); border-radius: 50%; background: var(--ink); box-shadow: 0 0 0 5px rgba(255,90,31,.1); }
.outcome-step:not(:nth-last-child(2)) .outcome-node::after { content: ''; position: absolute; top: 9px; left: 2px; width: 1px; height: 86px; background: var(--orange); }
.outcome-result { position: relative; min-height: 78px; display: grid; grid-template-columns: 1fr auto 32px; gap: 16px; align-items: center; padding: 0 8px; background: linear-gradient(90deg, rgba(255,90,31,.14), transparent); }
.outcome-result span { font: 590 8px "REE Mono", monospace; letter-spacing: .12em; color: rgba(255,255,255,.5); }
.outcome-result strong { font-size: 27px; color: var(--mint); letter-spacing: -.04em; }
.outcome-result i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: var(--orange); color: var(--ink); font-style: normal; }

.solutions { background: var(--paper); color: var(--ink); }
.section-heading { display: grid; grid-template-columns: 125px 1fr; gap: 4vw; align-items: start; }
.solutions .kicker, .proof .kicker { color: var(--green); }
.route-grid { margin-top: 78px; display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
.route-card { min-width: 0; border: 1px solid var(--line-dark); border-radius: 22px; background: #e7e5dc; overflow: hidden; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s; }
.route-card:hover { transform: translateY(-9px); box-shadow: 0 28px 60px rgba(6,27,20,.16); }
.route-image { position: relative; height: 290px; overflow: hidden; background-color: #0a2b20; background-size: cover; transition: background-size .8s cubic-bezier(.2,.8,.2,1), filter .6s; }
.route-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(4,22,15,.74), transparent 58%); pointer-events: none; }
.route-card:hover .route-image { filter: saturate(1.08) contrast(1.03); }
.route-recycling .route-image { background-image: url('../assets/real/06-recycling.png'); background-position: 50% 50%; }.route-consulting .route-image { background-image: url('../assets/consulting-audit-v3.png'); background-position: center 43%; }.route-products .route-image { background-image: url('../assets/circular-products-v3.png'); background-position: center 72%; }.route-workshops .route-image { background-image: url('../assets/workshop-restored-v3.png'); background-position: 51% 54%; }
.route-image span { position: absolute; left: 18px; bottom: 15px; color: white; font-size: 52px; font-weight: 700; line-height: .8; letter-spacing: -.08em; }
.route-image b { position: absolute; top: 16px; left: 16px; padding: 7px 9px; border-radius: 999px; background: rgba(4,22,15,.72); color: white; backdrop-filter: blur(9px); font: 570 7px "REE Mono", monospace; letter-spacing: .11em; }
.route-image > span, .route-image > b { z-index: 4; }
.audit-sheet { position: absolute; z-index: 2; top: 38px; left: 50%; width: min(410px,78%); transform: translateX(-50%) rotate(-1.5deg); padding: 17px; background: var(--paper); color: var(--ink); box-shadow: 0 25px 50px rgba(0,0,0,.28); }
.audit-sheet > small { display: block; padding-bottom: 11px; border-bottom: 2px solid var(--ink); font: 700 8px "REE Mono", monospace; letter-spacing: .1em; }
.audit-sheet > i { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid rgba(6,27,20,.18); font: 620 8px "REE Mono", monospace; font-style: normal; }
.audit-sheet em { font: inherit; color: var(--green); }
.audit-sheet > strong { display: block; margin-top: 11px; color: var(--orange); font: 760 12px "REE Mono", monospace; }
.route-film { position: absolute; z-index: 2; inset: 42px 24px 54px 44%; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; transform: rotate(1.5deg); }
.route-film i { border: 4px solid var(--paper); background-size: cover; box-shadow: 0 15px 28px rgba(0,0,0,.27); }
.route-film i:nth-child(1) { background-image: url('../assets/real/02-arabian_warrior_meda.jpg'); background-position: center; transform: rotate(-4deg); }.route-film i:nth-child(2) { background-image: url('../assets/real/03-DSC00293.jpeg'); background-position: center; transform: translateY(12px); }.route-film i:nth-child(3) { background-image: url('../assets/real/05-44e0ff4f-8544-4313-9.jpg'); background-position: center; transform: rotate(4deg); }
.route-content { padding: 24px; }
.route-title { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }
.route-title h3 { max-width: 440px; margin: 0; font-size: clamp(28px,2.6vw,42px); line-height: .93; letter-spacing: -.055em; }
.route-title > a { flex: 0 0 auto; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line-dark); transition: transform .3s, background .3s, color .3s; }
.route-card:hover .route-title > a { transform: rotate(45deg); background: var(--orange); border-color: var(--orange); }
.route-content > p { min-height: 61px; margin: 20px 0; max-width: 580px; color: rgba(6,27,20,.64); font-size: 13px; line-height: 1.52; }
.route-line { position: relative; display: grid; grid-template-columns: repeat(4,1fr); margin: 23px 0 18px; padding: 18px 0 0; border-top: 1px solid rgba(6,27,20,.18); }
.route-line::before { content: ''; position: absolute; top: 7px; left: 7%; right: 8%; height: 2px; background: linear-gradient(90deg, var(--orange) 0 45%, rgba(6,27,20,.18) 45%); background-size: 220% 100%; background-position: 100% 0; transition: background-position .75s ease; }
.route-card:hover .route-line::before { background-position: 0 0; }
.route-line span { position: relative; display: flex; align-items: center; gap: 5px; font: 620 7px "REE Mono", monospace; letter-spacing: .05em; text-transform: uppercase; }
.route-line span > i { position: absolute; top: -15px; left: 5px; width: 8px; height: 8px; border: 2px solid var(--ink); border-radius: 50%; background: var(--paper); transition: background .4s, border-color .4s; }
.route-card:hover .route-line span > i { background: var(--orange); border-color: var(--orange); }
.route-line b { margin-left: auto; color: var(--orange); }
.service-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.service-tags span { padding: 7px 9px; border: 1px solid rgba(6,27,20,.25); border-radius: 999px; font: 560 8px "REE Mono", monospace; letter-spacing: .05em; text-transform: uppercase; }

.compressor { display: grid; grid-template-columns: minmax(0,.9fr) minmax(530px,1.1fr); gap: 7vw; background: #0d3b2a; }
.compressor h2 { margin: 30px 0; }
.section-lede { max-width: 620px; color: rgba(255,255,255,.58); font-size: 16px; line-height: 1.55; }
.controls { margin-top: 44px; border-top: 1px solid var(--line-light); }
.controls label { display: block; padding: 18px 0 15px; border-bottom: 1px solid var(--line-light); }
.controls label > span { display: flex; justify-content: space-between; margin-bottom: 13px; }
.controls b { font-size: 12px; font-weight: 520; }
.controls output { font: 650 11px "REE Mono", monospace; color: var(--mint); }
input[type="range"] { width: 100%; height: 2px; appearance: none; border-radius: 2px; outline: none; background: rgba(255,255,255,.18); }
input[type="range"]::-webkit-slider-thumb { appearance: none; width: 14px; height: 14px; border: 2px solid #0d3b2a; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 1px var(--mint); cursor: grab; }
.orange-range output { color: var(--orange); }
.orange-range input[type="range"]::-webkit-slider-thumb { background: var(--orange); box-shadow: 0 0 0 1px var(--orange); }
.impact-console { align-self: center; position: relative; padding: 20px; border: 1px solid rgba(198,245,210,.35); border-radius: 22px; background: #061b14; box-shadow: 0 40px 90px rgba(0,0,0,.28); overflow: hidden; }
.impact-console::before { content: ''; position: absolute; inset: 0; opacity: .11; background-image: linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(black, transparent 70%); }
.console-head, .console-foot { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.console-head { padding: 3px 3px 18px; border-bottom: 1px solid var(--line-light); font: 560 8px "REE Mono", monospace; letter-spacing: .14em; }
.console-head span { display: flex; align-items: center; gap: 8px; }
.console-head i { width: 6px; height: 6px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 12px var(--orange); }
.console-head b { color: rgba(255,255,255,.38); }
.flow-readout { position: relative; min-height: 420px; padding: 34px 8px; display: flex; flex-direction: column; justify-content: center; }
.flow-label { display: flex; justify-content: space-between; align-items: end; }
.flow-label > span { font: 550 9px "REE Mono", monospace; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.52); }
.flow-label strong { font-size: 44px; line-height: .8; letter-spacing: -.065em; }
.flow-label small, .impact-stats small { font: 580 8px "REE Mono", monospace; letter-spacing: .08em; color: rgba(255,255,255,.4); }
.load-bars { display: grid; grid-template-columns: repeat(20,1fr); gap: 4px; margin: 17px 0 55px; }
.load-bars i { height: 46px; border-radius: 2px; background: linear-gradient(180deg, #3c8563, #173f2f); box-shadow: inset 0 1px rgba(255,255,255,.18); }
.reduction-slash { position: absolute; z-index: 2; top: 44%; left: 50%; width: 62%; height: 72px; transform: translate(-50%,-50%) rotate(-7deg); display: grid; place-items: center; background: var(--orange); color: var(--ink); box-shadow: 0 16px 38px rgba(0,0,0,.3); }
.reduction-slash span { transform: rotate(7deg); font-size: 46px; font-weight: 760; letter-spacing: -.07em; }
.flow-after strong { color: var(--mint); }
.bars-after { margin: 17px 0 0; }
.bars-after i { height: 32px; background: var(--mint); transition: opacity .35s, transform .35s; }
.bars-after i.off { opacity: .08; transform: scaleY(.3); transform-origin: bottom; }
.impact-stats { position: relative; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 6px; }
.impact-stats > div { min-height: 105px; display: flex; flex-direction: column; justify-content: space-between; padding: 14px; border: 1px solid var(--line-light); border-radius: 12px; }
.impact-stats span { max-width: 100px; font: 520 8px/1.35 "REE Mono", monospace; letter-spacing: .07em; text-transform: uppercase; color: rgba(255,255,255,.48); }
.impact-stats strong { font-size: clamp(20px,2vw,30px); letter-spacing: -.045em; }
.console-foot { padding: 18px 3px 3px; }
.console-foot > span { max-width: 170px; font: 500 7px/1.4 "REE Mono", monospace; letter-spacing: .06em; color: rgba(255,255,255,.38); text-transform: uppercase; }

.game-section { display: grid; grid-template-columns: minmax(310px,.72fr) minmax(600px,1.28fr); gap: 7vw; align-items: center; min-height: 900px; background: var(--orange); color: var(--ink); }
.game-copy .section-index, .game-copy .kicker { color: var(--ink); }
.game-copy .kicker { margin-top: 42px; }
.game-copy > p:not(.kicker) { max-width: 460px; font-size: 16px; line-height: 1.55; }
.game-status { width: min(330px,100%); display: flex; justify-content: space-between; margin-top: 34px; padding-top: 14px; border-top: 1px solid rgba(6,27,20,.35); font: 620 9px "REE Mono", monospace; letter-spacing: .08em; }
.sort-arena { position: relative; min-height: 650px; border: 1px solid rgba(6,27,20,.35); border-radius: 24px; background: #edeade; overflow: hidden; box-shadow: 0 35px 80px rgba(62,20,2,.22); }
.arena-grid { position: absolute; inset: 0; opacity: .5; background-image: linear-gradient(rgba(6,27,20,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(6,27,20,.09) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(black, transparent 75%); }
.item-meta { position: absolute; z-index: 3; top: 22px; left: 24px; right: 24px; display: flex; justify-content: space-between; align-items: center; }
.item-meta span { font: 620 9px "REE Mono", monospace; letter-spacing: .12em; }
.item-meta strong { font-size: 17px; letter-spacing: -.02em; }
.waste-object { position: absolute; z-index: 4; top: 54px; left: 50%; width: 225px; height: 338px; transform: translateX(-50%); background-image: url('../assets/sorting-items.png'); background-repeat: no-repeat; background-size: 300% 200%; filter: drop-shadow(0 25px 25px rgba(6,27,20,.24)); animation: itemHover 3.2s ease-in-out infinite; will-change: transform, opacity; }
.object-pet { background-position: 0 0; }.object-can { background-position: 50% 0; }.object-banana { background-position: 100% 0; }.object-cup { background-position: 0 100%; }.object-box { background-position: 50% 100%; }
.object-glass, .object-cardboard, .object-receipt, .object-ceramic, .object-film, .object-teabag { background-image: url('../assets/sorting-items-tricky.png'); }
.object-glass { background-position: 0 0; }.object-cardboard { background-position: 50% 0; }.object-receipt { background-position: 100% 0; }.object-ceramic { background-position: 0 100%; }.object-film { background-position: 50% 100%; }.object-teabag { background-position: 100% 100%; }
.waste-object.fly-recycle { animation: flyRecycle 1s cubic-bezier(.55,.05,.35,1) both; }
.waste-object.fly-general { animation: flyGeneral 1s cubic-bezier(.55,.05,.35,1) both; }
.waste-object.fly-compost { animation: flyCompost 1s cubic-bezier(.55,.05,.35,1) both; }
.sort-result { position: absolute; z-index: 5; top: 86px; left: 50%; transform: translate(-50%,-8px); min-width: 250px; padding: 10px 14px; border-radius: 999px; background: var(--ink); color: white; text-align: center; font: 550 9px "REE Mono", monospace; letter-spacing: .04em; opacity: 0; transition: opacity .2s, transform .2s; pointer-events: none; }
.sort-result.visible { opacity: 1; transform: translate(-50%,0); }
.bin-row { position: absolute; z-index: 3; left: 18px; right: 18px; bottom: 18px; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.sort-bin { position: relative; min-width: 0; height: 168px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 16px; border: 1px solid rgba(6,27,20,.28); border-radius: 12px 12px 19px 19px; background: transparent; text-align: left; cursor: pointer; overflow: visible; transition: transform .25s, background .25s, color .25s; }
.sort-bin::before { content: ''; position: absolute; top: -7px; left: 8px; right: 8px; height: 13px; border: 2px solid currentColor; border-radius: 4px; background: #edeade; transition: transform .3s; transform-origin: right; }
.sort-bin:hover::before { transform: rotate(8deg) translateY(-4px); }
.sort-bin:hover { transform: translateY(-5px); }
.sort-bin:disabled { cursor: default; }
.sort-bin > i { position: absolute; inset: 0; opacity: .06; background: repeating-linear-gradient(90deg, currentColor 0 1px, transparent 1px 10px); }
.sort-bin span { position: relative; font: 720 12px "REE Mono", monospace; letter-spacing: .07em; }
.sort-bin small { position: relative; margin-top: 6px; font: 520 8px "REE Mono", monospace; color: rgba(6,27,20,.55); }
.bin-recycle:hover { background: var(--green); color: white; }.bin-general:hover { background: var(--ink); color: white; }.bin-compost:hover { background: #7a8b3d; color: white; }
.sort-bin:hover small { color: rgba(255,255,255,.62); }

.workshop-section { position: relative; min-height: 920px; overflow: hidden; }
.workshop-image { position: absolute; inset: 0; background: url('../assets/workshop-restored-v3.png') center / cover no-repeat, #04150f; transition: transform 1.2s cubic-bezier(.2,.8,.2,1); }
.workshop-image::after { content: ''; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(4,21,15,.96) 0%, rgba(4,21,15,.83) 36%, rgba(4,21,15,.18) 73%), linear-gradient(0deg, rgba(4,21,15,.72), transparent 52%); pointer-events: none; }
.workshop-section:hover .workshop-image { transform: scale(1.025); }
.workshop-overlay { position: relative; z-index: 2; min-height: 920px; padding: 110px 5vw; display: grid; grid-template-columns: 125px minmax(0,700px); gap: 4vw; align-items: end; }
.workshop-overlay h2 { margin: 24px 0 30px; font-size: clamp(68px,9vw,140px); line-height: .82; }
.workshop-overlay p:not(.kicker) { max-width: 560px; color: rgba(255,255,255,.67); font-size: 17px; line-height: 1.55; }
.workshop-overlay .action-link { margin-top: 22px; }

.proof { background: var(--paper); color: var(--ink); }
.case-carousel-head { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: end; }
.case-controls { display: flex; align-items: center; gap: 8px; padding-bottom: 4px; }
.case-controls > span { margin-right: 8px; font: 570 7px "REE Mono", monospace; letter-spacing: .12em; color: var(--green); }
.case-controls button { width: 46px; height: 46px; border: 1px solid var(--line-dark); border-radius: 50%; background: transparent; cursor: pointer; font-size: 18px; transition: background .25s, color .25s, transform .25s; }
.case-controls button:hover { background: var(--orange); transform: scale(1.06); }
.case-track { margin-top: 70px; display: flex; gap: 12px; overflow-x: auto; padding: 0 14vw 40px 0; scroll-snap-type: x mandatory; scrollbar-width: none; cursor: grab; }
.case-track::-webkit-scrollbar { display: none; }
.case-track:active { cursor: grabbing; }
.case { position: relative; flex: 0 0 min(670px, 56vw); min-height: 620px; border-radius: 20px; overflow: hidden; background: var(--ink); color: white; box-shadow: 0 20px 45px rgba(6,27,20,.09); scroll-snap-align: start; }
.case::before { content: ''; position: absolute; z-index: 1; inset: 0; background: linear-gradient(0deg, rgba(4,18,13,.98) 0%, rgba(4,18,13,.62) 39%, rgba(4,18,13,.05) 72%); }
.case-image { position: absolute; inset: 0; background-image: url('../assets/case-triptych-v3.png'); background-size: 300% 100%; transition: transform .75s cubic-bezier(.2,.8,.2,1), filter .75s; }.case-image-a { background-position: 0 50%; }.case-image-b { background-position: 50% 50%; }.case-image-c { background-position: 100% 50%; }.case:hover .case-image { transform: scale(1.045); filter: saturate(1.08) contrast(1.03); }
.case-evidence { position: absolute; z-index: 2; top: 295px; left: 26px; right: 26px; min-height: 112px; display: grid; grid-template-columns: repeat(4,1fr); align-items: stretch; padding: 16px; border: 1px solid rgba(255,255,255,.2); border-radius: 14px; background: rgba(2,16,11,.68); backdrop-filter: blur(12px); overflow: hidden; }
.case-evidence::before { content: 'CASE ROUTE / FIELD RECORD'; position: absolute; top: 13px; left: 16px; font: 560 7px "REE Mono", monospace; letter-spacing: .11em; color: rgba(255,255,255,.42); }
.case-evidence span { position: relative; min-width: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; padding: 24px 12px 5px; border-left: 1px solid rgba(255,255,255,.11); transition: background .35s; }
.case-evidence span:first-child { border-left: 0; }
.case-evidence span:hover { background: rgba(201,245,210,.06); }
.case-evidence i { color: var(--orange); font: 650 7px "REE Mono", monospace; font-style: normal; }
.case-evidence b { max-width: 95px; font: 620 9px/1.25 "REE Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }
.case-evidence em { position: absolute; right: -5px; bottom: 12px; z-index: 2; color: var(--orange); font-style: normal; }
.case-content { position: relative; z-index: 2; min-height: 620px; display: flex; flex-direction: column; padding: 26px; }
.case-top { display: flex; justify-content: space-between; gap: 15px; font: 620 8px "REE Mono", monospace; letter-spacing: .1em; }
.case-top small { max-width: 110px; text-align: right; font: inherit; color: rgba(255,255,255,.5); }
.case-metric { display: flex; align-items: flex-start; margin-top: auto; line-height: .74; }
.case-metric strong { font-size: clamp(72px,7vw,112px); letter-spacing: -.09em; }
.case-metric sup { margin: 3px 0 0 8px; font: 650 14px "REE Mono", monospace; letter-spacing: .04em; color: var(--orange); }
.case h3 { margin: 17px 0 13px; font-size: 23px; letter-spacing: -.04em; }
.case:not(.case-next) h3 { min-height:54px; display:flex; align-items:flex-end; }
.case p { max-width: 390px; margin: 0; font-size: 13px; line-height: 1.48; color: rgba(255,255,255,.57); transform: translateY(8px); opacity: .75; transition: transform .4s, opacity .4s; }
.case:not(.case-next) p { min-height:58px; }
.case:hover p { transform: translateY(0); opacity: 1; }
.case-next { flex-basis: min(430px, 38vw); display: grid; place-items: center; padding: 40px; background: var(--mint); color: var(--ink); }
.case-next > div { max-width: 300px; }
.case-next span { font: 650 8px "REE Mono", monospace; letter-spacing: .14em; color: var(--green); }
.case-next h3 { margin: 22px 0; font-size: 52px; line-height: .9; }
.case-next p { margin: 0 0 28px; color: rgba(6,27,20,.62); opacity: 1; transform: none; }
.case-next .action-link > i { background: var(--ink); color: white; }

.independence { display: grid; grid-template-columns: .82fr 1.18fr; gap: 8vw; background: #071e17; }
.independence-title > span { font: 600 9px "REE Mono", monospace; letter-spacing: .15em; color: var(--orange); }
.independence-title h2 { margin-top: 28px; }
.independence-title p { margin: 30px 0 0; color: var(--mint); font-size: 24px; letter-spacing: -.03em; }
.independence-copy > p { max-width: 680px; margin: 0; color: rgba(255,255,255,.59); font-size: 17px; line-height: 1.6; }
.framework-shell { margin-top: 50px; padding: 18px; border: 1px solid var(--line-light); border-radius: 22px; background: #051812; transition: border-color .4s, box-shadow .4s; }
.framework-shell.is-complete { border-color: rgba(201,245,210,.38); box-shadow: 0 35px 90px rgba(0,0,0,.22); }
.framework-shell.is-broken { border-color: rgba(255,90,31,.6); box-shadow: 0 0 55px rgba(255,90,31,.08); }
.framework-caption { display: flex; justify-content: space-between; padding: 3px 3px 16px; border-bottom: 1px solid var(--line-light); font: 560 7px "REE Mono", monospace; letter-spacing: .1em; }
.framework-caption span { color: var(--orange); }
.framework-caption b { color: rgba(255,255,255,.42); font-weight: 520; }
.framework-visual { position: relative; height: 540px; margin-top: 16px; border-radius: 15px; background: radial-gradient(ellipse at 50% 73%, rgba(201,245,210,.12), transparent 48%); overflow: hidden; }
.dac-legend { position:absolute;z-index:7;left:12px;right:12px;top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;pointer-events:none}.dac-legend button{pointer-events:auto;display:grid;grid-template-columns:auto 1fr;gap:3px 9px;text-align:left;padding:10px 11px;border:1px solid rgba(201,245,210,.25);border-radius:8px;background:rgba(4,22,15,.72);color:white;backdrop-filter:blur(10px);cursor:pointer}.dac-legend button.removed{border-color:var(--orange);opacity:.54}.dac-legend i{grid-row:1/3;color:var(--orange);font:650 7px "REE Mono";font-style:normal}.dac-legend b{font:650 8px "REE Mono";letter-spacing:.09em}.dac-legend span{font:520 6px "REE Mono";letter-spacing:.08em;color:rgba(255,255,255,.45)}
.dac-2d{position:absolute;inset:0;overflow:hidden;color:var(--mint);isolation:isolate}.dac-blueprint{position:absolute;inset:72px 5% 40px;opacity:.24}.dac-blueprint:before,.dac-blueprint:after{content:'';position:absolute;left:0;right:0;border-top:1px dashed rgba(201,245,210,.35)}.dac-blueprint:before{top:27%}.dac-blueprint:after{top:70%}.dac-blueprint>i{position:absolute;top:0;bottom:0;border-left:1px solid rgba(201,245,210,.16)}.dac-blueprint>i:nth-child(1){left:12%}.dac-blueprint>i:nth-child(2){left:37%}.dac-blueprint>i:nth-child(3){left:63%}.dac-blueprint>i:nth-child(4){left:88%}.dac-status{position:absolute;top:22px;left:24px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.52);font:600 7px "REE Mono";letter-spacing:.1em}.dac-status i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,103,45,.1)}.dac-2d.is-stable .dac-status i{background:var(--mint);box-shadow:0 0 0 5px rgba(201,245,210,.1)}.dac-stack{position:absolute;z-index:3;left:50%;bottom:66px;width:min(500px,76%);height:320px;transform:translateX(-50%)}.dac-block{position:absolute;left:50%;display:grid;grid-template-columns:48px 1fr auto;align-items:center;width:100%;height:92px;padding:0 22px;border:1px solid rgba(201,245,210,.45);border-radius:3px;overflow:hidden;color:white;text-align:left;cursor:pointer;transform:translateX(-50%);transition:bottom .72s cubic-bezier(.2,.8,.2,1),left .72s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1),opacity .45s;box-shadow:0 14px 0 rgba(0,0,0,.16),0 25px 35px rgba(0,0,0,.2)}.dac-block:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.08),transparent 28%),repeating-linear-gradient(90deg,transparent 0 32px,rgba(201,245,210,.045) 33px 34px);pointer-events:none}.dac-block:hover{border-color:var(--orange);filter:brightness(1.12)}.dac-block>span{position:relative;color:var(--orange);font:700 9px "REE Mono"}.dac-block>b{position:relative;font:730 clamp(19px,2.1vw,30px) "REE Sans";letter-spacing:-.035em}.dac-block>small{position:relative;color:rgba(255,255,255,.52);font:560 7px "REE Mono";letter-spacing:.08em}.dac-block>em{position:absolute;right:18px;bottom:10px;display:flex;gap:4px}.dac-block>em i{width:15px;border-top:2px solid rgba(201,245,210,.23)}.dac-block.block-0{bottom:0;background:linear-gradient(90deg,#0a3929,#11543b)}.dac-block.block-1{bottom:102px;width:88%;background:linear-gradient(90deg,#0d4c35,#126d49)}.dac-block.block-2{bottom:204px;width:76%;background:linear-gradient(90deg,#116244,#17865a)}.dac-block.removed{pointer-events:auto;border-color:var(--orange);opacity:.2}.dac-2d.missing-0 .block-0{left:10%;transform:translateX(-50%) rotate(-7deg) scale(.62)}.dac-2d.missing-0 .block-1{bottom:0}.dac-2d.missing-0 .block-2{bottom:102px}.dac-2d.missing-1 .block-1{left:90%;transform:translateX(-50%) rotate(6deg) scale(.62)}.dac-2d.missing-1 .block-2{bottom:102px}.dac-2d.missing-2 .block-2{left:10%;transform:translateX(-50%) rotate(-5deg) scale(.62)}.dac-ball{position:absolute;z-index:6;left:50%;bottom:383px;width:104px;height:104px;border:2px solid var(--mint);border-radius:50%;background:radial-gradient(circle at 35% 27%,#e4ffea,#a9eec0 46%,#458c68);box-shadow:inset -12px -15px 25px rgba(3,19,14,.25),0 18px 35px rgba(0,0,0,.3);transform:translateX(-50%);display:grid;place-items:center;color:#062219;text-align:center;font:800 13px/1.05 "REE Sans";letter-spacing:-.03em;animation:dacHover 2.4s ease-in-out infinite}.dac-ball:before{content:'';position:absolute;inset:8px;border:1px dashed rgba(3,19,14,.25);border-radius:50%}.dac-ball span{position:relative}.dac-2d.is-falling .dac-ball{animation:dacRoll2d 3.25s cubic-bezier(.4,.02,.62,1) forwards}.dac-floor{position:absolute;z-index:2;left:5%;right:5%;bottom:36px;height:31px;border-top:2px solid rgba(201,245,210,.62);display:flex;justify-content:space-around}.dac-floor i{height:9px;border-left:1px solid rgba(201,245,210,.35);transform:rotate(35deg)}.dac-pull-note{position:absolute;right:22px;bottom:15px;text-align:right;color:rgba(255,255,255,.3);font:550 6px/1.55 "REE Mono";letter-spacing:.09em}.dac-pull-note b{color:var(--orange);font-size:10px}.dac-2d.is-falling .dac-pull-note{color:rgba(255,103,45,.5)}
.framework-stage { position: absolute; left: 50%; bottom: 70px; width: 470px; height: 150px; transform: translateX(-50%) rotateX(69deg); border: 1px solid rgba(201,245,210,.19); background: radial-gradient(circle, rgba(201,245,210,.1), transparent 62%); box-shadow: 0 60px 90px rgba(0,0,0,.45); }
.framework-stage i { position: absolute; left: 50%; top: 50%; width: 72%; height: 72%; transform: translate(-50%,-50%); border: 1px solid rgba(201,245,210,.12); }
.framework-layer { position: absolute; z-index: 3; left: 50%; display: block; width: 370px; height: 105px; border: 1px solid rgba(201,245,210,.5); border-radius: 10px; background: linear-gradient(135deg, rgba(33,111,78,.94), rgba(8,45,32,.96)); color: white; cursor: pointer; transform: translateX(-50%) perspective(700px) rotateX(58deg) rotateZ(45deg); box-shadow: 18px 22px 0 rgba(1,10,7,.42), 0 28px 50px rgba(0,0,0,.35); transition: transform .65s cubic-bezier(.2,.8,.2,1), opacity .5s, filter .5s, border-color .35s; }
.framework-layer:hover { border-color: var(--orange); filter: brightness(1.12); }
.layer-1 { top: 262px; width: 390px; }.layer-2 { top: 190px; width: 305px; }.layer-3 { top: 119px; width: 220px; }
.framework-layer.disabled { opacity: .18; filter: grayscale(1); transform: translateX(calc(-50% + 230px)) translateY(38px) perspective(700px) rotateX(58deg) rotateZ(58deg) scale(.82); box-shadow: 10px 12px 0 rgba(1,10,7,.35); }
.is-broken .framework-layer.enabled { animation: frameworkShake .55s cubic-bezier(.36,.07,.19,.97) both; }
.framework-layer > span, .framework-layer > strong, .framework-layer > small { position: absolute; transform: rotateZ(-45deg) rotateX(-15deg); white-space: nowrap; }
.framework-layer > span { left: 16px; top: 15px; color: var(--orange); font: 650 8px "REE Mono", monospace; }
.framework-layer > strong { left: 50%; top: 42%; translate: -50% -50%; font: 680 12px "REE Mono", monospace; letter-spacing: .12em; text-transform: uppercase; }
.framework-layer > small { right: 13px; bottom: 12px; font: 530 6px "REE Mono", monospace; letter-spacing: .1em; color: rgba(255,255,255,.52); }
.framework-core { position: absolute; z-index: 6; left: 50%; top: 54px; width: 104px; height: 104px; transform: translateX(-50%); display: grid; place-content: center; text-align: center; border-radius: 50%; background: var(--mint); color: var(--ink); box-shadow: 0 20px 50px rgba(0,0,0,.35); transition: background .4s, transform .55s; }
.is-broken .framework-core { background: var(--orange); transform: translateX(-50%) translateY(17px) rotate(-9deg) scale(.88); }
.framework-core span { font: 650 6px "REE Mono", monospace; letter-spacing: .12em; }
.framework-core strong { margin-top: 5px; white-space: pre-line; font-size: 20px; line-height: .85; letter-spacing: -.05em; }
.framework-core i { width: 6px; height: 6px; margin: 9px auto 0; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(19,103,68,.12); }
.is-broken .framework-core i { background: var(--ink); }
.framework-explanation { min-height: 76px; display: grid; grid-template-columns: 135px 1fr; gap: 20px; align-items: center; padding: 15px 16px; border-top: 1px solid rgba(255,90,31,.35); background: rgba(255,90,31,.08); }
.framework-explanation.is-ready { border-top-color: rgba(201,245,210,.18); background: rgba(201,245,210,.04); }
.framework-explanation span { color: var(--orange); font: 650 7px "REE Mono", monospace; letter-spacing: .11em; }.framework-explanation.is-ready span { color: var(--mint); }
.framework-explanation strong { max-width: 590px; color: rgba(255,255,255,.76); font-size: 13px; line-height: 1.45; font-weight: 550; }
.framework-details { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line-light); }
.framework-details > div { padding: 17px 13px 4px; transition: opacity .35s; }
.framework-details > div:not(:last-child) { border-right: 1px solid var(--line-light); }
.framework-details > div.muted { opacity: .2; }
.framework-details span { font: 650 7px "REE Mono", monospace; letter-spacing: .1em; color: var(--orange); text-transform: uppercase; }
.framework-details p { margin: 9px 0 0; font-size: 11px; line-height: 1.45; color: rgba(255,255,255,.5); }

.final-cta { position: relative; min-height: 850px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: #0c4b32; overflow: hidden; }
.cta-material { position: absolute; width: 700px; aspect-ratio: 1; border-radius: 50%; background: linear-gradient(135deg, rgba(5,33,24,.06), rgba(255,92,0,.2)), url('../assets/real/02-arabian_warrior_meda.jpg') center / cover; opacity: .2; filter: saturate(.85) contrast(1.08); animation: floatMaterial 8s ease-in-out infinite alternate; mask-image: radial-gradient(circle, black 0 48%, transparent 69%); }
.final-cta > *:not(.cta-material) { position: relative; }
.final-cta .kicker { margin-top: 34px; }
.final-cta h2 { font-size: clamp(92px,14vw,216px); color: var(--mint); }
.final-cta > p:not(.kicker) { max-width: 590px; margin: 25px 0 0; color: rgba(255,255,255,.65); font-size: 17px; line-height: 1.5; }
.final-actions { display: flex; align-items: center; gap: 30px; margin-top: 32px; }
.final-actions > a:not(.action-link) { padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,.5); font-size: 12px; }
.footer-line { position: absolute !important; left: 5vw; right: 5vw; bottom: 24px; display: grid; grid-template-columns: 1fr auto auto auto; gap: 34px; align-items: center; padding-top: 18px; border-top: 1px solid var(--line-light); text-align: left; font: 520 8px "REE Mono", monospace; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.47); }
.footer-line img { width: 52px; filter: brightness(0) invert(1); }
.floating-whatsapp { position: fixed; z-index: 45; right: 18px; bottom: 18px; display: flex; align-items: center; gap: 9px; height: 44px; padding: 0 13px; border: 1px solid rgba(6,27,20,.18); border-radius: 999px; background: var(--mint); color: var(--ink); box-shadow: 0 12px 36px rgba(0,0,0,.2); font: 650 9px "REE Mono", monospace; letter-spacing: .08em; }
.floating-whatsapp > i { width: 6px; height: 6px; background: #159447; border-radius: 50%; }

@keyframes heroIn { from { opacity:0; transform:scale(1.07) } to { opacity:1; transform:scale(1.015) } }
@keyframes heroDrift { to { transform:scale(1.045) translate3d(-.5%,.4%,0) } }
@keyframes scrollPulse { 0%,100% { transform:scaleY(.35); transform-origin:top; opacity:.35 } 50% { transform:scaleY(1); opacity:1 } }
@keyframes spin { to { transform:rotate(360deg) } }
@keyframes scan { from { left:-150px } to { left:110% } }
@keyframes itemHover { 0%,100% { transform:translateX(-50%) translateY(0) rotate(-1deg) } 50% { transform:translateX(-50%) translateY(-10px) rotate(1deg) } }
@keyframes flyRecycle { 0% { transform:translateX(-50%) } 42% { transform:translate(-135%,-75px) rotate(-18deg) scale(.85) } 100% { transform:translate(-175%,310px) rotate(-55deg) scale(.18); opacity:0 } }
@keyframes flyGeneral { 0% { transform:translateX(-50%) } 42% { transform:translate(-50%,-90px) rotate(12deg) scale(.85) } 100% { transform:translate(-50%,310px) rotate(42deg) scale(.18); opacity:0 } }
@keyframes flyCompost { 0% { transform:translateX(-50%) } 42% { transform:translate(35%,-75px) rotate(20deg) scale(.85) } 100% { transform:translate(75%,310px) rotate(58deg) scale(.18); opacity:0 } }
@keyframes floatMaterial { to { transform:translateY(-24px) rotate(3deg) scale(1.05) } }
@keyframes frameworkShake { 20% { translate:-5px 2px } 40% { translate:5px -2px } 60% { translate:-3px 1px } 80% { translate:3px -1px } }
@keyframes itemFlow{0%{transform:translateX(0) rotate(-8deg);opacity:0}8%{opacity:1}75%{opacity:1}100%{transform:translateX(285px) rotate(75deg);opacity:0}}
@keyframes beltMove{to{background-position:23px 0}}
@keyframes scanMove{to{transform:translateY(77px)}}
@keyframes gearSpin{to{transform:rotate(360deg)}}
@keyframes gateMove{to{rotate:16deg}}
@keyframes pressMove{55%{transform:translateY(42px);height:8px}}
@keyframes materialRun{0%{left:8%;top:46%;opacity:0;transform:rotate(0)}8%{opacity:1}22%{left:39%;top:43%}45%{left:47%;top:72%;transform:rotate(180deg)}67%{left:68%;top:45%}84%{left:83%;top:66%;opacity:1}100%{left:92%;top:66%;opacity:0;transform:rotate(420deg)}}
@keyframes coinFall{0%{transform:translate(-35px,-25px) rotateX(70deg) rotateZ(0);opacity:0}15%{opacity:1}72%{transform:translate(calc((var(--i)%3)*23px - 12px),130px) rotateX(70deg) rotateZ(250deg);opacity:1}100%{transform:translate(calc((var(--i)%3)*27px - 16px),185px) rotateX(70deg) rotateZ(330deg);opacity:0}}
@keyframes wasteRain{0%{transform:translateY(-18px) rotate(-12deg);opacity:0}8%{opacity:.9}72%{opacity:.9}100%{transform:translateY(205px) rotate(68deg);opacity:0}}
@keyframes intakePulse{50%{translate:0 7px;opacity:.35}}
@keyframes scanLine{to{transform:translateY(50px)}}
@keyframes sortTurn{to{transform:rotate(360deg)}}
@keyframes press2d{0%,34%,100%{transform:translateY(0)}55%,74%{transform:translateY(38px)}}
@keyframes materialTrack{0%{transform:translateX(0) rotate(0);opacity:0}8%{opacity:1}92%{opacity:1}100%{transform:translateX(430px) rotate(360deg);opacity:0}}
@keyframes coinOut{0%{transform:translateX(0) rotate(0);opacity:0}12%{opacity:1}84%{opacity:1}100%{transform:translateX(165px) rotate(540deg);opacity:0}}
@keyframes dacHover{50%{transform:translateX(-50%) translateY(-6px) rotate(2deg)}}
@keyframes dacRoll2d{0%{left:50%;bottom:383px;transform:translateX(-50%) rotate(0);animation-timing-function:cubic-bezier(.55,.02,.76,.34)}42%{left:51%;bottom:69px;transform:translateX(-50%) rotate(210deg)}55%{left:54%;bottom:115px;transform:translateX(-50%) rotate(275deg)}68%{left:60%;bottom:69px;transform:translateX(-50%) rotate(370deg)}78%{left:68%;bottom:90px;transform:translateX(-50%) rotate(430deg)}88%{bottom:69px}100%{left:var(--landing);bottom:69px;transform:translateX(-50%) rotate(720deg)}}

@media (max-width: 1180px) {
  .hero-proof { width: 260px; }
  .manifesto { grid-template-columns: 100px 1fr; }
  .manifesto > .outcome-system { grid-column: 2; width: min(760px,100%); margin-top: 30px; }
  .compressor { grid-template-columns: 1fr; }
  .controls { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
  .impact-console { width: min(820px,100%); }
  .game-section { grid-template-columns: 1fr; }
  .game-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 0 50px; }
  .game-copy .section-index { grid-column: 1 / -1; }
  .game-copy .kicker { grid-column: 1; }
  .game-copy h2 { grid-column: 1; }
  .game-copy > p:not(.kicker), .game-status { grid-column: 2; align-self: end; }
  .sort-arena { width: min(820px,100%); }
  .independence { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .nav-shell { top: 9px; left: 10px; right: 10px; height: 56px; padding-left: 13px; grid-template-columns: 1fr auto; }
  .brand > span, .nav-links { display: none; }
  .brand img { width: 41px; }
  .nav-cta { min-height: 36px; font-size: 9px; }
  .machine { right:-27%;top:14%;width:116%;height:61%;opacity:.72;transform:scale(.9);transform-origin:center }.machine .ree-engine{left:22%;width:62%}.machine .engine-title small{display:none}.waste-rain{left:27%;width:46%}.coin-stream{left:83%}
  .hero-media::after { background: linear-gradient(90deg, rgba(3,18,13,.98), rgba(3,18,13,.57)), linear-gradient(0deg, rgba(3,18,13,.94) 0%, transparent 55%); }
  .hero-ring-key { top: 78px; right: 12px; left: 12px; grid-template-columns: 1fr 1fr; border-radius: 13px; }
  .hero-chain { display: none; }
  .hero-sidecode { display: none; }
  .hero-content { width: auto; padding: 118px 20px 125px; }
  .hero h1 { font-size: clamp(66px,22.5vw,94px); }
  .hero-copy { font-size: 16px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 22px; }
  .hero-proof { display: none; }
  .client-strip { grid-template-columns: 1fr; padding: 18px 20px; }
  .client-intro { flex-direction: row; border-right: 0; border-bottom: 1px solid var(--line-dark); padding: 0 0 14px; }
  .client-track { grid-template-columns: repeat(3,1fr); }
  .client-logo { min-height: 82px; }
  .client-logo img { height: 42px; }
  .section-pad { padding: 88px 20px; }
  .section-heading, .manifesto { grid-template-columns: 1fr; gap: 36px; }
  .manifesto { min-height: auto; }
  .manifesto > .outcome-system { grid-column: 1; width: 100%; margin-top: 8px; }
  .outcome-step { grid-template-columns: 25px 78px 1fr 12px; gap: 9px; min-height: 85px; }
  .outcome-thumb { width: 72px; height: 58px; }
  .outcome-step strong { font-size: 17px; }
  .outcome-step small { font-size: 6px; }
  .outcome-result { grid-template-columns: 1fr auto 28px; }
  .outcome-result strong { font-size: 19px; }
  .manifesto-copy h2, .section-heading h2, .compressor h2, .game-copy h2, .proof h2, .independence h2 { font-size: 54px; }
  .route-grid { grid-template-columns: 1fr; margin-top: 50px; }
  .route-image { height: 230px; }
  .audit-sheet { width: 84%; top: 34px; }
  .route-film { left: 26%; }
  .route-content { padding: 19px; }
  .route-content > p { min-height: 0; }
  .route-line { overflow-x: auto; }
  .impact-console { padding: 13px; }
  .controls { display: block; }
  .flow-readout { min-height: 380px; }
  .flow-label strong { font-size: 34px; }
  .load-bars { gap: 2px; }
  .reduction-slash { width: 74%; }
  .impact-stats { grid-template-columns: 1fr; }
  .impact-stats > div { min-height: 82px; }
  .console-foot { align-items: flex-start; flex-direction: column; }
  .game-copy { display: block; }
  .sort-arena { min-height: 620px; }
  .waste-object { width: 180px; height: 270px; top: 75px; }
  .bin-row { left: 9px; right: 9px; bottom: 9px; gap: 4px; }
  .sort-bin { height: 145px; padding: 10px; }
  .sort-bin span { font-size: 9px; }
  .sort-bin small { font-size: 6px; }
  .workshop-section, .workshop-overlay { min-height: 780px; }
  .workshop-image { background-position: 58% center; }
  .workshop-image::after { background: linear-gradient(90deg, rgba(4,21,15,.93), rgba(4,21,15,.32)), linear-gradient(0deg, rgba(4,21,15,.85), transparent 55%); }
  .workshop-overlay { grid-template-columns: 1fr; gap: 45px; padding: 88px 20px 60px; }
  .workshop-overlay h2 { font-size: 70px; }
  .case-carousel-head { grid-template-columns: 1fr; }
  .case-controls { justify-content: flex-end; }
  .case-controls > span { margin-right: auto; }
  .case-track { margin-top: 40px; padding-right: 14vw; }
  .case { flex-basis: 86vw; min-height: 530px; }
  .case-content { min-height: 530px; }
  .case-evidence { top: 228px; min-height: 156px; grid-template-columns: 1fr 1fr; padding: 16px; }
  .case-evidence span { padding: 27px 10px 7px; }
  .case-evidence span:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255,255,255,.11); }
  .case-evidence span:nth-child(4) { border-top: 1px solid rgba(255,255,255,.11); }
  .case-next { flex-basis: 76vw; }
  .framework-shell { padding: 11px; }
  .framework-caption b { display: none; }
  .framework-visual { height: 340px; }
  .dac-stack{bottom:44px;height:206px;width:88%}.dac-block{height:58px;padding:0 10px;grid-template-columns:26px 1fr}.dac-block>small,.dac-block>em{display:none}.dac-block>b{font-size:15px}.dac-block.block-0{bottom:0}.dac-block.block-1{bottom:65px}.dac-block.block-2{bottom:130px}.dac-2d.missing-0 .block-1{bottom:0}.dac-2d.missing-0 .block-2{bottom:65px}.dac-2d.missing-1 .block-2{bottom:65px}.dac-ball{width:67px;height:67px;bottom:257px;font-size:9px}.dac-2d.is-falling .dac-ball{animation-name:dacRoll2dMobile}.dac-floor{bottom:26px}.dac-status{top:13px;left:13px}.dac-pull-note{display:none}
  .framework-stage { width: 310px; bottom: 42px; }
  .layer-1 { width: 275px; top: 215px; }.layer-2 { width: 218px; top: 155px; }.layer-3 { width: 160px; top: 95px; }
  .framework-layer { height: 83px; }
  .framework-layer.disabled { transform: translateX(calc(-50% + 110px)) translateY(31px) perspective(700px) rotateX(58deg) rotateZ(58deg) scale(.78); }
  .framework-core { width: 72px; height: 72px; top: 30px; }
  .framework-core strong { font-size: 15px; }
  .framework-layer > strong { font-size: 9px; }
  .framework-layer > small { display: none; }
  .framework-details { grid-template-columns: 1fr; }
  .framework-explanation { grid-template-columns: 1fr; gap: 8px; }
  .framework-details > div:not(:last-child) { border-right: 0; border-bottom: 1px solid var(--line-light); }
  .final-cta { min-height: 780px; padding-bottom: 150px; }
  .final-cta h2 { font-size: 88px; }
  .final-actions { flex-direction: column; }
  .footer-line { grid-template-columns: 1fr 1fr; gap: 16px; }
  .footer-line span:last-child { grid-column: 1 / -1; }
  .floating-whatsapp { right: 10px; bottom: 10px; }
  .floating-whatsapp { width: 44px; padding: 0; justify-content: center; }
  .floating-whatsapp > i, .floating-whatsapp > span { display: none; }
  @keyframes flyRecycle { 0% { transform:translateX(-50%) } 42% { transform:translate(-95%,-55px) rotate(-18deg) scale(.8) } 100% { transform:translate(-120%,300px) rotate(-55deg) scale(.15); opacity:0 } }
  @keyframes flyCompost { 0% { transform:translateX(-50%) } 42% { transform:translate(-5%,-55px) rotate(18deg) scale(.8) } 100% { transform:translate(20%,300px) rotate(55deg) scale(.15); opacity:0 } }
}

@keyframes dacRoll2dMobile{0%{left:50%;bottom:257px;transform:translateX(-50%) rotate(0)}46%{left:52%;bottom:48px;transform:translateX(-50%) rotate(220deg)}61%{left:57%;bottom:82px;transform:translateX(-50%) rotate(300deg)}76%{left:64%;bottom:48px;transform:translateX(-50%) rotate(410deg)}100%{left:var(--landing);bottom:48px;transform:translateX(-50%) rotate(680deg)}}

/* Commercial content system and service landing pages */
.nav-marketing .nav-links a.active { color: var(--mint); }
.nav-marketing .nav-links a.active::before { content:''; width:5px; height:5px; border-radius:50%; background:var(--orange); }
.hero h1 { max-width: 900px; font-size: clamp(68px,8.8vw,142px); }
.site-visit-jump { color: rgba(255,255,255,.82); }
.site-visit-jump:hover b { background:var(--orange); color:var(--ink); border-color:var(--orange); }
.route-grid { grid-template-columns: repeat(3,1fr); }
.route-content > p { min-height: 84px; }
.game-site-visit { margin-top:24px; padding-top:18px; border-top:1px solid var(--line-light); display:flex; flex-direction:column; gap:8px; font:600 8px "REE Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.game-site-visit span { color:rgba(255,255,255,.44); }
.game-site-visit a { color:var(--orange); }
.case-note { display:block; margin-top:14px; color:rgba(255,181,148,.72); font:560 6px/1.45 "REE Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }

.commercial-independence { display:grid; grid-template-columns:.95fr 1.05fr; gap:8vw; background:#041912; }
.commercial-independence-title h2 { margin-top:24px; font-size:clamp(54px,6.4vw,98px); }
.commercial-independence-title h2 em { display:inline-block; margin-top:16px; color:#dcffe4; font-size:.6em; line-height:1.05; letter-spacing:-.045em; }
.independence-evidence > p { max-width:680px; margin:44px 0; color:rgba(255,255,255,.62); font-size:18px; line-height:1.6; }
.evidence-compare { border:1px solid var(--line-light); border-radius:20px; overflow:hidden; }
.evidence-compare article { padding:24px; background:rgba(255,255,255,.03); }
.evidence-compare article+article { border-top:1px solid var(--line-light); background:rgba(201,245,210,.06); }
.evidence-compare span { display:block; margin-bottom:13px; color:var(--orange); font:650 7px "REE Mono",monospace; letter-spacing:.13em; }
.evidence-compare strong { display:block; font-size:21px; letter-spacing:-.03em; }
.evidence-compare small { display:block; margin-top:8px; color:rgba(255,255,255,.47); font-size:12px; line-height:1.45; }
.independence-evidence blockquote { margin:28px 0 0; padding:0 0 0 24px; border-left:2px solid var(--orange); color:var(--mint); font-size:22px; line-height:1.35; letter-spacing:-.025em; }
.commercial-independence.is-compact { padding-top:90px; padding-bottom:90px; }
.provider-role-map { display:grid; grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr; align-items:stretch; border:1px solid var(--line-light); border-radius:20px; overflow:hidden; background:rgba(255,255,255,.025); }
.provider-role-map article { min-width:0; padding:20px 16px; background:rgba(255,255,255,.018); }
.provider-role-map article.is-ree { background:rgba(255,90,31,.12); box-shadow:inset 0 3px 0 var(--orange); }
.provider-role-map>i { display:grid; place-items:center; color:var(--orange); font:650 11px "REE Mono",monospace; font-style:normal; }
.provider-role-map span { display:block; min-height:25px; margin-bottom:13px; color:var(--orange); font:650 6px/1.35 "REE Mono",monospace; letter-spacing:.1em; }
.provider-role-map strong { display:block; min-height:42px; font-size:17px; line-height:1.08; letter-spacing:-.025em; }
.provider-role-map small { display:block; margin-top:9px; color:rgba(255,255,255,.5); font-size:11px; line-height:1.45; }

.identity-block { display:grid; grid-template-columns:.83fr 1.17fr; gap:7vw; background:#0a3023; }
.identity-heading h2 { margin-top:24px; font-size:clamp(54px,6.2vw,96px); }
.identity-heading h2 em { color:var(--mint); }
.identity-columns { display:grid; grid-template-columns:1fr 1fr; gap:10px; align-self:start; }
.identity-columns article { min-height:330px; padding:25px; border:1px solid var(--line-light); border-radius:18px; background:rgba(255,255,255,.035); }
.identity-columns article+article { background:rgba(3,20,14,.5); }
.identity-columns article>span { color:var(--orange); font:650 8px "REE Mono",monospace; letter-spacing:.12em; }
.identity-columns ul { display:flex; flex-direction:column; gap:0; margin:42px 0 0; padding:0; list-style:none; }
.identity-columns li { position:relative; padding:15px 0 15px 22px; border-top:1px solid var(--line-light); color:rgba(255,255,255,.72); font-size:13px; line-height:1.48; }
.identity-columns li::before { content:'+'; position:absolute; left:0; top:15px; color:var(--mint); font:650 10px "REE Mono",monospace; }
.identity-columns article+article li::before { content:'—'; color:var(--orange); }
.ree-at-glance { grid-column:1 / -1; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line-light); border-bottom:1px solid var(--line-light); }
.ree-at-glance span { padding:18px 16px; color:rgba(255,255,255,.52); font:560 8px/1.45 "REE Mono",monospace; text-transform:uppercase; }
.ree-at-glance span+span { border-left:1px solid var(--line-light); }
.ree-at-glance b { display:block; margin-bottom:6px; color:var(--mint); font-size:13px; }

.pathways-section { background:var(--paper); color:var(--ink); }
.pathways-heading { display:grid; grid-template-columns:150px 1fr; column-gap:5vw; }
.pathways-heading .kicker,.pathways-heading h2,.pathways-heading>p:last-child { grid-column:2; }
.pathways-heading h2 { max-width:1100px; margin:18px 0 28px; font-size:clamp(54px,6.6vw,104px); }
.pathways-heading h2 em { color:var(--green); }
.pathways-heading>p:last-child { max-width:760px; margin:0; color:rgba(6,27,20,.64); font-size:16px; line-height:1.6; }
.pathways-map { position:relative; min-height:610px; margin-top:70px; border:1px solid var(--line-dark); border-radius:25px; overflow:hidden; background:#e7e8dd; }
.pathways-map::before { content:'MATERIAL FLOW / OPERATING MODEL'; position:absolute; z-index:2; left:22px; top:18px; color:var(--green); font:650 7px "REE Mono",monospace; letter-spacing:.13em; }
.pathways-map svg { position:absolute; z-index:0; inset:28px 0 0; width:100%; height:560px; }
.pathways-map path { fill:none; stroke:rgba(19,103,68,.52); stroke-width:18; stroke-linecap:round; }
.pathways-map path.flow-direct { stroke:rgba(255,90,31,.8); }
.pathways-map path.wide { stroke-width:32; }
.pathway-node { position:absolute; z-index:1; width:210px; min-height:130px; display:flex; flex-direction:column; justify-content:center; padding:18px; border:1px solid rgba(6,27,20,.2); border-radius:15px; background:rgba(247,246,239,.95); box-shadow:0 18px 38px rgba(6,27,20,.11); }
.pathway-node span { color:var(--green); font:650 7px "REE Mono",monospace; letter-spacing:.1em; }
.pathway-node strong { margin:8px 0; font-size:18px; line-height:1.18; letter-spacing:-.03em; }
.pathway-node small { color:rgba(6,27,20,.56); font-size:11px; line-height:1.4; }
.pathway-source { left:3.5%; top:216px; }
.pathway-ree { left:38%; top:180px; width:300px; min-height:205px; border:2px solid var(--orange); background:#08271c; color:white; }
.pathway-ree span { color:var(--orange); }.pathway-ree small { color:rgba(255,255,255,.56); }
.pathway-destinations { position:absolute; z-index:1; right:3%; top:35px; bottom:35px; width:220px; display:grid; grid-template-rows:repeat(4,1fr); gap:10px; }
.pathway-destinations .pathway-node { position:relative; width:auto; min-height:0; inset:auto; }
.pathway-destinations .is-direct { border-color:var(--orange); }
.pathway-destinations .is-direct span { color:var(--orange); }
.pathways-legend { display:flex; align-items:center; gap:28px; flex-wrap:wrap; margin-top:18px; color:rgba(6,27,20,.62); font:570 8px "REE Mono",monospace; }
.pathways-legend span { display:flex; align-items:center; gap:8px; }.pathways-legend i { width:30px; border-top:7px solid rgba(19,103,68,.52); border-radius:999px; }.pathways-legend i.direct { border-color:var(--orange); }.pathways-legend small { margin-left:auto; max-width:430px; color:rgba(6,27,20,.47); font:inherit; line-height:1.5; }

.wcp-section { display:grid; grid-template-columns:.7fr 1.3fr; gap:5vw; align-items:center; background:var(--paper); color:var(--ink); }
.wcp-copy h2 { max-width:700px; margin-top:24px; font-size:clamp(50px,5.35vw,82px); }
.wcp-copy > p:not(.kicker) { max-width:650px; margin:28px 0; color:rgba(6,27,20,.68); font-size:17px; line-height:1.6; }
.wcp-feature-list { margin:0 0 28px; border-top:1px solid var(--line-dark); }
.wcp-feature-list article { display:grid; grid-template-columns:30px 1fr; gap:12px; padding:14px 0; border-bottom:1px solid var(--line-dark); }
.wcp-feature-list article>span { padding-top:2px; color:var(--orange); font:700 8px "REE Mono",monospace; }
.wcp-feature-list b { display:block; margin-bottom:4px; font-size:14px; letter-spacing:-.02em; }
.wcp-feature-list p { margin:0; color:rgba(6,27,20,.57); font-size:12px; line-height:1.45; }
.wcp-copy-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.text-link,.wcp-login-link { display:inline-flex; gap:8px; padding-bottom:5px; border-bottom:1px solid currentColor; color:var(--green); font:650 8px "REE Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.wcp-login-link { color:rgba(6,27,20,.62); align-items:center; }
.wcp-login-link small { padding:4px 6px; border:1px solid rgba(6,27,20,.2); border-radius:999px; color:rgba(6,27,20,.48); font:560 5px "REE Mono",monospace; letter-spacing:.08em; }

.wcp-product { min-width:0; position:relative; padding:14px; border-radius:25px; background:#061d15; color:white; box-shadow:0 48px 95px rgba(6,27,20,.25); overflow:hidden; }
.wcp-product::before { content:''; position:absolute; inset:0; opacity:.1; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:30px 30px; }
.wcp-product>* { position:relative; }
.wcp-product-bar { height:35px; display:flex; justify-content:space-between; align-items:flex-start; padding:2px 3px 10px; font:650 6px "REE Mono",monospace; letter-spacing:.11em; text-transform:uppercase; }
.wcp-product-brand { display:flex; align-items:center; gap:8px; }.wcp-product-brand>strong{color:var(--orange);font-size:11px;letter-spacing:-.08em}.wcp-product-brand>strong span{color:white}.wcp-product-brand>i{width:1px;height:11px;background:rgba(255,255,255,.25)}.wcp-product-brand>b{color:rgba(255,255,255,.7)}
.wcp-product-status { display:flex; align-items:center; gap:6px; color:var(--mint); }.wcp-product-status i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(201,245,210,.08)}
.wcp-product-shell { min-height:592px; display:grid; grid-template-columns:102px 1fr; border-radius:16px; overflow:hidden; background:#e6e9e1; }
.wcp-product-nav { display:flex; flex-direction:column; padding:18px 9px 12px; background:#0a2d21; color:white; }
.wcp-product-nav>span { margin:6px 9px 8px; color:rgba(255,255,255,.3); font:650 5px "REE Mono",monospace; letter-spacing:.13em; }
.wcp-product-nav button { display:flex; align-items:center; gap:8px; width:100%; padding:9px 8px; border:0; border-radius:7px; background:transparent; color:rgba(255,255,255,.48); font:650 6px "REE Mono",monospace; text-align:left; text-transform:uppercase; cursor:pointer; transition:background .25s,color .25s,transform .25s; }
.wcp-product-nav button i { width:14px; color:var(--mint); font-size:11px; font-style:normal; text-align:center; }.wcp-product-nav button:hover{color:white;transform:translateX(2px)}.wcp-product-nav button.is-active{background:var(--orange);color:var(--ink)}.wcp-product-nav button.is-active i{color:var(--ink)}
.wcp-product-nav>span:nth-of-type(2) { margin-top:20px; }
.wcp-product-screen { min-width:0; padding:24px; background:#f2f1e9; color:var(--ink); }
.wcp-screen-title { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.wcp-screen-title small { color:rgba(6,27,20,.4); font:650 5px "REE Mono",monospace; letter-spacing:.12em; }.wcp-screen-title h3{margin:4px 0 0;font-size:23px;letter-spacing:-.045em}.wcp-screen-title>button{padding:7px 9px;border:1px solid rgba(6,27,20,.16);border-radius:7px;background:transparent;color:var(--green);font:700 5px "REE Mono",monospace;letter-spacing:.1em;cursor:pointer}.wcp-screen-title>button span{color:var(--orange);font-size:9px}
.wcp-filters { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin:18px 0 10px; }
.wcp-filters>span { position:relative; min-width:0; padding:8px 20px 8px 9px; border:1px solid rgba(6,27,20,.13); border-radius:7px; background:rgba(255,255,255,.66); color:rgba(6,27,20,.69); font-size:7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.wcp-filters small{display:block;margin-bottom:3px;color:rgba(6,27,20,.35);font:650 4px "REE Mono",monospace;letter-spacing:.1em}.wcp-filters b{position:absolute;right:8px;top:50%;color:var(--orange)}
.wcp-stats-view,.wcp-impact-view { display:grid; grid-template-columns:1fr .92fr; gap:7px; }
.wcp-stats-view article,.wcp-impact-view article,.wcp-route-summary { border:1px solid rgba(6,27,20,.12); border-radius:10px; background:rgba(255,255,255,.72); }
.wcp-waste-card,.wcp-material-card,.wcp-log-card,.wcp-impact-metric,.wcp-location-impact,.wcp-route-summary{padding:12px}
.wcp-card-label { display:flex; justify-content:space-between; gap:10px; padding-bottom:9px; border-bottom:1px solid rgba(6,27,20,.1); font:700 5px "REE Mono",monospace; letter-spacing:.1em; }.wcp-card-label small{color:rgba(6,27,20,.34);font:inherit}
.wcp-waste-mix { display:grid; grid-template-columns:116px 1fr; align-items:center; gap:15px; padding-top:17px; }
.wcp-donut { width:110px; height:110px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; border-radius:50%; background:conic-gradient(var(--orange) 0 74%,var(--mint) 74% 82%,#d5d7cf 82% 100%); }
.wcp-donut::before{content:'';position:absolute;inset:15px;border-radius:50%;background:#faf9f2}.wcp-donut>*{position:relative}.wcp-donut strong{font-size:27px;line-height:.9;letter-spacing:-.07em}.wcp-donut strong small{font:700 8px "REE Mono",monospace}.wcp-donut>span{margin-top:6px;color:rgba(6,27,20,.38);font:700 4px "REE Mono",monospace;letter-spacing:.08em}
.wcp-legend { display:flex; flex-direction:column; gap:9px; }.wcp-legend>span{display:grid;grid-template-columns:7px 1fr;gap:1px 6px}.wcp-legend i{grid-row:1/3;width:6px;height:6px;margin-top:2px;border-radius:50%}.wcp-legend i.recyclable{background:var(--orange)}.wcp-legend i.compostable{background:var(--mint);border:1px solid #86a98d}.wcp-legend i.general{background:#c8cac3}.wcp-legend b{font-size:7px}.wcp-legend em{color:rgba(6,27,20,.42);font:600 5px "REE Mono",monospace;font-style:normal}
.wcp-material-card { grid-column:2; grid-row:1; }.wcp-material-row{display:grid;grid-template-columns:48px 1fr 45px;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(6,27,20,.08);font:650 5px "REE Mono",monospace}.wcp-material-row:last-child{border-bottom:0}.wcp-material-row>i{height:5px;border-radius:5px;background:#e0e2db;overflow:hidden}.wcp-material-row>i b{display:block;width:var(--fill);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--mint))}.wcp-material-row strong{text-align:right;font-size:6px}
.wcp-log-card { grid-column:1/-1; }.wcp-log-head,.wcp-log-row{display:grid;grid-template-columns:55px 1fr 1.15fr 55px;gap:8px;padding:8px 2px;font:650 5px "REE Mono",monospace}.wcp-log-head{padding-top:12px;color:rgba(6,27,20,.34)}.wcp-log-row{border-top:1px solid rgba(6,27,20,.08);color:rgba(6,27,20,.65)}.wcp-log-row span:last-child{text-align:right;color:var(--green);font-weight:800}
.wcp-impact-metric { min-height:132px; display:flex; flex-direction:column; }.wcp-impact-metric>span{color:rgba(6,27,20,.42);font:700 5px "REE Mono",monospace;letter-spacing:.1em}.wcp-impact-metric>strong{margin:auto 0 14px;font-size:28px;letter-spacing:-.065em}.wcp-impact-metric>strong small{font:700 6px "REE Mono",monospace;letter-spacing:0}.wcp-impact-metric>div{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.wcp-impact-metric>div>i{height:5px;border-radius:5px;background:#e1e3dc;overflow:hidden}.wcp-impact-metric>div>i::after{content:'';display:block;width:var(--fill);height:100%;border-radius:inherit;background:var(--orange)}.wcp-impact-metric>div b{color:rgba(6,27,20,.42);font:600 4px "REE Mono",monospace}
.wcp-location-impact { grid-column:1/-1; }.wcp-location-impact>div:not(.wcp-card-label){display:grid;grid-template-columns:75px 1fr 34px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(6,27,20,.08);font:650 5px "REE Mono",monospace}.wcp-location-impact>div:last-child{border:0}.wcp-location-impact>div>i{height:5px;border-radius:5px;background:#e1e3dc;overflow:hidden}.wcp-location-impact>div>i b{display:block;width:var(--fill);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),#ffb18f)}.wcp-location-impact>div>strong{text-align:right;font-size:6px}
.wcp-impact-note { grid-column:1/-1; display:flex; gap:10px; align-items:center; padding:11px; border-radius:9px; background:#0a3023; color:white; }.wcp-impact-note>i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:var(--ink);font-style:normal}.wcp-impact-note p{margin:0;color:rgba(255,255,255,.55);font:600 5px/1.5 "REE Mono",monospace}.wcp-impact-note b{color:white;letter-spacing:.09em}
.wcp-map-view { display:grid; grid-template-columns:1fr 135px; gap:7px; min-height:425px; }.wcp-map-canvas{min-width:0;position:relative;overflow:hidden;border:1px solid rgba(6,27,20,.12);border-radius:10px;background:#dce5d7}.wcp-map-canvas::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(201,245,210,.8),transparent 42%),linear-gradient(140deg,rgba(255,255,255,.5),transparent)}.wcp-map-canvas svg{position:absolute;inset:5% 0 0;width:100%;height:85%;fill:none;stroke:rgba(6,27,20,.18);stroke-width:1}.wcp-map-canvas .wcp-map-coast{stroke:var(--green);stroke-width:4}
.wcp-map-canvas>button{position:absolute;padding:0;border:0;background:transparent;cursor:pointer}.wcp-map-canvas>button b{width:27px;height:27px;display:grid;place-items:center;border:3px solid rgba(255,255,255,.85);border-radius:50%;background:var(--orange);box-shadow:0 5px 13px rgba(6,27,20,.2);font:800 7px "REE Mono",monospace}.wcp-map-canvas>button span{display:block;margin-top:3px;padding:3px 5px;border-radius:4px;background:rgba(6,27,20,.82);color:white;font:700 4px "REE Mono",monospace;white-space:nowrap}.wcp-map-canvas .cluster-a{left:61%;top:36%}.wcp-map-canvas .cluster-b{left:36%;top:58%}.wcp-map-canvas .cluster-c{left:10%;top:67%}.wcp-map-canvas .cluster-d{left:77%;top:19%}.wcp-map-key{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;align-items:center;padding:7px 9px;border-radius:6px;background:rgba(250,249,242,.9);font:700 4px "REE Mono",monospace}.wcp-map-key span{display:flex;align-items:center;gap:5px}.wcp-map-key i{width:6px;height:6px;border-radius:50%;background:var(--orange)}
.wcp-route-summary{display:flex;flex-direction:column}.wcp-route-summary>strong{margin:auto 0 2px;color:var(--green);font-size:37px;letter-spacing:-.07em}.wcp-route-summary>strong small{font:700 9px "REE Mono",monospace}.wcp-route-summary>p{margin:0 0 16px;color:rgba(6,27,20,.45);font-size:8px;line-height:1.35}.wcp-route-summary>div:last-child{border-top:1px solid rgba(6,27,20,.1)}.wcp-route-summary>div:last-child span{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(6,27,20,.08);color:rgba(6,27,20,.42);font:650 4px "REE Mono",monospace}.wcp-route-summary>div:last-child b{color:var(--green);font-size:5px}
.wcp-demo-flag { display:flex; justify-content:space-between; gap:12px; padding:11px 3px 0; color:rgba(255,255,255,.3); font:600 5px "REE Mono",monospace; letter-spacing:.08em; }.wcp-demo-flag span{color:var(--orange)}

.credibility-block { display:grid; grid-template-columns:1.05fr .95fr; gap:7vw; align-items:center; background:#0a3023; }
.credibility-photo { min-height:610px; position:relative; border-radius:24px; background-size:cover; background-position:center; box-shadow:0 35px 70px rgba(0,0,0,.28); }
.credibility-photo::after { content:''; position:absolute; inset:18px; border:1px solid rgba(255,255,255,.3); border-radius:15px; }
.credibility-photo span { position:absolute; z-index:2; left:32px; bottom:30px; padding:8px 10px; background:var(--orange); color:var(--ink); font:700 7px "REE Mono",monospace; letter-spacing:.1em; }
.credibility-copy h2 { margin-top:24px; font-size:clamp(50px,5.8vw,88px); }
.credibility-copy > p:not(.kicker) { margin:30px 0; max-width:650px; color:rgba(255,255,255,.62); font-size:17px; line-height:1.6; }
.credibility-facts { display:grid; grid-template-columns:repeat(3,1fr); margin-bottom:30px; border-top:1px solid var(--line-light); border-bottom:1px solid var(--line-light); }
.credibility-facts span { padding:16px 12px; color:rgba(255,255,255,.5); font:560 7px/1.4 "REE Mono",monospace; text-transform:uppercase; }
.credibility-facts span+span{border-left:1px solid var(--line-light)}.credibility-facts b{display:block;margin-bottom:7px;color:var(--mint);font-size:15px}

.site-visit-band { display:grid; grid-template-columns:1fr .75fr; gap:8vw; align-items:end; background:var(--orange); color:var(--ink); }
.site-visit-band h2 { max-width:900px; margin-top:24px; font-size:clamp(54px,7vw,112px); }
.site-visit-band .section-index { color:var(--ink); }
.site-visit-band p { margin:0 0 28px; font-size:17px; line-height:1.58; }
.band-actions { display:flex; align-items:center; flex-wrap:wrap; gap:28px; }.site-visit-band .action-link>i{background:var(--ink);color:white}.band-actions>a:not(.action-link){padding-bottom:5px;border-bottom:1px solid currentColor;font:650 9px "REE Mono",monospace;text-transform:uppercase;letter-spacing:.08em}
.site-footer { position:relative; display:grid; grid-template-columns:1.2fr .8fr .8fr 1fr; gap:5vw; padding:70px 5vw 95px; background:#03140e; color:white; }
.site-footer-brand { display:flex; flex-direction:column; gap:17px; align-items:flex-start; font-size:21px; font-weight:620; letter-spacing:-.035em; }.site-footer-brand img{width:80px;filter:brightness(0) invert(1)}
.site-footer>div { display:flex; flex-direction:column; gap:10px; }.site-footer>div>span,.site-footer-cta>span{margin-bottom:7px;color:var(--orange);font:650 7px "REE Mono",monospace;letter-spacing:.12em}.site-footer>div>a:not(.action-link),.site-footer p{margin:0;color:rgba(255,255,255,.55);font-size:12px;line-height:1.45}.site-footer>div>a:hover{color:white}.site-footer-cta .action-link{margin-top:8px}.site-footer>small{position:absolute;left:5vw;right:5vw;bottom:28px;padding-top:18px;border-top:1px solid var(--line-light);color:rgba(255,255,255,.3);font:550 7px "REE Mono",monospace;letter-spacing:.09em;text-transform:uppercase}

.service-hero { min-height:88svh; position:relative; display:flex; align-items:end; overflow:hidden; background:#03140e; }
.service-hero-image { position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.02); }
.service-hero-image::after { content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,20,14,.85),transparent 48%); }
.service-hero-copy { position:relative; z-index:2; width:min(1080px,86vw); padding:180px 5vw 70px; }
.service-hero-copy h1 { max-width:1000px; margin:0; font-size:clamp(68px,8.8vw,140px); font-weight:620; line-height:.87; letter-spacing:-.075em; }
.service-hero-copy h1 em { color:var(--orange); font:inherit; font-style:normal; }
.service-hero-copy>p { max-width:760px; margin:32px 0 0; color:rgba(255,255,255,.75); font-size:20px; line-height:1.55; }
.service-hero-actions { display:flex; flex-wrap:wrap; gap:35px; margin-top:32px; }
.service-proof-line { display:flex; flex-wrap:wrap; gap:5px; margin-top:45px; }.service-proof-line span{padding:9px 12px;border:1px solid var(--line-light);border-radius:999px;background:rgba(3,20,14,.45);backdrop-filter:blur(10px);font:580 8px "REE Mono",monospace;letter-spacing:.07em;text-transform:uppercase}.service-proof-line i{margin-right:7px;color:var(--orange);font-style:normal}
.service-hero-code { position:absolute; z-index:2; right:22px; bottom:45%; transform:rotate(90deg); color:rgba(255,255,255,.4); font:550 7px "REE Mono",monospace; letter-spacing:.17em; }
.client-strip-compact { min-height:130px; }
.problem-strip,.consulting-truth,.founder-story { display:grid; grid-template-columns:1fr 1fr; gap:8vw; background:var(--ink-soft); }
.problem-strip h2,.consulting-truth h2,.founder-story h2 { margin-top:24px; font-size:clamp(52px,6.2vw,96px); }
.problem-list { border-top:1px solid var(--line-light); }.problem-list article{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line-light)}.problem-list span{color:var(--orange);font:650 8px "REE Mono",monospace}.problem-list p{margin:0;font-size:17px;color:rgba(255,255,255,.68)}
.capability-section,.consulting-problems,.portfolio-section { background:var(--paper);color:var(--ink); }
.capability-section h2,.consulting-problems h2,.portfolio-head h2 { font-size:clamp(54px,6.7vw,104px); }
.capability-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:70px}.capability-grid article{min-height:285px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line-dark);border-radius:18px;background:#e7e5dc;transition:transform .35s,background .35s}.capability-grid article:hover{transform:translateY(-7px);background:#dfeadd}.capability-grid span{color:var(--orange);font:650 9px "REE Mono",monospace}.capability-grid h3{margin:auto 0 14px;font-size:30px;letter-spacing:-.045em}.capability-grid p{margin:0;color:rgba(6,27,20,.65);font-size:13px;line-height:1.5}
.material-section { display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#0b3828}.material-section h2{margin-top:24px;font-size:clamp(52px,6vw,94px)}.material-section>div:first-child>p:not(.kicker){margin:28px 0;color:rgba(255,255,255,.62);line-height:1.6}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-light);border-left:1px solid var(--line-light)}.material-grid>span{min-height:125px;display:flex;flex-direction:column;justify-content:space-between;padding:17px;border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light);font-size:17px}.material-grid i{color:var(--orange);font:650 7px "REE Mono",monospace;font-style:normal}.material-grid small{color:rgba(255,255,255,.4);font:540 6px "REE Mono",monospace;text-transform:uppercase}.material-grid .future{background:rgba(255,90,31,.09)}
.comparison-section { background:#061b14; }.comparison-section h2{max-width:1100px;margin:24px 0 55px;font-size:clamp(52px,6.5vw,100px)}.comparison-section h2 em{color:var(--mint)}.comparison-table{border:1px solid var(--line-light);border-radius:18px;overflow:hidden}.comparison-table>div{display:grid;grid-template-columns:1fr .55fr .55fr;gap:15px;padding:14px 18px;border-bottom:1px solid var(--line-light);align-items:center}.comparison-table>div:last-child{border:0}.comparison-table>div:first-child{background:rgba(255,255,255,.05);color:rgba(255,255,255,.42);font:600 7px "REE Mono",monospace;letter-spacing:.1em}.comparison-table span{font-size:13px}.comparison-table i{text-align:center;color:rgba(255,255,255,.25);font-style:normal}.comparison-table strong{text-align:center;color:var(--mint);font:600 8px "REE Mono",monospace;text-transform:uppercase}
.consulting-truth>div:last-child,.founder-story>div:last-child{align-self:end}.consulting-truth p,.founder-story p{color:rgba(255,255,255,.63);font-size:18px;line-height:1.6}.consulting-truth blockquote{margin:28px 0 0;padding-left:24px;border-left:2px solid var(--orange);color:var(--mint);font-size:25px;line-height:1.35}
.problem-solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:70px}.problem-solution-grid article{min-height:260px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line-dark);border-radius:18px}.problem-solution-grid span{color:var(--orange);font:650 9px "REE Mono",monospace}.problem-solution-grid h3{margin:auto 0 15px;font-size:25px;line-height:1;letter-spacing:-.04em}.problem-solution-grid p{margin:0;color:var(--green);font-size:13px;line-height:1.45}
.process-section { display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:#0b3828}.process-section h2{margin-top:24px;font-size:clamp(52px,6vw,94px)}.process-section>div:first-child>p:not(.kicker){margin-top:27px;color:rgba(255,255,255,.6);line-height:1.6}.process-list{border-top:1px solid var(--line-light)}.process-list article{display:grid;grid-template-columns:44px 160px 1fr;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line-light)}.process-list span{color:var(--orange);font:650 8px "REE Mono",monospace}.process-list h3{margin:0;font-size:25px}.process-list p{margin:0;color:rgba(255,255,255,.55);font-size:13px;line-height:1.45}
.audience-section{background:var(--paper);color:var(--ink)}.audience-section h2{max-width:900px;margin:24px 0 55px;font-size:clamp(54px,6.8vw,105px)}.audience-section>div{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}.audience-section>div span{min-height:100px;display:flex;align-items:flex-end;padding:15px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);font-size:13px}
.case-detail-band{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#081f17}.case-detail-band h2{margin-top:24px;font-size:clamp(58px,7vw,110px)}.case-detail-band h2 em{color:var(--orange)}.case-detail-band>div:last-child>p{margin:0 0 35px;color:rgba(255,255,255,.67);font-size:18px;line-height:1.6}.case-detail-band dl{margin:0;border-top:1px solid var(--line-light)}.case-detail-band dl div{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line-light)}.case-detail-band dt{color:var(--orange);font:650 7px "REE Mono",monospace;text-transform:uppercase}.case-detail-band dd{margin:0;color:rgba(255,255,255,.6);font-size:13px;line-height:1.45}.case-detail-band small,.content-note{display:block;margin-top:20px;color:rgba(255,160,120,.65);font:550 7px/1.5 "REE Mono",monospace;letter-spacing:.06em;text-transform:uppercase}
.product-process{background:#0a3023}.product-process h2{font-size:clamp(54px,6.7vw,104px)}.three-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:70px}.three-step-grid article{min-height:310px;display:flex;flex-direction:column;padding:25px;border:1px solid var(--line-light);border-radius:18px;background:rgba(255,255,255,.035)}.three-step-grid span{color:var(--orange);font:650 9px "REE Mono",monospace}.three-step-grid h3{margin:auto 0 14px;font-size:39px;letter-spacing:-.05em}.three-step-grid p{margin:0;color:rgba(255,255,255,.58);font-size:13px;line-height:1.5}
.portfolio-head{display:grid;grid-template-columns:130px 1fr;gap:4vw}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:70px}.portfolio-grid article{padding-bottom:25px;border-bottom:1px solid var(--line-dark)}.portfolio-grid article.wide{grid-column:span 2}.portfolio-grid article>div{height:420px;margin-bottom:18px;border-radius:18px;background-size:cover;background-position:center;transition:transform .45s,filter .45s}.portfolio-grid article:hover>div{transform:translateY(-6px);filter:saturate(1.12)}.portfolio-grid span{color:var(--green);font:650 7px "REE Mono",monospace;text-transform:uppercase}.portfolio-grid h3{margin:8px 0;font-size:26px;letter-spacing:-.04em}.portfolio-grid p{margin:0;color:rgba(6,27,20,.62);font-size:13px}.workshop-landing{position:relative;min-height:760px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#061b14;overflow:hidden}.workshop-landing-image{position:absolute;inset:0;background-size:cover;background-position:center}.workshop-landing>div:last-child{position:relative;z-index:2;grid-column:2;max-width:680px;padding:40px}.workshop-landing h2{margin-top:24px;font-size:clamp(56px,6.5vw,100px)}.workshop-landing p{color:rgba(255,255,255,.68);font-size:17px;line-height:1.58}.workshop-landing ul{padding-left:18px;color:var(--mint);line-height:1.8}.product-routes{background:var(--orange);color:var(--ink)}.product-routes .section-index{color:var(--ink)}.product-routes>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid rgba(6,27,20,.3);border-left:1px solid rgba(6,27,20,.3)}.product-routes article{min-height:270px;display:flex;flex-direction:column;padding:22px;border-right:1px solid rgba(6,27,20,.3);border-bottom:1px solid rgba(6,27,20,.3)}.product-routes article>span{font:650 8px "REE Mono",monospace}.product-routes h3{margin:auto 0 12px;font-size:30px;letter-spacing:-.04em}.product-routes p{margin:0 0 20px}.product-routes a{font:650 8px "REE Mono",monospace;text-transform:uppercase}.product-final{text-align:center;background:var(--paper);color:var(--ink)}.product-final h2{margin:24px auto;font-size:clamp(62px,8vw,126px)}.product-final p{max-width:650px;margin:0 auto 28px;color:rgba(6,27,20,.6);font-size:17px}.product-final .action-link{margin:auto}
.faq-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;background:#0a3023}.faq-section h2{margin-top:24px;font-size:clamp(54px,6.4vw,100px)}.faq-list{border-top:1px solid var(--line-light)}.faq-list details{border-bottom:1px solid var(--line-light)}.faq-list summary{list-style:none;display:grid;grid-template-columns:38px 1fr 30px;gap:12px;align-items:center;padding:22px 0;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--orange);font:650 8px "REE Mono",monospace}.faq-list summary b{font-size:19px;letter-spacing:-.025em}.faq-list summary i{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line-light);border-radius:50%;font-style:normal;transition:transform .3s,background .3s}.faq-list details[open] summary i{transform:rotate(45deg);background:var(--orange);color:var(--ink);border-color:var(--orange)}.faq-list details p{margin:-2px 38px 24px 50px;max-width:700px;color:rgba(255,255,255,.58);font-size:14px;line-height:1.6}
.about-hero{min-height:92svh;display:flex;align-items:end;padding:180px 5vw 80px;background:radial-gradient(circle at 76% 35%,#155d41,#03140e 58%);position:relative;overflow:hidden}.about-hero::after{content:'REE';position:absolute;right:-2vw;bottom:-10vw;color:rgba(201,245,210,.055);font-size:45vw;font-weight:800;line-height:.8;letter-spacing:-.15em}.about-hero>div{position:relative;z-index:2}.about-hero h1{max-width:1200px;margin:0;font-size:clamp(65px,8.5vw,135px);line-height:.88;letter-spacing:-.075em}.about-hero h1 em{color:var(--orange);font:inherit;font-style:normal}.about-hero>div>p{max-width:740px;margin:32px 0;color:rgba(255,255,255,.7);font-size:20px;line-height:1.55}.about-hero>div>div{display:flex;gap:30px;flex-wrap:wrap}.belief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;background:var(--paper);color:var(--ink)}.belief-grid article{min-height:340px;display:flex;flex-direction:column;padding:25px;border:1px solid var(--line-dark);border-radius:18px}.belief-grid span{color:var(--orange);font:650 9px "REE Mono",monospace}.belief-grid h3{margin:auto 0 16px;font-size:34px;line-height:1;letter-spacing:-.05em}.belief-grid p{margin:0;color:rgba(6,27,20,.62);font-size:14px;line-height:1.55}.team-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:#0b3828}.team-section h2{margin-top:24px;font-size:clamp(55px,6.6vw,102px)}.team-list{border-top:1px solid var(--line-light)}.team-list article{display:grid;grid-template-columns:50px 1fr auto;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line-light)}.team-list span{color:var(--orange);font:650 8px "REE Mono",monospace}.team-list h3{margin:0;font-size:30px}.team-list p{margin:0;color:rgba(255,255,255,.45);font:580 7px "REE Mono",monospace;letter-spacing:.08em}.facility-section{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center;background:var(--paper);color:var(--ink)}.facility-image{min-height:650px;border-radius:23px;background-size:cover;background-position:center}.facility-section h2{margin-top:24px;font-size:clamp(52px,5.8vw,90px)}.facility-section>div:last-child>p:not(.kicker){color:rgba(6,27,20,.65);font-size:16px;line-height:1.6}.facility-section blockquote{margin:27px 0;padding-left:22px;border-left:2px solid var(--orange);color:var(--green);font-size:21px;line-height:1.4}.about-framework{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;background:#061b14}.about-framework h2{margin-top:24px;font-size:clamp(65px,8vw,125px)}.about-framework>div:last-child>p{max-width:650px;color:rgba(255,255,255,.62);font-size:17px;line-height:1.6}.about-framework>div:last-child>div{margin-top:35px;border-top:1px solid var(--line-light)}.about-framework article{display:grid;grid-template-columns:40px 160px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid var(--line-light)}.about-framework article span{color:var(--orange);font:650 8px "REE Mono",monospace}.about-framework h3{margin:0;font-size:22px}.about-framework article p{margin:0;color:rgba(255,255,255,.52);font-size:13px;line-height:1.5}

@media(max-width:1100px){
  .route-grid,.capability-grid,.problem-solution-grid{grid-template-columns:repeat(2,1fr)}
  .commercial-independence,.identity-block,.wcp-section,.credibility-block,.material-section,.process-section,.case-detail-band,.team-section,.facility-section,.about-framework{grid-template-columns:1fr}
  .provider-role-map{grid-template-columns:1fr 18px 1fr}.provider-role-map>i:nth-of-type(2){display:none}.provider-role-map article:nth-of-type(3){grid-column:1}.provider-role-map>i:nth-of-type(3){grid-column:2}.provider-role-map article:nth-of-type(4){grid-column:3}
  .pathways-map{min-height:760px}.pathway-source{left:4%;top:280px}.pathway-ree{left:36%;top:240px}.pathway-destinations{width:190px}
  .wcp-product{margin-top:20px}.wcp-product-shell{min-height:565px}
  .credibility-photo,.facility-image{min-height:520px}.audience-section>div{grid-template-columns:repeat(3,1fr)}
  .portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid article.wide{grid-column:span 2}
}
@media(max-width:760px){
  .nav-marketing .nav-links{display:none}.hero h1{font-size:62px;line-height:.9}.hero-content{padding-top:110px}.hero-copy{max-width:92%}
  .route-grid,.capability-grid,.problem-solution-grid,.three-step-grid,.belief-grid{grid-template-columns:1fr}.route-content>p{min-height:0}
  .commercial-independence,.identity-block,.wcp-section,.credibility-block,.site-visit-band,.problem-strip,.consulting-truth,.founder-story,.material-section,.process-section,.case-detail-band,.workshop-landing,.team-section,.facility-section,.about-framework,.faq-section{grid-template-columns:1fr}
  .provider-role-map{grid-template-columns:1fr}.provider-role-map>i{height:26px;transform:rotate(90deg)}.provider-role-map article:nth-of-type(3),.provider-role-map>i:nth-of-type(3),.provider-role-map article:nth-of-type(4){grid-column:auto}.provider-role-map>i:nth-of-type(2){display:grid}.provider-role-map strong{min-height:0}.identity-columns{grid-template-columns:1fr}.identity-columns article{min-height:0}.ree-at-glance{grid-template-columns:1fr 1fr}.ree-at-glance span:nth-child(3){border-left:0;border-top:1px solid var(--line-light)}.ree-at-glance span:nth-child(4){border-top:1px solid var(--line-light)}
  .pathways-heading{grid-template-columns:1fr}.pathways-heading .kicker,.pathways-heading h2,.pathways-heading>p:last-child{grid-column:1}.pathways-heading h2{font-size:52px}.pathways-map{min-height:0;display:flex;flex-direction:column;gap:12px;padding:58px 14px 14px}.pathways-map svg{display:none}.pathway-node,.pathway-source,.pathway-ree{position:relative;inset:auto;width:auto;min-height:0}.pathway-node{box-shadow:none}.pathway-ree{order:2}.pathway-source{order:1}.pathway-destinations{position:relative;inset:auto;order:3;width:auto;display:grid;grid-template-rows:none;gap:9px}.pathway-destinations .pathway-node{padding-left:27px}.pathway-destinations .pathway-node::before{content:'↳';position:absolute;left:10px;color:var(--orange)}.pathways-legend{align-items:flex-start;flex-direction:column;gap:12px}.pathways-legend small{margin-left:0}
  .commercial-independence-title h2 em{font-size:.58em}.wcp-product{margin-left:-8px;margin-right:-8px;padding:9px;border-radius:18px}.wcp-product-bar{height:31px}.wcp-product-status{display:none}.wcp-product-shell{display:block;min-height:0;border-radius:11px}.wcp-product-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:7px;background:#0a2d21}.wcp-product-nav>span,.wcp-product-nav>span:nth-of-type(2),.wcp-product-nav button:nth-of-type(n+4){display:none}.wcp-product-nav button{justify-content:center;padding:8px 3px}.wcp-product-screen{padding:13px 10px 15px}.wcp-screen-title h3{font-size:19px}.wcp-filters{grid-template-columns:repeat(3,minmax(95px,1fr));overflow-x:auto;padding-bottom:3px}.wcp-stats-view,.wcp-impact-view{grid-template-columns:1fr}.wcp-material-card{grid-column:1;grid-row:auto}.wcp-waste-mix{grid-template-columns:100px 1fr}.wcp-donut{width:94px;height:94px}.wcp-log-head,.wcp-log-row{grid-template-columns:45px 1fr 1.1fr 43px;gap:5px}.wcp-map-view{grid-template-columns:1fr;min-height:0}.wcp-map-canvas{min-height:330px}.wcp-route-summary{min-height:220px}.wcp-demo-flag{display:block;line-height:1.5}.wcp-demo-flag b{display:block;margin-top:3px}.credibility-photo,.facility-image{min-height:390px}.credibility-facts{grid-template-columns:1fr}.credibility-facts span+span{border-left:0;border-top:1px solid var(--line-light)}
  .site-footer{grid-template-columns:1fr;gap:36px;padding-bottom:110px}.service-hero{min-height:100svh}.service-hero-copy{width:100%;padding:130px 20px 50px}.service-hero-copy h1,.about-hero h1{font-size:58px}.service-hero-copy>p,.about-hero>div>p{font-size:16px}.service-hero-actions{gap:22px}.service-proof-line{gap:4px;margin-top:28px}.service-hero-code{display:none}
  .material-grid{grid-template-columns:repeat(2,1fr)}.comparison-table>div{grid-template-columns:1fr 70px 70px;padding:11px 9px;gap:6px}.comparison-table>div:first-child b{font-size:5px}.comparison-table span{font-size:11px}.process-list article{grid-template-columns:30px 95px 1fr;gap:9px}.audience-section>div{grid-template-columns:repeat(2,1fr)}.portfolio-head{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.portfolio-grid article.wide{grid-column:auto}.portfolio-grid article>div{height:330px}.workshop-landing{min-height:780px}.workshop-landing>div:last-child{grid-column:1;align-self:end;padding:20px 0}.workshop-landing-image{opacity:.6}.product-routes>div{grid-template-columns:1fr}.about-hero{padding:140px 20px 60px}.team-list article{grid-template-columns:35px 1fr}.team-list p{grid-column:2}.about-framework article{grid-template-columns:30px 100px 1fr}.workshop-home{min-height:650px}.workshop-home .workshop-overlay{min-height:650px}.final-cta h2{font-size:72px}
  .case:not(.case-next) h3,.case:not(.case-next) p{min-height:0}
}

/* Visual storytelling pass: services and workshops */
.nav-marketing .nav-links{gap:24px}

.recycling-route-visual{display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:start;margin-top:70px}
.recycling-route-photo{position:sticky;top:105px;margin:0;min-height:720px;border-radius:24px;overflow:hidden;background:#0b3828;box-shadow:0 32px 70px rgba(6,27,20,.16)}
.recycling-route-photo img{position:absolute;width:100%;height:100%;object-fit:cover}
.recycling-route-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,24,17,.86),transparent 52%)}
.recycling-route-photo figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;display:flex;flex-direction:column;gap:8px;color:white}
.recycling-route-photo figcaption b{color:var(--orange);font:650 8px "REE Mono",monospace;letter-spacing:.12em}
.recycling-route-photo figcaption span{max-width:390px;font-size:21px;line-height:1.25;letter-spacing:-.025em}
.journey-flow{position:relative;display:flex;flex-direction:column;gap:11px}
.journey-flow::before{content:'';position:absolute;z-index:0;top:38px;bottom:38px;left:50%;border-left:1px dashed rgba(6,27,20,.3)}
.journey-flow article{position:relative;z-index:1;display:grid;grid-template-columns:52px 1fr 26px;gap:16px;align-items:start;min-height:174px;padding:22px;border:1px solid var(--line-dark);border-radius:18px;background:#f1f0e9;box-shadow:0 12px 30px rgba(6,27,20,.055);transition:transform .35s,box-shadow .35s}
.journey-flow article:nth-child(odd){margin-right:12%}.journey-flow article:nth-child(even){margin-left:12%;background:#dfeadd}
.journey-flow article:hover{transform:translateY(-5px) rotate(-.3deg);box-shadow:0 22px 46px rgba(6,27,20,.11)}
.journey-flow article>span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--ink);color:var(--orange);font:680 9px "REE Mono",monospace}
.journey-flow h3{margin:3px 0 10px;font-size:29px;letter-spacing:-.045em}.journey-flow p{margin:0;color:rgba(6,27,20,.64);font-size:13px;line-height:1.52}.journey-flow article>i{align-self:end;color:var(--orange);font-size:20px;font-style:normal}

.audit-storyboard{background:var(--paper);color:var(--ink);padding-top:50px}
.audit-storyboard-photo{position:relative;min-height:720px;border-radius:26px;overflow:hidden;box-shadow:0 40px 90px rgba(6,27,20,.2)}
.audit-storyboard-photo>img{position:absolute;width:100%;height:100%;object-fit:cover}
.audit-storyboard-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,14,.03),rgba(3,20,14,.48))}
.audit-marker{position:absolute;z-index:2;display:flex;flex-direction:column;gap:5px;max-width:190px;padding:11px 13px;border:1px solid rgba(255,255,255,.42);border-radius:9px;background:rgba(3,20,14,.76);backdrop-filter:blur(10px);color:white;box-shadow:0 9px 30px rgba(0,0,0,.2)}
.audit-marker::before{content:'';position:absolute;width:9px;height:9px;border:2px solid var(--orange);border-radius:50%;background:#061b14;box-shadow:0 0 0 5px rgba(255,90,31,.18)}
.audit-marker b{color:var(--orange);font:650 7px "REE Mono",monospace;letter-spacing:.1em}.audit-marker span{font-size:12px}.marker-open{left:8%;top:24%}.marker-open::before{right:-36px;top:50%}.marker-sort{left:39%;top:13%}.marker-sort::before{left:50%;bottom:-34px}.marker-weigh{right:9%;top:31%}.marker-weigh::before{left:-34px;top:50%}.marker-decide{right:22%;bottom:13%}.marker-decide::before{left:50%;top:-34px}
.audit-storyboard-caption{display:grid;grid-template-columns:1fr 1.4fr;gap:5vw;align-items:start;padding:24px 4px 0}.audit-storyboard-caption span{color:var(--green);font:650 8px "REE Mono",monospace;letter-spacing:.12em}.audit-storyboard-caption p{margin:0;color:rgba(6,27,20,.68);font-size:18px;line-height:1.5}

.product-routes>div{gap:10px;border:0}.product-routes article{min-height:510px;padding:12px;border:1px solid rgba(6,27,20,.28);border-radius:18px;background:rgba(255,255,255,.11);overflow:hidden;transition:transform .35s,background .35s}.product-routes article:hover{transform:translateY(-6px);background:rgba(255,255,255,.22)}
.product-route-media{height:230px;margin-bottom:18px;border-radius:11px;background-size:cover;background-position:center;filter:saturate(.88);transition:transform .45s,filter .45s}.product-routes article:hover .product-route-media{transform:scale(1.018);filter:saturate(1.05)}
.product-routes article>span,.product-routes article>h3,.product-routes article>p,.product-routes article>a,.product-routes article>button{margin-left:10px;margin-right:10px}.product-routes h3{margin-top:auto}
.product-routes a,.product-routes button{display:flex;justify-content:space-between;align-items:center;padding:13px 0 6px;border:0;border-top:1px solid rgba(6,27,20,.3);background:none;color:inherit;cursor:pointer;font:650 8px "REE Mono",monospace;text-transform:uppercase;text-align:left}

.catalogue-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,16,11,.76);backdrop-filter:blur(13px)}
.catalogue-panel{position:relative;width:min(620px,100%);max-height:calc(100svh - 40px);overflow:auto;padding:46px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#08271c;color:white;box-shadow:0 45px 110px rgba(0,0,0,.5)}
.catalogue-panel::before{content:'';position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:var(--orange);filter:blur(95px);opacity:.18}.catalogue-panel h2{position:relative;margin:24px 0 15px;font-size:clamp(45px,6vw,76px);line-height:.9;letter-spacing:-.065em}.catalogue-panel>p{position:relative;max-width:470px;color:rgba(255,255,255,.62);line-height:1.55}.catalogue-close{position:absolute;z-index:2;right:18px;top:17px;width:38px;height:38px;border:1px solid var(--line-light);border-radius:50%;background:transparent;color:white;font-size:24px;cursor:pointer}.catalogue-panel form{position:relative;display:grid;gap:15px;margin-top:30px}.catalogue-panel label{display:flex;flex-direction:column;gap:8px;color:var(--orange);font:650 8px "REE Mono",monospace;letter-spacing:.09em;text-transform:uppercase}.catalogue-panel label small{display:inline;color:rgba(255,255,255,.35)}.catalogue-panel input{height:50px;padding:0 14px;border:1px solid var(--line-light);border-radius:9px;outline:none;background:rgba(255,255,255,.06);color:white;font:500 16px Arial,sans-serif}.catalogue-panel input:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(201,245,210,.08)}.catalogue-panel form>button{display:flex;justify-content:space-between;align-items:center;margin-top:7px;padding:16px;border:0;border-radius:10px;background:var(--orange);color:var(--ink);cursor:pointer;font:700 9px "REE Mono",monospace;letter-spacing:.06em;text-transform:uppercase}.catalogue-panel form>small{color:rgba(255,255,255,.4);font:540 7px/1.5 "REE Mono",monospace;letter-spacing:.05em}

.about-operations-mosaic{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:10px;background:var(--paper);color:var(--ink);padding-top:40px}
.about-operations-mosaic figure{position:relative;min-height:320px;margin:0;border-radius:20px;overflow:hidden}.about-operations-mosaic .operations-main{grid-row:1 / 3;min-height:650px}.about-operations-mosaic img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .6s}.about-operations-mosaic figure:hover img{transform:scale(1.025)}.about-operations-mosaic figure::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,20,14,.83),transparent 58%)}.about-operations-mosaic figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;flex-direction:column;gap:5px;color:white}.about-operations-mosaic figcaption b{color:var(--orange);font:650 8px "REE Mono",monospace;letter-spacing:.1em}.about-operations-mosaic figcaption span{font-size:16px}

.workshops-hero{position:relative;min-height:96svh;display:flex;align-items:end;overflow:hidden;background:#03140e}.workshops-hero-image{position:absolute;inset:0;background-size:cover;background-position:center}.workshops-hero-image::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,20,14,.83),transparent 52%)}.workshops-hero-copy{position:relative;z-index:2;width:min(1160px,92vw);padding:190px 5vw 80px}.workshops-hero-copy h1{max-width:1120px;margin:0;font-size:clamp(65px,8.2vw,132px);line-height:.86;letter-spacing:-.075em}.workshops-hero-copy h1 em{color:var(--orange);font:inherit;font-style:normal}.workshops-hero-copy>p{max-width:760px;margin:30px 0;color:rgba(255,255,255,.76);font-size:20px;line-height:1.55}.workshops-hero-copy>div{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.workshops-hero-copy>div>a:not(.action-link){padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.5);color:white;font:650 9px "REE Mono",monospace;text-transform:uppercase}.workshops-hero-fact{position:absolute;z-index:2;right:5vw;bottom:68px;width:150px;padding-left:17px;border-left:2px solid var(--orange);display:flex;flex-direction:column}.workshops-hero-fact b{color:var(--mint);font-size:58px;line-height:.8;letter-spacing:-.08em}.workshops-hero-fact span{margin-top:9px;font-size:13px}.workshops-hero-fact small{margin-top:4px;color:var(--orange);font:600 7px "REE Mono",monospace;text-transform:uppercase}

.workshop-cycle{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;background:var(--paper);color:var(--ink)}.workshop-cycle-heading{position:sticky;top:110px;align-self:start}.workshop-cycle-heading h2{margin:22px 0;font-size:clamp(55px,6.4vw,98px)}.workshop-cycle-heading>p:last-child{max-width:560px;color:rgba(6,27,20,.65);font-size:16px;line-height:1.6}.cycle-track{position:relative;display:flex;flex-direction:column;gap:12px}.cycle-track::before{content:'';position:absolute;left:51px;top:60px;bottom:60px;border-left:1px dashed rgba(6,27,20,.34)}.cycle-track article{position:relative;display:grid;grid-template-columns:120px 1fr 26px;gap:22px;align-items:center;min-height:145px;padding:12px 18px 12px 12px;border:1px solid var(--line-dark);border-radius:72px 18px 18px 72px;background:#eeede5;box-shadow:0 10px 30px rgba(6,27,20,.05);transition:transform .35s}.cycle-track article:nth-child(even){margin-left:9%;background:#dfeadd}.cycle-track article:hover{transform:translateX(6px)}.cycle-image{position:relative;width:112px;height:112px;border-radius:50%;overflow:hidden;background:#0b3828}.cycle-image img{width:100%;height:100%;object-fit:cover}.cycle-image::after{content:'';position:absolute;inset:0;background:rgba(3,20,14,.17)}.cycle-image span{position:absolute;z-index:2;left:8px;top:8px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--orange);font:680 7px "REE Mono",monospace}.cycle-track h3{margin:0 0 8px;font-size:30px;letter-spacing:-.045em}.cycle-track p{margin:0;color:rgba(6,27,20,.65);font-size:13px;line-height:1.5}.cycle-track article>i{color:var(--orange);font-size:20px;font-style:normal}

.workshop-kit{display:grid;grid-template-columns:1.08fr .92fr;gap:7vw;align-items:center;background:#061b14}.workshop-kit figure{position:relative;min-height:700px;margin:0;border-radius:25px;overflow:hidden}.workshop-kit figure img{position:absolute;width:100%;height:100%;object-fit:cover}.workshop-kit figure::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,20,14,.65),transparent 50%)}.workshop-kit figcaption{position:absolute;z-index:2;left:24px;bottom:23px;color:var(--orange);font:650 8px "REE Mono",monospace;letter-spacing:.12em}.workshop-kit h2{margin:24px 0;font-size:clamp(56px,6.4vw,96px)}.workshop-kit h2 em{color:var(--orange);font:inherit;font-style:normal}.workshop-kit>div>p:not(.kicker){color:rgba(255,255,255,.62);font-size:16px;line-height:1.6}.workshop-kit dl{margin:30px 0;border-top:1px solid var(--line-light)}.workshop-kit dl>div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line-light)}.workshop-kit dt{color:var(--orange);font:650 7px "REE Mono",monospace}.workshop-kit dd{margin:0;color:rgba(255,255,255,.7);font-size:13px;line-height:1.45}

.workshop-participation{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;background:var(--orange);color:var(--ink)}.workshop-participation .section-index{color:var(--ink)}.workshop-participation h2{margin-top:24px;font-size:clamp(56px,6.3vw,96px)}.participation-flow{border-top:1px solid rgba(6,27,20,.3)}.participation-flow article{display:grid;grid-template-columns:50px 145px 1fr;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(6,27,20,.3)}.participation-flow span{font:650 8px "REE Mono",monospace}.participation-flow h3{margin:0;font-size:26px}.participation-flow p{margin:0;color:rgba(6,27,20,.7);font-size:13px;line-height:1.5}

.workshop-outcomes{background:var(--paper);color:var(--ink)}.workshop-outcomes-copy{display:grid;grid-template-columns:180px 1fr;gap:5vw}.workshop-outcomes-copy h2{grid-column:2;margin:5px 0 55px;font-size:clamp(58px,7vw,108px)}.workshop-outcome-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.workshop-outcome-panels article{min-height:300px;display:flex;flex-direction:column;padding:25px;border-radius:19px;background:#0b3828;color:white;overflow:hidden;transition:transform .35s,background .35s}.workshop-outcome-panels article:nth-child(2),.workshop-outcome-panels article:nth-child(3){background:#dfeadd;color:var(--ink)}.workshop-outcome-panels article:hover{transform:translateY(-6px)}.workshop-outcome-panels b{color:var(--orange);font:650 8px "REE Mono",monospace;letter-spacing:.1em}.workshop-outcome-panels h3{margin:auto 0 0;max-width:520px;font-size:34px;line-height:1.06;letter-spacing:-.045em}

.workshop-gallery{display:grid;grid-template-columns:.55fr 1.45fr;gap:6vw;background:#0a3023}.workshop-gallery>div:first-child h2{margin-top:24px;font-size:clamp(55px,6.2vw,94px)}.workshop-gallery>div:last-child{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.workshop-gallery figure{position:relative;min-height:300px;margin:0;border-radius:18px;overflow:hidden}.workshop-gallery figure:first-child{grid-row:span 2;min-height:610px}.workshop-gallery img{position:absolute;width:100%;height:100%;object-fit:cover}.workshop-gallery figure::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,20,14,.7),transparent 52%)}.workshop-gallery figcaption{position:absolute;z-index:2;left:18px;bottom:16px;color:var(--orange);font:650 7px "REE Mono",monospace;letter-spacing:.09em}

.workshop-faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;background:#061b14}.workshop-faq h2{margin-top:24px;font-size:clamp(58px,7vw,108px)}.workshop-faq>div:last-child{border-top:1px solid var(--line-light)}.workshop-faq details{border-bottom:1px solid var(--line-light)}.workshop-faq summary{display:grid;grid-template-columns:38px 1fr 30px;gap:12px;align-items:center;padding:20px 0;cursor:pointer;list-style:none}.workshop-faq summary::-webkit-details-marker{display:none}.workshop-faq summary span{color:var(--orange);font:650 8px "REE Mono",monospace}.workshop-faq summary b{font-size:19px}.workshop-faq summary i{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line-light);border-radius:50%;font-style:normal;transition:transform .3s,background .3s}.workshop-faq details[open] summary i{transform:rotate(45deg);background:var(--orange);color:var(--ink);border-color:var(--orange)}.workshop-faq details p{margin:-1px 38px 24px 50px;color:rgba(255,255,255,.6);font-size:14px;line-height:1.6}
.workshop-final{text-align:center;background:var(--orange);color:var(--ink)}.workshop-final .section-index{color:var(--ink)}.workshop-final h2{margin:25px auto;font-size:clamp(70px,9.5vw,152px);line-height:.83}.workshop-final h2 em{color:white;font:inherit;font-style:normal}.workshop-final p{max-width:690px;margin:0 auto 30px;font-size:17px;line-height:1.55}.workshop-final .action-link{margin:auto}

@media(max-width:1100px){
  .recycling-route-visual,.workshop-cycle,.workshop-kit,.workshop-participation,.workshop-gallery,.workshop-faq{grid-template-columns:1fr}.recycling-route-photo,.workshop-cycle-heading{position:relative;top:auto}.recycling-route-photo{min-height:560px}.audit-storyboard-photo{min-height:620px}.about-operations-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto}.about-operations-mosaic .operations-main{grid-column:1 / 3;grid-row:auto;min-height:540px}.workshops-hero-fact{display:none}.workshop-cycle-heading{max-width:760px}.workshop-kit figure{min-height:570px}.workshop-participation{gap:45px}.workshop-gallery{gap:45px}
}
@media(max-width:760px){
  .recycling-route-visual{margin-top:45px}.recycling-route-photo{min-height:410px}.journey-flow::before{left:34px}.journey-flow article,.journey-flow article:nth-child(odd),.journey-flow article:nth-child(even){grid-template-columns:40px 1fr;margin-left:0;margin-right:0;min-height:0}.journey-flow article>i{display:none}.journey-flow h3{font-size:25px}
  .audit-storyboard{padding-top:20px}.audit-storyboard-photo{min-height:540px;border-radius:18px}.audit-marker{max-width:135px;padding:8px}.audit-marker span{font-size:9px}.marker-open{left:4%;top:16%}.marker-sort{left:42%;top:8%}.marker-weigh{right:4%;top:44%}.marker-decide{right:9%;bottom:8%}.audit-storyboard-caption{grid-template-columns:1fr;gap:12px}.audit-storyboard-caption p{font-size:15px}
  .product-routes article{min-height:475px}.catalogue-panel{padding:38px 20px 24px}.catalogue-panel h2{font-size:48px}
  .about-operations-mosaic{grid-template-columns:1fr}.about-operations-mosaic .operations-main{grid-column:auto;min-height:430px}.about-operations-mosaic figure{min-height:330px}
  .workshops-hero-copy{width:100%;padding:145px 20px 60px}.workshops-hero-copy h1{font-size:57px}.workshops-hero-copy>p{font-size:16px}.workshop-cycle-heading h2,.workshop-kit h2,.workshop-participation h2,.workshop-gallery>div:first-child h2,.workshop-faq h2{font-size:53px}.cycle-track::before{left:43px}.cycle-track article,.cycle-track article:nth-child(even){grid-template-columns:90px 1fr;margin-left:0;padding:8px 13px 8px 8px;border-radius:55px 14px 14px 55px}.cycle-image{width:82px;height:82px}.cycle-track article>i{display:none}.cycle-track h3{font-size:25px}.workshop-kit figure{min-height:430px}.workshop-kit dl>div{grid-template-columns:1fr;gap:7px}.participation-flow article{grid-template-columns:35px 1fr}.participation-flow h3{font-size:22px}.participation-flow p{grid-column:2}.workshop-outcomes-copy{grid-template-columns:1fr}.workshop-outcomes-copy h2{grid-column:1;font-size:58px}.workshop-outcome-panels{grid-template-columns:1fr}.workshop-outcome-panels article{min-height:245px}.workshop-gallery>div:last-child{grid-template-columns:1fr}.workshop-gallery figure:first-child{grid-row:auto;min-height:430px}.workshop-gallery figure{min-height:300px}.workshop-faq summary b{font-size:16px}.workshop-final h2{font-size:72px}
}

.catalogue-panel input:user-invalid { border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,90,31,.12); }

/* Outcome system: one blind stream becomes a managed recovery network. */
.manifesto{grid-template-columns:125px minmax(330px,.68fr) minmax(650px,1.32fr);gap:3.5vw}
.manifesto-copy h2{font-size:clamp(62px,5.4vw,92px)}
.manifesto-copy .kicker{color:var(--mint)}
.ree-flow-system{position:relative;min-width:0;padding:16px;border:1px solid rgba(201,245,210,.27);border-radius:24px;background:#061b14;box-shadow:0 34px 80px rgba(0,0,0,.26);overflow:hidden;isolation:isolate}
.ree-flow-system::before{content:'';position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent 0,#000 34%,#000)}
.ree-flow-system::after{content:'';position:absolute;z-index:-1;width:440px;height:440px;right:-170px;top:120px;border-radius:50%;background:radial-gradient(circle,rgba(19,103,68,.28),rgba(19,103,68,0) 68%);transition:background .7s}
.ree-flow-system.is-off::after{background:radial-gradient(circle,rgba(255,90,31,.09),rgba(255,90,31,0) 68%)}
.ree-flow-head{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 5px 15px;border-bottom:1px solid var(--line-light)}
.ree-flow-head>div{display:flex;flex-direction:column;gap:5px}.ree-flow-head>div span{font:650 8px "REE Mono",monospace;letter-spacing:.14em}.ree-flow-head>div small{color:rgba(255,255,255,.34);font:560 6px "REE Mono",monospace;letter-spacing:.13em}
.ree-flow-toggle{display:grid;grid-template-columns:auto 34px auto;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(4,24,17,.7);color:rgba(255,255,255,.42);font:650 7px "REE Mono",monospace;letter-spacing:.1em;cursor:pointer;transition:background .35s,color .35s,border-color .35s}
.ree-flow-toggle i{position:relative;width:34px;height:18px;border-radius:999px;background:rgba(255,255,255,.11);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:background .35s}.ree-flow-toggle b{position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,90,31,.09);transition:transform .42s cubic-bezier(.2,.8,.2,1),background .35s}
.is-on .ree-flow-toggle{color:var(--ink);background:var(--mint);border-color:var(--mint)}.is-on .ree-flow-toggle i{background:rgba(6,27,20,.13)}.is-on .ree-flow-toggle b{background:var(--green);box-shadow:none;transform:translateX(16px)}
.ree-flow-state-copy{position:relative;z-index:8;min-height:60px;display:flex;align-items:center;padding:13px 5px 10px}.ree-flow-state-copy>div{position:absolute;left:5px;display:flex;flex-direction:column;gap:5px;transition:opacity .4s,transform .55s cubic-bezier(.2,.8,.2,1)}.ree-flow-state-copy span{color:var(--orange);font:650 6px "REE Mono",monospace;letter-spacing:.11em}.ree-flow-copy-on span{color:var(--mint)}.ree-flow-state-copy strong{font-size:17px;letter-spacing:-.025em}.ree-flow-state-copy>small{margin-left:auto;color:rgba(255,255,255,.28);font:560 6px "REE Mono",monospace;letter-spacing:.12em}.is-on .ree-flow-copy-off,.is-off .ree-flow-copy-on{opacity:0;transform:translateY(9px);pointer-events:none}.is-off .ree-flow-copy-off,.is-on .ree-flow-copy-on{opacity:1;transform:none}
.ree-flow-stage{position:relative;min-height:620px;overflow:hidden;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(10,43,32,.18),rgba(6,27,20,0) 55%)}
.ree-flow-ribbons{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible}.ree-flow-ribbons path{fill:none;vector-effect:non-scaling-stroke}.ree-layer-off,.ree-layer-on{transition:opacity .5s,transform .72s cubic-bezier(.2,.8,.2,1);transform-origin:center}.is-on .ree-layer-off{opacity:0;transform:translateY(24px)}.is-off .ree-layer-on{opacity:0;transform:translateY(-20px)}
.ree-blind-stream{stroke:#b8ccc3;stroke-width:86;stroke-linecap:round}.ree-value-lost{stroke:var(--orange);stroke-width:16;stroke-linecap:round}.ree-value-origin{fill:var(--orange);stroke:rgba(255,90,31,.12);stroke-width:10}
.ree-mixed-input{stroke:#b8ccc3;stroke-width:78}.ree-route{stroke-linecap:butt}.route-cardboard{stroke:var(--paper);stroke-width:21}.route-plastic{stroke:var(--mint);stroke-width:19}.route-food{stroke:#a8dfa9;stroke-width:17}.route-green{stroke:#6db17d;stroke-width:15}.route-metal{stroke:#3f8c64;stroke-width:13}.route-residual{stroke:#788b83;stroke-width:54}.ree-value-rail{stroke:var(--orange);stroke-width:3}.ree-value-drop{fill:var(--orange)}
.ree-flow-source,.ree-flow-engine,.ree-flow-routes,.ree-flow-landfill,.ree-flow-value-lost,.ree-flow-value-back,.ree-flow-result{position:absolute;z-index:4;transition:opacity .45s,transform .65s cubic-bezier(.2,.8,.2,1)}
.ree-flow-source{left:2%;top:183px;width:150px;min-height:112px;padding:14px;border:1px solid rgba(201,245,210,.34);border-radius:17px;background:#0a2b20;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.ree-source-icons{height:50px;display:flex;align-items:center;gap:15px}.ree-source-icons i{position:relative;width:46px;height:34px;border:3px solid var(--mint);border-top:0}.ree-source-icons i::before{content:'';position:absolute;left:-5px;top:-14px;width:38px;height:38px;border-top:3px solid var(--mint);border-left:3px solid var(--mint);transform:rotate(45deg)}.ree-source-icons i::after{content:'';position:absolute;left:13px;bottom:0;width:14px;height:20px;border:3px solid var(--mint);border-bottom:0}.ree-source-icons b{position:relative;width:31px;height:45px;border-radius:5px;background:var(--green)}.ree-source-icons b::before{content:'';position:absolute;left:7px;right:7px;top:11px;height:3px;border-radius:4px;background:var(--paper);box-shadow:0 9px var(--paper),0 18px var(--paper)}
.ree-flow-source>span{display:block;margin-top:6px;color:rgba(255,255,255,.38);font:620 6px "REE Mono",monospace;letter-spacing:.12em}.ree-flow-source>strong{display:block;margin-top:5px;font-size:17px;white-space:nowrap;letter-spacing:-.03em}
.ree-flow-engine{left:25%;top:128px;width:174px;min-height:174px;padding:15px;border:2px solid var(--orange);border-radius:18px;background:linear-gradient(160deg,rgba(12,52,38,.98),rgba(4,24,17,.98));box-shadow:0 25px 55px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.035)}
.ree-engine-brand{display:grid;grid-template-columns:76px 1fr;gap:9px;align-items:end;padding-bottom:12px;border-bottom:1px solid var(--line-light)}.ree-engine-brand img{width:76px;filter:brightness(0) invert(1)}.ree-engine-brand span{color:var(--orange);font:650 5px/1.2 "REE Mono",monospace;letter-spacing:.1em}.ree-flow-engine ol{display:flex;flex-direction:column;gap:9px;margin:13px 0 0;padding:0;list-style:none}.ree-flow-engine li{display:grid;grid-template-columns:20px 1fr 8px;align-items:center;color:var(--mint);font:620 6px "REE Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.ree-flow-engine li b{color:var(--orange)}.ree-flow-engine li i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px rgba(255,90,31,.35)}.ree-flow-engine li:nth-child(2) i{opacity:.68}.ree-flow-engine li:nth-child(3) i{opacity:.38}
.ree-flow-routes{right:2%;top:23px;width:31%;display:flex;flex-direction:column;gap:7px}.ree-flow-route{position:relative;min-height:50px;display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:0 14px;border-radius:12px;color:var(--ink);overflow:visible}.ree-flow-route strong{font-size:16px;letter-spacing:-.025em}.ree-flow-route>span{font:650 8px "REE Mono",monospace}.ree-flow-route>b{position:absolute;right:-14px;width:10px;height:16px;border-radius:70% 30% 70% 30%;background:var(--orange);transform:rotate(45deg)}.route-tone-paper{background:var(--paper)}.route-tone-mint{background:var(--mint)}.route-tone-sage{background:#a8dfa9}.route-tone-leaf{background:#6db17d}.route-tone-metal{background:#3f8c64;color:white}.route-tone-residual{min-height:66px;padding-bottom:11px;background:#0a2b20;color:white;border:1px solid rgba(255,255,255,.22)}.route-tone-residual>span{color:var(--orange)}.route-tone-residual small{position:absolute;left:46px;bottom:8px;color:rgba(255,255,255,.4);font:580 5px "REE Mono",monospace;letter-spacing:.1em}
.route-icon{position:relative;display:block;width:17px;height:17px;border:2px solid currentColor;border-radius:50%;opacity:.78}.route-icon-box::after{content:'';position:absolute;left:3px;right:3px;top:6px;border-top:2px solid currentColor}.route-icon-bottle{border-radius:4px 4px 6px 6px}.route-icon-bottle::before{content:'';position:absolute;left:4px;right:4px;top:-5px;height:5px;border:2px solid currentColor;border-bottom:0}.route-icon-food::before{content:'';position:absolute;inset:3px;border-radius:50% 50% 45% 45%;background:currentColor}.route-icon-leaf{border-radius:100% 0 100% 0;transform:rotate(-15deg)}.route-icon-leaf::after{content:'';position:absolute;left:7px;top:1px;bottom:1px;border-left:1px solid currentColor;transform:rotate(35deg)}.route-icon-can{border-radius:5px}.route-icon-can::before,.route-icon-can::after{content:'';position:absolute;left:1px;right:1px;height:3px;border:1px solid currentColor;border-radius:50%}.route-icon-can::before{top:0}.route-icon-can::after{bottom:0}.route-icon-residual{border:0;background:#788b83}
.ree-flow-landfill{right:3%;top:153px;width:148px;min-height:220px;padding:15px;border:1px solid rgba(255,90,31,.68);border-radius:18px;background:#0a2b20}.ree-flow-landfill>span{color:var(--orange);font:650 7px "REE Mono",monospace;letter-spacing:.1em}.ree-flow-landfill>strong{display:block;margin-top:6px;font-size:25px}.ree-flow-landfill>i{position:relative;display:block;height:78px;margin-top:15px;border:3px solid #b8ccc3;clip-path:polygon(0 0,100% 0,87% 100%,13% 100%)}.ree-flow-landfill>i b{position:absolute;left:12px;width:84px;height:16px;border-bottom:8px solid #b8ccc3;transform:skewY(-35deg)}.ree-flow-landfill>i b:nth-child(1){top:0}.ree-flow-landfill>i b:nth-child(2){top:23px;border-color:var(--orange)}.ree-flow-landfill>i b:nth-child(3){top:44px;opacity:.35}.ree-flow-landfill small{display:block;margin-top:14px;color:rgba(255,255,255,.4);font:580 6px "REE Mono",monospace;letter-spacing:.1em}.ree-flow-landfill em{display:block;margin-top:4px;color:var(--paper);font-size:23px;font-style:normal;font-weight:680}
.ree-flow-value-lost{right:4%;top:392px;display:flex;align-items:center;gap:10px;color:var(--orange)}.ree-flow-value-lost i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--orange);color:var(--ink);font-style:normal;font-size:22px}.ree-flow-value-lost span{font:650 7px "REE Mono",monospace;letter-spacing:.12em}
.ree-flow-value-back{left:2%;top:454px;width:205px;min-height:84px;padding:12px 14px;border:1px solid rgba(255,90,31,.72);border-radius:15px;background:#0a2b20}.ree-flow-value-back span{display:block;color:var(--orange);font:650 6px "REE Mono",monospace;letter-spacing:.1em}.ree-flow-value-back strong,.ree-flow-value-back b{display:block;margin-top:7px;font-size:15px;line-height:1;font-weight:620}.ree-flow-value-back b{margin-top:5px;color:var(--mint)}
.ree-flow-result{left:2%;right:2%;bottom:0;min-height:96px;display:grid;grid-template-columns:1fr auto 40px;grid-template-rows:auto 1fr;gap:7px 12px;align-items:center;padding:14px 18px;border-top:1px solid var(--line-light);background:linear-gradient(90deg,rgba(255,90,31,.14),rgba(6,27,20,.78) 62%)}.ree-flow-result>span{grid-column:1;color:rgba(255,255,255,.42);font:600 6px "REE Mono",monospace;letter-spacing:.12em}.ree-flow-result>strong{grid-column:1;grid-row:2;font-size:26px;line-height:.95;letter-spacing:-.045em}.ree-flow-result>strong em{color:var(--orange);font:inherit;font-style:normal}.ree-flow-result>small{grid-column:2;grid-row:1 / 3;max-width:180px;color:var(--mint);font:590 6px/1.6 "REE Mono",monospace;letter-spacing:.09em}.ree-flow-result>i{grid-column:3;grid-row:1 / 3;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--orange);color:var(--ink);font-style:normal;font-size:24px}
.ree-result-off,.ree-result-on{transition:opacity .4s,transform .55s}.is-on .ree-result-off,.is-off .ree-result-on{display:none}.is-off .ree-flow-engine,.is-off .ree-flow-routes,.is-off .ree-flow-value-back{opacity:0;transform:translateY(16px);pointer-events:none}.is-on .ree-flow-landfill,.is-on .ree-flow-value-lost{opacity:0;transform:translateY(16px);pointer-events:none}

@media(max-width:1180px){
  .manifesto{grid-template-columns:100px 1fr}.manifesto>.ree-flow-system{grid-column:2;width:min(850px,100%);margin-top:30px}.ree-flow-routes{width:29%}.ree-flow-engine{left:27%}
}
@media(max-width:760px){
  .manifesto{grid-template-columns:1fr;gap:36px}.manifesto-copy h2{font-size:54px}.manifesto>.ree-flow-system{grid-column:1;width:100%;margin-top:8px}.ree-flow-system{padding:11px;border-radius:18px}.ree-flow-head{align-items:flex-start}.ree-flow-head>div small{display:none}.ree-flow-toggle{grid-template-columns:auto 29px auto;gap:6px;padding:6px 8px}.ree-flow-toggle i{width:29px}.is-on .ree-flow-toggle b{transform:translateX(11px)}
  .ree-flow-state-copy{min-height:75px;align-items:flex-start;padding-top:13px}.ree-flow-state-copy strong{font-size:15px}.ree-flow-state-copy>small{display:none}
  .ree-flow-stage{min-height:830px}.ree-flow-ribbons{display:none}.ree-flow-source{left:0;right:0;top:24px;width:100%;min-height:84px;display:grid;grid-template-columns:78px 1fr;grid-template-rows:1fr 1fr;padding:10px 13px}.ree-source-icons{grid-row:1 / 3;height:55px}.ree-flow-source>span{align-self:end;margin:0}.ree-flow-source>strong{align-self:start;font-size:16px}
  .ree-flow-engine{left:0;right:0;top:124px;width:100%;min-height:126px;display:grid;grid-template-columns:130px 1fr;gap:15px;padding:13px}.ree-engine-brand{display:flex;flex-direction:column;align-items:flex-start;border-bottom:0;border-right:1px solid var(--line-light)}.ree-flow-engine ol{margin:2px 0}.ree-flow-engine li{font-size:6px}
  .ree-flow-routes{left:0;right:0;top:267px;width:auto;gap:6px}.ree-flow-route{min-height:48px}.route-tone-residual{min-height:62px}.ree-flow-value-back{left:0;top:644px;width:100%;min-height:70px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.ree-flow-value-back span{grid-column:1 / -1}.ree-flow-value-back strong,.ree-flow-value-back b{margin:2px 0}
  .ree-flow-result{left:0;right:0;min-height:97px;padding:12px}.ree-flow-result>strong{font-size:20px}.ree-flow-result>small{display:none}
  .ree-flow-landfill{left:50%;right:auto;top:240px;width:185px;transform:translateX(-50%);min-height:235px}.is-on .ree-flow-landfill{transform:translate(-50%,16px)}.ree-flow-value-lost{left:50%;right:auto;top:500px;transform:translateX(-50%)}.is-on .ree-flow-value-lost{transform:translate(-50%,16px)}
  .is-off .ree-flow-source{top:70px}.is-off .ree-flow-result{bottom:0}.is-off .ree-flow-stage{min-height:660px}
}

/* Quiet outcome diagram — deliberately uses only recovery green and value orange. */
.flow-lite{position:relative;min-width:0;padding:18px;border:1px solid rgba(201,245,210,.23);border-radius:24px;background:#061b14;box-shadow:0 34px 80px rgba(0,0,0,.22);overflow:hidden;isolation:isolate}
.flow-lite::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000 32%,#000);opacity:.62}
.flow-lite-head{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:3px 4px 17px;border-bottom:1px solid rgba(201,245,210,.14)}
.flow-lite-head>div{display:flex;align-items:center;gap:13px}.flow-lite-head span,.flow-lite-head small{font:650 7px "REE Mono",monospace;letter-spacing:.13em}.flow-lite-head small{color:rgba(255,255,255,.34)}
.flow-lite-head button{display:grid;grid-template-columns:auto 34px auto;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(3,19,13,.65);color:rgba(255,255,255,.38);cursor:pointer;transition:background .35s,border-color .35s,color .35s}
.flow-lite-head button>span{font-size:6px}.flow-lite-head button>i{position:relative;width:34px;height:18px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:background .35s}.flow-lite-head button b{position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--orange);transition:transform .42s cubic-bezier(.2,.8,.2,1),background .35s}
.flow-lite.is-on .flow-lite-head button{border-color:var(--mint);background:var(--mint);color:var(--ink)}.flow-lite.is-on .flow-lite-head button>i{background:rgba(6,27,20,.12)}.flow-lite.is-on .flow-lite-head button b{background:var(--green);transform:translateX(16px)}
.flow-lite-stage{position:relative;min-height:560px}.flow-lite-stage>svg{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible}.flow-lite-stage path{fill:none;vector-effect:non-scaling-stroke}.flow-lite-off,.flow-lite-on{transform-origin:center;transition:opacity .48s,transform .65s cubic-bezier(.2,.8,.2,1)}.flow-lite.is-on .flow-lite-off{opacity:0;transform:translateY(18px)}.flow-lite.is-off .flow-lite-on{opacity:0;transform:translateY(-18px)}
.flow-lite-blind{stroke:rgba(201,245,210,.62);stroke-width:82;stroke-linecap:round}.flow-lite-lost{stroke:var(--orange);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 10}.flow-lite-input{stroke:rgba(201,245,210,.65);stroke-width:70;stroke-linecap:butt}.flow-lite-route{stroke:var(--mint);stroke-linecap:butt}.flow-lite-route.route-1{stroke-width:20;opacity:.92}.flow-lite-route.route-2{stroke-width:18;opacity:.82}.flow-lite-route.route-3{stroke-width:16;opacity:.72}.flow-lite-route.route-4{stroke-width:14;opacity:.62}.flow-lite-route.route-5{stroke-width:12;opacity:.52}.flow-lite-residual{stroke:#74877e;stroke-width:50;opacity:.65}.flow-lite-return{stroke:var(--orange);stroke-width:3;stroke-linecap:round}.flow-lite-drop{fill:var(--orange)}
.flow-lite-source,.flow-lite-engine,.flow-lite-routes,.flow-lite-landfill,.flow-lite-value{position:absolute;z-index:3;transition:opacity .4s,transform .6s cubic-bezier(.2,.8,.2,1)}
.flow-lite-source{left:3%;top:210px;width:140px}.flow-lite-source>i{position:relative;display:block;width:42px;height:42px;margin-bottom:13px;border:1px solid rgba(201,245,210,.62);border-radius:50%}.flow-lite-source>i::before{content:'';position:absolute;left:12px;top:12px;width:16px;height:16px;border:1px solid var(--mint);transform:rotate(45deg)}.flow-lite-source>i::after{content:'';position:absolute;left:20px;top:8px;height:24px;border-left:1px solid rgba(201,245,210,.48);transform:rotate(-28deg)}.flow-lite-source span,.flow-lite-source small{display:block;font:650 7px "REE Mono",monospace;letter-spacing:.11em}.flow-lite-source small{margin-top:6px;color:rgba(255,255,255,.36);font-size:6px}
.flow-lite-engine{left:29%;top:184px;width:170px;min-height:146px;display:flex;flex-direction:column;justify-content:space-between;padding:19px 18px;border:1px solid rgba(201,245,210,.34);border-radius:16px;background:rgba(6,27,20,.97);box-shadow:0 20px 45px rgba(0,0,0,.22)}.flow-lite-engine img{width:78px;filter:brightness(0) invert(1)}.flow-lite-engine span{padding-top:17px;border-top:1px solid rgba(255,255,255,.13);color:var(--mint);font:620 6px/1.55 "REE Mono",monospace;letter-spacing:.1em}
.flow-lite-routes{right:2%;top:52px;width:29%}.flow-lite-routes>div{position:relative;height:65px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:4px 12px;border-bottom:1px solid rgba(201,245,210,.13)}.flow-lite-routes span{font-size:15px;font-weight:620;letter-spacing:-.02em}.flow-lite-routes b{color:var(--mint);font:650 8px "REE Mono",monospace;letter-spacing:.08em}.flow-lite-routes small{grid-column:1 / -1;color:rgba(255,255,255,.3);font:600 5px "REE Mono",monospace;letter-spacing:.12em}.flow-lite-routes .is-residual span,.flow-lite-routes .is-residual b{color:rgba(255,255,255,.56)}
.flow-lite-landfill{right:7%;top:215px;width:120px}.flow-lite-landfill span{display:block;color:rgba(255,255,255,.42);font:650 7px "REE Mono",monospace;letter-spacing:.12em}.flow-lite-landfill b{display:block;margin-top:10px;color:var(--paper);font-size:33px;line-height:1}
.flow-lite-value{color:var(--orange);font:650 6px "REE Mono",monospace;letter-spacing:.13em}.flow-lite-value-back{left:3%;top:457px}.flow-lite-value-lost{right:7%;top:370px}
.flow-lite.is-off .flow-lite-engine,.flow-lite.is-off .flow-lite-routes,.flow-lite.is-off .flow-lite-value-back{opacity:0;transform:translateY(14px);pointer-events:none}.flow-lite.is-on .flow-lite-landfill,.flow-lite.is-on .flow-lite-value-lost{opacity:0;transform:translateY(14px);pointer-events:none}
.flow-lite-input,.flow-lite-route,.flow-lite-residual,.flow-lite-return,.flow-lite-blind,.flow-lite-lost{stroke-dasharray:1;stroke-dashoffset:1}.flow-lite.is-on .flow-lite-input,.flow-lite.is-on .flow-lite-route,.flow-lite.is-on .flow-lite-residual,.flow-lite.is-on .flow-lite-return{animation:flow-lite-draw .9s cubic-bezier(.2,.8,.2,1) forwards}.flow-lite.is-on .route-2{animation-delay:.05s}.flow-lite.is-on .route-3{animation-delay:.1s}.flow-lite.is-on .route-4{animation-delay:.15s}.flow-lite.is-on .route-5{animation-delay:.2s}.flow-lite.is-on .flow-lite-residual{animation-delay:.24s}.flow-lite.is-on .flow-lite-return{animation-duration:1.2s;animation-delay:.35s}.flow-lite.is-off .flow-lite-blind,.flow-lite.is-off .flow-lite-lost{animation:flow-lite-draw .85s cubic-bezier(.2,.8,.2,1) forwards}.flow-lite.is-off .flow-lite-lost{animation-delay:.18s}
@keyframes flow-lite-draw{to{stroke-dashoffset:0}}
.flow-lite-foot{position:relative;z-index:4;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 4px 0;border-top:1px solid rgba(201,245,210,.14)}.flow-lite-foot strong{font-size:18px;line-height:1.2;letter-spacing:-.025em}.flow-lite-foot span{color:var(--mint);font:650 6px "REE Mono",monospace;letter-spacing:.11em;text-align:right}.flow-lite.is-off .flow-lite-foot span{color:rgba(255,255,255,.42)}

@media(max-width:1180px){
  .manifesto>.flow-lite{grid-column:2;width:min(850px,100%);margin-top:30px}
}
@media(max-width:760px){
  .manifesto>.flow-lite{grid-column:1;width:100%;margin-top:8px}.flow-lite{padding:13px;border-radius:18px}.flow-lite-head{align-items:flex-start}.flow-lite-head>div{align-items:flex-start;flex-direction:column;gap:5px}.flow-lite-head small{display:none}.flow-lite-head button{grid-template-columns:auto 29px auto;gap:6px;padding:6px 8px}.flow-lite-head button>i{width:29px}.flow-lite.is-on .flow-lite-head button b{transform:translateX(11px)}
  .flow-lite-stage{min-height:582px}.flow-lite-stage>svg{display:none}.flow-lite-stage::before{content:'';position:absolute;left:20px;top:84px;bottom:72px;border-left:1px solid rgba(201,245,210,.15)}
  .flow-lite-source{left:0;top:35px;width:100%;padding-left:0}.flow-lite-source>i{width:40px;height:40px;margin:0 0 13px}.flow-lite-source span,.flow-lite-source small{margin-left:58px;transform:translateY(-40px)}.flow-lite-source small{margin-top:6px}
  .flow-lite-engine{left:0;right:0;top:132px;width:100%;min-height:104px;padding:15px 16px}.flow-lite-engine img{width:68px}.flow-lite-engine span{padding-top:13px}
  .flow-lite-routes{left:0;right:0;top:255px;width:100%;padding-left:23px}.flow-lite-routes>div{height:45px}.flow-lite-routes span{font-size:14px}.flow-lite-value-back{left:23px;top:546px}
  .flow-lite-landfill{left:24px;right:auto;top:225px}.flow-lite-value-lost{left:24px;right:auto;top:380px}.flow-lite.is-off .flow-lite-stage{min-height:455px}.flow-lite.is-off .flow-lite-source{top:90px}.flow-lite.is-off .flow-lite-stage::before{top:145px;bottom:100px;border-color:rgba(255,90,31,.22)}
  .flow-lite-foot{min-height:92px;align-items:flex-start;flex-direction:column;justify-content:center;gap:9px}.flow-lite-foot strong{font-size:17px}.flow-lite-foot span{text-align:left}
}

/* Particle outcome system — visually related to the hero reduction engine. */
.flow-particles{position:relative;min-width:0;padding:18px;border:1px solid rgba(201,245,210,.23);border-radius:24px;background:#061b14;box-shadow:0 34px 80px rgba(0,0,0,.22);overflow:hidden;isolation:isolate}
.flow-particles::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000);opacity:.65}
.flow-particles-head{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:3px 4px 17px;border-bottom:1px solid rgba(201,245,210,.14)}
.flow-particles-head>div{display:flex;align-items:center;gap:13px}.flow-particles-head span,.flow-particles-head small,.flow-particles-head>b{font:650 7px "REE Mono",monospace;letter-spacing:.13em}.flow-particles-head small{color:rgba(255,255,255,.34)}.flow-particles-head>b{color:var(--orange);font-size:6px;transition:color .4s}.flow-particles.is-off .flow-particles-head>b{color:rgba(255,255,255,.33)}
.flow-particles-stage{position:relative;min-height:560px}.flow-particle-field{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.particle-state{transition:opacity .5s}.flow-particles.is-on .particle-state-off,.flow-particles.is-off .particle-state-on{opacity:0}.flow-particles.is-off .particle-state-off,.flow-particles.is-on .particle-state-on{opacity:1}
.flow-particle{fill:var(--mint);opacity:.82}.flow-particle.particle-1{opacity:.46}.flow-particle.particle-2{opacity:.68}.flow-particle.particle-3{opacity:.34}.stream-input .flow-particle{fill:#b6c9bf;transition:fill .45s}.flow-particles.is-on .stream-input .flow-particle{fill:var(--mint)}.stream-recovery .flow-particle{fill:var(--mint);filter:url(#particle-glow)}.stream-residual .flow-particle,.stream-blind .flow-particle{fill:#8b9b93;opacity:.58}.stream-recovery.stream-4 .flow-particle,.stream-recovery.stream-5 .flow-particle{opacity:.62}
.flow-business-source,.flow-ree-switch,.flow-route-labels,.flow-off-destination,.flow-value-meter{position:absolute;z-index:4}
.flow-business-source{left:2%;top:217px;width:130px}.flow-bins{height:49px;display:flex;align-items:flex-end;gap:7px}.flow-bins>i{position:relative;display:block;width:25px;height:38px;border:1px solid rgba(201,245,210,.72);border-radius:2px 2px 5px 5px;background:rgba(201,245,210,.04)}.flow-bins>i:nth-child(2){height:45px}.flow-bins>i:nth-child(3){height:34px}.flow-bins>i::before{content:'';position:absolute;left:-3px;right:-3px;top:-5px;border-top:2px solid var(--mint)}.flow-bins>i::after{content:'';position:absolute;left:6px;right:6px;top:9px;border-top:1px solid rgba(201,245,210,.38);box-shadow:0 7px 0 rgba(201,245,210,.26),0 14px 0 rgba(201,245,210,.17)}.flow-business-source>span{display:block;margin-top:13px;color:var(--paper);font:650 7px/1.4 "REE Mono",monospace;letter-spacing:.1em}
.flow-ree-switch{left:30%;top:188px;width:23%;min-width:164px;height:184px;display:flex;flex-direction:column;justify-content:space-between;padding:16px;border:1px solid rgba(201,245,210,.28);border-radius:17px;background:linear-gradient(155deg,rgba(72,84,79,.92),rgba(25,37,32,.98));color:white;text-align:left;box-shadow:0 22px 50px rgba(0,0,0,.28);cursor:pointer;overflow:hidden;transition:background .6s,border-color .45s,box-shadow .55s,transform .35s}.flow-ree-switch:hover{transform:translateY(-3px)}.flow-ree-switch:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.flow-particles.is-on .flow-ree-switch{border-color:#ff8a55;background:linear-gradient(145deg,#ff6a2b,#eb4f17);box-shadow:0 24px 60px rgba(255,90,31,.22)}
.flow-switch-brand{position:relative;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:10px;transition:justify-content .4s}.flow-switch-brand img{width:72px;filter:brightness(0) invert(1);transition:opacity .4s,width .45s,transform .45s}.flow-switch-brand strong{color:rgba(255,255,255,.86);font:650 6px "REE Mono",monospace;letter-spacing:.1em;white-space:nowrap;transition:font-size .4s,color .4s}.flow-particles.is-off .flow-switch-brand{justify-content:center;align-items:center}.flow-particles.is-off .flow-switch-brand img{width:0;opacity:0;transform:translateY(-6px)}.flow-particles.is-off .flow-switch-brand strong{color:rgba(255,255,255,.66);font-size:8px}
.flow-engine-motion{position:absolute;z-index:1;left:15px;right:15px;top:61px;height:54px;border-top:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17);overflow:hidden;transition:opacity .4s}.flow-engine-motion>i{position:absolute;left:-9px;top:23px;width:7px;height:7px;border-radius:50%;background:#062117;animation:flowEngineParticle 2.7s linear infinite}.flow-engine-motion>i:nth-child(2){animation-delay:-.9s}.flow-engine-motion>i:nth-child(3){animation-delay:-1.8s}.flow-engine-motion>b{position:absolute;top:7px;bottom:7px;left:18%;border-left:1px solid rgba(6,33,23,.78);box-shadow:0 0 12px rgba(6,33,23,.42);animation:flowEngineScan 2.2s ease-in-out infinite alternate}.flow-particles.is-off .flow-engine-motion{opacity:.12}.flow-particles.is-off .flow-engine-motion>i{background:rgba(255,255,255,.42)}.flow-particles.is-off .flow-engine-motion>b{border-color:rgba(255,255,255,.2);box-shadow:none;animation-play-state:paused}
.flow-switch-control{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:11px;border-top:1px solid rgba(255,255,255,.2)}.flow-switch-control>span{font:650 5.5px "REE Mono",monospace;letter-spacing:.11em;transition:font-size .4s,color .4s}.flow-switch-control>i{position:relative;width:31px;height:17px;border-radius:999px;background:rgba(6,33,23,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);transition:width .4s,height .4s,background .4s}.flow-switch-control>i b{position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.68);transition:transform .42s,background .35s,width .4s,height .4s}.flow-particles.is-on .flow-switch-control>i b{background:#08251b;transform:translateX(14px)}.flow-particles.is-off .flow-switch-control{justify-content:center;gap:12px;border-top-color:rgba(255,255,255,.1)}.flow-particles.is-off .flow-switch-control>span{color:var(--mint);font-size:8px}.flow-particles.is-off .flow-switch-control>i{width:54px;height:28px;background:rgba(255,255,255,.08)}.flow-particles.is-off .flow-switch-control>i b{left:4px;top:4px;width:20px;height:20px;background:var(--mint);box-shadow:0 0 14px rgba(201,245,210,.28)}.flow-particles.is-off .flow-switch-control>i::after{content:'';position:absolute;inset:-5px;border:1px solid rgba(201,245,210,.3);border-radius:999px;animation:flowSwitchInvite 1.8s ease-out infinite}
.flow-switch-hint{position:absolute;z-index:4;left:0;right:0;top:82px;display:flex;align-items:center;justify-content:center;gap:7px;color:rgba(255,255,255,.7);font:650 5.5px "REE Mono",monospace;letter-spacing:.12em;opacity:0;transform:translateY(5px);transition:opacity .4s,transform .4s}.flow-switch-hint>i{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(201,245,210,.35);animation:flowHintPulse 1.5s ease-out infinite}.flow-particles.is-off .flow-switch-hint{opacity:1;transform:none}
@keyframes flowEngineParticle{to{left:105%}}@keyframes flowEngineScan{to{left:82%}}@keyframes flowSwitchInvite{0%{opacity:.75;transform:scale(.92)}70%,100%{opacity:0;transform:scale(1.18)}}@keyframes flowHintPulse{0%{box-shadow:0 0 0 0 rgba(201,245,210,.4)}70%,100%{box-shadow:0 0 0 8px rgba(201,245,210,0)}}
.flow-route-labels{inset:0;pointer-events:none;transition:opacity .45s,transform .55s}.flow-particles.is-off .flow-route-labels{opacity:0;transform:translateX(10px)}.flow-route-labels>div{position:absolute;left:78%;right:9%;min-height:34px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:3px 7px}.flow-route-labels span{font-size:13px;font-weight:620;line-height:1.05;letter-spacing:-.02em}.flow-route-labels b{color:var(--mint);font:650 7px "REE Mono",monospace;letter-spacing:.07em}.flow-route-labels small{grid-column:1 / -1;color:rgba(255,255,255,.3);font:600 5px "REE Mono",monospace;letter-spacing:.1em}.flow-route-labels .is-residual span,.flow-route-labels .is-residual b{color:rgba(255,255,255,.52)}
.flow-off-destination{left:78%;right:9%;top:252px;display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:end;pointer-events:none;transition:opacity .45s,transform .55s}.flow-particles.is-on .flow-off-destination{opacity:0;transform:translateX(10px)}.flow-off-destination span{font-size:13px;font-weight:620;line-height:1.05}.flow-off-destination b{color:rgba(255,255,255,.62);font:650 8px "REE Mono",monospace}.flow-off-destination small{grid-column:1 / -1;color:rgba(255,255,255,.3);font:600 5px "REE Mono",monospace;letter-spacing:.1em}
.flow-value-meter{right:1.2%;top:58px;bottom:53px;width:48px;pointer-events:none}.flow-value-meter>span{display:block;color:var(--orange);font:650 5.5px/1.45 "REE Mono",monospace;letter-spacing:.09em;text-align:center;transition:color .4s}.flow-particles.is-off .flow-value-meter>span{color:rgba(255,255,255,.4)}.flow-meter-track{position:absolute;left:50%;top:52px;bottom:8px;width:2px;background:rgba(255,255,255,.13)}.flow-meter-track>i{position:absolute;left:-1px;bottom:0;width:4px;height:5%;border-radius:4px;background:var(--orange);box-shadow:0 0 14px rgba(255,90,31,.3);transition:height .9s cubic-bezier(.2,.8,.2,1)}.flow-particles.is-on .flow-meter-track>i{height:70%}.flow-meter-track>b{position:absolute;right:8px;bottom:5%;color:var(--paper);font:700 9px "REE Mono",monospace;transform:translateY(50%);transition:bottom .9s cubic-bezier(.2,.8,.2,1)}.flow-particles.is-on .flow-meter-track>b{bottom:70%;color:var(--orange)}.flow-meter-track>b::after{content:'';position:absolute;left:calc(100% + 5px);top:50%;width:7px;border-top:1px solid currentColor}.flow-meter-track>small{position:absolute;left:8px;color:rgba(255,255,255,.26);font:600 5px "REE Mono",monospace}.meter-max{top:-2px}.meter-min{bottom:-2px}
.flow-particles-foot{position:relative;z-index:6;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 4px 0;border-top:1px solid rgba(201,245,210,.14)}.flow-particles-foot strong{font-size:18px;line-height:1.2;letter-spacing:-.025em}.flow-particles-foot span{color:var(--orange);font:650 6px "REE Mono",monospace;letter-spacing:.11em;text-align:right}.flow-particles.is-off .flow-particles-foot span{color:rgba(255,255,255,.42)}

@media(max-width:1180px){
  .manifesto>.flow-particles{grid-column:2;width:min(850px,100%);margin-top:30px}
}
@media(max-width:760px){
  .manifesto>.flow-particles{grid-column:1;width:100%;margin-top:8px}.flow-particles{padding:13px;border-radius:18px}.flow-particles-head{align-items:flex-start}.flow-particles-head>div{align-items:flex-start;flex-direction:column;gap:5px}.flow-particles-head small{display:none}.flow-particles-head>b{max-width:105px;text-align:right;line-height:1.5}
  .flow-particles-stage{min-height:575px}.flow-business-source{left:0;top:220px;width:26%}.flow-bins{height:42px;gap:4px}.flow-bins>i{width:18px;height:31px}.flow-bins>i:nth-child(2){height:38px}.flow-bins>i:nth-child(3){height:28px}.flow-business-source>span{max-width:78px;margin-top:10px;font-size:4.7px;line-height:1.55;text-align:center}
  .flow-ree-switch{left:29%;top:188px;width:35%;min-width:0;height:184px;padding:10px;border-radius:14px}.flow-switch-brand{align-items:flex-start;flex-direction:column;gap:7px}.flow-switch-brand img{width:52px}.flow-switch-brand strong{font-size:5px}.flow-engine-motion{left:9px;right:9px;top:66px}.flow-switch-control{gap:5px}.flow-switch-control>span{font-size:4.3px}.flow-switch-control>i{width:27px;flex:0 0 27px}.flow-particles.is-on .flow-switch-control>i b{transform:translateX(10px)}.flow-particles.is-off .flow-switch-control{flex-direction:column;gap:7px;padding-top:8px}.flow-particles.is-off .flow-switch-control>span{font-size:5.5px;white-space:nowrap}.flow-particles.is-off .flow-switch-control>i{width:44px;height:24px;flex-basis:24px}.flow-particles.is-off .flow-switch-control>i b{width:16px;height:16px}.flow-particles.is-off .flow-switch-hint{top:80px;font-size:4.2px;letter-spacing:.08em}
  .flow-route-labels>div{left:74%;right:0}.flow-route-labels span{font-size:10px}.flow-route-labels b{font-size:5.5px}.flow-route-labels small{font-size:4px}.flow-off-destination{left:74%;right:0}.flow-off-destination span{font-size:10px}.flow-off-destination b{font-size:6px}
  .flow-value-meter{left:0;right:0;top:auto;bottom:6px;width:auto;height:54px;display:grid;grid-template-columns:73px 1fr;align-items:center}.flow-value-meter>span{text-align:left}.flow-meter-track{position:relative;left:auto;top:auto;bottom:auto;width:auto;height:2px;margin:0 18px 0 7px}.flow-meter-track>i{left:0;bottom:-1px;width:5%;height:4px;transition:width .9s cubic-bezier(.2,.8,.2,1)}.flow-particles.is-on .flow-meter-track>i{width:70%;height:4px}.flow-meter-track>b{left:5%;right:auto;bottom:8px;transform:translateX(-50%);transition:left .9s cubic-bezier(.2,.8,.2,1)}.flow-particles.is-on .flow-meter-track>b{left:70%;bottom:8px}.flow-meter-track>b::after{left:50%;top:calc(100% + 4px);height:6px;width:0;border-top:0;border-left:1px solid currentColor}.flow-meter-track>small{top:8px;bottom:auto}.flow-meter-track .meter-min{left:0}.flow-meter-track .meter-max{left:auto;right:0}
  .flow-particles-foot{min-height:92px;align-items:flex-start;flex-direction:column;justify-content:center;gap:9px}.flow-particles-foot strong{font-size:17px}.flow-particles-foot span{text-align:left}
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .hero-media { animation:none!important; }
  .rain-item { animation:none!important; top:20px; opacity:.88; }
  .rain-item:nth-child(n+7) { top:82px; }
  .coin-stream>i { animation:none!important; top:17px; }
  .coin-stream>i:nth-child(1){left:2px}.coin-stream>i:nth-child(2){left:37px}.coin-stream>i:nth-child(3){left:72px}.coin-stream>i:nth-child(n+4){display:none}
  .process-stage>i,.process-stage>b,.process-material i,.engine-readout i { animation:none!important; }
}

/* Pre-launch credibility and SEO capability library. */
.founder-story-human{grid-template-columns:.9fr .7fr .75fr;gap:5vw;align-items:end}
.founder-story-human>figure{position:relative;margin:0;min-height:520px;border-radius:22px;overflow:hidden;background:#09271d}
.founder-story-human>figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.founder-story-human>figure::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,19,14,.95),transparent 62%)}
.founder-story-human figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:22px}
.founder-story-human figcaption span{color:var(--orange);font:650 7px "REE Mono",monospace;letter-spacing:.11em}
.founder-story-human blockquote{margin:12px 0 0;color:var(--paper);font-size:18px;line-height:1.45}
.founder-story-copy{align-self:end}.founder-story-copy p{font-size:16px}
.team-intro{max-width:480px;margin:30px 0 0;color:rgba(255,255,255,.58);font-size:15px;line-height:1.6}
.team-list article{grid-template-columns:45px minmax(170px,.65fr) 1fr;align-items:start;padding:22px 0}
.team-list article>div b{display:block;margin-top:5px;color:var(--orange);font:600 6px "REE Mono",monospace;letter-spacing:.09em}
.team-list article>p{max-width:440px;font:400 13px/1.55 "REE Sans",Arial,sans-serif;letter-spacing:0;color:rgba(255,255,255,.58)}

.solutions-library{background:var(--paper);color:var(--ink)}
.solutions-library-head{display:grid;grid-template-columns:150px 1fr;gap:5vw}.solutions-library-head>div{max-width:1040px}
.solutions-library h2{margin:20px 0 22px;font-size:clamp(56px,7vw,108px);line-height:.9}.solutions-library h2 em{color:var(--green);font:inherit;font-style:normal}
.solutions-library-head>div>p:last-child{max-width:720px;color:rgba(6,27,20,.64);font-size:16px;line-height:1.6}
.solution-clusters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:62px}
.solution-cluster{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line-dark);border-radius:20px;overflow:hidden;background:#ecebe3}
.solution-cluster header{display:grid;grid-template-columns:42px 1fr;gap:14px;min-height:178px;padding:22px;border-bottom:1px solid var(--line-dark)}
.solution-cluster header>span{color:var(--orange);font:700 9px "REE Mono",monospace}.solution-cluster h3{margin:0;font-size:42px;letter-spacing:-.05em}
.solution-cluster header p{margin:13px 0 0;color:rgba(6,27,20,.58);font-size:13px;line-height:1.45}
.solution-cluster>div{display:flex;flex-direction:column;flex:1;padding:8px 16px 15px}
.solution-cluster a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:56px;padding:13px 5px;border-bottom:1px solid rgba(6,27,20,.12);font-size:14px;transition:padding .25s,color .25s}
.solution-cluster a:last-child{border-bottom:0}.solution-cluster a>span:last-child{color:var(--orange);font-size:15px}.solution-cluster a:hover{padding-left:12px;color:var(--green)}
.cluster-action{background:#dfeadd}.cluster-control{background:#0c3a2a;color:white}.cluster-control header{border-color:var(--line-light)}.cluster-control header p{color:rgba(255,255,255,.55)}.cluster-control a{border-color:var(--line-light)}

.solution-page{background:var(--ink)}
.solution-hero{position:relative;min-height:88svh;display:flex;align-items:end;padding:165px 5vw 76px;overflow:hidden;background:radial-gradient(circle at 78% 38%,#155d41,#03140e 62%)}
.solution-hero-action{background:radial-gradient(circle at 78% 38%,#254f36,#03140e 62%)}.solution-hero-control{background:radial-gradient(circle at 78% 38%,#10352a,#03140e 62%)}
.solution-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(201,245,210,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(201,245,210,.045) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,transparent,#000 48%)}
.solution-hero-copy{position:relative;z-index:2;max-width:950px}.solution-parent{display:flex;gap:9px;margin:22px 0;color:rgba(255,255,255,.4);font:620 7px "REE Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.solution-parent a{color:var(--mint)}
.solution-hero h1{max-width:980px;margin:0;font-size:clamp(62px,8vw,126px);line-height:.88;letter-spacing:-.072em}
.solution-hero-copy>p:not(.solution-parent){max-width:720px;margin:28px 0;color:rgba(255,255,255,.72);font-size:20px;line-height:1.55}
.solution-hero-copy>div{display:flex;align-items:center;gap:30px}.solution-hero-copy>div>a:last-child{font:650 7px "REE Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.solution-hero-copy>div>a:last-child span{color:var(--orange);font-size:15px}
.solution-hero-system{position:absolute;z-index:3;right:5vw;top:145px;display:flex;border:1px solid var(--line-light);border-radius:999px;overflow:hidden;background:rgba(3,19,14,.55);backdrop-filter:blur(15px)}
.solution-hero-system span{display:flex;align-items:center;gap:7px;padding:10px 13px;color:rgba(255,255,255,.35);font:620 6px "REE Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.solution-hero-system span+span{border-left:1px solid var(--line-light)}.solution-hero-system b{color:var(--orange)}.solution-hero-system .is-active{background:var(--orange);color:var(--ink)}.solution-hero-system .is-active b{color:var(--ink)}
.solution-summary{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--paper);color:var(--ink)}.solution-summary h2{margin-top:22px;font-size:clamp(54px,6.2vw,96px)}.solution-summary>div:last-child{align-self:end}.solution-summary>div:last-child>p{color:rgba(6,27,20,.65);font-size:19px;line-height:1.65}.solution-summary blockquote{margin:30px 0 0;padding-left:24px;border-left:2px solid var(--orange);color:var(--green);font-size:24px;line-height:1.35}
.solution-scope{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#0a3023}.solution-scope-column{padding:30px;border:1px solid var(--line-light);border-radius:22px;background:rgba(255,255,255,.025)}.solution-scope-column h2{margin:20px 0 35px;font-size:clamp(50px,5.6vw,88px)}.solution-scope-column>div{border-top:1px solid var(--line-light)}.solution-scope-column article{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:19px 0;border-bottom:1px solid var(--line-light)}.solution-scope-column article span{color:var(--orange);font:650 8px "REE Mono",monospace}.solution-scope-column article p{margin:0;color:rgba(255,255,255,.7);font-size:16px}.outcome-column{background:var(--mint);color:var(--ink);border-color:var(--mint)}.outcome-column .section-index,.outcome-column article span{color:var(--green)}.outcome-column>div,.outcome-column article{border-color:rgba(6,27,20,.17)}.outcome-column article p{color:rgba(6,27,20,.78)}
.solution-audience{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#061b14}.solution-audience h2{margin-top:22px;font-size:clamp(54px,6.4vw,100px)}.solution-audience>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);align-self:end;border-top:1px solid var(--line-light);border-left:1px solid var(--line-light)}.solution-audience>div:last-child span{min-height:145px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light);font-size:20px}.solution-audience b{color:var(--orange);font:650 7px "REE Mono",monospace}
.solution-faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;background:#0a3023}.solution-faq h2{margin-top:24px;font-size:clamp(54px,6.4vw,100px)}
.solution-related{background:var(--paper);color:var(--ink)}.solution-related>div:first-child{display:grid;grid-template-columns:180px 1fr;gap:4vw;align-items:start}.solution-related h2{margin:0;font-size:clamp(52px,6.5vw,100px)}.solution-related>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:55px}.solution-related a{position:relative;min-height:280px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line-dark);border-radius:18px;transition:transform .35s,background .35s}.solution-related a:hover{transform:translateY(-6px);background:#dfeadd}.solution-related a>span:first-child{color:var(--orange);font:650 7px "REE Mono",monospace;text-transform:uppercase}.solution-related h3{margin:auto 0 12px;font-size:32px;letter-spacing:-.045em}.solution-related p{margin:0;max-width:90%;color:rgba(6,27,20,.58);font-size:13px;line-height:1.45}.solution-related a>span:last-child{position:absolute;right:20px;top:20px;color:var(--green);font-size:18px}

@media(max-width:1050px){
  .founder-story-human{grid-template-columns:1fr 1fr}.founder-story-human>div:first-child{grid-column:1/-1}.solution-clusters{grid-template-columns:1fr}.solution-cluster{display:grid;grid-template-columns:280px 1fr}.solution-cluster header{height:100%;border-bottom:0;border-right:1px solid var(--line-dark)}.solution-cluster>div{display:grid;grid-template-columns:repeat(2,1fr)}.solution-cluster a:nth-child(odd){border-right:1px solid rgba(6,27,20,.12)}.cluster-control a:nth-child(odd){border-color:var(--line-light)}
  .solution-summary,.solution-audience,.solution-faq{grid-template-columns:1fr}.solution-related>div:last-child{grid-template-columns:1fr 1fr}.solution-hero-system{top:105px}
}
@media(max-width:760px){
  .founder-story-human{grid-template-columns:1fr}.founder-story-human>figure{min-height:460px}.founder-story-copy{grid-column:1}.team-list article{grid-template-columns:32px 1fr}.team-list article>p{grid-column:2}.team-list article>div b{margin-top:4px}
  .solutions-library-head{grid-template-columns:1fr}.solutions-library h2{font-size:53px}.solution-clusters{margin-top:40px}.solution-cluster{display:flex}.solution-cluster header{min-height:0;border-right:0;border-bottom:1px solid var(--line-dark)}.solution-cluster>div{display:flex}.solution-cluster a:nth-child(odd){border-right:0}.solution-hero{min-height:100svh;padding:150px 20px 55px}.solution-hero h1{font-size:57px}.solution-hero-copy>p:not(.solution-parent){font-size:16px}.solution-hero-system{left:20px;right:20px;top:100px;justify-content:center}.solution-hero-system span{flex:1;justify-content:center;padding:8px 5px}.solution-hero-copy>div{align-items:flex-start;flex-direction:column;gap:22px}
  .solution-summary,.solution-scope,.solution-audience,.solution-faq{grid-template-columns:1fr}.solution-scope-column{padding:20px}.solution-audience>div:last-child{grid-template-columns:1fr 1fr}.solution-audience>div:last-child span{min-height:110px;font-size:16px}.solution-related>div:first-child{grid-template-columns:1fr}.solution-related>div:last-child{grid-template-columns:1fr}.solution-related a{min-height:230px}
}