/* Clear copy on the left, an unframed interactive scene on the right. */
:root[data-theme] .evolix-react-hero{--muted:#bfd0ea;background:radial-gradient(ellipse at 78% 44%,#172b4d 0%,#0b1324 66%);color:#f4f7ff}
.evolix-react-hero{--evolix-hero-height:clamp(800px,calc(100svh - var(--site-header-height,104px)),1000px);display:block;position:relative;isolation:isolate;min-height:var(--evolix-hero-height);padding:0;overflow:clip}
.evolix-react-hero .hero-content{position:relative;z-index:3;width:100%;max-width:none;margin:0;min-height:var(--evolix-hero-height);padding:clamp(80px,10vh,128px) var(--layout-edge) 160px;pointer-events:none}
.evolix-react-hero .hero-content>*{pointer-events:auto;max-width:44%}
.evolix-react-hero .hero-content>.eyebrow,.evolix-react-hero .hero-content>.hero-ctas,.evolix-react-hero .hero-content>.hero-foot{max-width:44%}
.evolix-react-hero h1{width:44%;max-width:none;font-size:clamp(44px,5vw,90px);color:#f4f7ff;text-shadow:0 3px 24px #07112166}
.evolix-react-hero h1 em{color:#a5c6ff}
.evolix-react-hero .hero-description{max-width:min(28rem,44%);color:#c4d3e9;text-shadow:0 2px 14px #071121}
.evolix-react-hero .hero-content h1:before,.evolix-react-hero .hero-content .hero-description:before{display:none;background:none;box-shadow:none}
.evolix-react-hero .hero-content>.eyebrow,.evolix-react-hero .hero-foot,.evolix-react-hero .home-demo{color:#bfd0ea}
.evolix-react-hero .hero-ctas .text-link{color:#d5e4ff}
.evolix-react-hero .hero-art.evolix-visual-shell{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;min-width:0;margin:0;opacity:1;border-radius:0;overflow:visible;background:none;border:0;box-shadow:none}
.evolix-react-hero .hero-art:before{display:none}
.evolix-react-root{position:absolute;top:5%;right:0;left:auto;width:49%;height:78%;z-index:1;pointer-events:auto;overflow:hidden}
.evolix-react-root canvas{cursor:grab;touch-action:pan-y;outline-offset:-5px}
.evolix-react-root canvas[data-dragging=true]{cursor:grabbing}
.evolix-react-root canvas:focus-visible{outline:2px solid #a5c6ff;border-radius:12px}
.evolix-react-hero .hero-launch-cta{animation:none}
.evolix-react-hero .hero-launch-cta:before{display:none;animation:none}
.evolix-react-fallback{position:absolute;inset:5% 0 17% 51%;display:grid;place-items:center;padding:0;background:none;opacity:1;pointer-events:none;transition:opacity .2s}
.evolix-react-fallback img{width:clamp(140px,16vw,250px);height:auto;filter:brightness(0) invert(1);opacity:.8}
.evolix-visual-shell[data-scene=react] .evolix-react-fallback{opacity:0}
.evolix-visual-controls{position:absolute;bottom:24px;left:var(--layout-edge);right:var(--layout-edge);display:flex;justify-content:flex-end;gap:8px;z-index:2}
.evolix-drag-hint{align-self:center;color:#bfd0ea;font-size:13px;margin-right:8px;display:none}
.evolix-visual-shell[data-scene=react] .evolix-drag-hint{display:inline}
.evolix-visual-controls button{min-height:40px;padding:8px 12px;border:1px solid #799bce66;border-radius:9px;background:#0b172de8;color:#e4edff;font-size:12px;line-height:1.5;pointer-events:auto}
.evolix-visual-controls button:hover{border-color:#b1cbff;background:#1d3150}
.evolix-visual-controls button:focus-visible{outline:2px solid #b1cbff;outline-offset:3px}
.evolix-visual-controls button:disabled{opacity:.65;cursor:default}
:root[data-theme] .evolix-react-hero .hero-portfolio{position:absolute;z-index:4;inset:auto var(--layout-edge) 88px auto;width:300px;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:16px 18px;background:#10223bc9;border:1px solid #6689b84d;color:#edf4ff;box-shadow:none}
.evolix-react-hero .hero-portfolio strong{font-size:19px;margin:0;color:#edf4ff}
.evolix-react-hero .hero-portfolio-top,.evolix-react-hero .hero-portfolio-bottom{color:#c4d5ed}
.evolix-react-hero .hero-portfolio-bottom{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.evolix-react-hero .hero-portfolio-top{font-size:13px}
.evolix-react-hero .hero-index{color:#bccde6}.evolix-react-hero .hero-index>span{color:#aacaff}
@media(max-width:1000px){
 .evolix-react-hero{min-height:0}
 .evolix-react-hero .hero-content{min-height:0;padding:46px var(--layout-gutter) 0;justify-content:flex-start}
 .evolix-react-hero .hero-content>*,.evolix-react-hero .hero-content>.eyebrow,.evolix-react-hero .hero-content>.hero-ctas,.evolix-react-hero .hero-content>.hero-foot{max-width:100%}
 .evolix-react-hero h1{width:100%;font-size:clamp(42px,8vw,72px)}
 .evolix-react-hero .hero-description{max-width:28rem}
 .evolix-react-hero .hero-art.evolix-visual-shell{position:relative;inset:auto;height:580px}
 .evolix-react-root{inset:0 0 70px;width:100%;height:auto}
 .evolix-react-fallback{inset:0 0 70px;padding:0}
 .evolix-react-hero .hero-index{display:none}
 :root[data-theme] .evolix-react-hero .hero-portfolio{position:relative;inset:auto;margin:0 var(--layout-gutter) 28px;width:300px}
}
@media(max-width:600px){
 .evolix-react-hero .hero-content{padding-top:34px}
 .evolix-react-hero h1{font-size:clamp(37px,10.5vw,60px)}
 .evolix-react-hero .hero-art.evolix-visual-shell{height:500px}
 :root[data-theme] .evolix-react-hero .hero-portfolio{width:min(280px,calc(100% - 2*var(--layout-gutter)));padding:13px 16px}
 .evolix-react-hero .hero-portfolio strong{font-size:17px}
 .evolix-visual-controls{bottom:20px;gap:6px}
 .evolix-visual-controls button{font-size:12px;padding:8px 10px}
 .evolix-drag-hint{font-size:12px;margin-right:auto}
}
@media(hover:none),(pointer:coarse){.evolix-visual-shell[data-scene=react] .evolix-drag-hint{display:none}}
.no-motion .evolix-react-fallback{transition:none}
@media(prefers-reduced-motion:reduce){.evolix-react-fallback{transition:none}}