/* V22 — a floating instrument panel, open chapter atlas and original-glyph metallic light. */
:root{--sidebar:0px;--fw-header-height:100px}
body.agenten-v9{padding-left:0;padding-top:var(--fw-header-height)}
.agenten-v9 .header.fw-floating-header{position:fixed;inset:16px 28px auto;width:auto;height:68px;max-width:1500px;margin:0 auto;padding:0 20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:28px;border:1px solid #71a9c445!important;border-radius:22px;background:linear-gradient(115deg,#102439f5,#061321ed 60%,#18293aec)!important;backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #c5eeff12,0 12px 40px #0004;overflow:visible;z-index:60}
.agenten-v9 .header.fw-floating-header .brand{width:205px;height:62px;display:flex;align-items:center;overflow:hidden}
.agenten-v9 .header.fw-floating-header .brand img{width:205px;height:auto;max-height:none;object-fit:contain}
.agenten-v9 .header .fw-quick-links{display:flex;flex-direction:row;position:static;width:auto;gap:32px;margin:0 auto 0 12px;padding:0;background:none;border:0}
.agenten-v9 .header .fw-quick-links a{font-size:12px;font-weight:700;padding:10px 0;border:0;border-radius:0;color:#b9cede;background:none;box-shadow:none}
.agenten-v9 .header .fw-quick-links a::before{display:none}.agenten-v9 .header .fw-quick-links a:hover{color:#f3d99f}
.fw-header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.fw-header-project{font-size:12px;font-weight:800;color:#f2d59b;white-space:nowrap}.fw-header-project span{margin-left:12px}
.fw-floating-header .fw-motion-control{margin:0;min-height:36px;width:36px;height:36px;padding:0;border-radius:50%;font-size:0;background:#0a1a2a;border-color:#5d94ae4d}.fw-floating-header .fw-motion-control::before{content:'Ⅱ';font-size:14px;color:#b7d5e6}.fw-floating-header .fw-motion-control[aria-pressed=true]::before{content:'▷'}
.agenten-v9 .header .fw-menu-open{display:flex;position:relative;gap:19px;align-items:center;min-height:44px;padding:10px 15px;border:1px solid #c3a56c70;border-radius:14px;background:linear-gradient(130deg,#1a3449,#172332);color:#f3e1bc;font:800 12px Nunito,Arial,sans-serif;cursor:pointer;box-shadow:0 0 17px #c5a25c0e}
.fw-menu-open i{display:flex;flex-direction:column;gap:5px;width:19px}.fw-menu-open i b{display:block;width:19px;height:1px;background:linear-gradient(90deg,#6dd2ff,#f8db9f)}.fw-menu-open i b:last-child{width:12px;margin-left:auto;transition:width .2s}.fw-menu-open:hover i b:last-child{width:19px}
.fw-menu-is-open{overflow:hidden}
.fw-site-menu{position:fixed;inset:0;width:min(1220px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #648fa655;border-radius:28px;color:#e5f0f7;background:radial-gradient(ellipse at 100% 0,#234b6255,transparent 60%),#081725;box-shadow:0 30px 100px #0009;overflow:auto;overscroll-behavior:contain}
.fw-site-menu:not([open]){display:none}.fw-site-menu::backdrop{background:#020911d9;backdrop-filter:blur(9px)}
.fw-menu-panel{padding:40px 45px 28px}.fw-menu-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:34px}.fw-menu-heading .eyebrow{font-size:9px;color:#8bbdd5;letter-spacing:.18em;margin-bottom:12px}.fw-menu-heading h2{font-size:clamp(27px,3.3vw,43px);line-height:1.15;font-style:italic;letter-spacing:-.04em;margin:0}.fw-menu-heading h2 em{font-style:normal;color:#ead09b}
.fw-menu-close{display:flex;align-items:center;gap:16px;flex-shrink:0;min-height:44px;border:1px solid #7eabb84d;border-radius:14px;padding:8px 13px;background:#10283b;color:#d8e7f2;font:700 12px Nunito,Arial,sans-serif;cursor:pointer}.fw-menu-close span{font-size:23px;line-height:1;color:#e6c790}
.fw-chapter-atlas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.fw-menu-group>p{font-size:9px;letter-spacing:.1em;color:#7ca7bf;margin:0 0 15px}.fw-menu-group>a{display:flex;gap:12px;align-items:flex-start;min-height:77px;padding:14px 9px;border-top:1px solid #52809b2e;border-radius:0 0 12px 12px;transition:background .2s;color:#c8dce9}.fw-chapter-number{font-size:10px;min-width:20px;padding-top:3px;color:#6baccc}.fw-menu-group strong{display:block;font-size:18px;font-weight:700;line-height:1.3}.fw-menu-group small{display:block;font-size:11px;line-height:1.6;color:#9eb8cb;margin-top:6px}.fw-menu-group b{font-size:14px;font-weight:400;margin-left:auto;color:#d1b47e}.fw-menu-group a:is(:hover,:focus-visible),.fw-menu-group a[aria-current]{background:linear-gradient(115deg,#1b4a6559,#18334515);color:#f3e4c4}.fw-menu-group a[aria-current] .fw-chapter-number{color:#f1cd85}
.fw-menu-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #648ca23b;padding-top:24px;margin-top:26px;font-size:12px}.fw-menu-footer p{margin:0;color:#e6d09e;line-height:1.7}.fw-menu-footer p span{font-size:10px;color:#91acbf}.fw-menu-footer>a{color:#dfc590}.fw-menu-footer nav{display:flex;gap:18px;font-size:10px;color:#91acbf}
.fw-nav-fallback{display:flex;flex-wrap:wrap;gap:18px;padding:20px 30px;background:#102437;font-size:13px}
.agenten-v9 .hero.wrap{min-height:800px;padding:130px max(48px,calc((100vw - 1260px)/2)) 65px;grid-template-columns:1fr 1fr;overflow:hidden}.agenten-evolution .hero-copy{max-width:620px}.agenten-evolution .hero .lead{max-width:500px}.agenten-evolution .hero h1{font-size:clamp(64px,5.6vw,90px)}.agenten-evolution .hero-art.goldglas-scene{left:43%!important;right:-2%!important}.agenten-v9 .orbital{margin-top:110px;height:460px}.hero-coordinate{display:none}
.fw-signature-live{position:absolute;z-index:3;right:max(55px,calc((100vw - 1380px)/2));top:-4px;width:min(48vw,660px);margin:0;pointer-events:none;isolation:isolate}
.fw-signature-live>img{display:block;width:100%;height:auto;object-fit:contain}.fw-signature-live>svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.fw-signature-live figcaption{position:absolute;bottom:13%;left:25%;right:5%;font-size:8px;letter-spacing:.3em;color:#82bed7;text-align:center}
.fw-specular{animation:fw-metal-pass 6s ease-in-out 2 both;animation-play-state:paused;transform-box:view-box}.fw-specular-return{animation-name:fw-metal-return;opacity:.55}.fw-energy{stroke-dasharray:130 2600;stroke-dashoffset:150;animation:fw-energy-pass 6s cubic-bezier(.35,.05,.4,1) 2 both;animation-play-state:paused}.fw-energy-gold{animation-delay:.35s;stroke-dasharray:80 2600}
.fw-signature-running .fw-specular,.fw-signature-running .fw-energy{animation-play-state:running}
@keyframes fw-metal-pass{0%,8%{transform:translateX(0);opacity:0}15%{opacity:1}70%{opacity:.85}90%,100%{transform:translateX(4300px);opacity:0}}
@keyframes fw-metal-return{0%,35%{transform:translateX(4300px);opacity:0}45%{opacity:.65}85%,100%{transform:translateX(0);opacity:0}}
@keyframes fw-energy-pass{0%,5%{stroke-dashoffset:150;opacity:0}12%{opacity:.9}85%{opacity:.9}100%{stroke-dashoffset:-2450;opacity:0}}
:where(.fw-menu-open,.fw-header-project,.fw-menu-close,.fw-chapter-atlas a,.fw-quick-links a):focus-visible{outline:2px solid #a8e4ff;outline-offset:5px}
[id]{scroll-margin-top:115px}.agenten-v9 .legal-page{padding-top:60px}.agenten-v9 .skip{z-index:100}
@media(min-width:1600px){.agenten-v9 .hero.wrap{min-height:850px}.fw-signature-live{top:0}.agenten-v9 .orbital{height:480px}.agenten-evolution .hero-art.goldglas-scene{left:46%!important}}
@media(max-width:1100px){.agenten-v9 .header.fw-floating-header{inset:12px 20px auto;gap:15px}.agenten-v9 .header .fw-quick-links{gap:20px;margin-left:0}.agenten-v9 .hero.wrap{padding-inline:35px}.fw-signature-live{right:24px;width:49vw;top:20px}.agenten-evolution .hero h1{font-size:65px}.fw-menu-panel{padding:30px}.fw-chapter-atlas{gap:22px}.fw-menu-group strong{font-size:16px}.fw-menu-group small{font-size:10px}}
@media(max-width:760px){:root{--fw-header-height:89px}.agenten-v9 .header.fw-floating-header{inset:10px 12px auto;height:64px;padding:0 12px;gap:8px;border-radius:18px}.agenten-v9 .header.fw-floating-header .brand,.agenten-v9 .header.fw-floating-header .brand img{width:153px}.agenten-v9 .header .fw-quick-links,.fw-header-project{display:none}.fw-header-actions{gap:7px}.agenten-v9 .header .fw-menu-open{padding:9px 10px;gap:10px;font-size:11px}.fw-floating-header .fw-motion-control{width:30px;height:36px;min-height:36px;border:0;background:transparent}.fw-menu-open i{width:16px}.fw-menu-open i b{width:16px}.fw-site-menu{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:22px}.fw-menu-panel{padding:25px 20px}.fw-menu-heading{gap:10px;margin-bottom:25px}.fw-menu-heading h2{font-size:30px;max-width:250px}.fw-menu-close{font-size:0;padding:8px 13px}.fw-menu-close span{font-size:25px}.fw-chapter-atlas{grid-template-columns:1fr;gap:25px}.fw-menu-group>a{min-height:68px;padding-block:12px}.fw-menu-group strong{font-size:21px}.fw-menu-group small{font-size:11px}.fw-menu-footer{display:block}.fw-menu-footer>a{display:block;margin:18px 0}.fw-menu-footer nav{margin-top:18px}.agenten-v9 .hero.wrap{padding:35px 24px 35px;display:flex;flex-direction:column;min-height:0}.agenten-evolution .hero h1{font-size:clamp(48px,12.3vw,73px)}.fw-signature-live{position:relative;inset:auto;width:100%;max-width:480px;margin:12px auto -25px;order:1}.hero-copy{order:0}.agenten-v9 .orbital{order:2;margin:0 auto 25px;height:360px;width:100%}.agenten-evolution .hero-art.goldglas-scene{left:-10%!important;right:-10%!important;top:auto!important;bottom:25px!important;height:470px!important}.fw-signature-live figcaption{font-size:7px}.agenten-v9 .label-one{top:30px}.agenten-v9 .label-two{top:160px}.agenten-v9 .label-three{bottom:10px}[id]{scroll-margin-top:98px}}
@media(max-width:360px){.agenten-v9 .header.fw-floating-header .brand,.agenten-v9 .header.fw-floating-header .brand img{width:130px}.agenten-v9 .header .fw-menu-open{gap:6px;padding-inline:8px}.fw-header-actions{gap:3px}}
@media(prefers-reduced-motion:reduce){.fw-signature-live .fw-specular,.fw-signature-live .fw-energy{animation:none!important;opacity:0}.fw-menu-open i b,.fw-menu-group a{transition:none}}
@media(forced-colors:active){.fw-signature-live svg{display:none}.fw-site-menu,.agenten-v9 .header.fw-floating-header{border:1px solid CanvasText!important}.fw-menu-group a[aria-current]{outline:2px solid Highlight}}
