:root{
  --navy-950:#030914;
  --navy-900:#06101d;
  --navy-850:#091727;
  --navy-800:#0d1d30;
  --panel:#0b1a2c;
  --panel-strong:#10243a;
  --line:rgba(148,185,220,.16);
  --line-strong:rgba(92,200,240,.34);
  --text:#f4f8fc;
  --muted:#9eb0c3;
  --blue:#2f9be8;
  --cyan:#55d7e8;
  --teal:#49d8b0;
  --green:#55df91;
  --white:#fff;
  --shadow-sm:0 14px 38px rgba(0,0,0,.18);
  --shadow-lg:0 32px 90px rgba(0,0,0,.34);
  --radius-sm:14px;
  --radius-md:22px;
  --radius-lg:30px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{
  margin:0;
  min-width:320px;
  color:var(--text);
  background:var(--navy-950);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Thai","Noto Sans TC",Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  text-rendering:optimizeLegibility;
}
body.menu-open{overflow:hidden}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
button,input,select{font:inherit}
button{color:inherit}
::selection{color:#06101d;background:var(--cyan)}

.shell{width:min(1220px,calc(100% - 48px));margin-inline:auto}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.skip-link{
  position:fixed;
  top:10px;
  left:10px;
  z-index:1000;
  padding:10px 14px;
  border-radius:10px;
  color:var(--navy-950);
  background:var(--cyan);
  transform:translateY(-150%);
}
.skip-link:focus{transform:translateY(0)}

.site-nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  border-bottom:1px solid transparent;
  background:rgba(3,9,20,.72);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  transition:background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.site-nav.is-scrolled{
  border-color:var(--line);
  background:rgba(3,9,20,.94);
  box-shadow:0 12px 40px rgba(0,0,0,.24);
}
.nav-shell{
  width:min(1440px,calc(100% - 36px));
  min-height:82px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  gap:22px;
}
.brand{
  position:relative;
  display:flex;
  align-items:center;
  flex:0 0 auto;
  text-decoration:none;
}
.brand::before{
  content:"";
  position:absolute;
  inset:24% -4%;
  z-index:-1;
  border-radius:50%;
  background:rgba(73,216,176,.14);
  filter:blur(16px);
}
.brand img{
  width:184px;
  max-height:66px;
  object-fit:contain;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.3)) drop-shadow(0 0 9px rgba(85,215,232,.24));
  animation:brandFloat 5s ease-in-out infinite;
}
@keyframes brandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.nav-menu{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1 1 auto;
  gap:2px;
}
.nav-menu a{
  position:relative;
  padding:11px 10px;
  border-radius:10px;
  color:#c6d3e0;
  text-decoration:none;
  font-size:.78rem;
  font-weight:720;
  white-space:nowrap;
  transition:color .2s ease,background .2s ease;
}
.nav-menu a:hover,.nav-menu a.is-active{
  color:var(--white);
  background:rgba(85,215,232,.08);
}
.nav-menu a.is-active::after{
  content:"";
  position:absolute;
  right:10px;
  bottom:4px;
  left:10px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--blue),var(--teal));
}
.nav-menu .nav-cdr{
  margin-left:4px;
  border:1px solid var(--line-strong);
  color:#c8fbf0;
}
.nav-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.home-link,.language-control{
  height:40px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--line);
  border-radius:999px;
  color:#dbe8f4;
  background:rgba(255,255,255,.035);
  text-decoration:none;
  font-size:.74rem;
  font-weight:750;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.home-link{padding:0 13px}
