/* Product pages share a visual system, while each URL has its own subject. */
:root{--paper:#fafbf9;--ink:#172729;--muted:#61706c;--line:#e0e5df}
body{overflow-x:clip}header{padding:22px 5vw 0;background:#fafbf9}.brandbar{max-width:1440px;margin:auto;gap:28px}.brandbar .service-switch{display:flex;order:initial;width:auto;margin:0 auto;gap:5px;padding:5px;background:#edf0eb;border-radius:100px}.service-switch a{padding:10px 22px;border-radius:100px;white-space:nowrap;font-size:13px}.service-switch a[aria-current=page]{background:#fff;box-shadow:0 2px 8px #1727290a;color:var(--accent)}.service-switch a:hover{color:var(--accent)}.product-nav{max-width:1440px;margin:20px auto 0;padding:14px 0;display:flex;align-items:center;border-top:1px solid var(--line);gap:20px}.product-nav>span{font-size:17px;font-weight:600}.product-nav nav{margin-left:auto;order:initial;width:auto;align-items:center;gap:26px}.product-nav .nav-contact{background:var(--accent);color:white;padding:8px 19px;border-radius:30px}
.product-page .product-hero{min-height:720px;min-height:min(790px,90vh);padding:100px 7vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 80% 60%,#e2ebe0,transparent 58%);isolation:isolate}.product-hero h1{font-size:clamp(58px,6.7vw,104px);max-width:650px;line-height:1.04;margin:8px 0 28px}.product-hero .hero-sub{max-width:460px;line-height:1.8}.product-hero>.eyebrow,.product-hero>h1,.product-hero>p,.product-hero>.button{position:relative;z-index:2}.product-hero>.button{align-self:flex-start;border-radius:100px;padding:14px 25px}.product-hero .scroll-hint{position:static;align-self:flex-start;margin-top:22px;font-size:11px;z-index:2}.hero-device{position:absolute;right:-7%;width:54%;top:10%;height:80%;display:flex;align-items:center;z-index:0}.hero-device img{width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 25px 35px #17272912)}.panel-hero .hero-device{right:4%;width:45%}.panel-hero .hero-device img{border-radius:12px;border:1px solid var(--line);box-shadow:0 28px 65px #17272912;transform:perspective(1400px) rotateY(-8deg)}
.product-page .content{max-width:1440px;margin:auto;padding:0 7vw}.product-page .content>section{padding:85px 0}.product-page .content>section>h2{max-width:800px}.product-page .content>.panel-detail-story{max-width:none;padding:0;margin-left:calc(-1 * (100vw - 100%) / 2);width:100vw}.product-page .scene{background:#f2f5ef}.product-page .scene:nth-child(even){background:#fafbf9}.product-page .scene-copy{padding-top:40px}.product-page .scene-nav button{border-radius:0}.product-page .panel-story .product img{box-shadow:0 25px 55px #17272912;border-radius:12px}.product-page .care-plan{border-top:1px solid var(--line)}.product-page .tech-tag{border-radius:100px;background:white;padding:9px 14px}.product-page .service-link h3{font-size:22px}.product-page .service-link p{font-size:14px}.product-page .service-links{gap:0 36px}.module-catalogue>summary{font-size:23px;letter-spacing:-.025em}.module-catalogue .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-topic{margin:0;padding:25px 0}.faq-topic>summary{font-size:22px;letter-spacing:-.02em}.faq-topic[open]>summary{color:var(--accent)}.topic-questions{margin-top:22px;padding-left:25px;border-left:2px solid var(--line)}.topic-questions summary{font-size:16px}.topic-questions details{padding:18px 0}.topic-questions p{font-size:14px}.product-page #faq>p{margin-bottom:32px}.product-page #kontakt,.product-page #contact{border-bottom:0;padding-bottom:100px}.product-page form{max-width:850px}.product-page input,.product-page select,.product-page textarea{background:#fff;border:1px solid var(--line);border-radius:9px}.submit-btn{border-radius:100px;padding:14px 25px}.product-page .invaders,.product-page .terminal,.product-page .terminal-output,.product-page .prompt-line{display:none}.product-page .about-block p{max-width:760px}.product-page footer{background:#edf1ea}.product-page h2 em{color:var(--accent)}
@media(min-width:851px) and (max-height:599px){.product-page .product-hero{min-height:650px}.product-page .scene{min-height:650px}}
@media(max-width:1000px){.brandbar{flex-wrap:wrap;gap:16px}.brandbar .service-switch{order:3;width:100%;justify-content:center;margin:0}.lang-switch{margin-left:auto}.product-hero h1{font-size:64px}.hero-device{right:-10%;width:57%;opacity:.9}.product-hero .hero-sub{max-width:400px}.product-page .panel-hero .hero-device{width:44%;right:2%}.product-nav{margin-top:16px}}
@media(max-width:850px){header{padding:18px 6vw 0}.site-title{font-size:23px}.product-nav>span{font-size:15px}.product-nav nav{gap:14px}.product-nav nav a{font-size:11px}.product-nav .nav-contact{padding:7px 14px}.product-page .product-hero{min-height:0;padding:60px 7vw 30px;display:flex}.product-hero h1{font-size:clamp(46px,9.5vw,76px);max-width:100%;margin:8px 0 22px}.product-hero .eyebrow{font-size:10px;letter-spacing:.035em}.product-hero .hero-sub{max-width:580px;font-size:15px}.hero-device,.product-page .panel-hero .hero-device{position:relative;right:auto;top:auto;width:100%;height:300px;opacity:1;margin:25px 0 0}.panel-hero .hero-device img{max-height:300px;transform:none;width:100%}.product-page .content>section{padding:58px 0}.product-page .content>.panel-detail-story{padding:0}.product-page .scene-copy{padding:0}.product-page .scene h2{font-size:clamp(34px,7vw,48px)}.product-page .scene-copy>p:not(.eyebrow){font-size:15px}.product-page .module-catalogue .feature-grid{grid-template-columns:1fr}.faq-topic>summary{font-size:20px}.topic-questions{padding-left:16px}.product-page #kontakt,.product-page #contact{padding-bottom:60px}.product-page .product{left:0;width:100%}.product-page .scene-rack .product,.product-page .scene-camera .product{left:0;width:100%;height:350px}.product-page .scene-unas .product,.product-page .scene-gateway .product{left:0;width:100%}.product-page .work img{height:350px}.service-switch a{font-size:12px;padding:9px 17px}.product-page .scene{padding-bottom:30px}.product-page .panel-story .product{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.panel-hero .hero-device img{transform:none}}
@media(max-width:450px){.product-nav{gap:10px}.product-nav>span{font-size:13px;white-space:nowrap}.product-nav nav{gap:10px;flex-wrap:nowrap}.product-nav nav a:first-child{font-size:10px;max-width:70px;line-height:1.3}.product-nav .nav-contact{padding:7px 12px}.product-nav nav a{font-size:10px}}