/* Logo palette: red signals, silver details and graphite surfaces. */
.brand-theme{--electric:#ff5361;--night:#0c151e;--panel:#1d1d1f;background:var(--night);color:#f4f4f6}
.brand-theme .topline{background:var(--night);color:#b1b1b3;border-color:#353537}
.brand-theme .site-header{background:#0c151ef5;border-color:#353537;color:#eeeef0}
.brand-theme .brand{background:transparent;border-radius:0;padding:0;flex:0 0 260px;width:260px}
.brand-theme .brand img{mix-blend-mode:normal;width:260px;height:auto}
@media(max-width:1180px){.brand-theme .brand{flex-basis:235px;width:235px}.brand-theme .brand img{width:235px}}
@media(max-width:680px){.brand-theme .brand{flex-basis:220px;width:220px}.brand-theme .brand img{width:220px}}
.brand-theme .site-header nav>a:hover,.brand-theme .site-header nav>a[aria-current],.brand-theme .languages [aria-current]{color:var(--electric)}
.brand-theme .site-header nav>a[aria-current]:after{background:var(--electric)}
.brand-theme .languages a{color:#bababc}
.brand-theme .languages a:hover{color:var(--electric)}
.brand-theme .shop-nav{border-color:#474749}
.brand-theme .menu-toggle{background:#272729;border-color:#4e4e50}
.brand-theme .menu-toggle span{background:#e9e9eb}
.brand-theme .site-header #main-nav{background:transparent}
@media(max-width:980px){.brand-theme .site-header #main-nav{background:#1c1c1e;color:#eeeef0;border-color:#424244}}
.brand-theme .hero{background:radial-gradient(ellipse at 80% 45%,#3535372e,transparent 65%),var(--night);border-bottom:1px solid #ffffff12}
.brand-theme .hero-grid{min-height:670px;grid-template-columns:1.08fr 1fr}
.brand-theme .hero-copy{padding-block:80px;max-width:640px}
.brand-theme .hero-copy h1{font-size:clamp(44px,4.8vw,70px);color:#f6f6f8;white-space:normal}
.brand-theme .hero-copy em{color:var(--electric)}
.brand-theme .hero-copy p{color:#bfbfc1;max-width:420px}
.brand-theme .eyebrow{color:#a5a5a7}
.brand-theme .eyebrow:before{background:var(--electric)}
.brand-theme .hero .button.red{background:var(--electric);color:#222224;border-color:var(--electric);box-shadow:0 8px 35px #ff536118}
.brand-theme .hero .button.red:hover{background:#e62d3e;box-shadow:0 8px 40px #ff536135}
.brand-theme .hero .button.outline{color:#ebebed;border-color:#5d5d5f;background:#ffffff03}
.brand-theme .hero .button.outline:hover{background:#ffffff0d}
.brand-theme .digital-art{width:56%;height:100%;right:-6%;display:flex;align-items:center;justify-content:center;position:absolute;overflow:visible}
.digital-scene{position:relative;width:100%;aspect-ratio:640/600;isolation:isolate}
.scene-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#d5d5d70a 1px,transparent 1px),linear-gradient(90deg,#d5d5d70a 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 69%);transform:perspective(600px) rotateX(15deg)}
.scene-aura{position:absolute;inset:12%;z-index:-1;background:radial-gradient(circle,#ef314526,transparent 68%);filter:blur(20px);animation:aura-breathe 7s ease-in-out infinite}
.network-scene{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 14px #ff52610b)}
.orbit{stroke:#ceced01b;stroke-width:1;transform-origin:320px 300px;animation:orbit-turn 65s linear infinite}
.orbit-inner{animation-duration:42s;animation-direction:reverse;stroke-dasharray:3 9}
.orbit-bright{stroke:#b9bdc56b;stroke-width:2;stroke-dasharray:none}
.signal-dot{fill:#ff6370;stroke:none;filter:drop-shadow(0 0 6px #ff3145)}
.circuit-base{stroke:#4b4b4d;stroke-width:1.5}
.circuit-flow{stroke:#ff7b85;stroke-width:2;stroke-dasharray:6 150;animation:data-flow 9s linear infinite;filter:drop-shadow(0 0 5px #ff4055)}
.device-node{stroke:#ababad;stroke-width:1.5}
.device-node>rect:first-child{fill:#222224;stroke:#58585a}
.device-node text{fill:#a8a8aa;stroke:none;text-anchor:middle;font:9px 'Segoe UI',sans-serif;letter-spacing:2px}
.core-pulse{stroke:#f24c5d;opacity:.2;transform-origin:320px 300px;animation:core-breathe 5s ease-in-out infinite}
.network-core>path:first-child{fill:#29292b;stroke:#e84b5d;stroke-width:1.5}
.network-core>path:nth-child(2){fill:#353537;stroke:#7f7f81;stroke-width:1}
.network-core .chip-pins{stroke:#959597;stroke-width:2}
.network-core text{fill:#f5f5f6;text-anchor:middle;font:600 36px 'Segoe UI',sans-serif;letter-spacing:2px}
.scene-label{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:10px;font-size:10px;letter-spacing:.17em;color:#dbdbdd}
.scene-label span{width:5px;height:5px;background:var(--electric);border-radius:50%;box-shadow:0 0 12px var(--electric)}
.scene-label b{font-weight:400;font-size:8px;color:#8b8b8d;border-left:1px solid #4b4b4d;padding-left:12px}
.motion-toggle{position:absolute;bottom:20px;right:12%;width:36px;height:36px;border:1px solid #5b5b5d;background:#212123;color:#e6e6e8;border-radius:50%;font-size:12px;z-index:4}
.motion-toggle:hover{background:#3c3c3e}
.brand-theme .service-strip{background:#1c1c1e;border-color:#353537;color:#f1f1f3}
.brand-theme .service-strip a{border-color:#3e3e40}
.brand-theme .service-strip svg{color:var(--electric)}
.brand-theme .service-strip small{color:#ababad}
.brand-theme main>.section{background:var(--night)}
.brand-theme .section-heading h2{color:#f6f6f8}
.brand-theme .section-heading p{color:#b1b1b3}
.brand-theme .service-grid{gap:16px}
.brand-theme .service-grid .home-photo-card{min-height:405px;background:linear-gradient(145deg,#232325,#1b1b1d);border:1px solid #3c3c3e;border-radius:12px;padding:25px;box-shadow:none;transition:transform .3s,border-color .3s,box-shadow .3s}
.brand-theme .home-photo-card:before{background:radial-gradient(ellipse at 50% 10%,#ff536110,transparent 65%)}
.brand-theme .home-photo-card:hover{transform:translateY(-7px);border-color:#c83a4b;box-shadow:0 18px 40px #0003}
.brand-theme .home-photo-card .card-top{position:relative;min-height:250px;flex-shrink:0;align-items:flex-start;margin-bottom:24px;padding-bottom:0}
.brand-theme .home-photo-card .card-top svg{width:23px;height:23px;color:#979799}
.brand-theme .home-photo-card .card-top span{color:var(--electric)}
.brand-theme .home-photo-card h3{font-size:21px}
.brand-theme .service-grid .home-photo-card p{color:#bfbfc1;font-size:13px;min-height:66px}
.brand-theme .home-photo-card .arrow-link{color:#eceef2}
.brand-theme .home-photo-card .arrow-link:before{background:var(--electric)}
.tech-card-visual{position:absolute;top:20px;left:0;width:100%;height:235px;pointer-events:none;stroke:#b4b4b6;stroke-width:1.5}
.card-circuit{stroke:#555557}
.card-device rect,.design-sheet>rect:first-child{fill:#2b2b2d;stroke:#8b8b8d}
.node-beacon{fill:#ff6976;stroke:none;animation:beacon 3s ease-in-out infinite;filter:drop-shadow(0 0 8px #ff5361)}
.node-beacon.delayed{animation-delay:1.4s}
.code-lines{stroke:#c2c5cb;stroke-dasharray:140;animation:code-write 6s ease-in-out infinite}
.code-bracket{stroke:#f56773}
.screen-scan{fill:#f15a6830;stroke:none;animation:screen-scan 5s ease-in-out infinite}
.radar-rings{stroke:#555557}
.radar-sweep{transform-origin:160px 135px;animation:orbit-turn 10s linear infinite}
.radar-sweep path:first-child{fill:#f2536218;stroke:none}
.radar-sweep path:last-child{stroke:#ff6c79}
.design-curve{stroke:#ff6674;stroke-width:3;stroke-dasharray:230;animation:code-write 7s ease-in-out infinite}
.design-colors{animation:swatch-float 6s ease-in-out infinite}
.design-colors rect:nth-child(1){fill:#ce283c;stroke:#f66b79}
.design-colors rect:nth-child(2){fill:#737780;stroke:#adb2bb}
.design-colors rect:nth-child(3){fill:#c5c8cd;stroke:#eef0f3}
.brand-theme .about-band{background:radial-gradient(ellipse at 80% 50%,#47474966,transparent 65%),#242426;border-block:1px solid #3e3e40}
.brand-theme .about-numbers b{color:#e0e2e6}
.brand-theme .about-numbers .line{background:#ff536155}
.brand-theme .text-link,.brand-theme .archive-link a{color:#ff8290}
.brand-theme .product-mini{background:#212123;border-color:#3f3f41;color:#eeeef0;border-radius:8px}
.brand-theme .product-mini img{background:white;padding:8px;border-radius:4px}
.brand-theme .product-mini b{color:var(--electric)}
.brand-theme .studio-section{background:#eeeef0;color:#29292b}
.brand-theme .studio-section .eyebrow{color:#646466}
.brand-theme .studio-section .dark{background:#333335}
.brand-theme .studio-section em{color:#bb2538}
.brand-theme .client-strip{color:#c8c8ca;border-color:#3e3e40}
.brand-theme .source-extra{background:#212123;color:#d1d1d3;border-color:#414143}
.brand-theme .source-extra .prose{color:#c7c7c9}
.brand-theme .contact-band{background:linear-gradient(110deg,#3d3d3f,#2a2a2c);border-top:1px solid #6b6b6d}
.brand-theme .contact-band .button{background:#cc2437;color:#272729}
.brand-theme footer{background:var(--night);color:#c7c7c9;border-top:1px solid #353537}
.brand-theme footer .eyebrow{color:#a5a5a7}
.brand-theme footer a{color:#eeeef0}
.brand-theme footer a:hover{color:var(--electric)}
.brand-theme footer p,.brand-theme .footer-bottom{color:#b1b1b3}
.brand-theme .footer-bottom,.brand-theme .footer-contact{border-color:#353537}
.brand-theme .footer-logo{mix-blend-mode:normal}
.motion-paused .digital-scene *,.motion-paused .tech-card-visual *{animation-play-state:paused!important}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes data-flow{to{stroke-dashoffset:-624}}
@keyframes core-breathe{50%{opacity:.4;transform:scale(1.05)}}
@keyframes aura-breathe{50%{opacity:.45;transform:scale(.88)}}
@keyframes beacon{50%{opacity:.35}}
@keyframes code-write{0%,100%{stroke-dashoffset:140}40%,75%{stroke-dashoffset:0}}
@keyframes screen-scan{50%{transform:translateY(85px)}}
@keyframes swatch-float{50%{transform:translateY(-8px)}}
@media(max-width:1180px){.brand-theme .hero-copy h1{font-size:53px}.brand-theme .hero-grid{min-height:600px}.brand-theme .digital-art{right:-7%;width:60%}.brand-theme .hero-copy p{max-width:360px}}
@media(max-width:980px){.brand-theme .hero-copy h1{font-size:46px}.brand-theme .hero-copy p{max-width:320px}.brand-theme .digital-art{width:60%;right:-8%}.brand-theme .service-grid .home-photo-card{min-height:400px}.brand-theme .tech-card-visual{height:255px}.brand-theme .site-header nav{background:#f9f9fb;color:#2b2b2d}}
@media(max-width:680px){.brand-theme .hero-grid{min-height:0;display:flex}.brand-theme .hero-copy{padding:45px 0 0;max-width:100%}.brand-theme .hero-copy h1{font-size:clamp(38px,9.4vw,56px)}.brand-theme .hero-copy p{max-width:100%;font-size:16px}.brand-theme .digital-art{position:relative;right:auto;width:calc(100% + 24px);height:auto;margin:10px -12px 35px}.brand-theme .digital-scene{max-width:490px}.motion-toggle{bottom:0;right:12px}.scene-label{font-size:8px}.scene-label b{font-size:7px}.brand-theme .service-grid .home-photo-card{min-height:365px;padding:24px}.brand-theme .home-photo-card .card-top{margin-bottom:24px}.brand-theme .home-photo-card h3{font-size:24px}.brand-theme .service-grid .home-photo-card p{min-height:0;margin-bottom:22px;font-size:14px}.brand-theme .tech-card-visual{top:0;height:250px}.brand-theme .service-strip a{border-color:#3e3e40}}
@media(prefers-reduced-motion:reduce){.digital-scene *,.tech-card-visual *{animation:none!important}.brand-theme .home-photo-card{transition:none}.brand-theme .home-photo-card:hover{transform:none}.motion-toggle{display:none}}

.brand-theme .hero .button.red{background:#cc2437;border-color:#cc2437;color:#fff}
.brand-theme .hero .button.red:hover{background:#e02e41;border-color:#e02e41}
.brand-theme .contact-band .button{color:#fff;border-color:#cc2437}
.brand-theme .contact-band .button:hover{background:#e02e41}
.brand-theme .client-strip span{color:#bfc2c9}