.home-link:hover,.language-control:hover{
  border-color:var(--line-strong);
  background:rgba(85,215,232,.07);
  transform:translateY(-1px);
}
.language-control{position:relative;padding-left:12px}
.language-control select{
  height:100%;
  padding:0 29px 0 2px;
  border:0;
  outline:0;
  color:#eaf5ff;
  background:transparent;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  font-size:.74rem;
  font-weight:750;
  background-image:
    linear-gradient(45deg,transparent 50%,#7dd3fc 50%),
    linear-gradient(135deg,#7dd3fc 50%,transparent 50%);
  background-position:calc(100% - 14px) 18px,calc(100% - 9px) 18px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}
.language-control option{color:#fff;background:#071321}
.menu-toggle{
  display:none;
  width:44px;
  height:44px;
  padding:11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  cursor:pointer;
}
.menu-toggle span:not(.sr-only){display:block;height:2px;margin:4px 0;border-radius:3px;background:#e9f5ff;transition:.2s ease}

.hero{
  position:relative;
  min-height:100svh;
  padding:146px 0 92px;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 76% 24%,rgba(47,155,232,.14),transparent 31%),
    linear-gradient(145deg,#030914 0%,#06111e 48%,#071827 100%);
}
.hero::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:180px;
  z-index:-1;
  background:linear-gradient(transparent,var(--navy-950));
}
.hero-grid-bg{
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.18;
  background-image:
    linear-gradient(rgba(110,194,230,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(110,194,230,.12) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 85%);
}
.hero-glow{
  position:absolute;
  z-index:-2;
  border-radius:50%;
  pointer-events:none;
  filter:blur(2px);
}
.hero-glow-one{
  width:680px;
  height:680px;
  right:-230px;
  top:8%;
  border:1px solid rgba(85,215,232,.16);
  box-shadow:0 0 0 90px rgba(47,155,232,.022),0 0 0 180px rgba(47,155,232,.014);
  animation:orbitPulse 9s ease-in-out infinite;
}
.hero-glow-two{
  width:400px;
  height:400px;
  left:-270px;
  bottom:-110px;
  background:radial-gradient(circle,rgba(73,216,176,.14),transparent 70%);
}
@keyframes orbitPulse{0%,100%{transform:scale(.98);opacity:.75}50%{transform:scale(1.04);opacity:1}}
.hero-layout{
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);
  gap:72px;
  align-items:center;
}
.status-pill{
  width:max-content;
  max-width:100%;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 11px;
  border:1px solid rgba(85,215,232,.2);
  border-radius:999px;
  color:#bfeaf4;
  background:rgba(85,215,232,.055);
  font-size:.72rem;
  font-weight:760;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.status-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 5px rgba(85,223,145,.1),0 0 13px rgba(85,223,145,.7);
}
.hero h1{
  margin:24px 0;
  font-size:clamp(3.5rem,6.4vw,6.8rem);
  line-height:.91;
  letter-spacing:-.064em;
}
.hero h1 span{display:block}
.text-gradient{
  color:transparent;
  background:linear-gradient(105deg,#eaf9ff 2%,#70d6fb 45%,#55dfb5 92%);
  -webkit-background-clip:text;
  background-clip:text;
}
.hero-lead{
  max-width:710px;
  margin:0;
  color:#b0c0d1;
  font-size:clamp(1rem,1.4vw,1.16rem);
  line-height:1.78;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.button{
  min-height:50px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid var(--line);
  border-radius:12px;
  text-decoration:none;
  font-size:.86rem;
  font-weight:800;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
.button:hover{transform:translateY(-2px)}
.button-primary{
  border-color:transparent;
  color:#04111f;
  background:linear-gradient(135deg,#55c9f2,#50dfb1);
  box-shadow:0 13px 34px rgba(47,155,232,.2);
}
.button-primary:hover{box-shadow:0 17px 40px rgba(47,155,232,.29)}
.button-secondary{color:#e7f0f9;background:rgba(255,255,255,.035)}
.button-secondary:hover{border-color:rgba(85,215,232,.38);background:rgba(85,215,232,.07)}
.hero-proof{
  margin-top:42px;
  padding-top:22px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  border-top:1px solid var(--line);
}
.hero-proof div{min-width:0}
.hero-proof strong,.hero-proof span{display:block}
.hero-proof strong{color:#f4fbff;font-size:1rem;white-space:nowrap}
.hero-proof span{
  margin-top:4px;
  color:#738ba3;
  font-size:.62rem;
  font-weight:760;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.operations-panel{
  position:relative;
  padding:27px;
  border:1px solid rgba(117,196,229,.2);
  border-radius:var(--radius-lg);
  background:
    linear-gradient(155deg,rgba(15,34,54,.94),rgba(6,17,31,.96)),
    var(--panel);
  box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
.operations-panel::before{
  content:"";
  position:absolute;
  width:270px;
  height:270px;
  right:-80px;
  top:-110px;
  border-radius:50%;
  background:rgba(47,155,232,.14);
  filter:blur(40px);
}
.panel-head{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding-bottom:20px;
  border-bottom:1px solid var(--line);
}
.panel-kicker{
  color:#75d9f2;
  font-size:.66rem;
  font-weight:850;
  letter-spacing:.14em;
}
.panel-head h2{margin:5px 0 0;font-size:1.18rem;letter-spacing:-.02em}
.live-badge{
  padding:6px 9px;
  display:flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(85,223,145,.24);
  border-radius:999px;
  color:#8bf0b5;
  background:rgba(85,223,145,.07);
  font-size:.64rem;
  font-weight:900;
}
.live-badge span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--green);
  animation:livePulse 1.8s ease-out infinite;
}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(85,223,145,.55)}70%{box-shadow:0 0 0 8px rgba(85,223,145,0)}100%{box-shadow:0 0 0 0 rgba(85,223,145,0)}}
.system-overview{
  padding:24px 0;
  display:grid;
  grid-template-columns:150px 1fr;
  gap:22px;
  align-items:center;
}
.system-score{display:flex;justify-content:center}
.score-orbit{
  width:128px;
  aspect-ratio:1;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  border:1px solid rgba(85,215,232,.24);
  border-radius:50%;
  background:radial-gradient(circle,rgba(85,215,232,.08),rgba(255,255,255,.01) 62%);
  box-shadow:inset 0 0 0 9px rgba(85,215,232,.025),0 0 32px rgba(85,215,232,.07);
}
.score-orbit strong{font-size:1.85rem;letter-spacing:-.04em}
.score-orbit span{color:#7e96ad;font-size:.62rem;font-weight:800;text-transform:uppercase}
.system-stats{display:grid;gap:9px}
.system-stats div{
  padding:9px 11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(148,185,220,.1);
  border-radius:10px;
  background:rgba(255,255,255,.022);
}
.system-stats span{color:#839bb1;font-size:.67rem;font-weight:720;text-transform:uppercase}
.system-stats strong{font-size:.78rem}
.power-list{display:grid;gap:14px}
.power-item>div:first-child{display:flex;justify-content:space-between;gap:15px;margin-bottom:6px;font-size:.72rem}
.power-item span{color:#a9bac9}
.meter{height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.065)}
.meter i{
  display:block;
  width:var(--level);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--blue),var(--cyan),var(--teal));
  box-shadow:0 0 12px rgba(85,215,232,.38);
  transform-origin:left center;
  animation:meterLoad 1.5s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes meterLoad{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.panel-foot{
  margin-top:22px;
  padding-top:17px;
  display:flex;
  justify-content:space-between;
  gap:8px;
  border-top:1px solid var(--line);
  color:#7390a8;
  font-size:.57rem;
  font-weight:820;
  letter-spacing:.06em;
}
.health-dot{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--green)}

.section{position:relative;padding:112px 0}
.section-light{
  background:
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 18%,transparent 82%,rgba(255,255,255,.01)),
    #050d18;
}
.section-heading{max-width:860px;margin-bottom:50px}
.section-heading>div:first-child,.split-heading>div>div{
  display:flex;
  align-items:center;
  gap:13px;
}
.section-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:24px;
  border:1px solid var(--line-strong);
  border-radius:6px;
  color:#75d9f2;
  font-size:.62rem;
  font-weight:850;
}
.eyebrow{
  color:#75d9f2;
  font-size:.69rem;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.section-heading h2,.closing h2{
  margin:16px 0;
  font-size:clamp(2.35rem,4.5vw,4.45rem);
  line-height:1.04;
  letter-spacing:-.052em;
}
.section-heading p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:1.03rem;
  line-height:1.78;
}
.split-heading{
  max-width:none;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);
  gap:70px;
  align-items:end;
}
.split-heading p{padding-bottom:7px}

.challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.enterprise-card{
  position:relative;
  min-height:330px;
  padding:30px;
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  background:linear-gradient(150deg,rgba(15,34,54,.88),rgba(7,18,32,.9));
  box-shadow:var(--shadow-sm);
  overflow:hidden;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.enterprise-card::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-100px;
  width:220px;
  height:220px;
  border:1px solid rgba(85,215,232,.11);
  border-radius:50%;
  transition:transform .45s ease;
}
.enterprise-card:hover{
  transform:translateY(-7px);
  border-color:rgba(85,215,232,.32);
  box-shadow:0 28px 60px rgba(0,0,0,.27);
}
.enterprise-card:hover::after{transform:scale(1.15)}
.card-number{color:#6f879d;font-size:.68rem;font-weight:850;letter-spacing:.12em}
.card-stat{margin:48px 0 16px;font-size:clamp(1.8rem,3vw,2.75rem);font-weight:900;letter-spacing:-.045em}
.card-stat small{color:#75d9f2;font-size:.48em;letter-spacing:0}
.enterprise-card h3{margin:0;font-size:1.22rem;letter-spacing:-.02em}
.enterprise-card p{margin:13px 0 0;color:var(--muted);font-size:.9rem;line-height:1.7}

.architecture-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:24px}
.layer-stack{display:grid;gap:11px}
.architecture-layer{
  min-height:132px;
  padding:22px 24px;
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:18px;
  align-items:center;
  border:1px solid var(--line);
  border-left:3px solid var(--blue);
  border-radius:0 16px 16px 0;
  background:linear-gradient(90deg,rgba(47,155,232,.09),rgba(255,255,255,.025));
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.architecture-layer:hover{
  transform:translateX(7px);
  border-color:rgba(85,215,232,.29);
  background:linear-gradient(90deg,rgba(47,155,232,.14),rgba(255,255,255,.035));
}
.architecture-layer>span{color:#75d9f2;font-size:.82rem;font-weight:850}
.architecture-layer small{color:#71899f;font-size:.61rem;font-weight:850;letter-spacing:.11em}
.architecture-layer h3{margin:5px 0 2px;font-size:1.05rem}
.architecture-layer p{margin:0;color:#91a7bb;font-size:.8rem}
.architecture-layer>b{color:rgba(116,155,185,.18);font-size:1.22rem;letter-spacing:.08em;writing-mode:vertical-rl}
.executive-dashboard{
  padding:28px;
  border:1px solid rgba(85,215,232,.2);
  border-radius:var(--radius-md);
  background:linear-gradient(155deg,rgba(15,37,59,.96),rgba(5,16,29,.98));
  box-shadow:var(--shadow-lg);
}
.dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:14px}
.secure-badge{
  padding:5px 8px;
  border:1px solid rgba(85,223,145,.24);
  border-radius:999px;
  color:#91efb8;
  font-size:.58rem;
  font-weight:900;
}
.executive-dashboard h3{margin:13px 0 24px;font-size:1.45rem}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.dashboard-grid>div{
  min-height:115px;
  padding:15px;
  border:1px solid rgba(148,185,220,.11);
  border-radius:13px;
  background:rgba(255,255,255,.025);
}
.dashboard-grid span,.dashboard-grid strong,.dashboard-grid i{display:block}
.dashboard-grid span{color:#7690a8;font-size:.63rem;font-weight:800;text-transform:uppercase}
.dashboard-grid strong{margin-top:18px;font-size:1.3rem;letter-spacing:-.03em}
.dashboard-grid i{margin-top:4px;color:#748ba0;font-size:.58rem;font-style:normal;font-weight:750}
.dashboard-grid .trend-up{color:#6fe5a0}
.data-line{margin-top:21px;padding:16px;border:1px solid rgba(148,185,220,.1);border-radius:13px;background:rgba(0,0,0,.13)}
.data-line>div{height:45px;display:flex;align-items:flex-end;gap:6px}
.data-line>div span{width:16.666%;border-radius:3px 3px 0 0;background:linear-gradient(var(--cyan),rgba(47,155,232,.2));animation:dataBars 4s ease-in-out infinite}
.data-line>div span:nth-child(1){height:35%}.data-line>div span:nth-child(2){height:66%;animation-delay:-.5s}.data-line>div span:nth-child(3){height:48%;animation-delay:-1s}.data-line>div span:nth-child(4){height:88%;animation-delay:-1.5s}.data-line>div span:nth-child(5){height:70%;animation-delay:-2s}.data-line>div span:nth-child(6){height:94%;animation-delay:-2.5s}
@keyframes dataBars{0%,100%{filter:brightness(.82);transform:scaleY(.92)}50%{filter:brightness(1.3);transform:scaleY(1)}}
.data-line p{margin:10px 0 0;color:#718ba3;font-size:.63rem;font-weight:750;text-transform:uppercase}

.solution-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px;align-items:stretch}
.solution-visual{
  margin:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  background:var(--panel);
  box-shadow:var(--shadow-lg);
}
.solution-visual img{width:100%;height:100%;min-height:420px;object-fit:cover;transition:transform .7s ease,filter .7s ease}
.solution-visual:hover img{transform:scale(1.018);filter:saturate(1.05)}
.solution-visual figcaption{
  min-height:52px;
  margin-top:-52px;
  position:relative;
  padding:0 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#b8c9d8;
  background:rgba(3,11,21,.88);
  backdrop-filter:blur(12px);
  font-size:.6rem;
  font-weight:750;
  letter-spacing:.06em;
}
.solution-flow{display:grid;gap:10px}
.flow-step{
  min-height:120px;
  padding:18px;
  display:grid;
  grid-template-columns:45px 1fr;
  gap:14px;
  align-items:start;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(15,34,54,.84),rgba(7,17,30,.92));
  transition:transform .22s ease,border-color .22s ease;
}
.flow-step:hover{transform:translateX(5px);border-color:rgba(85,215,232,.3)}
.flow-step>span{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(85,215,232,.25);
  border-radius:10px;
  color:#75d9f2;
  background:rgba(85,215,232,.06);
  font-size:.65rem;
  font-weight:900;
}
.flow-step small{color:#688299;font-size:.57rem;font-weight:850;letter-spacing:.11em}
.flow-step h3{margin:3px 0 4px;font-size:.96rem}
.flow-step p{margin:0;color:#8ea5b9;font-size:.75rem;line-height:1.55}
.cooling-comparison{
  margin-top:24px;
  display:grid;
  grid-template-columns:.72fr 1fr 1fr;
  gap:14px;
  align-items:stretch;
}
.comparison-title,.comparison-card{padding:24px;border-radius:18px}
.comparison-title{display:flex;justify-content:center;flex-direction:column}
.comparison-title h3{margin:9px 0 0;font-size:1.35rem;line-height:1.2}
.comparison-card{border:1px solid var(--line);background:rgba(255,255,255,.025)}
.comparison-card.integrated{border-color:rgba(73,216,176,.28);background:linear-gradient(145deg,rgba(73,216,176,.08),rgba(47,155,232,.045))}
.comparison-label{color:#6f889f;font-size:.62rem;font-weight:850;letter-spacing:.1em}
.integrated .comparison-label{color:#73e1c4}
.path-line{margin:18px 0;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.7rem}
.path-line b{padding:7px 8px;border-radius:7px;background:rgba(255,255,255,.045)}
.path-line i{color:#67d8ef;font-style:normal}
.comparison-card p{margin:0;color:#8fa5b8;font-size:.76rem;line-height:1.6}

.pathway-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.pathway-step{
  position:relative;
  min-height:240px;
  padding:25px;
  border-top:2px solid var(--blue);
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  border-left:1px solid var(--line);
  border-radius:0 0 17px 17px;
  background:linear-gradient(180deg,rgba(47,155,232,.075),rgba(255,255,255,.02));
  transition:transform .25s ease,background .25s ease;
}
.pathway-step:hover{transform:translateY(-6px);background:linear-gradient(180deg,rgba(47,155,232,.12),rgba(255,255,255,.028))}
.pathway-step span{color:#75d9f2;font-size:.68rem;font-weight:850}
.pathway-step h3{margin:45px 0 12px;font-size:1.24rem;text-transform:uppercase}
.pathway-step p{margin:0;color:#91a7ba;font-size:.82rem}
.carbon-feature{
  margin-top:28px;
  padding:22px;
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
  gap:24px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:linear-gradient(145deg,rgba(15,34,54,.65),rgba(5,15,28,.8));
}
.carbon-copy{padding:16px}
.carbon-copy h3{margin:12px 0;font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.08;letter-spacing:-.04em}
.carbon-copy p{color:var(--muted);font-size:.9rem}
.principle{
  margin:22px 0;
  padding:13px 15px;
  border-left:3px solid var(--teal);
  color:#dcfbf3;
  background:rgba(73,216,176,.07);
  font-size:.82rem;
  font-weight:800;
}
.text-link{color:#76e7ca;text-decoration:none;font-size:.84rem;font-weight:850}
.text-link:hover{text-decoration:underline}
.carbon-feature .solution-visual img{min-height:390px}

.deployment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.deployment-card{
  position:relative;
  min-height:430px;
  padding:30px;
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  background:linear-gradient(150deg,rgba(15,34,54,.88),rgba(7,18,32,.94));
  box-shadow:var(--shadow-sm);
  overflow:hidden;
  transition:transform .28s ease,border-color .28s ease;
}
.deployment-card:hover{transform:translateY(-7px);border-color:rgba(85,215,232,.3)}
.deployment-card.featured{
  border-color:rgba(73,216,176,.3);
  background:linear-gradient(150deg,rgba(24,58,68,.82),rgba(7,22,34,.96));
}
.deployment-card.featured::before{
  content:"RECOMMENDED";
  position:absolute;
  top:19px;
  right:-36px;
  width:140px;
  padding:5px 0;
  color:#062017;
  background:var(--teal);
  transform:rotate(38deg);
  text-align:center;
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.08em;
}
.deployment-top{display:flex;align-items:center;justify-content:space-between;color:#75d9f2;font-size:.65rem;font-weight:850;letter-spacing:.11em}
.deployment-top b{color:#5e768c}
.deployment-card>strong{display:block;margin:55px 0 12px;font-size:clamp(2rem,3vw,2.85rem);letter-spacing:-.05em}
.deployment-card h3{margin:0;font-size:1.15rem}
.deployment-card p{min-height:72px;color:#91a7ba;font-size:.84rem}
.deployment-card ul{margin:24px 0 0;padding:19px 0 0;border-top:1px solid var(--line);list-style:none}
.deployment-card li{position:relative;margin:10px 0;padding-left:19px;color:#b7c7d5;font-size:.78rem}
.deployment-card li::before{content:"";position:absolute;left:0;top:.64em;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 9px rgba(73,216,176,.45)}

.assessment-layout{
  padding:20px;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
  gap:20px;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:linear-gradient(145deg,rgba(15,34,54,.75),rgba(5,15,28,.86));
  box-shadow:var(--shadow-lg);
}
.assessment-form{padding:24px;border:1px solid rgba(148,185,220,.11);border-radius:20px;background:rgba(4,13,24,.5)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.form-grid label>span{display:block;margin-bottom:7px;color:#c7d6e4;font-size:.74rem;font-weight:760}
.form-grid input,.form-grid select{
  width:100%;
  height:54px;
  padding:0 15px;
  border:1px solid rgba(148,185,220,.18);
  border-radius:11px;
  outline:0;
  color:#f2f8fc;
  background:#071423;
  font-weight:650;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.form-grid input:hover,.form-grid select:hover{border-color:rgba(85,215,232,.34)}
.form-grid input:focus,.form-grid select:focus{border-color:rgba(85,215,232,.64);box-shadow:0 0 0 4px rgba(85,215,232,.08);background:#091a2b}
.form-grid option{background:#071423}
.form-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.readiness-panel{
  position:relative;
  min-height:460px;
  padding:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  text-align:center;
  border:1px solid rgba(85,215,232,.17);
  border-radius:20px;
  background:radial-gradient(circle at 50% 35%,rgba(47,155,232,.12),transparent 35%),#071322;
  overflow:hidden;
}
.readiness-panel::before{
  content:"";
  position:absolute;
  inset:15px;
  border:1px solid rgba(148,185,220,.06);
  border-radius:15px;
  pointer-events:none;
}
.readiness-ring{
  position:relative;
  width:215px;
  aspect-ratio:1;
  margin:22px 0;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(from -90deg,var(--teal) calc(var(--score)*1%),rgba(118,145,168,.16) 0);
  box-shadow:0 0 45px rgba(73,216,176,.08);
  transition:background .5s ease;
}
.readiness-ring::before{content:"";position:absolute;inset:14px;border-radius:50%;background:#071322;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.readiness-ring>div{position:relative;z-index:1;display:flex;align-items:baseline;gap:5px}
.readiness-ring strong{font-size:4.25rem;line-height:1;letter-spacing:-.07em}
.readiness-ring span{color:#7c93a9;font-size:.8rem;font-weight:750}
.readiness-panel h3{margin:0;color:#8eeeb8;font-size:.83rem;letter-spacing:.11em}
.readiness-panel p{max-width:350px;margin:10px auto 0;color:#8ea5ba;font-size:.78rem}

.closing{
  position:relative;
  padding:126px 0;
  overflow:hidden;
  text-align:center;
  background:
    radial-gradient(circle at 50% 100%,rgba(73,216,176,.12),transparent 36%),
    linear-gradient(180deg,#06101d,#030914);
}
.closing::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.13;
  background-image:linear-gradient(rgba(110,194,230,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(110,194,230,.12) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(circle at 50% 50%,#000,transparent 70%);
}
.closing-inner{position:relative}
.closing h2{max-width:1000px;margin:18px auto}
.closing h2 span{display:block}
.closing p{color:#6f879d;font-size:.72rem;font-weight:850;letter-spacing:.18em}
.closing .hero-actions{justify-content:center}
.site-footer{padding:26px 0;border-top:1px solid var(--line);background:#02070f}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px}
.footer-brand img{width:145px;max-height:54px;object-fit:contain}
.footer-inner p{margin:0;color:#687f94;font-size:.7rem}
.footer-inner>a:last-child{color:#9db2c4;text-decoration:none;font-size:.72rem;font-weight:750}

.reveal{opacity:1;transform:none}
html.effects-ready .reveal{
  opacity:0;
  transform:translateY(28px);
  transition:
    opacity .72s cubic-bezier(.2,.75,.2,1),
    transform .72s cubic-bezier(.2,.75,.2,1);
  transition-delay:var(--reveal-delay,0ms);
}
html.effects-ready .reveal.is-visible{opacity:1;transform:translateY(0)}

@media (max-width:1240px){
  .nav-menu a{padding-inline:7px;font-size:.72rem}
  .home-link span:last-child{display:none}
  .home-link{width:40px;justify-content:center;padding:0}
  .brand img{width:155px}
}
@media (max-width:1060px){
  .menu-toggle{display:block;margin-left:auto}
  .nav-tools{order:4}
  .nav-menu{
    position:fixed;
    top:82px;
    right:18px;
    left:18px;
    padding:14px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:5px;
    border:1px solid var(--line);
    border-radius:16px;
    background:rgba(5,15,28,.98);
    box-shadow:var(--shadow-lg);
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:.22s ease;
  }
  .nav-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}
  .nav-menu a{padding:12px;font-size:.8rem}
  .nav-menu .nav-cdr{margin-left:0}
  .hero-layout{grid-template-columns:1fr;gap:50px}
  .hero-copy{max-width:860px}
  .operations-panel{max-width:720px}
  .architecture-layout,.solution-layout{grid-template-columns:1fr}
  .solution-visual img{min-height:360px}
  .cooling-comparison{grid-template-columns:1fr 1fr}
  .comparison-title{grid-column:1/-1;padding-inline:0}
  .carbon-feature{grid-template-columns:1fr}
  .carbon-copy{padding:12px}
}
@media (max-width:820px){
  .section{padding:88px 0}
  .hero{padding-top:130px}
  .split-heading{grid-template-columns:1fr;gap:10px}
  .challenge-grid,.deployment-grid{grid-template-columns:1fr}
  .enterprise-card{min-height:auto}
  .card-stat{margin-top:30px}
  .pathway-grid{grid-template-columns:repeat(2,1fr)}
  .deployment-card{min-height:auto}
  .deployment-card p{min-height:auto}
  .assessment-layout{grid-template-columns:1fr}
  .readiness-panel{min-height:420px}
  .footer-inner{flex-direction:column;text-align:center}
}
@media (max-width:620px){
  .shell{width:min(100% - 30px,1220px)}
  .nav-shell{width:calc(100% - 24px);min-height:74px;gap:8px}
  .brand img{width:126px;max-height:56px}
  .nav-menu{top:74px;right:12px;left:12px;grid-template-columns:1fr}
  .home-link{display:none}
  .language-control{height:38px;padding-left:9px}
  .language-control select{max-width:92px;padding-right:23px;font-size:.68rem;background-position:calc(100% - 11px) 17px,calc(100% - 6px) 17px}
  .menu-toggle{width:40px;height:40px}
  .hero{min-height:auto;padding:118px 0 74px}
  .status-pill{font-size:.6rem;letter-spacing:.04em}
  .hero h1{font-size:clamp(3.2rem,15vw,5rem)}
  .hero-proof{grid-template-columns:repeat(2,1fr)}
  .operations-panel{padding:20px;border-radius:22px}
  .system-overview{grid-template-columns:1fr}
  .system-stats{width:100%}
  .panel-foot{flex-wrap:wrap}
  .section{padding:72px 0}
  .section-heading{margin-bottom:34px}
  .section-heading h2,.closing h2{font-size:clamp(2.15rem,11vw,3.3rem)}
  .architecture-layer{grid-template-columns:38px 1fr;padding:18px}
  .architecture-layer>b{display:none}
  .architecture-layer p{font-size:.73rem}
  .dashboard-grid{grid-template-columns:1fr}
  .solution-visual img{min-height:250px}
  .solution-visual figcaption{margin-top:0;min-height:auto;padding:12px;display:block}
  .solution-visual figcaption span{display:block;margin:3px 0}
  .cooling-comparison{grid-template-columns:1fr}
  .comparison-title{grid-column:auto}
  .pathway-grid{grid-template-columns:1fr}
  .pathway-step{min-height:auto}
  .pathway-step h3{margin-top:25px}
  .carbon-feature{padding:10px}
  .form-grid{grid-template-columns:1fr}
  .form-actions{flex-direction:column}
  .form-actions .button{width:100%}
  .assessment-layout{padding:10px}
  .assessment-form{padding:18px}
  .readiness-ring{width:190px}
  .closing{padding:90px 0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html.effects-ready .reveal{opacity:1!important;transform:none!important}
}