:root{--accent:#29c7ff;--production:#00bfff;--navy:#007eb8;--line:#39c7ff20;--border:#39c7ff35}
/* Page navigation: compact language control follows the main menu. */
body{min-height:100dvh;display:flex;flex-direction:column}body>main{flex:1;width:100%}
header #navigation{margin-left:auto;gap:4px}header .language-switch{margin-left:8px;padding:2px;gap:2px;border-radius:8px;background:transparent;border-color:#39c7ff25}
header .language-switch a{width:30px;min-height:30px;font-size:11px;border-radius:5px}header .language-switch a[aria-current="page"]{outline:none;background:#29c7ff18;color:#8fe3ff;box-shadow:inset 0 0 0 1px #29c7ff55}
.nav-explore{position:relative}.nav-explore summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:10px 12px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:600;color:#b7c4d2;cursor:pointer}.nav-explore summary::-webkit-details-marker{display:none}.nav-explore summary:hover,.nav-explore[open]>summary{background:#29c7ff10;color:#b8edff}.nav-explore summary.active{border-color:#29c7ff;background:#29c7ff15;color:#b8edff}
.nav-submenu{position:absolute;top:calc(100% + 12px);left:0;width:270px;padding:10px;display:grid;gap:4px;background:#101d30;border:1px solid #39c7ff35;border-radius:14px;box-shadow:0 16px 44px #0007}.nav-submenu a{font-size:14px;white-space:normal}header .nav-submenu a:last-child{margin:0;padding:10px 12px;background:transparent;border-color:transparent;justify-content:flex-start}header .nav-submenu a.active{border-color:#29c7ff;background:#29c7ff15}
.page-path{max-width:1460px;margin:0 auto;padding:28px 5% 0;display:flex;gap:12px;align-items:center;color:#9fb4ce;font-size:13px}.page-path a{color:#69d9ff;padding:4px 0}.page-path+.section{padding-top:40px}
@media(min-width:1001px) and (max-width:1200px){header .nav-explore summary{font-size:13px;padding:10px 8px}header #navigation{gap:2px}}
@media(max-width:1000px){header #navigation{margin-left:0}header .language-switch{margin-left:auto}.nav-explore summary{font-size:16px;min-height:48px;padding:12px 16px}.nav-submenu{position:static;width:auto;margin:8px 0 0 16px;padding:8px;border-radius:10px;box-shadow:none}.nav-submenu a{font-size:14px}header .nav-submenu a:last-child{padding:12px 16px}}
@media(max-width:600px){header .language-switch a{width:27px;min-height:30px;font-size:11px}.page-path{padding:20px 20px 0;font-size:12px}.page-path+.section{padding-top:28px}}
/* One spacing rhythm across every section, including galleries and FAQ. */
main{--section-space:clamp(56px,5vw,80px);--block-space:clamp(28px,3vw,44px);--card-gap:24px}
main>.section{padding-block:var(--section-space);scroll-margin-top:8px}
main>.section+.section{border-top:1px solid #39c7ff16}
main>.hero{padding-top:clamp(48px,5vw,72px);padding-bottom:var(--section-space)}
.section .section-heading{margin-bottom:var(--block-space);column-gap:clamp(32px,6vw,80px);row-gap:24px;align-items:start}
.section .section-heading .eyebrow{margin-bottom:16px}.section .section-heading>p{padding-top:4px;line-height:1.85}
.section :is(.feature-grid,.service-grid,.plans,.people-grid){gap:var(--card-gap)}
.section :is(.feature-grid article,.service-grid article,.plan,.people-copy){padding:32px}
.section .process{margin-top:var(--block-space);padding:40px;gap:var(--block-space)}
.section .image-note,.section .service-note{margin-top:24px}
.section .technology-layout:has(.integrated-technology){gap:var(--block-space)}
.section .technology-layout:has(.integrated-technology) .technology-flow{gap:var(--card-gap)}
.section .gallery-panel{padding:28px}.section .gallery-panel-heading{margin-bottom:24px}
.section .gallery-kpis{gap:16px;margin-bottom:24px}.section .gallery-insight{margin-top:24px}
.section.contact{column-gap:clamp(32px,6vw,80px);row-gap:32px;align-items:start}.section.contact form{padding:32px}
.section.faq{gap:var(--block-space)}
@media(max-width:900px){main{--section-space:56px;--block-space:32px;--card-gap:20px}.section :is(.feature-grid article,.service-grid article,.plan,.people-copy){padding:26px}.section .process{padding:32px}}
@media(max-width:600px){main{--section-space:44px;--block-space:28px;--card-gap:20px}main>.hero{padding-top:36px;gap:32px}.section .section-heading{row-gap:18px}.section :is(.feature-grid article,.service-grid article,.plan,.people-copy){padding:24px}.section .process{padding:24px}.section .gallery-panel{padding:18px}.section .gallery-kpis{gap:12px;margin-bottom:20px}.section.contact form{padding:24px}.section .image-note,.section .service-note{margin-top:20px}}
/* Comfortable reading, clear navigation and consistent blue selection. */
html{scroll-padding-top:116px}
header{height:96px;gap:20px;background:linear-gradient(110deg,#0c192bf5,#0b1425f5);border-bottom:1px solid #29c7ff35;box-shadow:0 8px 32px #0003}
header .brand{gap:12px}header .brand-name{font-size:28px;gap:8px}header .brand-name small{font-size:11px;letter-spacing:4px}
header nav{gap:6px;font-size:14px;font-weight:600}header nav a{display:flex;align-items:center;min-height:46px;padding:10px 12px;border:1px solid transparent;border-radius:10px;transition:background .18s,color .18s,border-color .18s}header nav a:hover{background:#29c7ff10;color:#b8edff}header nav a.active{background:#29c7ff15;border-color:#29c7ff;color:#b8edff}header nav a:last-child{padding:10px 16px;border-color:#29c7ff60;background:#29c7ff0d}
.language-switch{padding:4px;gap:4px;border-radius:12px;background:#050e1b66}.language-switch a{width:40px;min-height:44px;font-size:13px;border-radius:8px}
.button,.actions .primary,.plan .button{font-size:15px;min-height:48px}.text-link,.service-grid a{font-size:14px;line-height:1.7}.text-link{display:inline-flex;align-items:center;min-height:44px}.lead{font-size:18px;line-height:1.8}
.eyebrow,.hero-copy>.eyebrow,.people-copy .eyebrow,.technology-flow .eyebrow,.process .eyebrow{font-size:12px;letter-spacing:1.2px;line-height:1.7}.hero-points{font-size:13px;gap:16px}.fine,.image-note,.service-note,.counter-photo figcaption,.app-brain figcaption{font-size:12px;color:#aebed2}.hero-photo figcaption span{font-size:12px}.value-strip p{font-size:12px;letter-spacing:1px}.plan small,label{font-size:14px}.faq summary{font-size:16px}.faq details p{font-size:15px}
.scene-label,.dash-title small,.times,.dash-note{font-size:11px;letter-spacing:.5px}.demo,.shift,.metrics span,.metrics small,.metrics>div:nth-child(2) small,.legend,.losses p{font-size:12px}.demo-controls button{font-size:12px;min-height:44px;padding:8px 10px}.card-heading{flex-wrap:wrap;gap:12px;font-size:14px}.dash-title{flex-wrap:wrap}.shift{max-width:none}.metrics span{min-height:0}.dash-bottom>div{font-size:13px}.scene-label{flex-wrap:wrap}
:is(button,.button,[role="button"],.gallery-tabs button,.demo-controls button,header a,summary):is(:focus,:active),:is(a,input,select,textarea):focus-visible{outline:2px solid #29c7ff;outline-offset:3px;box-shadow:0 0 0 5px #29c7ff1c}
:is(button,[role="button"]):is(.selected,[aria-selected="true"],[aria-pressed="true"],[aria-expanded="true"]),.language-switch a[aria-current="page"]{outline:2px solid #29c7ff;outline-offset:2px}
@media(min-width:901px) and (max-width:1200px){header{padding-left:24px;padding-right:24px;gap:12px}header nav{gap:2px;font-size:13px}header nav a{padding:10px 8px}header .brand-name{font-size:24px}header .brand img{width:44px;height:44px}.language-switch a{width:34px}}
@media(max-width:1000px){header{height:84px;gap:14px}header .language-switch{margin-left:auto}header .menu-button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;gap:8px;font-size:14px;cursor:pointer;background:#29c7ff0d;border:1px solid #29c7ff40;border-radius:10px}header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:8px;padding:18px 5%;background:#0d192b;border-bottom:1px solid #29c7ff40;box-shadow:0 16px 32px #0005;max-height:calc(100dvh - 84px);overflow-y:auto;font-size:16px}header nav.open{display:flex}header nav a{padding:12px 16px;min-height:48px}header nav a:last-child{margin-top:4px;justify-content:center}}
@media(max-width:600px){html{scroll-padding-top:100px}header{padding:0 14px;gap:8px}header .brand{gap:8px}header .brand img{width:40px;height:40px}header .brand-name{font-size:22px}header .brand-name small{font-size:10px;letter-spacing:3px}.language-switch{padding:3px;gap:2px}.language-switch a{width:32px;font-size:12px}header .menu-button{padding:8px;font-size:13px;gap:5px}.lead{font-size:16px}.hero-copy>.eyebrow{font-size:11px;letter-spacing:.5px}.hero-points{font-size:12px}.actions{gap:12px}.actions .button{width:100%}.dashboard .metrics{grid-template-columns:1fr}.dashboard .metrics>div{padding:14px}.dashboard .metrics strong{font-size:30px}.dash-title h2{font-size:21px}.demo-controls{gap:6px}.scene-label{gap:8px}.value-strip{flex-wrap:wrap;gap:12px}.value-strip p{line-height:1.8}}
@media(max-width:360px){header .brand-name{font-size:19px}header .brand img{width:32px;height:32px}header .brand{gap:6px}header .menu-button{font-size:12px;padding:8px 6px}.language-switch a{width:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}header nav a{transition:none}}
body{background:radial-gradient(ellipse at 90% 0,#00bfff18,transparent 35%),var(--bg)}
h1 em{background:linear-gradient(115deg,#8ee7ff,#00bfff);background-clip:text;-webkit-background-clip:text;color:transparent}
.primary{background:linear-gradient(135deg,#00bfff,#00a7e5);border-color:#7de4ff70;color:#041724;box-shadow:0 8px 30px #00bfff22,inset 0 1px 0 #ffffff45}.primary:hover{background:linear-gradient(135deg,#64dbff,#16bfff)}
.live-dot{background:#00bfff;box-shadow:0 0 14px #00bfff88}.eyebrow,.services .eyebrow{color:#29c7ff}.brand-name small,header .brand-name small{color:#4dd4ff}
.text-link,.feature-icon,.service-visual,.service-grid article:first-child .service-visual{color:#29c7ff}.feature-icon{background:#00bfff0d;border-color:#00bfff30}
.timeline i:not(.stop):not(.slow):not(.idle),.legend i:not(.stop):not(.slow):not(.idle){background:#00bfff}.timeline i:not(.stop):not(.slow):not(.idle){box-shadow:0 0 10px #00bfff25,inset 0 1px 0 #a9efff80}
.bars i,.line-spark i{background:linear-gradient(0deg,#007cad,#00bfff)}.bars i:nth-child(4),.bars i:last-child{background:#37ceff}.slow-spark i:nth-last-child(-n+3){background:var(--speed)}.stop-spark i:nth-last-child(-n+2){background:var(--alert)}
.language-switch a[aria-current="page"]{background:#00bfff;color:#041724}.language-switch a:hover{background:#007fae;color:#fff}
.plan.featured{border-color:#00bfff80;box-shadow:inset 0 3px 0 #00bfff,0 18px 50px #00bfff0b}.technology-step{border-color:#00bfff55;background:#00bfff15;color:#70ddff}
.feature-grid article:hover{border-color:#00bfff60}.product-scene,.hero-photo{border-color:#00bfff38}.value-strip{background:linear-gradient(90deg,#092d43,#0b1425)}
.gallery-tabs button[aria-selected=true]{background:#00bfff15;border-color:#00bfff50;color:#42d0ff}.gallery-tabs button[aria-selected=true] span{color:#8ce4ff}.state.producing{background:#00bfff10;color:#63daff;border-color:#00bfff40}.gallery-insight{border-color:#00bfff30;border-left-color:#00bfff;background:#092d43}.shift-bar-chart i{background:linear-gradient(0deg,#007da9,#00bfff)}.shift-bar-chart>div:nth-child(2) i{background:linear-gradient(0deg,#005c82,#4ed4ff)}.demo-controls button.selected{background:#00bfff20;color:#6bddff}.condition-chart svg{background:linear-gradient(180deg,#00bfff0c,transparent)}