/* FW Agenten V9 — a visual process studio, within the existing brand. */
:root { --gold:#ebc88d; --muted:#b8c8db; }
.agenten-v9 { --sidebar:214px; }
.agenten-v9 .atmosphere { background:radial-gradient(ellipse at 80% 10%,#143e5e38,transparent 50%),linear-gradient(140deg,#060d18,#07101b 65%,#0c1420); }
.agenten-v9 .header { background:linear-gradient(160deg,#081421ed,#040b14ed); }
.agenten-v9 .header nav { gap:3px; margin-top:30px; }
.agenten-v9 .header nav>a { font-size:12px; padding-block:10px; }
.agenten-v9 .nav-section-label { color:#91a7bd; font-size:9px; }
.agenten-v9 .sidebar-bottom>span { font-size:8px; }
.agenten-v9 .brand-division { color:#a7c1d5; }
.agenten-v9 .page-topbar { background:#07111eb8; font-size:12px; border-bottom-color:#93b6d418; }
.agenten-v9 .page-topbar>a { font-size:12px; }
.agenten-v9 .wrap { width:min(1260px,calc(100% - 96px)); }
.agenten-v9 .hero.wrap { width:100%; padding:95px 48px 56px; min-height:730px; grid-template-columns:1.08fr 1fr; position:relative; overflow:hidden; }
.agenten-v9 .hero-art { left:31%; right:-15%; top:0; bottom:0; z-index:-2; }
.agenten-v9 .hero-art img { object-fit:cover; object-position:53% center; animation:art-arrive 1s ease-out both; }
.agenten-v9 .hero-art::after { background:linear-gradient(90deg,#060d18 0%,#060d18e0 7%,#060d1833 32%,#060d1800 65%),linear-gradient(0deg,#060d18 0%,#060d1800 22%,#060d1800 83%,#060d1866); }
.agenten-v9 .hero-copy { max-width:625px; animation:copy-arrive .65s ease-out both; }
.agenten-v9 .hero .eyebrow { font-size:10px; line-height:1.7; letter-spacing:1.6px; color:#b2d7ed; }
.agenten-v9 .hero h1 { font-size:clamp(58px,5.4vw,88px); font-weight:530; line-height:1.05; letter-spacing:-3.8px; margin-bottom:28px; }
.agenten-v9 .hero em { background:linear-gradient(110deg,#fff0d4,#dbb572); background-clip:text; color:transparent; }
.agenten-v9 .hero .lead { font-size:17px; max-width:480px; line-height:1.85; color:#c3d0df; }
.agenten-v9 .button { border-radius:30px; font-size:14px; padding:15px 23px; }
.agenten-v9 .hero .actions { flex-wrap:wrap; gap:22px; }
.agenten-v9 .hero .text-link { font-size:13px; }
.agenten-v9 .hero-note { font-size:12px; color:#a7bbce; margin-top:28px; }
.agenten-v9 .orbital { pointer-events:auto; height:490px; margin:0; }
.agenten-v9 .orbit-label { font-size:12px; line-height:1.45; padding:13px 16px; border-radius:10px; background:linear-gradient(115deg,#102336e8,#061321da); box-shadow:0 15px 45px #0005; white-space:normal; max-width:270px; }
.agenten-v9 .orbit-label small { display:block; font-size:8px; letter-spacing:1.5px; color:#8fbedc; margin-bottom:5px; }
.agenten-v9 .orbit-label b { font-weight:400; color:var(--gold); margin-left:10px; }
.agenten-v9 .label-one { top:0; right:4px; }
.agenten-v9 .label-two { top:210px; left:10px; }
.agenten-v9 .label-three { right:0; bottom:38px; border-color:#eacb8b66; }
.agenten-v9 .label-three small { color:#e0c18a; }
.agenten-v9 .orbital-caption { bottom:-18px; }
.agenten-v9 .orbital-caption span { font-size:8px; letter-spacing:2.2px; }
.agenten-v9 .orbital-caption small { font-size:10px; letter-spacing:0; }
.hero-coordinate { position:absolute; right:48px; top:24px; font-size:8px; letter-spacing:2px; color:#8ba3ba; writing-mode:vertical-rl; }
.agenten-v9 .principles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding:25px 0; border-color:#8fbedc30; background:none; font-size:12px; }
.agenten-v9 .principles>p { font-size:12px; }
.agenten-v9 .principles i,.agenten-v9 .principles p>span { display:block; font-style:normal; font-size:9px; color:#80bddd; letter-spacing:1px; margin-bottom:8px; }
.agenten-v9 .principles>span::before { content:none; }
.agenten-v9 .section { padding-block:98px; }
.agenten-v9 h2,.agenten-v9 .section-heading h2 { font-size:clamp(36px,3.5vw,52px); letter-spacing:-1.6px; line-height:1.14; }
.agenten-v9 .eyebrow { font-size:10px; line-height:1.7; letter-spacing:1.6px; }
.agenten-v9 .section-heading p:not(.eyebrow) { font-size:16px; line-height:1.85; color:#b7c8d9; }
.agenten-v9 .tag { font-size:10px; line-height:1.7; }
.agenten-v9 .service-grid:not(.technology-grid) { grid-template-columns:1.05fr 1fr; gap:22px; align-items:stretch; }
.agenten-v9 .service-grid:not(.technology-grid)>.service:first-child { grid-row:span 2; display:flex; flex-direction:column; }
.agenten-v9 .service-grid:not(.technology-grid)>.service:first-child>.text-link { margin-top:auto; }
.agenten-v9 .service { padding:29px; border-radius:16px; background:linear-gradient(145deg,#12283b99,#09131fd9); overflow:hidden; min-width:0; }
.agenten-v9 .service-media { margin:-29px -29px 27px; height:165px; position:relative; background:#06101b; }
.agenten-v9 .service-media img { display:block; width:100%; height:100%; object-fit:cover; }
.agenten-v9 .service-grid:not(.technology-grid)>.service:first-child .service-media { height:380px; flex-shrink:0; }
.agenten-v9 .service-grid:not(.technology-grid)>.service:nth-child(n+2) .service-media { float:right; width:35%; height:112px; margin:0 0 17px 20px; border-radius:8px; overflow:hidden; }
.agenten-v9 .service-no { right:24px; top:auto; bottom:15px; font-size:45px; color:#9fbed120; pointer-events:none; }
.agenten-v9 .service h3 { font-size:27px; line-height:1.25; }
.agenten-v9 .service-grid:not(.technology-grid)>.service:first-child h3 { font-size:34px; }
.agenten-v9 .service>p:not(.tag) { min-height:0; font-size:15px; line-height:1.85; }
.agenten-v9 .service li { font-size:13px; line-height:1.7; }
.agenten-v9 .service .text-link { font-size:13px; }
.agenten-v9 .service .tag { margin-bottom:23px; }
.agenten-v9 .scope-note { font-size:12px; line-height:1.85; color:#9eafc1; }
.agenten-v9 .demo-section { background:radial-gradient(ellipse at 0 0,#12375766,transparent 60%),linear-gradient(115deg,#0b1726,#08121e); border-color:#8fbedc28; }
.agenten-v9 .demo-section .wrap { width:min(1260px,calc(100% - 96px)); }
.agenten-v9 .split-heading { grid-template-columns:1.25fr 1fr; gap:60px; }
.agenten-v9 .demo-tabs { gap:32px; overflow-y:hidden; scrollbar-width:none; }
.agenten-v9 .demo-tabs::-webkit-scrollbar { display:none; }
.agenten-v9 .demo-tabs button { font-size:15px; padding:14px 3px 18px; }
.agenten-v9 .demo-tabs button:focus-visible { outline-offset:-3px; border-radius:5px; }
.agenten-v9 .demo-panel { grid-template-columns:.95fr 1.05fr; border-radius:18px; border-color:#8fb8d642; }
.agenten-v9 .demo-scene { margin:-32px -32px 27px; height:238px; position:relative; overflow:hidden; }
.agenten-v9 .demo-scene img { width:100%; height:100%; display:block; object-fit:cover; }
.agenten-v9 .demo-scene figcaption { position:absolute; left:20px; bottom:17px; font-size:8px; letter-spacing:1.4px; background:#06101bd9; border:1px solid #aac3d52e; padding:5px 8px; border-radius:4px; color:#c5d8e7; }
.agenten-v9 .demo-input,.agenten-v9 .demo-output { padding:32px; }
.agenten-v9 .demo-input { background:#07111c; }
.agenten-v9 .demo-input blockquote { font-size:19px; line-height:1.8; margin-block:23px; }
.agenten-v9 .mail-top strong { font-size:15px; line-height:1.5; }
.agenten-v9 .demo-bottom { font-size:11px; gap:15px; }
.agenten-v9 .demo-output { background:linear-gradient(135deg,#fbfcfd,#edf2f6); }
.agenten-v9 .demo-output h3 { font-size:26px; line-height:1.35; }
.agenten-v9 .demo-output .check-list { font-size:14px; line-height:1.8; }
.agenten-v9 .demo-output .check-list li { margin-block:20px; }
.agenten-v9 .demo-output .check-list li>span { font-size:10px; }
.agenten-v9 .demo-output .approval strong { font-size:12px; }
.agenten-v9 .demo-output .approval small { font-size:11px; }
.agenten-v9 .document-heading>span { font-size:8px; }
.agenten-v9 .demo-disclaimer { font-size:11px; color:#9db0c4; }
.agenten-v9 .project-card { padding:29px; overflow:hidden; border-radius:15px; }
.agenten-v9 .sector-media { margin:-29px -29px 27px; height:190px; overflow:hidden; }
.agenten-v9 .sector-media img { width:100%; height:100%; display:block; object-fit:cover; }
.agenten-v9 .project-card h3 { font-size:29px; }
.agenten-v9 .project-card>p:not(.tag),.agenten-v9 .project-card dd { font-size:15px; }
.agenten-v9 .project-card summary,.agenten-v9 .project-card>.text-link { font-size:13px; }
.image-context { font-size:11px; color:#9caec2; line-height:1.8; margin-bottom:28px; }
.agenten-v9 .technology-grid { gap:22px; }
.agenten-v9 .technology-grid .service { padding-top:35px; border-top:2px solid #6fc4f065; }
.agenten-v9 .technology-grid .tag { color:#a6d4ef; }
.agenten-v9 .trust-band { gap:28px; }
.agenten-v9 .trust-band>p { white-space:normal; }
.agenten-v9 .trust-band>span { font-size:14px; line-height:1.8; }
.agenten-v9 .architecture { gap:58px; }
.agenten-v9 .architecture-copy>p:not(.eyebrow) { font-size:16px; line-height:1.85; }
.agenten-v9 .architecture-visual { padding:27px; border-radius:18px; overflow:hidden; }
.principle-media { margin:-27px -27px 28px; height:200px; }
.principle-media img { width:100%; height:100%; display:block; object-fit:cover; }
.agenten-v9 .role-grid strong { font-size:14px; }
.agenten-v9 .role-grid small { font-size:11px; }
.agenten-v9 .process h3 { font-size:24px; }
.agenten-v9 .process p { font-size:14px; line-height:1.85; }
.agenten-v9 .questions { gap:55px; }
.agenten-v9 .questions h2 { font-size:40px; }
.agenten-v9 .faq summary { font-size:16px; }
.agenten-v9 .faq details p { font-size:14px; }
.agenten-v9 .contact-section { background:linear-gradient(120deg,#0a1729f5,#0c1b2bde),url('/assets/v9/wellen-1040.webp') center/cover; }
.agenten-v9 .contact-grid { gap:58px; }
.agenten-v9 .contact-section h2 { font-size:48px; }
.agenten-v9 .contact-grid>div>p:not(.eyebrow),.agenten-v9 .online-inquiry>p:not(.tag):not(.field-note) { font-size:15px; line-height:1.85; }
.agenten-v9 .inquiry { border-radius:18px; padding:30px; }
.agenten-v9 .inquiry .field-note { font-size:12px; }
.agenten-v9 .contact-person div>span { font-size:12px; }
.agenten-v9 .contact-person a,.agenten-v9 .email-link { font-size:14px; }
.agenten-v9 .footer-bottom { font-size:12px; }
.agenten-v9 .footer-top>p { font-size:14px; }
@keyframes copy-arrive { from { opacity:.6; transform:translateY(12px); } to { opacity:1; transform:none; } }
@keyframes art-arrive { from { opacity:.6; transform:scale(1.025); } to { opacity:1; transform:none; } }
@media (hover:hover) and (pointer:fine) {
 .agenten-v9 .orbit-label { transition:border-color .2s,background .2s; }
 .agenten-v9 .orbit-label:hover { border-color:#ecc788b0; background:#102c41f2; }
 .agenten-v9 .sector-media img { transition:transform .55s ease; }
 .agenten-v9 .project-card:hover .sector-media img { transform:scale(1.025); }
}
@media (min-width:1700px) { .agenten-v9 .hero.wrap { min-height:800px; } }
@media (min-width:1101px) and (max-width:1300px) {
 .agenten-v9 { --sidebar:196px; }
 .agenten-v9 .wrap,.agenten-v9 .demo-section .wrap { width:calc(100% - 64px); }
 .agenten-v9 .hero.wrap { padding-inline:32px; min-height:690px; }
 .agenten-v9 .hero h1 { font-size:62px; }
 .agenten-v9 .hero .lead { font-size:16px; max-width:420px; }
 .agenten-v9 .hero-art { left:28%; right:-21%; }
 .agenten-v9 .orbit-label { font-size:10px; padding:11px; max-width:225px; }
 .agenten-v9 .label-two { left:0; }
 .agenten-v9 .service,.agenten-v9 .project-card { padding:24px; }
 .agenten-v9 .service-media,.agenten-v9 .sector-media { margin-inline:-24px; margin-top:-24px; }
 .agenten-v9 .service h3 { font-size:25px; }
 .agenten-v9 .architecture,.agenten-v9 .contact-grid,.agenten-v9 .split-heading { gap:35px; }
}
@media(max-width:1100px) {
 .agenten-v9 .wrap,.agenten-v9 .demo-section .wrap { width:calc(100% - 64px); }
 .agenten-v9 .header nav { margin-top:0; }
 .agenten-v9 .header nav>a { font-size:14px; padding-block:12px; }
 .agenten-v9 .hero.wrap { padding:70px 32px 55px; min-height:690px; }
 .agenten-v9 .hero h1 { font-size:68px; }
 .agenten-v9 .hero .lead { font-size:16px; }
 .agenten-v9 .hero .actions { gap:20px; }
 .agenten-v9 .hero-art { left:31%; right:-18%; }
 .agenten-v9 .orbital { height:460px; }
 .agenten-v9 .orbit-label { font-size:11px; max-width:250px; }
 .agenten-v9 .service-grid:not(.technology-grid) { grid-template-columns:1fr 1fr; }
 .agenten-v9 .split-heading { grid-template-columns:1fr; gap:0; }
 .agenten-v9 .demo-panel { grid-template-columns:1fr 1fr; }
 .agenten-v9 .section { padding-block:80px; }
 .agenten-v9 .architecture,.agenten-v9 .questions,.agenten-v9 .contact-grid { grid-template-columns:1fr; }
 .agenten-v9 .architecture-visual { max-width:680px; width:100%; }
 .agenten-v9 .contact-grid>div>p:not(.eyebrow) { max-width:600px; }
}
@media(max-width:760px) {
 .agenten-v9 .wrap,.agenten-v9 .demo-section .wrap { width:calc(100% - 40px); }
 .agenten-v9 .hero.wrap { display:block; padding:48px 20px 28px; min-height:0; }
 .agenten-v9 .hero h1 { font-size:clamp(49px,10.5vw,74px); letter-spacing:-2.6px; }
 .agenten-v9 .hero .eyebrow { font-size:8px; letter-spacing:1.2px; max-width:100%; }
 .agenten-v9 .hero .lead { font-size:16px; line-height:1.85; max-width:550px; }
 .agenten-v9 .hero-copy { background:none; }
 .agenten-v9 .hero .button { font-size:13px; padding:14px 20px; }
 .agenten-v9 .hero .text-link { font-size:12px; }
 .agenten-v9 .hero-note { font-size:11px; }
 .agenten-v9 .hero-art { inset:auto -10% 15px; height:360px; }
 .agenten-v9 .hero-art img { object-position:50% center; opacity:1; }
 .agenten-v9 .hero-art::after { background:linear-gradient(0deg,#060d18,#060d1800 25%,#060d1800 75%,#060d18),linear-gradient(90deg,#060d1844,#060d1800 40%); }
 .agenten-v9 .orbital { width:100%; max-width:510px; height:345px; margin:24px auto 0; }
 .agenten-v9 .orbit-label { font-size:10px; padding:9px 11px; max-width:240px; gap:8px; }
 .agenten-v9 .orbit-label small { font-size:7px; margin-bottom:3px; }
 .agenten-v9 .label-one { top:0; right:0; }
 .agenten-v9 .label-two { top:144px; left:0; }
 .agenten-v9 .label-three { bottom:34px; right:0; }
 .agenten-v9 .orbital-caption { bottom:0; }
 .agenten-v9 .orbital-caption span { font-size:7px; letter-spacing:1.7px; }
 .agenten-v9 .orbital-caption small { font-size:9px; }
 .hero-coordinate { display:none; }
 .agenten-v9 .principles { grid-template-columns:1fr 1fr; gap:20px; font-size:11px; padding-block:24px; }
 .agenten-v9 .principles>p { font-size:11px; }
 .agenten-v9 .principles i,.agenten-v9 .principles p>span { margin-bottom:4px; }
 .agenten-v9 .section { padding-block:65px; }
 .agenten-v9 h2,.agenten-v9 .section-heading h2 { font-size:35px; line-height:1.18; }
 .agenten-v9 .section-heading p:not(.eyebrow) { font-size:15px; }
 .agenten-v9 .eyebrow { font-size:9px; }
 .agenten-v9 .service-grid:not(.technology-grid) { grid-template-columns:1fr; }
 .agenten-v9 .service-grid:not(.technology-grid)>.service:first-child { grid-row:auto; }
 .agenten-v9 .service,.agenten-v9 .project-card { padding:25px; }
 .agenten-v9 .service-media,.agenten-v9 .sector-media { margin:-25px -25px 24px; height:auto; aspect-ratio:1.95; }
 .agenten-v9 .service-grid:not(.technology-grid)>.service:first-child .service-media { height:auto; aspect-ratio:1.85; }
 .agenten-v9 .service-grid:not(.technology-grid)>.service:nth-child(n+2) .service-media { float:none; width:auto; height:auto; margin:-25px -25px 24px; border-radius:0; }
 .agenten-v9 .service h3,.agenten-v9 .service-grid:not(.technology-grid)>.service:first-child h3 { font-size:29px; }
 .agenten-v9 .service>p:not(.tag),.agenten-v9 .project-card>p:not(.tag),.agenten-v9 .project-card dd { font-size:14px; }
 .agenten-v9 .service li { font-size:12px; }
 .agenten-v9 .demo-panel { grid-template-columns:1fr; }
 .agenten-v9 .demo-input,.agenten-v9 .demo-output { padding:25px; }
 .agenten-v9 .demo-scene { height:auto; aspect-ratio:1.9; margin:-25px -25px 25px; }
 .agenten-v9 .demo-tabs { gap:26px; }
 .agenten-v9 .demo-tabs button { font-size:13px; }
 .agenten-v9 .demo-input blockquote { font-size:18px; }
 .agenten-v9 .demo-output h3 { font-size:24px; }
 .agenten-v9 .document-heading img { width:145px; }
 .agenten-v9 .document-heading>span { font-size:7px; }
 .agenten-v9 .demo-output .check-list { font-size:13px; }
 .agenten-v9 .project-card h3 { font-size:27px; }
 .agenten-v9 .architecture-copy>p:not(.eyebrow) { font-size:15px; }
 .agenten-v9 .architecture-visual { padding:24px; }
 .principle-media { margin:-24px -24px 27px; height:auto; aspect-ratio:2; }
 .agenten-v9 .process h3 { font-size:22px; }
 .agenten-v9 .process p { font-size:13px; }
 .agenten-v9 .questions h2 { font-size:35px; }
 .agenten-v9 .faq summary { font-size:15px; }
 .agenten-v9 .inquiry { padding:25px; }
 .agenten-v9 .contact-section h2 { font-size:40px; }
 .agenten-v9 .footer-bottom { font-size:11px; }
}
@media(max-width:360px) {
 .agenten-v9 .wrap,.agenten-v9 .demo-section .wrap { width:calc(100% - 32px); }
 .agenten-v9 .hero.wrap { padding-inline:16px; }
 .agenten-v9 .hero h1 { font-size:49px; }
 .agenten-v9 .hero .eyebrow { font-size:7px; letter-spacing:.9px; }
 .agenten-v9 .hero .lead { font-size:15px; }
 .agenten-v9 .demo-tabs { gap:20px; }
 .agenten-v9 .demo-tabs button { font-size:12px; }
 .agenten-v9 .document-heading img { width:124px; }
 .agenten-v9 .document-heading>span { font-size:6px; }
 .agenten-v9 .demo-bottom { flex-wrap:wrap; }
 .agenten-v9 .role-grid strong { font-size:12px; }
 .agenten-v9 .role-grid small { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
 .agenten-v9 .hero-copy,.agenten-v9 .hero-art img { animation:none; }
 .agenten-v9 .project-card:hover .sector-media img { transform:none; }
}
@media(prefers-reduced-transparency:reduce) {
 .agenten-v9 .orbit-label,.agenten-v9 .header,.agenten-v9 .page-topbar { background:#091827; backdrop-filter:none; }
}
@media(forced-colors:active) {
 .agenten-v9 .hero-art,.hero-coordinate { display:none; }
 .agenten-v9 .hero em { color:CanvasText; background:none; }
 .agenten-v9 .service,.agenten-v9 .project-card,.agenten-v9 .demo-panel { border:1px solid CanvasText; }
}