:root{color-scheme:dark;--bg:#061523;--line:#1a3a52;--cyan:#37c5f7;--muted:#9bb3c6;--white:#f7fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061523;color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.outer{min-height:100vh;background:radial-gradient(ellipse 70% 24% at 50% 0%,#153d5a 0%,#092236 60%,#061523 100%);padding:clamp(10px,4vw,64px)}.site-shell{max-width:1480px;margin:auto;overflow:hidden;border:1px solid #24415a;background:#061522;box-shadow:0 25px 100px #0004}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.nav{height:105px;display:flex;align-items:center;gap:30px;position:relative;z-index:8}.brand{display:flex;align-items:center;gap:12px;font-size:17px;letter-spacing:.04em;font-weight:800;white-space:nowrap}.brand em{color:#75d8fb;font-style:normal;font-weight:500}.brand-mark{font-weight:1000;font-style:italic;letter-spacing:-.15em;color:#38c5f5;font-size:34px;line-height:1;display:inline-block;transform:skew(-12deg);margin-right:4px}.nav nav{display:flex;gap:27px;align-items:center;margin:auto;font-size:12px;color:#c3d0dc}.nav nav a:hover{color:white}.nav nav .active{border:1px solid #224764;border-radius:24px;padding:10px 15px}.nav-login,.button.primary{background:linear-gradient(110deg,#0ba7df,#37c7f7);color:#fff;box-shadow:0 10px 35px #00a8ff2b}.nav-login{font-size:13px;padding:12px 28px;border-radius:30px;font-weight:700}.menu-toggle{display:none}.hero{position:relative;padding-top:70px;isolation:isolate}.hero-copy{position:relative;text-align:center;z-index:3}.eyebrow,.section-kicker{color:#65c7ec;font-size:11px;font-weight:750;letter-spacing:.2em}.hero h1{font-size:clamp(42px,5.6vw,76px);letter-spacing:-.055em;line-height:1.08;font-weight:530;margin:22px 0 20px}.hero h1 span,.content-section h2 span,.deployment-section h2 span,.cta h2 span{background:linear-gradient(100deg,#f0faff,#48c9f5);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:15px;line-height:1.7;color:#9fb4c8;max-width:560px;margin:0 auto}.hero-actions{display:flex;justify-content:center;gap:15px;margin-top:31px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:15px 25px;border-radius:40px;font-size:13px;font-weight:700;transition:transform .2s}.button:hover,.nav-login:hover{transform:translateY(-2px)}.button.ghost{border:1px solid #35617d;background:#071b2c;color:#e4f5ff}.orb{position:absolute;border:1px solid #1c4767;border-radius:50%;width:155%;aspect-ratio:2/1;left:-27.5%;top:100px;opacity:.4;z-index:-1}.orb-two{top:245px;width:125%;left:-12.5%;opacity:.6}.arc{position:absolute;z-index:0;width:83%;height:350px;left:8.5%;top:340px;border-top:6px solid #65e7ff;border-radius:50% 50% 0 0;filter:drop-shadow(0 0 8px #00c8ff) drop-shadow(0 0 24px #008fff);pointer-events:none}.dashboard{width:min(1110px,calc(100% - 64px));margin:115px auto 0;border:8px solid #233f52;border-radius:22px 22px 0 0;background:#06121e;box-shadow:0 -10px 55px #00aaff2b,0 0 0 1px #577388;position:relative;z-index:2;overflow:hidden}.dashboard-bar{height:70px;border-bottom:1px solid #163349;display:flex;align-items:center;padding:0 22px;gap:25px}.dash-brand{font-size:12px;font-weight:800;white-space:nowrap}.dash-brand .brand-mark{font-size:23px}.dash-search{border:1px solid #18384f;border-radius:25px;color:#7595ac;font-size:11px;padding:12px 18px;flex:1;max-width:420px}.dash-status{margin-left:auto;font-size:9px;letter-spacing:.13em;color:#8cb4c8;white-space:nowrap}.live-dot{display:inline-block;width:6px;height:6px;background:#31d5b6;border-radius:50%;margin-right:8px}.dash-body{display:flex}.dash-sidebar{width:182px;flex:none;padding:18px 10px;border-right:1px solid #183044;display:flex;flex-direction:column;gap:7px}.dash-sidebar span{font-size:11px;color:#8da7bb;padding:12px 13px}.dash-sidebar .selected{color:#8bdcff;background:#0b304a;border-radius:8px}.dash-content{flex:1;padding:25px;min-width:0}.dash-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.dash-heading small,.dash-bottom small{font-size:9px;color:#7c9cb3;letter-spacing:.15em}.dash-heading h2{font-size:21px;margin:7px 0 0;font-weight:600}.demo-label{font-size:9px;border:1px solid #28516c;color:#80afc8;border-radius:20px;padding:8px 12px;white-space:nowrap}.module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.module{background:linear-gradient(155deg,#0b2941,#071a2a);border:1px solid #173e56;border-radius:13px;padding:15px 12px;min-height:225px;overflow:hidden}.module-icon{color:#42c9f7;font-size:25px}.module h3{font-size:12px;line-height:1.45;font-weight:650;margin:12px 0 8px}.module p{font-size:10px;line-height:1.5;color:#8eacbf;min-height:45px}.spark{height:43px;display:flex;align-items:end;gap:5px;margin-top:15px}.spark i{flex:1;background:linear-gradient(#45d3ff,#0b5c99);border-radius:2px 2px 0 0}.spark.teal i{background:linear-gradient(#4de2c3,#0a746e)}.dash-bottom{margin-top:15px;padding:18px;border:1px solid #1a3c54;border-radius:12px;background:#091f30;display:flex;justify-content:space-between;align-items:center;gap:20px}.dash-bottom strong{display:block;margin:8px 0;font-size:14px}.dash-bottom p{font-size:11px;color:#8aa8bd;margin:0}.dash-badge{font-size:10px;letter-spacing:.1em;color:#45c8f4;text-align:right}.content-section,.deployment-section,.cta{padding-top:130px;padding-bottom:130px}.content-section h2,.deployment-section h2,.cta h2{font-size:clamp(32px,4vw,55px);line-height:1.15;letter-spacing:-.045em;font-weight:550;margin:18px 0}.section-lead{max-width:680px;color:#9fb4c8;line-height:1.8;font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:50px}.feature-grid article,.deployment-grid article{border:1px solid #204158;background:linear-gradient(145deg,#0a2539,#071824);border-radius:14px;padding:26px;min-height:210px}.feature-grid article>span{font-size:12px;color:#40c6f6}.feature-grid h3,.deployment-grid h3{font-size:18px;font-weight:600;margin:22px 0 10px}.feature-grid p,.deployment-grid p{color:#9ab1c4;font-size:13px;line-height:1.8}.deployment-section{background:linear-gradient(180deg,#071d2e,#0b273b,#071b2a);border-block:1px solid #19394f}.deployment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.deployment-icon{font-size:30px;color:#49c7f5}.deployment-grid article small{color:#55c4ec;font-size:11px}.cta{text-align:center}.cta p{color:#a4b9c9;margin-bottom:30px}.footer{border-top:1px solid #19374c;padding-block:30px;display:flex;gap:20px;justify-content:space-between;font-size:11px;color:#8ca7b9}.footer a{color:#6cd0f6}@media(max-width:1050px){.module-grid{grid-template-columns:repeat(3,1fr)}.dash-sidebar{width:145px}.nav nav{gap:14px}.brand{font-size:14px}}@media(max-width:720px){.outer{padding:0}.site-shell{border:0}.wrap{width:calc(100% - 38px)}.nav{height:75px;gap:12px}.brand{font-size:13px}.nav-login{margin-left:auto;padding:10px 15px}.menu-toggle{display:block;order:3;background:none;border:1px solid #28506a;color:white;border-radius:8px;padding:8px 10px}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#092135;padding:20px;flex-direction:column;align-items:start;border:1px solid #25445b}.nav nav.open{display:flex}.hero{padding-top:50px}.hero h1{font-size:43px}.hero-copy>p{font-size:13px}.hero-actions{flex-wrap:wrap}.arc{top:340px;height:180px}.dashboard{width:calc(100% - 20px);margin-top:95px;border-width:4px}.dashboard-bar{height:55px;padding:0 12px}.dash-search,.dash-status,.dash-sidebar{display:none}.dash-content{padding:13px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.module{min-height:195px}.module h3{font-size:11px}.module p{font-size:9px}.dash-heading h2{font-size:17px}.dash-badge{display:none}.content-section,.deployment-section,.cta{padding-block:80px}.feature-grid,.deployment-grid{grid-template-columns:1fr}.footer{flex-wrap:wrap;justify-content:center;text-align:center}.eyebrow{font-size:9px}}

/* Bilingual language switch */
.language-switch{display:inline-flex;align-items:center;gap:3px;border:1px solid #28516d;border-radius:999px;padding:4px;background:#081e30;flex-shrink:0;margin-left:auto}
.lang-option{appearance:none;border:0;background:transparent;color:#a5c0d1;border-radius:999px;padding:7px 10px;font:700 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.lang-option:hover{color:#fff}
.lang-option.is-active{background:#1d7098;color:#fff}
@media(max-width:1050px){.nav{gap:12px}.nav nav{gap:13px}.nav-login{padding:12px 17px}}
@media(max-width:720px){.language-switch{margin-left:auto}.nav-login{padding:11px 15px}.nav{gap:9px}}

/* Architecture, connected intelligence and privacy */
.architecture-section,.security-section{padding-block:105px}.architecture-section h2,.connected-section h2,.security-section h2{font-size:clamp(30px,4vw,53px);line-height:1.13;letter-spacing:-.035em;max-width:860px;margin:18px 0 24px}.architecture-flow{display:flex;align-items:stretch;gap:12px;margin-top:44px}.architecture-flow article{flex:1;min-width:0;background:linear-gradient(145deg,#102b40,#091c2d);border:1px solid #23465d;border-radius:14px;padding:24px}.architecture-flow small,.example-label{font-size:10px;color:#69c5ed;letter-spacing:.11em}.architecture-flow h3,.example-grid h3,.security-grid h3{font-size:19px;margin:14px 0 10px}.architecture-flow p,.example-grid p,.security-grid p{font-size:13px;line-height:1.7;color:#a4bccd}.flow-arrow{align-self:center;color:#5ec5f3;font-size:24px}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.example-grid article,.security-grid article{border:1px solid #24445b;border-radius:13px;padding:25px;background:#0b2235}.connected-section{background:radial-gradient(ellipse at 85% 20%,#143f5b 0%,#091c2d 55%,#071724 100%);border-block:1px solid #214057;padding-block:90px}.connected-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}.connected-steps{display:grid;gap:12px}.connected-steps>div{display:flex;align-items:center;gap:18px;padding:18px 22px;border:1px solid #2a526b;background:#0b263b;border-radius:11px}.connected-steps span{font-size:12px;font-weight:700;color:#66cbf5}.connected-steps strong{font-size:13px;font-weight:600;color:#d8edf7}.security-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:40px}.security-symbol{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;background:#123b55;color:#6bd1fa;font-size:23px}@media(max-width:900px){.security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connected-layout{gap:25px}}@media(max-width:720px){.architecture-section,.security-section{padding-block:75px}.architecture-flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.example-grid,.connected-layout,.security-grid{grid-template-columns:1fr}.connected-section{padding-block:75px}}


/* Backbone Hub – Connected Intelligence Network */
.hub-network-section {
  padding: 100px 0;
  background: #f4f7f8;
  color: #0b3446;
  text-align: center;
}
.hub-network-section .section-lead {
  margin-left: auto;
  margin-right: auto;
}
.hub-network {
  position: relative;
  width: min(100%, 740px);
  height: 560px;
  margin: 45px auto 20px;
}
.hub-network-lines {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(#c8d7dc,#c8d7dc) center / 1px 78% no-repeat,
    linear-gradient(90deg,#c8d7dc,#c8d7dc) center / 75% 1px no-repeat;
  opacity: .85;
}
.hub-core {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: #0b3446;
  border: 10px solid #e3ebee;
  box-shadow: 0 0 0 1px #c7d8df, 0 0 0 20px #eaf0f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
  color: white;
}
.hub-core strong {font-size: 34px; letter-spacing: .05em}
.hub-core span {font-size: 9px; letter-spacing: .14em; line-height: 1.6}
.hub-node {
  position: absolute;
  width: 170px;
  min-height: 84px;
  padding: 15px;
  background: white;
  border: 1px solid #d1dfe4;
  box-shadow: 0 8px 25px #12374710;
  text-align: left;
  z-index: 3;
}
.hub-node-number {
  display: block;
  color: #9bb0b9;
  font-size: 10px;
  margin-bottom: 6px;
}
.hub-node strong {
  font-size: 13px;
  line-height: 1.3;
  color: #0b3446;
}
.hub-node-development {left: 0;top: 39%; }
.hub-node-organisational {left: 50%;top: 0;transform:translateX(-50%)}
.hub-node-decision {right: 0;top: 39%}
.hub-node-process {right: 16%;bottom: 0}
.hub-node-learning {left: 16%;bottom: 0}
.hub-network-caption {
  font-size: 14px;
  color: #59727f;
}
@media(max-width:650px) {
  .hub-network {height: 570px}
  .hub-core {width: 118px;height:118px;border-width:6px}
  .hub-core strong {font-size:24px}
  .hub-core span {font-size:7px}
  .hub-node {width:125px;min-height:65px;padding:10px}
  .hub-node strong {font-size:10px}
  .hub-node-development {left:0;top:33%}
  .hub-node-decision {right:0;top:33%}
  .hub-node-process {right:3%;bottom:6%}
  .hub-node-learning {left:3%;bottom:6%}
}


/* Five-domain Backbone Intelligence Network */
.intelligence-network {
    position: relative;
    width: min(100%, 1000px);
    min-height: 620px;
    margin: 55px auto 10px;
    isolation: isolate;
}

.intelligence-network::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 49%;
    width: 540px;
    height: 540px;
    max-width: 75%;
    border: 1px solid rgba(83, 195, 232, .16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.intelligence-core {
    position: absolute;
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 25%, #155477, #082638 75%);
    border: 1px solid rgba(110, 215, 250, .5);
    box-shadow:
        0 0 0 12px rgba(38, 121, 155, .10),
        0 0 0 28px rgba(38, 121, 155, .05),
        0 0 65px rgba(31, 163, 221, .18);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    z-index: 2;
}

.core-brand {
    font-size: 10px;
    letter-spacing: .2em;
    color: #8edaf5;
}

.intelligence-core strong {
    font-size: 43px;
    line-height: 1.3;
}

.intelligence-core small {
    font-size: 8px;
    letter-spacing: .12em;
    color: #a9d2e2;
}

.intelligence-node {
    position: absolute;
    width: 270px;
    min-height: 140px;
    padding: 22px;
    border: 1px solid rgba(104, 194, 228, .28);
    border-radius: 12px;
    background: linear-gradient(145deg, #0b2639, #071b2a);
    box-shadow: 0 12px 35px rgba(0,0,0,.12);
    z-index: 3;
}

.intelligence-number {
    display: block;
    color: #53c8f3;
    font-size: 11px;
    margin-bottom: 14px;
}

.intelligence-node h3 {
    color: #fff;
    font-size: 16px;
    margin: 0 0 10px;
}

.intelligence-node p {
    color: #a9d1e4;
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

.node-development {
    left: 0;
    top: 30%;
}

.node-organisational {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.node-decision {
    right: 0;
    top: 30%;
}

.node-process {
    right: 10%;
    bottom: 0;
}

.node-learning {
    left: 10%;
    bottom: 0;
}

@media (max-width: 760px) {
    .intelligence-network {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        min-height: auto;
        margin-top: 35px;
    }

    .intelligence-network::before {
        display: none;
    }

    .intelligence-core,
    .intelligence-node {
        position: static;
        transform: none;
    }

    .intelligence-core {
        margin: 15px auto 25px;
        width: 155px;
        height: 155px;
    }

    .intelligence-node {
        width: 100%;
        min-height: auto;
    }
}


/* Intelligence over Time */
.iot-section {
  padding: 105px 0;
  background: #071a29;
  color: #e5f5ff;
  border-top: 1px solid rgba(104,194,228,.13);
  border-bottom: 1px solid rgba(104,194,228,.13);
}
.iot-intro {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 65px;
  align-items: center;
  margin-top: 22px;
}
.iot-intro h2 {
  font-size: clamp(30px,4vw,48px);
  line-height: 1.12;
  letter-spacing: -.035em;
  margin: 0 0 24px;
}
.iot-accent {
  display: block;
  color: #59c9f2;
}
.iot-intro p {
  color: #a7c5d5;
  font-size: 15px;
  line-height: 1.85;
  max-width: 570px;
}
.iot-chart {
  position: relative;
  height: 260px;
  padding: 20px 35px 30px;
  border: 1px solid rgba(104,194,228,.2);
  border-radius: 12px;
  background: linear-gradient(145deg,#0d2b40,#081d2e);
}
.iot-chart-grid {
  position: absolute;
  inset: 20px 35px 48px;
  background: repeating-linear-gradient(
    to bottom,
    rgba(112,188,220,.12) 0 1px,
    transparent 1px 25%
  );
}
.iot-bars {
  position: relative;
  height: 190px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 19px;
  z-index: 1;
}
.iot-bar-item {
  height: 100%;
  width: 43px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.iot-bar-item span {
  color: #91bfd3;
  font-size: 10px;
}
.iot-bar-item i {
  width: 100%;
  display: block;
  background: linear-gradient(180deg,#59c9f2,#185b79);
  border-radius: 3px 3px 0 0;
}
.iot-chart > small {
  display: block;
  text-align: center;
  color: #91bfd3;
  font-size: 9px;
  letter-spacing: .2em;
  margin-top: 14px;
}
.iot-flow {
  margin-top: 65px;
  padding-top: 35px;
  border-top: 1px solid rgba(104,194,228,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.iot-flow > div {
  flex: 1;
  min-width: 0;
  padding: 18px 10px;
  border: 1px solid rgba(104,194,228,.25);
  border-radius: 8px;
  background: #0b2639;
  text-align: center;
}
.iot-flow small {
  display: block;
  color: #59c9f2;
  font-size: 9px;
  letter-spacing: .15em;
  margin-bottom: 8px;
}
.iot-flow strong {
  display: block;
  font-size: 12px;
  color: #e5f5ff;
}
.iot-flow > span {
  color: #59c9f2;
  flex: 0 0 auto;
}
.iot-conclusion {
  margin: 38px auto 0;
  text-align: center;
  max-width: 650px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.65;
  color: #d4ecf7;
}
@media(max-width:760px) {
  .iot-section {padding: 65px 0}
  .iot-intro {grid-template-columns:1fr;gap:25px}
  .iot-chart {height:245px}
  .iot-flow {flex-wrap:wrap;gap:8px;margin-top:40px}
  .iot-flow > div {flex:1 1 42%;min-width:120px}
  .iot-flow > span {display:none}
}

/* Intelligence over Time – white bars */
.iot-bar-item i {
    background: linear-gradient(180deg, #ffffff 0%, #c8e4ef 100%);
}
.iot-bar-item span {
    color: #e5f5ff;
}


/* Intelligence Domains – detailed explanations */
.domains-detail-section {
  padding: 95px 0 110px;
  background: #071a29;
  color: #e5f5ff;
  border-top: 1px solid rgba(104,194,228,.12);
}
.domains-detail-section h2 {
  max-width: 800px;
  font-size: clamp(30px,4vw,46px);
  line-height: 1.15;
  letter-spacing: -.035em;
  margin: 18px 0 20px;
}
.domains-detail-intro {
  max-width: 740px;
  color: #a7c5d5;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 50px;
}
.domains-detail-list {
  border-top: 1px solid rgba(104,194,228,.25);
}
.domain-detail-row {
  display: grid;
  grid-template-columns: 85px minmax(0,1fr);
  gap: 20px;
  padding: 32px 0;
  border-bottom: 1px solid rgba(104,194,228,.25);
}
.domain-detail-number {
  color: #59c9f2;
  font-size: 13px;
  letter-spacing: .12em;
  padding-top: 4px;
}
.domain-detail-content h3 {
  font-size: 19px;
  color: #fff;
  margin: 0 0 12px;
}
.domain-detail-content h4 {
  font-size: 16px;
  font-weight: 500;
  color: #c8e9f7;
  margin: 0 0 12px;
}
.domain-detail-content p {
  max-width: 760px;
  color: #a7c5d5;
  font-size: 14px;
  line-height: 1.8;
  margin: 0;
}
.domain-detail-apps {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: baseline;
  margin-top: 18px;
  font-size: 12px;
  line-height: 1.7;
}
.domain-detail-apps span:first-child {
  color: #59c9f2;
  font-weight: 600;
}
.domain-detail-apps span:last-child {
  color: #c9e0ec;
}
@media(max-width:760px) {
  .domains-detail-section {padding:65px 0}
  .domain-detail-row {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 26px 0;
  }
  .domains-detail-intro {margin-bottom:30px}
}


/* Application Environments */
.environments-section {
  padding: 105px 0 115px;
  background: #061523;
  color: #e5f5ff;
  border-top: 1px solid rgba(104,194,228,.15);
}
.environments-section h2 {
  font-size: clamp(32px,4.5vw,52px);
  line-height: 1.13;
  letter-spacing: -.04em;
  margin: 20px 0 25px;
}
.environments-accent {
  display: block;
  color: #59c9f2;
}
.environments-intro {
  max-width: 780px;
  color: #a7c5d5;
  font-size: 15px;
  line-height: 1.85;
  margin-bottom: 50px;
}
.environments-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
}
.environment-card {
  min-width: 0;
  padding: 32px 27px;
  border: 1px solid rgba(104,194,228,.25);
  border-radius: 12px;
  background: linear-gradient(145deg,#0b2639,#081d2e);
  display: flex;
  flex-direction: column;
  min-height: 300px;
}
.environment-number {
  color: #59c9f2;
  font-size: 11px;
  margin-bottom: 35px;
}
.environment-card h3 {
  color: #fff;
  font-size: 20px;
  line-height: 1.3;
  margin: 0 0 18px;
}
.environment-card p {
  color: #a7c5d5;
  font-size: 13px;
  line-height: 1.8;
  flex: 1;
}
.environment-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 25px;
}
.environment-tags span {
  padding: 6px 9px;
  border: 1px solid rgba(104,194,228,.22);
  border-radius: 4px;
  color: #9ed6ed;
  font-size: 10px;
}
@media(max-width:760px) {
  .environments-section {padding:65px 0}
  .environments-grid {grid-template-columns:1fr}
  .environment-card {min-height:0}
  .environment-number {margin-bottom:22px}
}


/* Header navigation refinement */
header nav,
.header nav {
  gap: 18px;
}

header nav a,
.header nav a {
  white-space: nowrap;
  font-size: 13px;
}

@media (max-width: 1250px) {
  header nav,
  .header nav {
    gap: 12px;
  }
}


/* Backbone responsive header fix */
@media (max-width: 1100px) {
  .nav {
    gap: 12px;
  }

  .nav nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0;
    padding: 18px;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    background: #092135;
    border: 1px solid #25445b;
    border-radius: 12px;
    z-index: 50;
  }

  .nav nav.open {
    display: flex;
  }

  .nav nav a {
    display: block;
    padding: 11px 12px;
    white-space: normal;
  }

  .menu-toggle {
    display: block;
    order: 4;
    flex: 0 0 auto;
    background: #0b263b;
    border: 1px solid #28506a;
    color: white;
    border-radius: 8px;
    padding: 9px 12px;
    cursor: pointer;
  }

  .language-switch {
    margin-left: auto;
  }

  .nav-login {
    flex: 0 0 auto;
    margin-left: 0;
  }
}

@media (max-width: 480px) {
  .nav {
    gap: 8px;
  }

  .brand {
    font-size: 11px;
    gap: 6px;
  }

  .brand-mark {
    font-size: 27px;
  }

  .nav-login {
    font-size: 11px;
    padding: 9px 11px;
  }

  .menu-toggle {
    padding: 8px 10px;
  }

  .language-switch {
    margin-left: auto;
  }
}


/* Backbone Mobile Fine-Tuning 2026 */

/* Smartphones */
@media (max-width: 480px) {

  /* Header */
  .nav {
    gap: 6px;
  }

  .brand {
    font-size: 11px;
    gap: 5px;
    letter-spacing: 0;
  }

  .brand-mark {
    flex-shrink: 0;
  }

  .language-switch {
    margin-left: auto;
    flex-shrink: 0;
  }

  .nav-login {
    padding: 9px 10px;
    font-size: 11px;
    white-space: nowrap;
  }

  .menu-toggle {
    padding: 8px 9px;
    flex-shrink: 0;
  }

  /* Intelligence cards */
  .intelligence-node {
    padding: 20px;
  }

  .intelligence-node h3 {
    font-size: 17px;
    line-height: 1.4;
  }

  .intelligence-node p {
    font-size: 13px;
    line-height: 1.75;
  }

  /* Dashboard */
  .module p {
    line-height: 1.5;
  }

  /* Content cards */
  .content-section p {
    line-height: 1.75;
  }

}

/* Very small smartphones */
@media (max-width: 360px) {

  .nav {
    gap: 4px;
  }

  .brand {
    font-size: 10px;
    gap: 4px;
  }

  .brand-mark {
    font-size: 23px;
  }

  .nav-login {
    padding: 8px;
    font-size: 10px;
  }

  .menu-toggle {
    padding: 7px 8px;
  }

  .intelligence-node {
    padding: 18px;
  }

}


/* Backbone Intelligence Timeline Labels */

.iot-bar-item {
  width: auto;
  flex: 1 1 0;
  min-width: 0;
}

.iot-bar-item span {
  white-space: nowrap;
  font-size: 10px;
  text-align: center;
}

.iot-bar-item i {
  width: min(100%, 43px);
}

.iot-label-mobile {
  display: none;
}

@media (max-width: 480px) {
  .iot-chart {
    padding-left: 12px;
    padding-right: 12px;
  }

  .iot-bars {
    gap: 8px;
  }

  .iot-label-desktop {
    display: none;
  }

  .iot-label-mobile {
    display: block;
    font-size: 10px;
  }
}