/* FW Goldglas: original brand, a living light signature, one spatial centerpiece. */
.agenten-evolution{--gold:#e7c58c;--bg:#050e1a}
.brand{position:relative;isolation:isolate;overflow:visible!important}
.brand img{mix-blend-mode:screen;transition:filter .45s ease;max-width:100%;height:auto}
.brand::after{content:'';position:absolute;left:4%;right:5%;bottom:24%;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 5%,#2487e9 35%,#7adfff 46%,#eafaff 50%,#7adfff 54%,#2487e9 65%,transparent 95%);background-size:250% 100%;box-shadow:0 0 8px #268fff9c,0 0 18px #209cff5c;opacity:.4;animation:fw-led-flow 2.2s linear infinite;animation-play-state:paused;transition:opacity .35s}
.brand:hover::after,.brand:focus-visible::after{animation-play-state:running;opacity:1}
.brand:hover img,.brand:focus-visible img{filter:brightness(1.14)}
@keyframes fw-led-flow{from{background-position:170% 0}to{background-position:-80% 0}}
.agenten-evolution .header{border-right-color:#b3cadd0e;background:linear-gradient(160deg,#071321f2,#030a14f8)}
.agenten-evolution .hero.wrap{min-height:780px;padding-top:105px;overflow:hidden}
.agenten-evolution .hero-copy{max-width:550px;z-index:3}
.agenten-evolution .hero h1{font-size:clamp(60px,5.6vw,88px);letter-spacing:-3.4px;line-height:1.08}
.agenten-evolution .hero .lead{font-size:16px;line-height:1.9;max-width:420px}
.agenten-evolution .hero .eyebrow{font-size:9px;letter-spacing:1.6px}
.hero-art.goldglas-scene{position:absolute!important;left:44%!important;right:-7%!important;top:30px!important;bottom:25px!important;height:auto!important;transform:none!important;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 94%,transparent)!important;z-index:0!important;pointer-events:none}
.goldglas-scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s}
.goldglas-scene .goldglas-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;opacity:.9;transition:opacity 1s;mask-image:linear-gradient(transparent,#000 10%,#000 80%,transparent)!important}
.goldglas-scene[data-renderer=canvas] canvas{opacity:1}
.goldglas-scene[data-renderer=canvas] .goldglas-fallback{opacity:0}
.agenten-evolution .goldglas-scene::after{background:linear-gradient(90deg,#050e1a,transparent 12%,transparent 92%,#050e1a),linear-gradient(0deg,#050e1a,transparent 12%,transparent 93%,#050e1a)!important;pointer-events:none}
.agenten-evolution .orbital{z-index:2;height:460px;transform:none!important;pointer-events:none;margin-top:25px}
.agenten-evolution .orbit-label{pointer-events:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,#06121ecf,#06121e12);backdrop-filter:blur(10px);padding:12px 16px;border-left:1px solid #d9c6985e;max-width:240px;font-size:11px;transition:background .4s,border-color .4s,transform .4s}
.agenten-evolution .orbit-label i{box-shadow:0 0 9px #60cfff}
.agenten-evolution .label-one{top:-5px;right:4%}
.agenten-evolution .label-two{top:188px;left:-5px}
.agenten-evolution .label-three{bottom:12px;right:0}
.agenten-evolution .orbit-glint{display:none}
.agenten-evolution .orbital-caption{bottom:-50px;right:10px}
.hero-motion-control{position:absolute;right:48px;bottom:32px;z-index:4;display:flex;align-items:center;gap:14px}
.hero-motion-control small{font-size:8px;letter-spacing:1.3px;color:#9bb5cb}
.motion-toggle{border:1px solid #b7cbd12e;color:#d9e5ec;border-radius:30px;background:#071421b0;padding:8px 12px;font:inherit;font-size:10px;cursor:pointer;backdrop-filter:blur(12px)}
.motion-toggle:hover,.motion-toggle:focus-visible{border-color:#e7c58c;color:#fff0d3}
.motion-toggle:disabled{cursor:default;color:#94aabe}
.motion-toggle[hidden]{display:none}
.agenten-evolution .principles{padding-top:20px;padding-bottom:50px;gap:25px;border-bottom:1px solid #aac3d51a}
.agenten-evolution .service,.agenten-evolution .project-card{border-radius:5px;background:linear-gradient(145deg,#11263866,#08142008);transition:background .5s,box-shadow .5s}
.agenten-evolution .service:hover,.agenten-evolution .project-card:hover{background:linear-gradient(145deg,#18354b88,#09152355);box-shadow:inset 0 1px #d5c09635}
.agenten-evolution .button.primary{box-shadow:0 8px 35px #b68d3f15;transition:transform .3s,box-shadow .3s}
.agenten-evolution .button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 36px #c4a56730}
.agenten-evolution .demo-panel{border-radius:6px}
.agenten-evolution .demo-output{position:relative;isolation:isolate;background:#fafbf9}
.agenten-evolution .document-heading{min-height:76px;position:relative;padding-right:95px;border-bottom:1px solid #ba975460;align-items:flex-start}
.agenten-evolution .document-heading::after{content:'';position:absolute;right:-12px;top:-15px;width:120px;height:80px;background:url('/assets/goldglas-v9/orbital-header.webp') right top/contain no-repeat;z-index:-1}
.agenten-evolution .document-heading>span{position:absolute;left:0;bottom:10px;color:#806333;letter-spacing:1px}
.agenten-evolution .document-heading #studio-preview-logo{max-width:200px;max-height:46px;mix-blend-mode:normal}
.document-atelier{padding:100px 0 30px}
.document-atelier-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;margin-bottom:38px}
.document-atelier-intro h3{font-size:clamp(30px,3vw,43px);line-height:1.2;font-weight:480;letter-spacing:-1.3px;max-width:520px;margin:15px 0 0}
.document-atelier-intro>p{font-size:14px;color:#b8cad9;line-height:1.9;margin-bottom:0}
.document-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.document-proof{margin:0;min-width:0}
.document-proof .document-stage{background:radial-gradient(ellipse at 50% 10%,#17314980,transparent 70%),#081523;aspect-ratio:1/.98;overflow:hidden;padding:30px 25px 0;position:relative;border-top:1px solid #a7c6d62b}
.document-proof img{display:block;width:100%;height:auto;transform:perspective(1000px) rotateX(4deg) rotateZ(-2deg) translateY(7px);transform-origin:center bottom;box-shadow:0 20px 50px #0009;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.document-proof:nth-child(2) img{transform:perspective(1000px) rotateX(4deg) rotateZ(1deg) translateY(7px)}
.document-proof:nth-child(3) img{transform:perspective(1000px) rotateX(4deg) rotateZ(3deg) translateY(7px)}
.document-proof:hover img{transform:perspective(1000px) rotateX(0) rotateZ(0) translateY(0)}
.document-proof .document-stage::after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#081523)}
.document-proof figcaption{padding:18px 0 0;display:flex;justify-content:space-between;gap:10px;color:#d4e2ec;font-size:13px}
.document-proof figcaption span{color:#94aabd;font-size:10px}
.document-source-note{font-size:10px;color:#a2b9cc;line-height:1.8;margin-top:24px;max-width:850px}
.motion-paused .brand::after{animation-play-state:paused!important}
@media(min-width:761px) and (max-width:1120px){.agenten-evolution .hero h1{font-size:62px}.hero-art.goldglas-scene{left:40%!important;right:-14%!important}.agenten-evolution .orbit-label{font-size:10px;max-width:188px}.agenten-evolution .label-two{left:20px}.hero-motion-control{right:30px}.document-gallery{gap:15px}.document-proof .document-stage{padding:20px 15px 0}.document-atelier-intro{gap:30px}}
@media(max-width:760px){
 .agenten-evolution .hero.wrap{padding:55px 24px 90px;min-height:auto}
 .agenten-evolution .hero-copy{max-width:100%}
 .agenten-evolution .hero h1{font-size:clamp(48px,12.8vw,74px);letter-spacing:-2.8px}
 .agenten-evolution .hero .lead{font-size:15px;max-width:470px}
 .hero-art.goldglas-scene{left:-10%!important;right:-10%!important;top:auto!important;bottom:62px!important;height:430px!important;opacity:1!important}
 .agenten-evolution .orbital{height:380px;margin:32px 0 0;max-width:500px;margin-inline:auto}
 .agenten-evolution .label-one{top:0;right:0}
 .agenten-evolution .label-two{top:140px;left:0}
 .agenten-evolution .label-three{bottom:20px;right:0}
 .agenten-evolution .orbit-label{font-size:10px;max-width:205px;padding:10px 12px}
 .agenten-evolution .orbital-caption{display:none}
 .hero-motion-control{right:24px;left:24px;bottom:25px;justify-content:space-between;gap:8px}
 .hero-motion-control small{font-size:7px;letter-spacing:.7px}
 .hero-coordinate{display:none}
 .agenten-evolution .principles{padding-bottom:30px;gap:15px}
 .document-atelier{padding-top:65px}
 .document-atelier-intro{grid-template-columns:1fr;gap:20px;margin-bottom:30px}
 .document-gallery{grid-template-columns:1fr;gap:34px}
 .document-proof .document-stage{aspect-ratio:1/.88;padding:32px 32px 0}
 .document-proof figcaption{font-size:15px}
 .agenten-evolution .document-heading{padding-right:65px}
 .agenten-evolution .document-heading::after{width:95px;height:70px}
 .agenten-evolution .document-heading #studio-preview-logo{max-width:155px;max-height:40px}
}
@media(prefers-reduced-motion:reduce){.brand::after{animation:none!important}.brand img,.document-proof img,.service,.project-card,.button.primary,.goldglas-scene canvas,.goldglas-fallback{transition:none!important}.document-proof:hover img,.button.primary:hover{transform:none!important}}
@media(hover:none),(pointer:coarse){.brand::after{animation:none}.document-proof:hover img{transform:none!important}}
@media(forced-colors:active){.goldglas-scene,.brand::after,.hero-motion-control,.document-heading::after{display:none!important}.document-proof .document-stage{border:1px solid CanvasText}.motion-toggle{border:1px solid ButtonText}}
/* V15: transparent rendering blends into the page instead of painting a navy tile. */
.agenten-evolution .hero-art.goldglas-scene{mask-image:radial-gradient(ellipse 72% 65% at 53% 46%,#000 48%,transparent 100%)!important;top:10px!important;left:43%!important;right:-5%!important}
.agenten-evolution .goldglas-scene::after{display:none!important}
.agenten-evolution .goldglas-scene::before{content:'';position:absolute;inset:65% 0 0;background:url('/assets/evolution-20261024/crystal-orbit-822.webp') center bottom/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 35%,#000 68%,transparent);opacity:.42;pointer-events:none}
.agenten-evolution .goldglas-scene canvas{filter:none}
.agenten-evolution .orbit-label{backdrop-filter:blur(5px);background:linear-gradient(90deg,#06121eb0,#06121e00);border-left-color:#d9c6983b}
@media(max-width:760px){.agenten-evolution .hero-art.goldglas-scene{left:-10%!important;right:-10%!important;top:auto!important;mask-image:radial-gradient(ellipse 70% 65% at 50% 44%,#000 47%,transparent 100%)!important}}