:root{--ink:#0b0b0c;--paper:#f2f0eb;--muted:#a9a79f;--line:rgba(255,255,255,.18);--accent:#d8b568}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f7f5ef;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.nav-wrap{position:fixed;z-index:50;top:0;left:0;right:0;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;background:linear-gradient(to bottom,rgba(11,11,12,.9),transparent);backdrop-filter:blur(5px)}.brand{display:flex;align-items:center;gap:12px;font:600 14px/1 Manrope,sans-serif;letter-spacing:.18em}.brand-mark{width:32px;height:32px;border:1px solid rgba(255,255,255,.55);display:grid;place-items:center;font-size:10px;letter-spacing:.05em}.nav-wrap nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav-cta{border-bottom:1px solid var(--accent);padding-bottom:5px}.menu{display:none;background:none;border:0}.section{position:relative;padding:130px 6vw}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-top:140px}.eyebrow,.section-label{font:600 11px/1.2 Manrope,sans-serif;letter-spacing:.22em;color:var(--muted)}h1,h2,h3,.kicker{font-family:Manrope,sans-serif;margin:0}h1{font-size:clamp(56px,8.2vw,132px);line-height:.88;letter-spacing:-.065em;max-width:1400px}h1 span,h2 span{color:var(--accent)}.hero .eyebrow{margin-bottom:35px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:54px;border-top:1px solid var(--line);padding-top:28px}.hero-bottom p{max-width:650px;font-size:19px;line-height:1.6;color:#c9c7c0;margin:0}.circle-link{width:64px;height:64px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:grid;place-items:center;font-size:24px}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.22;pointer-events:none}.orb-one{width:450px;height:450px;right:-140px;top:13%;background:radial-gradient(circle at 35% 35%,var(--accent),transparent 67%)}.orb-two{width:250px;height:250px;right:18%;bottom:-100px;background:radial-gradient(circle,#fff,transparent 65%);opacity:.06}.intro{background:var(--paper);color:#101011}.section-label{margin-bottom:70px}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:start}.split h2,.possibilities h2,.contact h2{font-size:clamp(42px,5.7vw,90px);line-height:.94;letter-spacing:-.055em}.body-copy{font-size:19px;line-height:1.65;color:#4f4e4a;max-width:620px}.body-copy p:first-child{margin-top:0}.services{padding-top:0;background:var(--paper);color:#101011}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c8c5bd;border-left:1px solid #c8c5bd}.service{min-height:280px;padding:32px;border-right:1px solid #c8c5bd;border-bottom:1px solid #c8c5bd;display:flex;flex-direction:column}.service>span{font-size:11px;color:#77746c}.service h3{font-size:23px;letter-spacing:-.03em;margin-top:auto}.service p{color:#67645e;line-height:1.55;margin-bottom:0}.flow{min-height:720px;display:flex;flex-direction:column;justify-content:center}.kicker{font-size:clamp(34px,4.5vw,70px);line-height:1.05;letter-spacing:-.045em}.kicker strong{color:var(--accent);font-weight:600}.flow-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:90px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:600 clamp(14px,1.4vw,22px)/1 Manrope,sans-serif;letter-spacing:.05em}.flow-line i{font-style:normal;color:var(--accent)}.flow-note{color:var(--muted);margin-top:24px}.experience{background:#171719}.stats-head p{font-size:18px;line-height:1.7;color:#b9b7b0;max-width:560px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid var(--line)}.stat{padding:35px 20px 10px 0;display:flex;align-items:end;gap:24px}.stat strong{font:500 clamp(80px,10vw,160px)/.8 Manrope,sans-serif;letter-spacing:-.08em;color:var(--accent)}.stat span{font-size:11px;line-height:1.5;letter-spacing:.12em;color:#b9b7b0}.possibilities{background:var(--paper);color:#101011}.possibilities p{max-width:830px;font-size:22px;line-height:1.6;color:#56544e;margin:50px 0}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill-row span{border:1px solid #aaa69d;border-radius:999px;padding:12px 18px;font-size:11px;letter-spacing:.13em}.contact{display:grid;grid-template-columns:1fr .8fr;gap:10vw}.contact-copy>p{max-width:560px;color:#aaa8a2;font-size:18px;line-height:1.65;margin-top:38px}.contact-form{padding-top:80px}.contact-form label{display:block;color:#aaa8a2;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:28px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:9px;background:transparent;border:0;border-bottom:1px solid #4d4d50;color:#fff;padding:11px 0 14px;font:16px DM Sans,sans-serif;outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form button{width:100%;display:flex;justify-content:space-between;padding:20px 0;background:none;color:#fff;border:0;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);font:600 13px Manrope,sans-serif;letter-spacing:.1em;cursor:pointer}.form-note{font-size:11px;color:#777;margin-top:14px}footer{padding:40px 6vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#8e8c86;font-size:12px}footer .brand{color:#fff}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.nav-wrap nav{position:absolute;top:76px;left:4vw;right:4vw;background:#151516;padding:25px;display:none;flex-direction:column;align-items:flex-start}.nav-wrap nav.open{display:flex}.menu{display:block}.menu span{display:block;width:25px;height:1px;background:#fff;margin:6px}.section{padding:100px 6vw}.hero{padding-top:130px}.split,.contact{grid-template-columns:1fr;gap:45px}.service-grid{grid-template-columns:1fr}.service{min-height:220px}.stats{grid-template-columns:1fr}.flow-line{align-items:flex-start;flex-direction:column}.flow-line i{transform:rotate(90deg)}.hero-bottom{align-items:flex-start}.circle-link{width:50px;height:50px;flex:none;margin-left:20px}footer{align-items:flex-start;flex-direction:column;gap:20px}}.nav-wrap{
  position:fixed;
  z-index:50;
  top:0;
  left:0;
  right:0;
  height:125px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 4.5vw;
  background:linear-gradient(to bottom,rgba(11,11,12,.9),transparent);
  backdrop-filter:blur(5px)
}

