/* The network spans the headline area at every viewport size. */
#particles{width:100%;height:100%;z-index:0;opacity:.9;pointer-events:none}
.product-art.product-image{background:#0b1120}
.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .7s ease;filter:saturate(.9)}
.product-image:after{background:linear-gradient(0deg,#070d1bd9,transparent 45%);opacity:1}
.product:hover .product-image img{transform:scale(1.06);filter:saturate(1.1)}
@media(prefers-reduced-motion:reduce){.product:hover .product-image img{transform:none}}
/* Compact navigation stays available while exploring the page. */
html{scroll-padding-top:88px}
.header{height:70px;position:fixed;background:rgba(6,8,14,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 5px 24px #00000026}
.header .logo{font-size:11px;gap:11px}
.header .logo-icon{font-size:28px}
.header .logo-icon b{font-size:20px}
.header .logo small{font-size:7px;margin-top:5px}
.header .nav-cta{padding:8px 17px;font-size:10px}
@media(max-width:760px){
  html{scroll-padding-top:76px}
  .header{height:60px}
  .header .logo{font-size:10px;gap:9px}
  .header .logo-icon{font-size:25px}
  .header .logo small{font-size:6px}
  .header .nav-cta{padding:7px 12px;font-size:9px;margin-right:16px}
  .header nav{top:60px}
}
/* The navigation gains a soft backdrop only after leaving the top. */
.header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:0;transition:background .35s ease,box-shadow .35s ease}
.header.is-scrolled{background:rgba(6,8,14,.86);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 32px #06080e70}
.header nav{border:0}
/* Replace decorative rules with spacing and soft pools of light. */
.hero-bottom,.about-stats,.service-grid,.service,.service:last-child,.service>a,.sector-tabs button,.company,.process-grid article,.contact,.footer,.product{border:0}
.service:before,.process-grid article:before{display:none}
.service-grid{gap:18px}
.service{background:radial-gradient(ellipse at 30% 25%,#15233b80,transparent 85%)}
.service:hover{background:radial-gradient(ellipse at 30% 25%,#1b315580,transparent 85%)}
.ecosystem{background:radial-gradient(ellipse at 45% 45%,#11213a55,transparent 72%)}
.company{position:relative}
.company:hover{background:radial-gradient(ellipse at 45% 50%,#1c396455,transparent 78%)}
.contact{background:radial-gradient(ellipse at 30% 55%,#102d4b25,transparent 72%)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.expertise-terminal{position:relative;padding:34px 8%;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 35% 50%,#10305b40,transparent 72%)}
.expertise-terminal:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--bg),transparent 35%,transparent 65%,var(--bg));pointer-events:none}
.terminal-content{max-width:1210px;margin:auto;font:10px/1.9 var(--mono);letter-spacing:.065em}
.terminal-command{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#8796af;font-size:9px}
.terminal-path{color:var(--blue)}
.terminal-mode{margin-left:auto;color:#5e708d;font-size:7px;letter-spacing:.13em}
.terminal-output{margin-top:13px;min-height:38px;display:flex;gap:13px;align-items:baseline;color:#c2d3ef}
.terminal-chevron{color:var(--blue);flex-shrink:0}
#terminal-text{white-space:pre-wrap;overflow-wrap:anywhere}
.terminal-caret{color:var(--blue);animation:blink 1s step-end infinite;margin-left:-9px;flex-shrink:0}
@media(max-width:760px){
  .expertise-terminal{padding:29px 6%}
  .terminal-content{font-size:9px;line-height:2;letter-spacing:.045em}
  .terminal-command{font-size:8px;gap:8px}
  .terminal-mode{display:none}
  .terminal-output{min-height:58px;gap:9px}
  .service-grid{gap:8px}
}
@media(prefers-reduced-motion:reduce){.terminal-caret{animation:none}}