.hero-brand,.eco-figure{--tempo:1;--eco-blue:#347bff;--eco-cyan:#42ddfe;--eco-violet:#8865ff;--eco-white:#f5f8ff;--eco-muted:#aebbd4;--eco-green:#3fdc8f;--eco-step:.62s}@media not (min-width:40rem){.hero-brand{--tempo:.55}}@media (40rem<=width<72rem){.hero-brand{--tempo:.8}}.eco-figure{padding-block-end:3.75rem;position:relative}.eco-scene{isolation:isolate;margin-inline:auto;position:relative;container-type:inline-size}.eco-background{z-index:-1;pointer-events:none;animation:eco-fade var(--eco-step) ease backwards;position:absolute;inset:0}@keyframes eco-fade{0%{opacity:0}}.eco-light{border-radius:50%;position:absolute}.eco-light-core{aspect-ratio:1.15;background:radial-gradient(closest-side,#347bff4d,#143caa24 55%,#0000);width:118%;top:2%;left:50%;transform:translate(-50%)}.eco-light-violet{aspect-ratio:2;background:radial-gradient(closest-side,#8865ff29,#0000);width:90%;bottom:0;left:50%;transform:translate(-50%)}.eco-dust{fill:none;stroke:#bed7ff8c;stroke-width:1.6px;stroke-linecap:round;width:100%;height:100%;position:absolute;inset:0}.eco-layer{pointer-events:none;display:none;position:absolute;inset:0}.eco-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}html[dir=rtl] .eco-svg{transform:scaleX(-1)}.eco-layer-orbits{z-index:10;animation:eco-orbits-in 1s var(--ease-out-expo) .15s backwards}@keyframes eco-orbits-in{0%{opacity:0;clip-path:circle(14% at 50% 49%)}to{clip-path:circle(100% at 50% 49%)}}.eco-layer-paths{z-index:12}.eco-orbit{transform-box:view-box;transform-origin:50% 48.91%;animation:eco-turn var(--turn,120s) linear infinite;animation-direction:var(--dir,normal);transition:filter var(--duration-base) ease}@keyframes eco-turn{to{transform:rotate(360deg)}}figure[data-engaged] .eco-orbit circle{stroke-width:2.2px}.eco-draw{stroke-dasharray:1 2;animation:hero-draw var(--eco-step) var(--ease-standard) backwards;animation-delay:calc(var(--d,0s) * var(--tempo,1))}.eco-path,.eco-path-glow,.eco-pulse{fill:none;stroke-linecap:round}.eco-path{stroke:url(#eco-path-stroke);stroke-width:2.4px;transition:stroke-width var(--duration-ui) ease}.eco-path-glow{stroke:#42a0ff47;stroke-width:7px;transition:stroke var(--duration-ui) ease}[data-hot] .eco-path{stroke-width:3.4px}[data-hot] .eco-path-glow{stroke:#42ddfe8c}.eco-pulse{stroke:#fff;stroke-width:3.2px}.eco-orb-wrap{z-index:15;aspect-ratio:1;width:min(68vw,17rem);animation:eco-orb-in .9s var(--ease-out-expo) calc(.35s * var(--tempo,1)) backwards;margin-block:2rem 3.25rem;margin-inline:auto;position:relative}@keyframes eco-orb-in{0%{opacity:0;transform:scale(.88)}}.eco-orb-halo{background:radial-gradient(closest-side,#4296ff80,#347bff2e 62%,#0000);border-radius:50%;animation:7s ease-in-out infinite eco-breathe;position:absolute;inset:-34%}@keyframes eco-breathe{50%{opacity:.68;transform:scale(1.03)}}.eco-orb-ring{border:1px solid #78b4ff4d;border-radius:50%;position:absolute}.eco-orb-ring-a{inset:-7%}.eco-orb-ring-b{border-style:dashed;border-color:#78b4ff33;inset:-14%}.eco-halo{pointer-events:none;width:150%;height:150%;position:absolute;inset:-25%;overflow:visible}.eco-halo-back{z-index:0}.eco-halo-front{z-index:2}.eco-bead{filter:drop-shadow(0 0 3px var(--eco-cyan))}.eco-orb{z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 60px #347bff8c,0 0 0 1px #96cdffb3;container-type:inline-size}.eco-orb>*{position:absolute}.eco-orb-body{background:radial-gradient(circle at 30% 24%,#78a5ff8c,#0000 38%),radial-gradient(circle at 74% 80%,#8865ff9e,#0000 46%),radial-gradient(circle,#1b3f9e 0%,#0e2263 62%,#081340 100%);border-radius:50%;inset:0;box-shadow:inset 0 0 26px 6px #42ddfe8c,inset 0 0 70px 14px #347bff8c,inset -14px -22px 46px #8865ff73}.eco-orb-refraction{background:conic-gradient(from 210deg,#0000,#42ddfe73,#0000 28%,#8865ff73,#0000 62%,#b4d7ff52,#0000);border-radius:50%;inset:3%;-webkit-mask-image:radial-gradient(closest-side,#0000 78%,#000 94%,#0000);mask-image:radial-gradient(closest-side,#0000 78%,#000 94%,#0000)}.eco-orb-pearl{background:radial-gradient(closest-side,#fff 0,#f4f9fffa 52%,#cde1ffb8 74%,#78aaff00 100%);border-radius:50%;animation:7s ease-in-out infinite eco-pearl;inset:11%}@keyframes eco-pearl{50%{opacity:.9}}.eco-orb-identity{z-index:1;animation:eco-fade .62s ease calc(.65s * var(--tempo,1)) backwards;flex-direction:column;justify-content:center;align-items:center;gap:2.5cqw;display:flex;inset:0}.eco-orb-logo{width:58%;height:auto}.eco-orb-label{color:#0e2263;letter-spacing:.1em;text-align:center;text-transform:uppercase;max-width:62%;font-size:clamp(.5625rem,3.3cqw,.75rem);font-weight:600;line-height:1.25}html[lang=ar] .eco-orb-label{letter-spacing:0;font-size:clamp(.6875rem,4cqw,.875rem)}.eco-orb-gloss{z-index:2;pointer-events:none;background:linear-gradient(#ffffff6b,#fff0);border-radius:50%;width:40%;height:15%;top:3.5%;left:15%;rotate:-30deg}.eco-orb-bounce{z-index:2;pointer-events:none;background:linear-gradient(#0000,#88c8ff5c);border-radius:50%;width:40%;height:10%;bottom:7%;right:8%;rotate:-32deg}.eco-cards{z-index:30;gap:1rem;display:grid;position:relative}.eco-card-float,.eco-card-depth{height:100%}.eco-card{height:100%;color:var(--eco-white);transition:transform var(--duration-ui) var(--ease-out-expo), translate var(--duration-base) var(--ease-out-expo), box-shadow var(--duration-base) ease;animation:eco-card-in var(--eco-step) var(--ease-out-expo) backwards;animation-delay:calc(var(--d,0s) * var(--tempo,1));background:linear-gradient(150deg,#1a2e6eb8,#09143ec7);border-radius:1.5rem;grid-template-columns:5.75rem minmax(0,1fr);align-items:center;gap:.875rem;padding:1rem 2.75rem 1rem 1rem;display:grid;position:relative;box-shadow:0 24px 60px #0206188c,0 0 34px #347bff38,inset 0 1px #fff3}html[dir=rtl] .eco-card{padding:1rem 1rem 1rem 2.75rem}@keyframes eco-card-in{0%{opacity:0;translate:0 22px;scale:.97}}.eco-card-edge{border-radius:inherit;background:linear-gradient(125deg, var(--rim-a,var(--eco-cyan)), #78aaff47 34%, #8865ff4d 62%, var(--rim-b,var(--eco-violet)));-webkit-mask-composite:xor;opacity:.85;transition:opacity var(--duration-base) ease;pointer-events:none;padding:1.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}[data-tone=whatsapp].eco-card{--rim-a:var(--eco-green);--tile:linear-gradient(145deg, #4fe39a, #149a50)}[data-tone=ai].eco-card{--rim-b:var(--eco-cyan);--rim-a:var(--eco-violet);--tile:linear-gradient(145deg, #a48bff, #6a48ee)}[data-tone=automation].eco-card{--tile:linear-gradient(145deg, #8f7bff, #4f58e8)}.eco-card-sheen{border-radius:inherit;background:radial-gradient(420px circle at var(--mx,12%) var(--my,0%), #96c8ff2e, transparent 62%), linear-gradient(155deg, #ffffff17, transparent 34%);transition:opacity var(--duration-base) ease;pointer-events:none;position:absolute;inset:0}.eco-port{width:.75rem;height:.75rem;box-shadow:0 0 0 3px #42ddfe59, 0 0 16px 4px var(--eco-cyan);background:#fff;border-radius:50%;display:none;position:absolute}.eco-port[data-side=top]{top:-.375rem;margin-inline-start:-.375rem;inset-inline-start:var(--at)}.eco-port[data-side=end]{top:var(--at);inset-inline-end:-.375rem}.eco-port[data-side=start]{top:var(--at);inset-inline-start:-.375rem}.eco-card-art{display:block}.eco-illus{filter:drop-shadow(0 8px 14px #0206188c);width:100%;height:auto;transition:filter var(--duration-base) ease;display:block;overflow:visible}.eco-card-text{min-width:0;display:block;position:relative}.eco-tile{color:#fff;background:var(--tile,linear-gradient(145deg, #4f8dff, #2358e0));border-radius:.625rem;justify-content:center;align-items:center;width:2rem;height:2rem;margin-block-end:.5rem;display:none;box-shadow:inset 0 1px #ffffff4d}.eco-card-title{letter-spacing:-.01em;text-wrap:balance;font-size:1rem;font-weight:600;line-height:1.2;display:block}html[lang=ar] .eco-card-title{letter-spacing:0}.eco-card-detail{color:var(--eco-muted);text-wrap:pretty;margin-block-start:.375rem;font-size:.8125rem;line-height:1.4;display:block}.eco-arrow{inset-inline-end:.75rem;width:1.75rem;height:1.75rem;transition:background-color var(--duration-ui) ease, border-color var(--duration-ui) ease, translate var(--duration-ui) var(--ease-out-expo);background:#ffffff12;border:1px solid #96beff73;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:.75rem}.eco-float-a{animation:6s ease-in-out infinite eco-bob}.eco-float-b{animation:7.5s ease-in-out -2s infinite reverse eco-bob}@keyframes eco-bob{50%{transform:translateY(-3px)}}.eco-gear>g{animation:26s linear infinite eco-gear}@keyframes eco-gear{to{transform:rotate(360deg)}}.eco-blink{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite eco-blink}@keyframes eco-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.15)}}.eco-dot{animation:1.8s ease-in-out infinite eco-dot}.eco-dot:nth-of-type(2){animation-delay:.18s}.eco-dot:nth-of-type(3){animation-delay:.36s}@keyframes eco-dot{40%{opacity:.35}}.eco-glow-dot{animation:3.4s ease-in-out infinite eco-glow}@keyframes eco-glow{50%{opacity:.45}}.eco-ring{stroke-width:1.4px;transform-box:fill-box;transform-origin:50%;animation:3.4s ease-out infinite eco-ring}@keyframes eco-ring{0%{opacity:.8;transform:scale(.72)}to{opacity:0;transform:scale(1.18)}}.eco-scan{opacity:0}.eco-bar{transform-box:fill-box;transform-origin:bottom}[data-live] .eco-illus{filter:drop-shadow(0 8px 14px #0206188c)brightness(1.14)}[data-live] .eco-scan{animation:eco-scan 1.5s var(--ease-standard)}@keyframes eco-scan{0%{opacity:0;transform:translate(0,0)}15%,85%{opacity:.9}to{opacity:0;transform:translateY(50px)}}[data-live] .eco-bar{animation:eco-bar .8s var(--ease-out-expo)}@keyframes eco-bar{0%{transform:scaleY(.25)}}.eco-flow{stroke-dasharray:1 2}.eco-flow:not([pathLength]){stroke-dasharray:none}[data-live] .eco-gear>g{animation-duration:7s}.eco-card:focus-visible{outline:2px solid var(--eco-cyan);outline-offset:3px}.eco-card:is(:hover,:focus-visible){translate:0 -6px;box-shadow:0 34px 70px #020618a6,0 0 50px #42a0ff6b,inset 0 1px #ffffff4d}.eco-card:is(:hover,:focus-visible) .eco-card-edge{opacity:1;background:linear-gradient(125deg, var(--rim-a,var(--eco-cyan)), #bee1ffcc 50%, var(--rim-b,var(--eco-violet)))}.eco-card:is(:hover,:focus-visible) .eco-card-sheen{background:radial-gradient(420px circle at var(--mx,12%) var(--my,0%), #aad7ff4d, transparent 62%), linear-gradient(155deg, #ffffff26, transparent 38%)}.eco-card:is(:hover,:focus-visible) .eco-arrow{background:var(--eco-blue);border-color:var(--eco-cyan);translate:3px}html[dir=rtl] .eco-card:is(:hover,:focus-visible) .eco-arrow{translate:-3px}.eco-motion-control{z-index:40;border:1px solid var(--glass-border);width:2.75rem;height:2.75rem;color:var(--text-secondary);transition:border-color var(--duration-fast) ease, color var(--duration-fast) ease;background:#050b1dcc;border-radius:50%;justify-content:center;align-items:center;margin-inline-start:-1.375rem;display:none;position:absolute;inset-block-end:0;inset-inline-start:50%}figure[data-motion-ready] .eco-motion-control{display:inline-flex}.eco-motion-control:hover{color:#fff;border-color:#fff6}@media (prefers-reduced-motion:reduce){.eco-motion-control,figure[data-motion-ready] .eco-motion-control{display:none}}figure:is([data-motion-off],[data-offscreen]) *,figure:is([data-motion-off],[data-offscreen]) :before{animation-play-state:paused}@media (min-width:40rem){.eco-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.eco-card-item[data-card=insights]{grid-column:1/-1}.eco-card-item[data-card=insights] .eco-card{grid-template-columns:7rem minmax(0,1fr)}.eco-card{grid-template-columns:6.5rem minmax(0,1fr);padding:1.125rem 3rem 1.125rem 1.125rem}html[dir=rtl] .eco-card{padding:1.125rem 1.125rem 1.125rem 3rem}.eco-orb-wrap{width:18rem}}@media (min-width:72rem){.eco-scene{aspect-ratio:1000/920;max-width:44rem}.eco-layer{display:block}.eco-orb-wrap{width:27%;margin:0;position:absolute;top:48.91%;left:50%;translate:-50% -50%}.eco-cards{pointer-events:none;display:block;position:absolute;inset:0}.eco-card-item{inset-inline-start:var(--x);top:var(--y);width:var(--w);pointer-events:auto;margin-inline-start:calc(var(--w) / -2);position:absolute;translate:0 -50%}.eco-card-depth{will-change:transform}.eco-card-float{will-change:transform;animation:eco-float 12s linear calc(2.6s + var(--float-at,0s)) infinite}.eco-card-item:has(.eco-card:is(:hover,:focus-visible)){z-index:2}.eco-card-item:has(.eco-card:is(:hover,:focus-visible)) .eco-card-float{animation-play-state:paused}.eco-card{--flip:1;-webkit-backdrop-filter:blur(10px)saturate(130%);backdrop-filter:blur(10px)saturate(130%);min-height:23cqw;transform:perspective(1100px) rotateX(calc(var(--lean-x) + var(--tilt-x,0deg))) rotateY(calc(var(--flip) * var(--lean-y) + var(--tilt-y,0deg))) rotateZ(calc(var(--flip) * var(--lean-z)));border-radius:2.6cqw;grid-template-columns:36% minmax(0,1fr);gap:3.5%;padding:1.7cqw 2.2cqw 3.6cqw 1.8cqw}html[dir=rtl] .eco-card{--flip:-1;padding:1.7cqw 1.8cqw 3.6cqw 2.2cqw}.eco-card:is(:hover,:focus-visible){--lean-x:0deg;--lean-y:0deg;--lean-z:0deg}.eco-card-item[data-card=insights] .eco-card{grid-template-columns:31% minmax(0,1fr);min-height:18cqw}.eco-tile{width:clamp(1.5rem,3.2cqw,2.125rem);height:clamp(1.5rem,3.2cqw,2.125rem);margin-block-end:.375rem;display:flex}.eco-card-title{font-size:clamp(.875rem,2cqw,1.1875rem)}.eco-card-detail{font-size:clamp(.75rem,1.5cqw,.875rem)}.eco-arrow{inset-inline-end:1.2cqw;width:clamp(1.5rem,3cqw,2rem);height:clamp(1.5rem,3cqw,2rem);bottom:1.2cqw}.eco-port{animation:.4s 1.5s backwards eco-fade;display:block}}@media (min-width:80rem){.eco-figure{margin-inline-end:-1.5rem;padding-block-end:0;position:static}.eco-scene{max-width:none;margin-inline:0}.eco-motion-control{inset-block-end:3.25rem}}@keyframes eco-float{0%,50%,to{transform:translate(0,0)rotate(0)}12.5%{transform:translate(3px,-4px)rotate(.2deg)}25%{transform:translate(4px)rotate(.3deg)}37.5%{transform:translate(3px,4px)rotate(.2deg)}62.5%{transform:translate(-3px,-4px)rotate(-.2deg)}75%{transform:translate(-4px)rotate(-.3deg)}87.5%{transform:translate(-3px,4px)rotate(-.2deg)}}@supports (animation-timeline:view()){@media (not (min-width:72rem)) and (prefers-reduced-motion:no-preference){.eco-card{animation:linear both eco-card-in;animation-timeline:view();animation-range:entry entry 70%}}}@media not (min-width:40rem){.eco-card-art .eco-float-a,.eco-card-art .eco-float-b,.eco-ring,.eco-orb-ring-b,.eco-dust{animation:none}.eco-orb-ring-b,.eco-dust{display:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.eco-card{background:#0c1b4e}}@media (prefers-reduced-transparency:reduce){.eco-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0c1b4e}}@media (prefers-reduced-motion:reduce){.hero-brand,.hero-brand *,.hero-brand :before{animation:none!important}.eco-card-depth,.eco-card-float,.hero-pointer-light{will-change:auto}.hero-pointer-light{display:none}}@media not (min-width:40rem){.hero-eyebrow{white-space:nowrap;padding-inline:.75rem;font-size:.8125rem}}.hero-brand:has([data-played]) :is(.hero-line>span,.hero-fade,.hero-eyebrow,.hero-grid,.eco-background,.eco-layer-orbits,.eco-orb-wrap,.eco-orb-identity,.eco-card,.eco-draw,.eco-port){animation:none}.hero-brand+section{z-index:1;border-radius:2.5rem 2.5rem 0 0;margin-block-start:-2.5rem}.hero-scroll-cue{min-height:2.75rem;color:var(--color-soft-dark);transition:color var(--duration-fast) ease;align-items:center;gap:.5rem;margin-block-start:.75rem;font-size:.8125rem;display:inline-flex}.hero-scroll-cue:hover{color:#fff}