.brand img{
  width:125px;
  height:125px;
  object-fit:contain;
  display:block;
}


/* Energy Rich 2026-09 refinement */
:root{--accent:#F7C233}
.nav-wrap nav a{position:relative;padding-bottom:6px}.nav-wrap nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--accent);transition:right .25s ease}.nav-wrap nav a:hover::after,.nav-wrap nav a.active::after{right:0}.nav-cta{border-bottom:0}
.hero{isolation:isolate}.hero>.eyebrow,.hero>h1,.hero>.hero-bottom{position:relative;z-index:3}.hero-bottom p strong{color:#f7f5ef;font-weight:500}.hero-gold,.experience-gold,.footer-tagline{color:var(--accent)}

.ecosystem-visual{position:absolute;z-index:1;width:min(62vw,980px);height:min(38vw,520px);right:-5vw;top:25%;opacity:.86;pointer-events:none;perspective:1200px;mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
.ecosystem-visual svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 20px 35px rgba(0,0,0,.38))}
.er-spine,.client-spine{fill:none;stroke:url(#metalLine);stroke-width:2}.er-spine-secondary,.client-spine-secondary{stroke-width:.75;opacity:.48}
.er-module rect,.client-module rect{fill:url(#glassNode);stroke:rgba(255,255,255,.20);stroke-width:1}.er-module rect{stroke:rgba(247,194,51,.42)}
.er-module text,.client-module text{font:600 9px Manrope,sans-serif;letter-spacing:.11em;text-anchor:middle;fill:#f7f5ef}.er-module text{fill:#F7C233;opacity:.94}.client-module text{opacity:.36}
.er-module{filter:drop-shadow(0 5px 8px rgba(0,0,0,.42))}.client-module{filter:drop-shadow(0 5px 8px rgba(0,0,0,.42))}
.er-module::before{content:""}.er-architecture{transform-origin:center;animation:erBreathe 7s ease-in-out infinite}
.client-track{animation:clientTraverse 12s linear infinite}.client-architecture{transform-origin:center;animation:clientFloat 5.5s ease-in-out infinite}
.pulse-link{opacity:0;animation:linkWindow 12s linear infinite}.pulse-link path{fill:none;stroke:#F7C233;stroke-width:1.25;stroke-opacity:.28;filter:url(#smallGlow)}.pulse-link circle{fill:url(#goldCore);filter:url(#softGlow)}
.p1{animation-delay:1.7s}.p2{animation-delay:3.25s}.p3{animation-delay:4.8s}.p4{animation-delay:6.35s}.p5{animation-delay:7.9s}
.client-module{animation:clientActivate 12s linear infinite}.client-module.c2{animation-delay:1.7s}.client-module.c3{animation-delay:3.25s}.client-module.c4{animation-delay:4.8s}.client-module.c5{animation-delay:6.35s}.client-module.c6{animation-delay:7.9s}
@keyframes clientTraverse{0%{transform:translateX(-560px)}100%{transform:translateX(1080px)}}
@keyframes clientFloat{0%,100%{transform:translateY(-2px)}50%{transform:translateY(5px)}}
@keyframes erBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes linkWindow{0%,6%,100%{opacity:0}8%,15%{opacity:1}19%{opacity:0}}
@keyframes clientActivate{0%,7%{filter:drop-shadow(0 5px 8px rgba(0,0,0,.42))}9%,100%{filter:drop-shadow(0 0 12px rgba(247,194,51,.46))}}
.client-module text{animation:clientTextActivate 12s linear infinite}.client-module.c2 text{animation-delay:1.7s}.client-module.c3 text{animation-delay:3.25s}.client-module.c4 text{animation-delay:4.8s}.client-module.c5 text{animation-delay:6.35s}.client-module.c6 text{animation-delay:7.9s}@keyframes clientTextActivate{0%,7%{opacity:.34;fill:#f7f5ef}9%,100%{opacity:1;fill:#F7C233}}
.pill-groups{display:flex;flex-direction:column;gap:10px}.footer-brand img{width:90px;height:auto;display:block}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.regret-note{margin-top:16px!important;line-height:1.5}.form-status{min-height:18px;font-size:12px;margin-top:12px;color:#aaa8a2}.form-status.success{color:var(--accent)}.contact-form button:disabled{opacity:.5;cursor:wait}
@media(max-width:850px){.ecosystem-visual{width:900px;height:390px;right:-560px;top:28%;opacity:.48}.hero-bottom p{max-width:78%}.regret-note{max-width:95%}}
@media(prefers-reduced-motion:reduce){.ecosystem-visual *{animation:none!important}.client-track{transform:translateX(40px)}}


/* Energy Rich Pass 3 — contained kinetic architecture */
.ecosystem-visual{position:absolute;z-index:1;right:3.5vw;top:13.5%;width:min(52vw,900px);height:min(43vh,470px);overflow:hidden;opacity:1;pointer-events:none;perspective:1400px;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.ecosystem-visual::before{content:"";position:absolute;inset:5% 4% 7%;background:radial-gradient(ellipse at 58% 42%,rgba(247,194,51,.055),transparent 47%),radial-gradient(ellipse at 48% 48%,rgba(255,255,255,.028),transparent 60%);filter:blur(16px)}
.ecosystem-visual svg{position:relative;width:100%;height:100%;overflow:hidden;filter:drop-shadow(0 22px 38px rgba(0,0,0,.48))}
.er-system{transform-origin:50% 38%;animation:erPresence 8s ease-in-out infinite}.er-rail{fill:none;stroke:url(#erMetal);stroke-width:1.45;opacity:.72}.rail-b{stroke-width:.65;opacity:.32}.er-cross{fill:none;stroke:#7c7f84;stroke-width:.65;opacity:.26}
.er-node path:first-child{fill:url(#erGlass);stroke:#F7C233;stroke-opacity:.42;stroke-width:.8}.er-node .node-sheen{fill:none;stroke:#fff;stroke-opacity:.18;stroke-width:.7}.er-node text{font:600 8.7px Manrope,sans-serif;letter-spacing:.12em;text-anchor:middle;fill:#F7C233;opacity:.96}.er-node{filter:drop-shadow(0 8px 12px rgba(0,0,0,.48))}
.client-track{animation:pass3Traverse 16s linear infinite}.client-system{transform-origin:center;animation:clientDrift 6.5s ease-in-out infinite}.client-rail{fill:none;stroke:url(#erMetal);stroke-width:1.1;opacity:.48}.client-rail-ghost{stroke-width:.55;opacity:.2}.client-node path{fill:url(#clientGlass);stroke:#cfd1d4;stroke-opacity:.24;stroke-width:.75}.client-node text{font:600 8.5px Manrope,sans-serif;letter-spacing:.13em;text-anchor:middle;fill:#f7f5ef;opacity:.42}.client-node{filter:drop-shadow(0 7px 10px rgba(0,0,0,.45));animation:clientNodeActivate 16s linear infinite}.client-node text{animation:clientLabelActivate 16s linear infinite}
.client-node.c1,.client-node.c1 text{animation-delay:1.8s}.client-node.c2,.client-node.c2 text{animation-delay:4.0s}.client-node.c3,.client-node.c3 text{animation-delay:6.2s}.client-node.c4,.client-node.c4 text{animation-delay:8.4s}.client-node.c5,.client-node.c5 text{animation-delay:10.6s}.client-node.c6,.client-node.c6 text{animation-delay:12.8s}
.beam{opacity:0;animation:beamFire 16s linear infinite}.beam path{fill:none;stroke:url(#goldBeam);stroke-width:1.3;filter:url(#erSoft)}.beam-pulse{fill:url(#goldCore);filter:url(#erGlow)}.beam.b1{animation-delay:1.8s}.beam.b2{animation-delay:4.0s}.beam.b3{animation-delay:6.2s}.beam.b4{animation-delay:8.4s}.beam.b5{animation-delay:10.6s}.beam.b6{animation-delay:12.8s}
@keyframes pass3Traverse{0%{transform:translateX(-1080px)}100%{transform:translateX(1080px)}}
@keyframes erPresence{0%,100%{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-2px) rotateX(.35deg)}}
@keyframes clientDrift{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}
@keyframes beamFire{0%,5%,100%{opacity:0}7%{opacity:.3}9%,12%{opacity:1}15%{opacity:.2}18%{opacity:0}}
@keyframes clientNodeActivate{0%,7%{filter:drop-shadow(0 7px 10px rgba(0,0,0,.45))}10%,72%{filter:drop-shadow(0 0 11px rgba(247,194,51,.48))}80%,100%{filter:drop-shadow(0 7px 10px rgba(0,0,0,.45))}}
@keyframes clientLabelActivate{0%,7%{fill:#f7f5ef;opacity:.42}10%,72%{fill:#F7C233;opacity:1}80%,100%{fill:#f7f5ef;opacity:.42}}
@media(max-width:1100px){.ecosystem-visual{right:2vw;top:15%;width:50vw;height:38vh;opacity:.9}}
@media(max-width:850px){.ecosystem-visual{position:relative;right:auto;top:auto;width:100%;height:285px;margin:34px 0 0;opacity:.94;order:3;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.hero>.hero-bottom{order:4;margin-top:22px}.hero{justify-content:flex-start}.hero>.eyebrow{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.ecosystem-visual *{animation:none!important}.client-track{transform:translateX(-70px)}}

/* Energy Rich Pass 4 — organic kinetic ecosystem */
.pass4-field{right:3.5vw;top:12.5%;width:min(51vw,860px);height:min(44vh,480px);overflow:hidden;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 94%,transparent)}
.kinetic-field{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.field-aura{position:absolute;inset:8% 4%;background:radial-gradient(ellipse at 55% 47%,rgba(247,194,51,.065),transparent 45%),radial-gradient(ellipse at 54% 45%,rgba(255,255,255,.035),transparent 62%);filter:blur(22px);animation:auraBreath 8s ease-in-out infinite}
.kinetic-element{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;box-sizing:border-box;transform:translate3d(0,0,0);will-change:transform,filter;backdrop-filter:blur(3px)}
.kinetic-element::before{content:"";position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 31% 25%,rgba(255,255,255,.17),rgba(255,255,255,.018) 36%,rgba(0,0,0,.2) 68%);box-shadow:inset -9px -12px 24px rgba(0,0,0,.42),inset 5px 6px 15px rgba(255,255,255,.025)}
.kinetic-element::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.18),transparent 22%);pointer-events:none}
.kinetic-element span{position:relative;z-index:2;text-align:center;font:600 clamp(7px,.57vw,10px)/1.25 Manrope,sans-serif;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 8px #000}
.er-element{border:1px solid rgba(247,194,51,.42);background:radial-gradient(circle at 32% 25%,rgba(247,194,51,.12),rgba(42,40,32,.16) 34%,rgba(8,8,9,.66) 72%);box-shadow:0 16px 34px rgba(0,0,0,.42),inset 0 0 22px rgba(247,194,51,.035)}
.er-element span{color:#F7C233}
.client-element{border:1px solid rgba(230,232,235,.23);background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.09),rgba(46,48,53,.11) 36%,rgba(7,8,9,.64) 74%);box-shadow:0 15px 30px rgba(0,0,0,.42)}
.client-element span{color:rgba(247,245,239,.62)}
.er1{width:112px;height:112px;left:8%;top:15%;animation:orb1 17s ease-in-out infinite}.er2{width:148px;height:148px;left:31%;top:5%;animation:orb2 21s ease-in-out infinite}.er3{width:126px;height:126px;left:61%;top:13%;animation:orb3 19s ease-in-out infinite}.er4{width:118px;height:118px;left:75%;top:48%;animation:orb4 22s ease-in-out infinite}.er5{width:104px;height:104px;left:43%;top:57%;animation:orb5 18s ease-in-out infinite}.er6{width:128px;height:128px;left:14%;top:54%;animation:orb6 20s ease-in-out infinite}
.cl1{width:72px;height:72px;left:1%;top:39%;animation:cl1 16s ease-in-out infinite}.cl2{width:92px;height:92px;left:23%;top:37%;animation:cl2 18s ease-in-out infinite}.cl3{width:88px;height:88px;left:50%;top:30%;animation:cl3 17s ease-in-out infinite}.cl4{width:82px;height:82px;left:69%;top:25%;animation:cl4 19s ease-in-out infinite}.cl5{width:104px;height:104px;left:56%;top:66%;animation:cl5 21s ease-in-out infinite}.cl6{width:78px;height:78px;left:28%;top:70%;animation:cl6 18.5s ease-in-out infinite}
.interaction{position:absolute;width:15px;height:15px;border-radius:50%;background:#F7C233;opacity:0;filter:blur(.3px);box-shadow:0 0 10px #F7C233,0 0 26px rgba(247,194,51,.72),0 0 52px rgba(247,194,51,.25);z-index:8;animation:interactionPulse 16s ease-in-out infinite}.i1{left:25%;top:43%;animation-delay:1.2s}.i2{left:52%;top:36%;animation-delay:3.8s}.i3{left:70%;top:33%;animation-delay:6.4s}.i4{left:62%;top:66%;animation-delay:9s}.i5{left:38%;top:70%;animation-delay:11.6s}.i6{left:17%;top:53%;animation-delay:14.2s}
@keyframes auraBreath{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes interactionPulse{0%,5%,15%,100%{opacity:0;transform:scale(.25)}8%{opacity:1;transform:scale(1)}11%{opacity:.55;transform:scale(2.2)}}
@keyframes orb1{0%,100%{transform:translate(0,0) scale(1)}30%{transform:translate(52px,28px) scale(1.04)}62%{transform:translate(18px,83px) scale(.97)}}
@keyframes orb2{0%,100%{transform:translate(0,0)}35%{transform:translate(68px,50px) scale(.96)}70%{transform:translate(-30px,74px) scale(1.03)}}
@keyframes orb3{0%,100%{transform:translate(0,0)}32%{transform:translate(-42px,60px) scale(1.03)}67%{transform:translate(38px,90px) scale(.96)}}
@keyframes orb4{0%,100%{transform:translate(0,0)}38%{transform:translate(-80px,-45px) scale(1.05)}72%{transform:translate(-42px,28px) scale(.98)}}
@keyframes orb5{0%,100%{transform:translate(0,0)}34%{transform:translate(55px,-72px) scale(.96)}69%{transform:translate(-54px,-38px) scale(1.05)}}
@keyframes orb6{0%,100%{transform:translate(0,0)}37%{transform:translate(58px,-55px) scale(1.04)}73%{transform:translate(90px,12px) scale(.97)}}
@keyframes cl1{0%,100%{transform:translate(-45px,18px) scale(.9)}35%{transform:translate(150px,-28px) scale(1.08)}70%{transform:translate(320px,30px) scale(.96)}}
@keyframes cl2{0%,100%{transform:translate(-100px,35px) scale(.95)}38%{transform:translate(115px,-35px) scale(1.08)}72%{transform:translate(280px,45px) scale(.92)}}
@keyframes cl3{0%,100%{transform:translate(-190px,62px) scale(.9)}36%{transform:translate(20px,-18px) scale(1.1)}70%{transform:translate(190px,72px) scale(.96)}}
@keyframes cl4{0%,100%{transform:translate(-245px,92px) scale(.92)}40%{transform:translate(-38px,8px) scale(1.1)}75%{transform:translate(100px,78px) scale(.95)}}
@keyframes cl5{0%,100%{transform:translate(-175px,-20px) scale(.92)}38%{transform:translate(-12px,-105px) scale(1.06)}73%{transform:translate(155px,-50px) scale(.98)}}
@keyframes cl6{0%,100%{transform:translate(-90px,-5px) scale(.94)}36%{transform:translate(105px,-100px) scale(1.08)}72%{transform:translate(245px,-55px) scale(.96)}}
@media(max-width:1100px){.pass4-field{right:2vw;top:14%;width:49vw;height:40vh}.kinetic-element span{letter-spacing:.08em}.er2{width:130px;height:130px}.er3,.er6{width:112px;height:112px}}
@media(max-width:850px){.pass4-field{position:relative;right:auto;top:auto;width:100%;height:300px;margin:30px 0 0;order:3}.kinetic-field{transform:scale(.9);transform-origin:center}.hero>.hero-bottom{order:4;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.pass4-field *{animation:none!important}}

/* Energy Rich Pass 5 — atomic ecosystem */
.atom-field{position:absolute;z-index:1;right:3.2vw;top:11.5%;width:min(50vw,820px);height:min(46vh,500px);overflow:hidden;opacity:1;pointer-events:none;perspective:1100px;mask-image:radial-gradient(ellipse at 55% 48%,#000 58%,transparent 94%);-webkit-mask-image:radial-gradient(ellipse at 55% 48%,#000 58%,transparent 94%)}
.atom-field::before{content:"";position:absolute;inset:4%;background:radial-gradient(circle at 56% 48%,rgba(247,194,51,.07),transparent 35%),radial-gradient(circle at 56% 48%,rgba(255,255,255,.035),transparent 62%);filter:blur(20px)}
.er-atom{position:absolute;left:50%;top:50%;width:440px;height:360px;transform:translate(-44%,-49%) rotateX(5deg);transform-style:preserve-3d}
.atom-halo{position:absolute;left:50%;top:50%;width:250px;height:250px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(247,194,51,.09),rgba(247,194,51,.025) 37%,transparent 68%);filter:blur(8px);animation:atomHalo 8s ease-in-out infinite}
.atom-nucleus{position:absolute;left:50%;top:50%;width:126px;height:126px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.14),rgba(32,32,34,.78) 34%,rgba(5,5,6,.96) 72%);border:1px solid rgba(247,194,51,.28);box-shadow:inset -16px -20px 34px rgba(0,0,0,.72),inset 7px 8px 20px rgba(255,255,255,.035),0 0 42px rgba(247,194,51,.08);z-index:6;animation:nucleusBreath 8s ease-in-out infinite}
.element-tile{width:67px;height:75px;border:1px solid rgba(247,194,51,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(247,194,51,.07),rgba(255,255,255,.015));box-shadow:inset 0 0 18px rgba(247,194,51,.035)}
.element-tile strong{font:600 31px/1 Manrope,sans-serif;color:#f7f5ef;letter-spacing:.02em}.element-tile small{font:600 6px/1.3 Manrope,sans-serif;letter-spacing:.19em;color:#F7C233;opacity:.75}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(211,214,219,.18);border-radius:50%;transform-style:preserve-3d;z-index:3}.orbit::after{content:"";position:absolute;inset:-1px;border-radius:50%;border-top:1px solid rgba(247,194,51,.16);filter:drop-shadow(0 0 4px rgba(247,194,51,.12))}
.orbit-a{width:360px;height:150px;transform:translate(-50%,-50%) rotate(-10deg);animation:orbitA 16s linear infinite}.orbit-b{width:330px;height:205px;transform:translate(-50%,-50%) rotate(53deg);animation:orbitB 20s linear infinite}.orbit-c{width:335px;height:190px;transform:translate(-50%,-50%) rotate(-58deg);animation:orbitC 23s linear infinite}
.cap{position:absolute;display:grid;place-items:center;min-width:76px;height:34px;padding:0 10px;border-radius:18px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.1),rgba(12,12,13,.88) 70%);border:1px solid rgba(247,194,51,.28);box-shadow:0 7px 18px rgba(0,0,0,.5);font:600 7.2px/1.1 Manrope,sans-serif;letter-spacing:.1em;color:rgba(247,245,239,.78);text-align:center;white-space:nowrap;transform:translate(-50%,-50%);animation:capGlow 20s ease-in-out infinite}
.cap-strategy{left:4%;top:49%;animation-delay:2.1s}.cap-commerce{left:96%;top:51%;animation-delay:6.2s}.cap-content{left:15%;top:12%;animation-delay:10.2s}.cap-data{left:85%;top:88%;animation-delay:6.8s}.cap-partnerships{left:13%;top:84%;animation-delay:14.2s}.cap-distribution{left:87%;top:16%;animation-delay:3.8s}
.client-asset{position:absolute;z-index:8;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.13),rgba(42,44,48,.34) 34%,rgba(7,8,9,.92) 73%);border:1px solid rgba(231,233,236,.27);box-shadow:inset -8px -10px 18px rgba(0,0,0,.48),0 12px 24px rgba(0,0,0,.42);opacity:0}.client-asset span{font:600 7.4px/1 Manrope,sans-serif;letter-spacing:.11em;color:rgba(247,245,239,.78)}
.asset-product{width:74px;height:74px;animation:productEnter 20s ease-in-out infinite}.asset-audience{width:82px;height:82px;animation:audienceEnter 20s ease-in-out infinite}.asset-relationships{width:98px;height:98px;animation:relationshipsEnter 20s ease-in-out infinite}.asset-content{width:70px;height:70px;animation:contentEnter 20s ease-in-out infinite}
.contact-flare{position:absolute;z-index:7;width:16px;height:16px;border-radius:50%;background:#F7C233;opacity:0;box-shadow:0 0 9px #F7C233,0 0 24px rgba(247,194,51,.72),0 0 48px rgba(247,194,51,.25);filter:blur(.2px);animation:flare 20s ease-in-out infinite}.flare-product{left:75%;top:48%;animation-delay:2.7s}.flare-audience{left:60%;top:25%;animation-delay:6.7s}.flare-relationships{left:28%;top:62%;animation-delay:10.7s}.flare-content{left:40%;top:30%;animation-delay:14.7s}
.energy-wave{position:absolute;left:50%;top:50%;z-index:5;width:132px;height:132px;border-radius:50%;border:1px solid rgba(247,194,51,.8);opacity:0;transform:translate(-50%,-50%) scale(.5);box-shadow:0 0 18px rgba(247,194,51,.2);animation:energyWave 20s ease-out infinite}.wave-a{animation-delay:2.8s}.wave-b{animation-delay:6.8s}.wave-c{animation-delay:10.8s}
@keyframes atomHalo{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
@keyframes nucleusBreath{0%,100%{box-shadow:inset -16px -20px 34px rgba(0,0,0,.72),0 0 34px rgba(247,194,51,.06)}50%{box-shadow:inset -16px -20px 34px rgba(0,0,0,.72),0 0 46px rgba(247,194,51,.14)}}
@keyframes orbitA{to{transform:translate(-50%,-50%) rotate(350deg)}}@keyframes orbitB{to{transform:translate(-50%,-50%) rotate(413deg)}}@keyframes orbitC{to{transform:translate(-50%,-50%) rotate(302deg)}}
@keyframes capGlow{0%,8%,100%{color:rgba(247,245,239,.72);border-color:rgba(247,194,51,.24);box-shadow:0 7px 18px rgba(0,0,0,.5)}12%,20%{color:#F7C233;border-color:rgba(247,194,51,.7);box-shadow:0 0 13px rgba(247,194,51,.28)}}
@keyframes productEnter{0%,8%{opacity:0;transform:translate(455px,175px) scale(.78)}13%{opacity:1}20%,92%{opacity:1;transform:translate(292px,165px) scale(1)}100%{opacity:0;transform:translate(292px,165px) scale(.96)}}
@keyframes audienceEnter{0%,25%{opacity:0;transform:translate(300px,-100px) scale(.78)}30%{opacity:1}38%,92%{opacity:1;transform:translate(240px,35px) scale(1)}100%{opacity:0;transform:translate(240px,35px) scale(.96)}}
@keyframes relationshipsEnter{0%,45%{opacity:0;transform:translate(-150px,330px) scale(.78)}50%{opacity:1}58%,92%{opacity:1;transform:translate(72px,215px) scale(1)}100%{opacity:0;transform:translate(72px,215px) scale(.96)}}
@keyframes contentEnter{0%,65%{opacity:0;transform:translate(-115px,-80px) scale(.78)}70%{opacity:1}78%,92%{opacity:1;transform:translate(122px,54px) scale(1)}100%{opacity:0;transform:translate(122px,54px) scale(.96)}}
@keyframes flare{0%,3%,12%,100%{opacity:0;transform:scale(.25)}5%{opacity:1;transform:scale(1)}8%{opacity:.45;transform:scale(2.2)}}
@keyframes energyWave{0%,3%,100%{opacity:0;transform:translate(-50%,-50%) scale(.5)}5%{opacity:.8}12%{opacity:0;transform:translate(-50%,-50%) scale(2.15)}}
@media(max-width:1100px){.atom-field{right:1.5vw;top:13%;width:49vw;height:42vh}.er-atom{transform:translate(-45%,-49%) rotateX(5deg) scale(.88)}}
@media(max-width:850px){.atom-field{position:relative;right:auto;top:auto;width:100%;height:310px;margin:28px 0 0;order:3;mask-image:radial-gradient(ellipse,#000 58%,transparent 96%);-webkit-mask-image:radial-gradient(ellipse,#000 58%,transparent 96%)}.er-atom{left:50%;top:50%;transform:translate(-50%,-50%) scale(.72)}.hero>.hero-bottom{order:4;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.atom-field *{animation-play-state:paused!important}.client-asset{opacity:.9!important}}

/* Energy Rich Pass 6 — stationary atom / orbiting capability nodes */
.orbit-a,.orbit-b,.orbit-c{animation:none!important}
.orbit::after{animation:railCharge 20s ease-in-out infinite}
.orbit-a::after{animation-delay:2.6s}.orbit-b::after{animation-delay:6.6s}.orbit-c::after{animation-delay:10.6s}

/* Capabilities travel on their assigned rails while the rail geometry stays fixed. */
.orbit .cap{left:0;top:0;margin:0;transform:none;offset-rotate:0deg;animation:capOrbit 18s linear infinite,capGlow 20s ease-in-out infinite;will-change:offset-distance,filter}
.orbit-a .cap{offset-path:ellipse(180px 75px at 180px 75px)}
.orbit-b .cap{offset-path:ellipse(165px 102.5px at 165px 102.5px);animation-duration:22s,20s;animation-direction:reverse,normal}
.orbit-c .cap{offset-path:ellipse(167.5px 95px at 167.5px 95px);animation-duration:25s,20s}
.orbit-a .cap-strategy{offset-distance:2%;animation-delay:0s,2.1s}.orbit-a .cap-commerce{offset-distance:52%;animation-delay:-9s,6.2s}
.orbit-b .cap-content{offset-distance:9%;animation-delay:-2s,10.2s}.orbit-b .cap-data{offset-distance:59%;animation-delay:-13s,6.8s}
.orbit-c .cap-partnerships{offset-distance:18%;animation-delay:-4.5s,14.2s}.orbit-c .cap-distribution{offset-distance:68%;animation-delay:-17s,3.8s}
@keyframes capOrbit{to{offset-distance:100%}}
@keyframes railCharge{0%,11%,100%{border-top-color:rgba(247,194,51,.12);filter:drop-shadow(0 0 2px rgba(247,194,51,.06))}14%,20%{border-top-color:rgba(247,194,51,.72);filter:drop-shadow(0 0 8px rgba(247,194,51,.52))}26%{border-top-color:rgba(247,194,51,.16);filter:drop-shadow(0 0 3px rgba(247,194,51,.1))}}
@media(prefers-reduced-motion:reduce){.orbit .cap{animation:none!important}.orbit-a .cap-strategy{left:4%;top:49%}.orbit-a .cap-commerce{left:96%;top:51%}.orbit-b .cap-content{left:15%;top:12%}.orbit-b .cap-data{left:85%;top:88%}.orbit-c .cap-partnerships{left:13%;top:84%}.orbit-c .cap-distribution{left:87%;top:16%}}

/* Energy Rich Pass 7 — larger hero stage + audience categories */
@media(min-width:1101px){
  .atom-field{right:1.2vw;top:7.5%;width:min(57vw,980px);height:min(53vh,590px);mask-image:radial-gradient(ellipse at 58% 48%,#000 64%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse at 58% 48%,#000 64%,transparent 98%)}
  .er-atom{transform:translate(-38%,-48%) rotateX(5deg) scale(1.16)}
}
.client-asset.audience-node{width:82px;height:82px;animation:audienceCategory 27s cubic-bezier(.45,.02,.24,1) infinite;opacity:0}
.client-asset.audience-node span{font-size:6.9px;line-height:1.18;text-align:center;white-space:nowrap}
.client-asset.audience-node.n4{width:96px;height:96px}.client-asset.audience-node.n3{width:90px;height:90px}.client-asset.audience-node.n8{width:90px;height:90px}
.n1{--sx:455px;--sy:120px;--ex:290px;--ey:125px;animation-delay:0s!important}.n2{--sx:365px;--sy:-115px;--ex:230px;--ey:22px;animation-delay:-24s!important}.n3{--sx:80px;--sy:-150px;--ex:118px;--ey:20px;animation-delay:-21s!important}.n4{--sx:-175px;--sy:-75px;--ex:35px;--ey:72px;animation-delay:-18s!important}.n5{--sx:-190px;--sy:205px;--ex:34px;--ey:205px;animation-delay:-15s!important}.n6{--sx:-80px;--sy:355px;--ex:115px;--ey:264px;animation-delay:-12s!important}.n7{--sx:175px;--sy:370px;--ex:215px;--ey:272px;animation-delay:-9s!important}.n8{--sx:430px;--sy:325px;--ex:304px;--ey:225px;animation-delay:-6s!important}.n9{--sx:510px;--sy:220px;--ex:320px;--ey:172px;animation-delay:-3s!important}
@keyframes audienceCategory{0%,5%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.72)}9%{opacity:1}17%,72%{opacity:1;transform:translate(var(--ex),var(--ey)) scale(1)}76%{border-color:rgba(247,194,51,.78);box-shadow:inset -8px -10px 18px rgba(0,0,0,.48),0 0 24px rgba(247,194,51,.32)}82%,100%{opacity:0;transform:translate(var(--ex),var(--ey)) scale(.94)}}
.audience-flare{animation:audienceFlare 9s ease-in-out infinite}.f1{left:77%;top:45%;animation-delay:0s}.f2{left:45%;top:24%;animation-delay:3s}.f3{left:30%;top:65%;animation-delay:6s}
@keyframes audienceFlare{0%,20%,100%{opacity:0;transform:scale(.2)}27%{opacity:1;transform:scale(1)}38%{opacity:.25;transform:scale(2.3)}}
@media(max-width:1100px) and (min-width:851px){.atom-field{right:.5vw;top:10%;width:53vw;height:46vh}.er-atom{transform:translate(-42%,-49%) rotateX(5deg) scale(.98)}}
@media(max-width:850px){.client-asset.audience-node{transform:scale(.85)}.client-asset.audience-node span{font-size:6.5px}}

/* Energy Rich Pass 8 — compact client nodes + visually centered hero atom */
.client-asset.audience-node{width:62px;height:62px}
.client-asset.audience-node.n3{width:70px;height:70px}
.client-asset.audience-node.n4{width:76px;height:76px}
.client-asset.audience-node.n8{width:70px;height:70px}
.client-asset.audience-node span{font-size:6.9px}
@media(min-width:1101px){
  .atom-field{right:2.8vw;top:7.5%;width:min(55vw,940px);height:min(53vh,590px);mask-image:radial-gradient(ellipse at 50% 48%,#000 65%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse at 50% 48%,#000 65%,transparent 98%)}
  .er-atom{left:50%;top:50%;transform:translate(-50%,-48%) rotateX(5deg) scale(1.16)}
}
@media(max-width:1100px) and (min-width:851px){
  .atom-field{right:1.5vw;top:10%;width:52vw;height:46vh}
  .er-atom{left:50%;transform:translate(-50%,-49%) rotateX(5deg) scale(.98)}
}


/* Energy Rich Pass 9 — uniform client nodes + right-shifted composition */
.client-asset.audience-node,
.client-asset.audience-node.n3,
.client-asset.audience-node.n4,
.client-asset.audience-node.n8{
  width:62px!important;
  height:62px!important;
}
.client-asset.audience-node span{
  font-size:6.9px!important;
  line-height:1.18;
}
/* Keep the atom centered in the safe right-side black canvas, away from hero copy. */
@media(min-width:1101px){
  .atom-field{
    right:-1.2vw;
    width:min(53vw,920px);
  }
  .er-atom{
    left:55%;
    transform:translate(-50%,-48%) rotateX(5deg) scale(1.16);
  }
}
@media(max-width:1100px) and (min-width:851px){
  .atom-field{right:-1vw;width:51vw}
  .er-atom{left:54%;transform:translate(-50%,-49%) rotateX(5deg) scale(.98)}
}

/* Energy Rich Pass 10 — supplied periodic-table mark in nucleus */
.atom-brand-mark{width:94px;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 0 7px rgba(247,194,51,.08))}
/* The supplied artwork is recolored as requested: Er stays white; atomic numbers + [Energy] rich become Energy Rich gold. */


/* Energy Rich Pass 12 — Premium Atom visual treatment */
.atom-field{
  filter:contrast(1.05) saturate(.94);
}
.atom-field::before{
  inset:1%;
  background:
    radial-gradient(circle at 55% 48%,rgba(247,194,51,.075),transparent 26%),
    radial-gradient(circle at 55% 48%,rgba(255,255,255,.028),transparent 52%);
  filter:blur(24px);
}
.atom-halo{
  width:270px;height:270px;
  background:radial-gradient(circle,
    rgba(247,194,51,.085) 0%,
    rgba(247,194,51,.025) 34%,
    rgba(247,194,51,.008) 50%,
    transparent 69%);
  filter:blur(12px);
  opacity:.72;
}
.atom-nucleus{
  width:132px;height:132px;
  background:
    radial-gradient(circle at 31% 23%,rgba(255,255,255,.16),rgba(255,255,255,.035) 19%,transparent 34%),
    radial-gradient(circle at 50% 45%,rgba(37,38,40,.82),rgba(9,10,11,.98) 66%);
  border:1px solid rgba(247,194,51,.46);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    inset -18px -22px 34px rgba(0,0,0,.72),
    inset 10px 8px 22px rgba(255,255,255,.025),
    0 0 0 1px rgba(247,194,51,.025),
    0 0 26px rgba(247,194,51,.10),
    0 20px 42px rgba(0,0,0,.68);
}
.orbit{
  border-color:rgba(225,228,232,.20);
  border-width:1px;
  box-shadow:inset 0 0 8px rgba(255,255,255,.012);
}
.orbit::before{
  content:"";position:absolute;inset:-1px;border-radius:50%;
  border-bottom:1px solid rgba(255,255,255,.16);
  opacity:.62;
}
.orbit::after{
  border-top:1px solid rgba(247,194,51,.31);
  filter:drop-shadow(0 0 3px rgba(247,194,51,.22));
}
.orbit .cap{
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.13),rgba(47,48,51,.28) 25%,rgba(7,8,9,.96) 72%);
  border:1px solid rgba(247,194,51,.56);
  box-shadow:
    inset 7px 6px 13px rgba(255,255,255,.025),
    inset -9px -12px 18px rgba(0,0,0,.66),
    0 8px 20px rgba(0,0,0,.52),
    0 0 9px rgba(247,194,51,.08);
  color:rgba(247,194,51,.90);
  text-shadow:0 0 8px rgba(247,194,51,.15);
}
.client-asset.audience-node{
  background:
    radial-gradient(circle at 29% 21%,rgba(255,255,255,.16),rgba(255,255,255,.035) 18%,transparent 35%),
    radial-gradient(circle at 50% 50%,rgba(35,37,40,.68),rgba(7,8,9,.98) 72%);
  border:1px solid rgba(225,228,232,.30);
  box-shadow:
    inset 8px 7px 14px rgba(255,255,255,.025),
    inset -10px -13px 20px rgba(0,0,0,.68),
    0 10px 24px rgba(0,0,0,.54);
}
.client-asset.audience-node span{
  color:rgba(246,246,244,.82);
  letter-spacing:.075em;
  font-weight:650;
  text-shadow:0 1px 7px rgba(0,0,0,.72);
}
.client-asset.audience-node.active,
.client-asset.audience-node:hover{
  border-color:rgba(247,194,51,.72);
}
@keyframes railCharge{
  0%,14%,100%{opacity:.32;filter:drop-shadow(0 0 2px rgba(247,194,51,.08))}
  19%,28%{opacity:1;filter:drop-shadow(0 0 6px rgba(247,194,51,.58))}
  36%,90%{opacity:.42;filter:drop-shadow(0 0 3px rgba(247,194,51,.15))}
}
@keyframes capGlow{
  0%,12%,100%{filter:drop-shadow(0 8px 10px rgba(0,0,0,.42))}
  18%,28%{filter:drop-shadow(0 0 8px rgba(247,194,51,.52))}
  35%,92%{filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
}

/* Energy Rich Pass 13 — finishing details */
.hero-cap-links{display:flex;align-items:center;gap:.55em;flex-wrap:wrap}
.hero-cap-links a{color:inherit;transition:color .22s ease,text-shadow .22s ease}
.hero-cap-links a:hover,.hero-cap-links a:focus-visible{color:#F7C233;text-shadow:0 0 12px rgba(247,194,51,.18);outline:none}
.hero-cap-links span{opacity:.72}
#cap-strategy,#cap-content,#cap-partnerships,#cap-commerce{scroll-margin-top:110px}
.disclaimer-label{color:#F7C233;font-style:normal;font-weight:700;letter-spacing:.05em}
.footer-social{display:flex;align-items:center;justify-content:center;gap:13px;margin:13px 0 3px}
.footer-social a{width:31px;height:31px;border:1px solid rgba(255,255,255,.24);border-radius:50%;display:grid;place-items:center;transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.footer-social a:hover,.footer-social a:focus-visible{border-color:#F7C233;transform:translateY(-2px);box-shadow:0 0 14px rgba(247,194,51,.14);outline:none}
.footer-social svg{width:14px;height:14px;fill:#F7C233;stroke:#F7C233;stroke-width:1.5}
.footer-social a:first-child svg,.footer-social a:last-child svg{stroke:none}
@media(max-width:650px){.hero-cap-links{gap:.42em}.footer-social{margin-top:11px}}