:root{
  --bg:#060816;
  --bg-soft:#0c1124;
  --surface:rgba(13,18,38,.78);
  --surface-2:rgba(17,24,50,.92);
  --line:rgba(255,255,255,.09);
  --text:#edf2ff;
  --muted:#afbddb;
  --cyan:#66e2ff;
  --blue:#6e8bff;
  --violet:#a87cff;
  --green:#449ae0;
  --shadow:0 22px 60px rgba(0,0,0,.35);
  --radius:24px;
  --radius-sm:16px;
  --container:min(1180px, calc(100vw - 32px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 12% 18%, rgba(102,226,255,.16), transparent 24%),
    radial-gradient(circle at 88% 12%, rgba(168,124,255,.16), transparent 26%),
    radial-gradient(circle at 78% 78%, rgba(68,224,178,.10), transparent 28%),
    linear-gradient(180deg, #050814 0%, #090d1e 44%, #060815 100%);
  min-height:100vh;
  line-height:1.55;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:var(--container);margin:auto}
.site-shell{position:relative;isolation:isolate}
.site-shell::before,.site-shell::after{
  content:"";position:fixed;z-index:-2;filter:blur(60px);opacity:.55;pointer-events:none
}
.site-shell::before{width:320px;height:320px;background:rgba(102,226,255,.15);left:-120px;top:100px;border-radius:50%;animation:float 12s ease-in-out infinite}
.site-shell::after{width:420px;height:420px;background:rgba(168,124,255,.13);right:-140px;top:300px;border-radius:50%;animation:float 14s ease-in-out infinite reverse}
.grid-overlay{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 88%);z-index:-3}
.nav{position:sticky;top:0;z-index:20;background:rgba(6,8,22,.66);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px;font-size:1.1rem}
.brand-badge{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg, rgba(102,226,255,.16), rgba(168,124,255,.24));display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.brand em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#fff 58%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.navlinks{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.navlinks a{padding:10px 14px;border-radius:999px;color:var(--muted);font-size:.95rem;transition:.25s ease}
.navlinks a:hover,.navlinks a.active{background:rgba(255,255,255,.06);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.menu{display:none;background:rgba(255,255,255,.05);color:var(--text);border:1px solid rgba(255,255,255,.08);padding:10px 14px;border-radius:14px}
main{padding-bottom:56px}
.hero{padding:72px 0 30px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}
.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#dce7ff;font-size:.84rem;letter-spacing:.03em;text-transform:uppercase}
.hero h1,.pagehero h1{font-size:clamp(2.6rem, 5vw, 5rem);line-height:1.02;letter-spacing:-.04em;margin:20px 0 18px}
.gradient{background:linear-gradient(90deg,var(--cyan),#fff 40%,var(--violet) 82%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.08rem;color:var(--muted);max-width:720px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg, rgba(102,226,255,.15), rgba(110,139,255,.16));box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.10);color:var(--text);font-weight:700;transition:transform .25s ease, box-shadow .25s ease, background .25s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 28px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.12)}
.btn.secondary{background:rgba(255,255,255,.04)}
.pill-row,.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.pill{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#d5e1ff;font-size:.92rem}
.hero-panel,.glass,.card,.feature,.kpi,.tool,.timeline-item,.product-card,.contact-card{background:linear-gradient(180deg, rgba(18,24,49,.86), rgba(8,12,26,.88));border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-panel{padding:28px;min-height:480px}
.hero-panel::before,.card::before,.glass::before,.tool::before,.feature::before,.product-card::before{content:"";position:absolute;inset:0;background:linear-gradient(130deg, rgba(255,255,255,.09), transparent 24%, transparent 64%, rgba(102,226,255,.06));opacity:.7;pointer-events:none}
.hero-visual{position:relative;display:grid;place-items:center;height:100%}
.orbit-wrap{position:relative;width:min(100%,430px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center}
.orbit{position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:spin 18s linear infinite}
.orbit:nth-child(2){inset:32px;animation-duration:14s;animation-direction:reverse}
.orbit:nth-child(3){inset:64px;animation-duration:10s}
.node{position:absolute;padding:10px 14px;border-radius:999px;background:rgba(6,8,22,.92);border:1px solid rgba(255,255,255,.09);font-size:.82rem;color:#dff4ff;box-shadow:var(--shadow)}
.node:nth-child(4){top:14px;left:50%;transform:translateX(-50%)}
.node:nth-child(5){right:8px;top:48%}
.node:nth-child(6){bottom:18px;left:18%}
.node:nth-child(7){left:0;top:50%}
.core{width:170px;height:170px;border-radius:36px;background:radial-gradient(circle at 30% 30%, rgba(102,226,255,.24), rgba(110,139,255,.08) 50%, rgba(168,124,255,.14) 100%);display:grid;place-items:center;text-align:center;padding:18px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 24px 50px rgba(0,0,0,.35)}
.core strong{font-size:1.45rem;display:block}
.core small{color:var(--muted)}
.section{padding:36px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;flex-wrap:wrap}
.section-head h2{font-size:clamp(1.8rem,3.1vw,3rem);letter-spacing:-.03em;margin:8px 0 0}
.section-head p{max-width:620px;color:var(--muted);margin:0}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.card{padding:24px;grid-column:span 4;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.card:hover,.feature:hover,.timeline-item:hover,.product-card:hover{transform:translateY(-4px);border-color:rgba(102,226,255,.22)}
.card h3,.feature h3,.kpi strong{margin:14px 0 8px;font-size:1.2rem}
.card p,.feature p,.tiny,.meta,.copy p,.copy li,.contact-card p{color:var(--muted)}
.symbol,.icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:1.25rem}
.more{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#dbf7ff;font-weight:700}
.band{padding:28px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg, rgba(102,226,255,.10), rgba(168,124,255,.12), rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.band h2{margin:.3rem 0;font-size:clamp(1.6rem,3vw,2.4rem)}
.band p{margin:0;color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kpi{padding:22px}
.kpi .num{font-size:2rem;font-weight:800;letter-spacing:-.05em}
.pagehero{padding:54px 0 18px}
.page-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start}
.copy{padding:28px}
.copy h2{margin-top:0;font-size:2rem;letter-spacing:-.03em}
.copy h3{margin:1.6rem 0 .5rem}
.list{padding-left:18px}
.list li{margin:.5rem 0}
.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.feature{padding:20px}
.timeline{display:grid;gap:16px}
.timeline-item{padding:22px}
.timeline-item .step{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(102,226,255,.10);border:1px solid rgba(102,226,255,.18);font-weight:800;margin-bottom:10px}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.filter{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;transition:.2s}
.filter.active,.filter:hover{background:rgba(102,226,255,.12);border-color:rgba(102,226,255,.25)}
.product-grid .product-card{grid-column:span 4;padding:22px}
.product-head{display:flex;justify-content:space-between;align-items:start;gap:14px}
.badge{padding:8px 12px;border-radius:999px;background:rgba(68,224,178,.10);border:1px solid rgba(68,224,178,.22);color:#e1eaf5;font-size:.82rem}
.specs{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.spec{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.05);font-size:.84rem;color:#dbe7ff;border:1px solid rgba(255,255,255,.06)}
.tool{padding:26px}
.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.field{display:grid;gap:8px}
label{font-weight:700;color:#dce7ff;font-size:.95rem}
input,select,textarea{width:100%;padding:14px 15px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;color:var(--text);font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{border-color:rgba(102,226,255,.4);box-shadow:0 0 0 4px rgba(102,226,255,.12)}
textarea{min-height:220px;resize:vertical}
.result{margin-top:18px;padding:0;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid transparent;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s ease,border-color .3s ease}
.result.show{padding:22px;max-height:1200px;border-color:rgba(102,226,255,.18)}
.result h3{margin-top:0}
.result .rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.result .rec-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.contact-card{padding:24px}
.footer{padding:36px 0 50px;border-top:1px solid rgba(255,255,255,.06);background:rgba(6,8,22,.4)}
.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer nav{display:flex;gap:14px;flex-wrap:wrap}
.tiny{font-size:.9rem}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease, transform .65s ease}
.reveal.show{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(22px) translateX(10px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width: 1024px){
  .hero-grid,.page-layout,.contact-grid{grid-template-columns:1fr}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .card,.product-grid .product-card{grid-column:span 6}
}
@media (max-width: 760px){
  .menu{display:block}
  .nav-inner{align-items:flex-start}
  .navlinks{display:none;flex-direction:column;align-items:stretch;width:100%;padding-top:10px}
  .navlinks.open{display:flex}
  .navlinks a{border-radius:14px}
  .fields,.mini-grid,.result .rec-grid,.kpis{grid-template-columns:1fr}
  .card,.product-grid .product-card{grid-column:span 12}
  .hero{padding-top:42px}
  .band,.footer-inner,.section-head{align-items:flex-start}
  .brand-text small{display:none}
}

/* Version 4 enhancements */
.navlinks .nav-quote{background:linear-gradient(120deg,rgba(102,226,255,.18),rgba(168,124,255,.2));border:1px solid rgba(102,226,255,.23);color:#f2faff;font-weight:800}
.floating-contact{position:fixed;right:18px;bottom:22px;z-index:60;display:flex;flex-direction:column;gap:10px}
.fab{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);box-shadow:0 15px 42px rgba(0,0,0,.4);font-weight:900;font-size:18px;transition:transform .2s}
.fab:hover{transform:translateY(-4px)}.fab-wa{background:#1666a7;color:#fff}.fab-quote{background:#252d64;color:#fff}
.feature-solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-tile{display:block;background:linear-gradient(180deg,#111932,#0b1023);border:1px solid rgba(255,255,255,.09);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,border-color .3s}.solution-tile:hover{transform:translateY(-5px);border-color:rgba(102,226,255,.3)}.solution-tile img{width:100%;height:205px;object-fit:cover}.tile-copy{padding:22px}.tile-copy h3{font-size:1.3rem;margin:14px 0 9px}.tile-copy p{color:var(--muted)}.tile-copy strong{color:var(--cyan)}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trust-card{padding:26px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:22px}.trust-card h3{font-size:1.18rem}.trust-card p{color:var(--muted)}.trust-icon{width:48px;height:48px;display:grid;place-items:center;font-size:1.7rem;color:#91ecff;background:rgba(102,226,255,.08);border-radius:13px}.review-callout{margin-top:18px;padding:22px 26px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(110deg,rgba(102,226,255,.06),rgba(168,124,255,.06));display:flex;align-items:center;justify-content:space-between;gap:20px}.review-callout h3{margin:12px 0 4px}.review-callout p{color:var(--muted);margin:0}
.product-visual{width:100%;aspect-ratio:650/390;object-fit:cover;border-radius:16px;margin:0 0 16px;border:1px solid rgba(255,255,255,.08)}
@media(max-width:980px){.feature-solutions,.trust-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.feature-solutions,.trust-grid{grid-template-columns:1fr}.review-callout{flex-direction:column;align-items:flex-start}.floating-contact{right:12px;bottom:12px}.fab{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* Product-first catalogue */
:root{--green:#0176d6;--cyan:#489ce0;--violet:#a2bedf;--radius:18px;--shadow:0 12px 35px #0003}
body{background:#080f18}.grid-overlay,.site-shell::before,.site-shell::after{display:none}.nav{background:#080f18f5}.navlinks a{font-size:.85rem;padding:9px 10px}.brand-badge{background:#0062b3;color:#070e18;border-radius:5px}.brand em,.gradient{background:linear-gradient(90deg,#489ce0,#cbdbee);background-clip:text;-webkit-background-clip:text}.brand-text small{font-size:.65rem!important}.hero{padding:75px 0 35px}.hero h1{font-size:clamp(2.7rem,5.1vw,4.6rem);line-height:1.08}.btn{background:#0066ba;color:#060e1a;border-radius:7px;box-shadow:none;border:1px solid #0066ba}.btn.secondary{color:#edf2ff;background:transparent;border-color:#47606b}.eyebrow{background:none;border:0;color:#70aada;padding:0;font-size:.75rem;letter-spacing:.12em}.hero-product{background:#f6f7f8;color:#112b2b;padding:30px;display:block;border-radius:18px;transform:rotate(-2deg)}.hero-product .eyebrow{color:#204275}.hero-product img{width:100%;height:290px;object-fit:contain;mix-blend-mode:multiply}.hero-product h2{margin:10px 0}.hero-product p{color:#263c5d}.product-card{background:#101b27;border-color:#263440;border-radius:12px;box-shadow:none}.product-card::before{display:none}.product-visual{height:220px!important;width:100%;object-fit:contain!important;background:#fff!important;padding:18px!important;border-radius:8px}.product-card h3{font-size:1.15rem;line-height:1.35}.product-card p{min-height:70px;color:var(--muted)}.badge{margin-top:16px;font-size:.72rem}.product-card .actions{justify-content:space-between;align-items:center;margin-top:20px}.compare-label{font-size:.8rem;display:flex;align-items:center;gap:6px;color:#b3c5d0}.compare-label input{width:16px;height:16px}.card,.contact-card,.tool,.timeline-item{background:#101b27;box-shadow:none;border-color:#263440}.section{padding:45px 0}.section-head{align-items:end}.photo-panel{background:#fff;color:#405353;border-radius:14px;padding:25px}.photo-panel img{width:100%;height:360px;object-fit:contain}.photo-panel p{font-size:.75rem}.facts{display:grid;grid-template-columns:120px 1fr;border-top:1px solid #345}.facts dt,.facts dd{margin:0;padding:12px 0;border-bottom:1px solid #345}.facts dd{color:#b6c9d2}.reading{max-width:850px}.reading details{padding:22px 0;border-bottom:1px solid #345}.reading summary{font-size:1.15rem;font-weight:650;cursor:pointer}.reading p{color:#b8c9d3;line-height:1.8}#product-search{display:block;width:min(100%,550px);margin:12px 0 24px;padding:15px;background:#101b27;border:1px solid #456;color:white;border-radius:8px;font:inherit}#compare-bar{position:sticky;bottom:14px;padding:16px;background:#14233a;border:1px solid #3787c9;border-radius:12px;z-index:12;align-items:center;gap:15px}#compare-bar:not([hidden]){display:flex;flex-wrap:wrap}#comparison{overflow-x:auto;margin-top:24px}table{border-collapse:collapse;width:100%}th,td{padding:16px;border:1px solid #345;text-align:left;min-width:150px}.skip{position:absolute;left:10px;top:-70px;background:white;color:black;padding:12px;z-index:99}.skip:focus{top:10px}:focus-visible{outline:3px solid #52a7ed;outline-offset:4px}.reveal{opacity:1!important;transform:none!important}.pagehero{padding-top:55px}.pagehero h1{font-size:clamp(2.3rem,4.4vw,4rem)}[hidden]{display:none!important}.footer{margin-top:25px}.tiny a{text-decoration:underline}
@media(max-width:1050px){.menu{display:block}.navlinks{display:none}.navlinks.open{display:flex;position:absolute;top:75px;left:16px;right:16px;padding:16px;background:#10202b;flex-direction:column;align-items:stretch}.hero-product{transform:none}.hero-grid{grid-template-columns:1fr}.hero{padding-top:40px}.hero-product img{height:240px}}
@media(max-width:600px){.hero h1{font-size:2.8rem}.product-grid,.grid{grid-template-columns:1fr}.facts{grid-template-columns:100px 1fr}.photo-panel img{height:240px}.floating-contact{bottom:15px}.section{padding:30px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Shared card layout: consistent tracks across catalogue and landing pages. */
.grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:24px;
}
.grid > .card,
.grid > .product-card,
.product-grid > .product-card{
  grid-column:auto;
  min-width:0;
  width:100%;
}
.grid > .product-card{
  display:flex;
  flex-direction:column;
  padding:22px;
}
.product-card > a:first-child{display:block;width:100%;min-width:0}
.product-card .product-visual{aspect-ratio:auto;margin-bottom:16px}
.product-card .badge{display:block;align-self:flex-start;max-width:100%;line-height:1.6;white-space:normal;margin-top:0}
.product-card h3{margin:16px 0 10px;overflow-wrap:break-word}
.product-card p{min-height:0;margin:0 0 22px}
.product-card .actions{margin-top:auto;padding-top:12px}
.hero-grid > *, .page-layout > *, .contact-grid > *{min-width:0}
@media(max-width:1024px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .grid{grid-template-columns:minmax(0,1fr)}
  .grid > .card,.grid > .product-card,.product-grid > .product-card{grid-column:auto}
  .section-head{flex-direction:column;align-items:flex-start;gap:12px}
  .nav-inner{align-items:center}
}
.configure-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:28px;align-items:start}.configure-layout>*{min-width:0}.configure-layout .tool{padding:28px}.configure-layout fieldset{border:0;border-bottom:1px solid #31414e;padding:0 0 26px;margin:0 0 30px;min-width:0}.configure-layout legend{font-size:1.35rem;font-weight:700;margin-bottom:18px}.workload-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.workload-options label{display:flex;align-items:center;gap:10px;padding:13px;background:#172631;border:1px solid #3b515e;border-radius:8px;cursor:pointer}.workload-options input{width:18px;height:18px;flex:0 0 18px;accent-color:#0066ba}.configure-aside{position:sticky;top:110px}.configure-aside .contact-card{padding:24px}.suggested-model{display:flex;gap:12px;margin:18px 0;padding-bottom:18px;border-bottom:1px solid #31414e}.suggested-model img{width:90px;height:75px;object-fit:contain;background:#fff;border-radius:7px;padding:6px}.suggested-model a{display:block;font-size:.9rem;margin-bottom:9px}.suggested-model button{font-size:.8rem;padding:7px 10px}.form-error{color:#ffb5a6}.configure-layout textarea{min-height:120px}.configure-layout input,.configure-layout select{min-width:0;width:100%}.configure-layout .workload-options input{width:18px}.configure-aside p{overflow-wrap:anywhere}
@media(max-width:1200px){.menu{display:block}.navlinks{display:none}.navlinks.open{display:flex;position:absolute;top:75px;left:16px;right:16px;padding:16px;background:#10202b;flex-direction:column;align-items:stretch;width:auto}}
@media(max-width:950px){.configure-layout{grid-template-columns:1fr}.configure-aside{position:static}}
@media(max-width:600px){.workload-options{grid-template-columns:1fr}.configure-layout .tool{padding:20px}.configure-layout .fields{grid-template-columns:1fr}}

/* Palette from HPE's website design tokens, reviewed 15 October 2026. */
:root{--bg:#fff;--bg-soft:#f7f7f7;--surface:#fff;--surface-2:#f7f7f7;--line:#d4d8db;--text:#172b46;--muted:#535c66;--cyan:#155e95;--green:#087eaa;--blue:#155e95;--violet:#176f9e;--shadow:0 8px 24px #172b460d}
body{background:#fff;color:var(--text)}
.nav{background:#fffffff5;border-bottom:1px solid #d4d8db}.navlinks a{color:#172b46}.navlinks a:hover,.navlinks a.active{background:#f7f7f7;color:#155e95;box-shadow:none}.navlinks .nav-quote{background:#087eaa;color:#141e2d;border-color:#087eaa}.menu{background:#fff;color:#172b46;border-color:#b1b9be}.brand-badge{background:#087eaa;color:#141e2d;border-color:#087eaa}.brand em,.gradient{background:none;color:#155e95;-webkit-text-fill-color:#155e95}.eyebrow{color:#155e95}
.hero{background:linear-gradient(130deg,#fff 35%,#f7f7f7 100%);border-bottom:1px solid #e6e8e9}.pagehero{padding-bottom:32px}.hero-product{background:#fff;color:#172b46;border:1px solid #d4d8db;box-shadow:var(--shadow);transform:none}.hero-product .eyebrow,.hero-product p{color:#155e95}.hero-product img{mix-blend-mode:normal}.lead{color:#535c66}
.card,.product-card,.contact-card,.tool,.timeline-item,.feature,.glass,.kpi,.hero-panel,.trust-card,.solution-tile{background:#fff;color:#172b46;border:1px solid #d4d8db;box-shadow:var(--shadow)}.card::before,.product-card::before,.glass::before,.tool::before,.feature::before,.hero-panel::before{display:none}.card:hover,.product-card:hover,.feature:hover,.timeline-item:hover{border-color:#087eaa}.product-card p,.reading p,.photo-panel p{color:#535c66}.photo-panel{border:1px solid #d4d8db}.product-visual{border-color:#e6e8e9}.badge{background:#f0f5fa;color:#155e95;border-color:#a6bdd8}.pill,.spec{background:#f7f7f7;color:#3e4550;border-color:#d4d8db}.symbol,.icon,.timeline-item .step{background:#f0f5fa;border-color:#a6bdd8;color:#155e95}.more{color:#155e95}.compare-label{color:#535c66}
.btn{background:#087eaa;color:#141e2d;border-color:#087eaa;box-shadow:none}.btn:hover{background:#0572cc;box-shadow:none}.btn.secondary{background:#fff;color:#172b46;border-color:#087eaa}.btn.secondary:hover{background:#f0f5fa}.btn:disabled{opacity:.55;cursor:not-allowed}.filter{background:#fff;border-color:#b1b9be;color:#172b46}.filter.active,.filter:hover{background:#e6eef7;color:#155e95;border-color:#087eaa}.filter:disabled{opacity:.6;cursor:default}
label{color:#172b46}input,select,textarea,#product-search{background:#fff;color:#172b46;border-color:#b1b9be;border-radius:8px}input::placeholder,textarea::placeholder{color:#606a70}input:focus,select:focus,textarea:focus{border-color:#155e95;box-shadow:0 0 0 3px #087eaa24}input[type=checkbox]{accent-color:#155e95}select option{background:#fff;color:#172b46}:focus-visible{outline-color:#155e95}.workload-options label{background:#f7f7f7;border-color:#b1b9be}.workload-options label:has(input:checked){background:#e6eef7;border-color:#155e95}.configure-layout fieldset,.suggested-model{border-color:#d4d8db}.form-error{color:#b51d18}.configure-aside .contact-card{background:#f7f7f7}
.facts,.facts dt,.facts dd,.reading details,th,td{border-color:#d4d8db}.facts dd{color:#535c66}th{background:#f7f7f7}.result,.result .rec-card{background:#f7f7f7;color:#172b46;border-color:#d4d8db}.result.show{border-color:#087eaa;max-height:none}.band,.review-callout{background:#f0f5fa;border-color:#a6bdd8;box-shadow:none}#compare-bar{background:#e6eef7;border-color:#087eaa;color:#172b46}.footer{background:#f7f7f7;color:#172b46;border-color:#d4d8db}.fab-wa{background:#087eaa;color:#141e2d}.fab-quote{background:#172b46;color:#fff}.fab{box-shadow:0 6px 18px #172b4624}.tile-copy p{color:#535c66}.tile-copy strong{color:#155e95}.trust-icon{color:#155e95;background:#e6eef7}
@media(max-width:1200px){.navlinks.open{background:#fff;border:1px solid #d4d8db;box-shadow:var(--shadow)}.navlinks a{color:#172b46}}

/* Clear HPE-green backgrounds and recognizable contact icon. */
body{background:#f3f6fb}
.hero{background:linear-gradient(120deg,#155e95 0%,#176f9e 60%,#087eaa 100%);border-bottom:0}
.hero h1,.hero h1 .gradient{color:#fff;-webkit-text-fill-color:#fff}
.hero .lead{color:#eaf1f8}.hero .hero-grid>div>.eyebrow{color:#d1dff0}
.hero .pill{background:#ffffff18;border-color:#ffffff50;color:#fff}
.hero .btn{background:#fff;border-color:#fff;color:#155e95}.hero .btn.secondary{background:transparent;color:#fff;border-color:#fff}
.hero .hero-product{background:#fff;color:#172b46}.hero .hero-product h2{color:#172b46}
.pagehero{background:linear-gradient(115deg,#155e95,#176f9e);color:#fff;padding:42px 32px;margin-top:28px;border-radius:16px}
.pagehero h1,.pagehero .gradient{color:#fff;-webkit-text-fill-color:#fff}.pagehero .eyebrow{color:#d1dff0}.pagehero .lead{color:#eaf1f8}
.pagehero .btn{background:#fff;color:#155e95;border-color:#fff}.pagehero .btn.secondary{background:transparent;color:#fff;border-color:#fff}
main>.section:nth-of-type(even){background:#f7f7f7}main>.section:nth-of-type(odd){background:#eaeff5}
.card,.product-card,.tool,.contact-card{background:#fff}
.footer{background:#155e95;color:#fff;border-color:#155e95}.footer .tiny,.footer .brand em{color:#eaf1f8;-webkit-text-fill-color:#eaf1f8}.footer a{color:#fff}
.fab-wa{background:#25d366;color:#fff;border:0;border-radius:50%}.fab-wa:hover{background:#1ebd5a}.fab-wa img{width:32px;height:32px;display:block}.whatsapp-button-icon{width:23px;height:23px;display:inline-block;vertical-align:middle}.btn.whatsapp-button{background:#087f43;color:#fff;border-color:#087f43}
@media(max-width:600px){.pagehero{padding:30px 20px;margin-top:16px}.fab-wa img{width:29px;height:29px}}

/* Homepage: bright header and soft mint backdrop. */
.home-page{background:#f4f7fc}
.home-page .nav{background:#fff;border-top:4px solid #087eaa;border-bottom:1px solid #cfd7e1;box-shadow:0 3px 16px #155e950a}
.home-page .nav .brand{color:#172b46}.home-page .nav .brand em{color:#155e95;-webkit-text-fill-color:#155e95}
.home-page .navlinks a{color:#172b46}.home-page .navlinks a:hover{color:#155e95;background:#eaf0f6}
.home-page .navlinks .nav-quote{background:#155e95;color:#fff;border-color:#155e95}
.home-page .hero{background:linear-gradient(120deg,#f4f7fc 0%,#e3ebf5 60%,#c9daed 100%);border-bottom:1px solid #cfd7e1}
.home-page .hero h1{color:#172b46;-webkit-text-fill-color:#172b46}
.home-page .hero h1 .gradient{color:#155e95;-webkit-text-fill-color:#155e95}
.home-page .hero .lead{color:#46525b}.home-page .hero .hero-grid>div>.eyebrow{color:#155e95}
.home-page .hero .pill{color:#155e95;background:#ffffffb3;border-color:#a9bed7}
.home-page .hero .btn{background:#155e95;color:#fff;border-color:#155e95}.home-page .hero .btn:hover{background:#0f2649}
.home-page .hero .btn.secondary{background:#fff;color:#155e95;border-color:#155e95}.home-page .hero .btn.secondary:hover{background:#eaf0f6}
.home-page .hero-product{background:#fff;border-color:#bbc9d9;box-shadow:0 16px 40px #155e9512}
.home-page main>.section:nth-of-type(even){background:#fff}.home-page main>.section:nth-of-type(odd){background:#f0f3f7}
@media(max-width:1200px){.home-page .navlinks.open{background:#fff}}

/* Product configurations */
.sku-number{display:block;color:var(--green,#087eaa);margin-top:12px;letter-spacing:.04em}.sku-table{overflow-x:auto}.sku-table td{min-width:150px}.sku-table td:nth-child(2){min-width:280px}.product-card[hidden]{display:none!important}

#amc,#infrastructure-services{scroll-margin-top:110px}

.seo-breadcrumb{padding-top:22px;font-size:.78rem;color:#535f68}.seo-breadcrumb a{text-decoration:underline}.reading details{padding:18px 0;border-bottom:1px solid #cdd5de}.reading summary{cursor:pointer;font-weight:650}.reading p a,.reading li a{text-decoration:underline}

/* Navy / teal palette finishing rules */
body{background:#f3f6fb}.pagehero{background:linear-gradient(120deg,#10233f,#17476a)}.footer{background:#10233f;border-color:#10233f}.sku-number{color:#155e95}.btn{background:#12678c;color:#fff;border-color:#12678c}.btn:hover{background:#0f5273}.btn.secondary{background:#fff;color:#155e95;border-color:#91b9d5}.pagehero .btn{background:#fff;color:#155e95}.pagehero .btn.secondary{background:transparent;color:#fff;border-color:#92c8e8}.navlinks .nav-quote{background:#155e95;color:#fff}.badge{background:#eaf3fc;color:#155e95;border-color:#b8d2e5}.filter.active,.filter:hover{background:#e3f0fa;color:#155e95;border-color:#78b4db}:focus-visible{outline-color:#087eaa}.fab-wa{background:#25d366}.fab-wa:hover{background:#1ebd5a}.fab-quote{background:#17476a;color:#fff}

/* Off-screen honeypot field to reduce basic bot submissions (not a complete anti-spam defense). */
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* K Computers link + official-site logo crop, shown above the ServersHPE footer. */
.kc-affiliation{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:26px;padding:22px 28px;background:#f9fcff;border:1px solid #dce6ef;border-radius:18px;margin-top:32px;margin-bottom:28px;box-shadow:0 8px 27px #16354e0b}
.kc-affiliation-info{max-width:720px}
.kc-affiliation-caption{display:block;color:#176a94;font-size:.72rem;font-weight:850;letter-spacing:.13em;margin-bottom:7px}
.kc-affiliation-info p{margin:0;color:#425a70;font-size:.84rem;line-height:1.63}
.kc-affiliation-info a{color:#105d85;font-weight:750;text-decoration:underline}
.kc-affiliation-link{display:flex;flex-direction:column;gap:5px;align-items:center;flex-shrink:0;background:white;border:1px solid #dfe9f0;padding:8px 12px 10px;border-radius:14px;text-decoration:none;box-shadow:0 5px 16px #142f4514}
.kc-affiliation-link:hover{border-color:#6ca5c1}
.kc-affiliation-logo{display:block;position:relative;width:205px;height:69px;overflow:hidden;background:#f0f0f0;border-radius:7px}
.kc-affiliation-logo img{position:absolute;top:-224px;left:-50px;width:320px;height:320px;max-width:none!important;display:block}
.kc-affiliation-visit{font-size:.69rem;font-weight:820;letter-spacing:.04em;color:#1c668d}
@media(max-width:760px){.kc-affiliation{padding:19px;align-items:flex-start;flex-direction:column}.kc-affiliation-link{align-items:center}}

/* K Computers brand wordmark, extracted in-place from its published site artwork.
   The source is the official K Computers promotional banner with the real logo at bottom. */
.kc-main-brand-mark{display:block;position:relative;width:205px;height:68px;overflow:hidden;flex:0 0 205px;background:#fff;border-radius:8px}
.kc-main-brand-mark img{position:absolute;top:-224px;left:-50px;width:320px;height:320px;max-width:none!important;display:block}
.nav a.brand:has(.kc-main-brand-mark){gap:8px;text-decoration:none}
.kc-main-brand-caption{font-size:.7rem;line-height:1.35;letter-spacing:.01em;color:#42647d;font-weight:760;max-width:84px}
.footer .kc-main-brand-mark{width:205px;height:68px}
.kc-footer-caption{font-size:.81rem;color:inherit;font-weight:740}
@media(max-width:1140px){.kc-main-brand-mark{width:175px;height:60px;flex-basis:175px}.kc-main-brand-mark img{transform:scale(.86);transform-origin:top left;top:-193px;left:-43px}.kc-main-brand-caption{display:none}}
@media(max-width:730px){.kc-main-brand-mark{width:145px;height:51px;flex-basis:145px}.kc-main-brand-mark img{transform:scale(.71);top:-159px;left:-36px}.nav-inner{gap:9px}}

/* Display the correct K Computers logo file rather than cropping a tower-server banner. */
.kc-main-brand-mark{display:flex!important;align-items:center;justify-content:center;width:164px!important;min-width:164px!important;flex:0 0 164px!important;height:59px!important;position:relative!important;overflow:hidden;background:#fff!important;border:1px solid #e2e9f0;border-radius:9px}
.kc-main-brand-mark img{position:static!important;top:auto!important;left:auto!important;transform:none!important;width:100%!important;max-width:100%!important;height:100%!important;object-fit:contain;display:block;padding:4px 7px}
.kc-main-brand-mark .kc-logo-text-fallback{padding:7px;color:#185b8d;font-weight:900;font-size:1.11rem;letter-spacing:-.03em;white-space:nowrap}
.kc-main-brand-caption{font-size:.67rem!important;max-width:85px}
.kc-affiliation-logo{width:205px!important;height:76px!important;display:flex!important;justify-content:center;align-items:center;background:#fff!important}
.kc-affiliation-logo img{position:static!important;top:auto!important;left:auto!important;transform:none!important;width:100%!important;max-width:100%!important;height:100%!important;object-fit:contain;padding:3px}
.kc-affiliation-logo .kc-logo-text-fallback{color:#185b8d;font-size:1.24rem;font-weight:900;white-space:nowrap}
.kc-logo-text-fallback[hidden],.kc-main-brand-mark img[hidden],.kc-affiliation-logo img[hidden]{display:none!important}
.external-hpe-image-fallback{display:flex;align-items:center;justify-content:center;text-align:center;min-height:75px;width:100%;padding:12px;background:#edf5fa;color:#234b6b;font-size:.78rem;font-weight:770;line-height:1.45;border:1px solid #dae7f1;border-radius:10px}
figure .external-hpe-image-fallback{min-height:210px;padding:30px}
.sh-cat-img .external-hpe-image-fallback{padding:5px;min-height:100%;font-size:.66rem}
@media(max-width:1150px){.kc-main-brand-mark{width:150px!important;min-width:150px!important;flex-basis:150px!important;height:54px!important}}
@media(max-width:730px){.kc-main-brand-mark{width:132px!important;min-width:132px!important;flex-basis:132px!important;height:49px!important}.kc-main-brand-caption{display:none}}

/* Footer brand refinement: distinct tagline and clear spacing between K and Computers */
.kc-affiliation-caption{font-size:.75rem!important;letter-spacing:.11em!important;color:#145f88!important;margin-bottom:9px!important}
.kc-affiliation-info p{font-size:.89rem!important;line-height:1.7!important}
.kc-affiliation-info p a{white-space:nowrap;font-weight:820}
.kc-affiliation-visit{display:inline-flex;align-items:center;justify-content:center;gap:.35em;flex-wrap:nowrap;white-space:nowrap;font-size:.77rem!important}
.kc-brand-lockup{display:inline-flex;align-items:center;gap:.3em;white-space:nowrap;font-weight:850}

/* KC branding: wordmark is a logo, not a rounded white card. Applied to
   all header/footer instances generated by scripts/build_site.py. */
.nav .brand .kc-main-brand-mark,
.footer .brand .kc-main-brand-mark{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  width:190px!important;min-width:0!important;flex:0 0 190px!important;
  height:58px!important;padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;outline:0!important;overflow:visible!important;
}
.nav .brand .kc-main-brand-mark img,
.footer .brand .kc-main-brand-mark img{
  position:static!important;display:block!important;
  width:100%!important;height:100%!important;max-width:100%!important;
  object-fit:contain!important;object-position:left center!important;
  padding:0!important;margin:0!important;background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
}
.nav .brand:has(.kc-main-brand-mark),
.footer .brand:has(.kc-main-brand-mark){background:transparent!important;border:0!important;box-shadow:none!important}
.kc-affiliation-link,
.kc-affiliation-logo{
 background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;padding:0!important;
}
.kc-affiliation-logo{height:70px!important;width:205px!important;overflow:visible!important}
.kc-affiliation-logo img{padding:0!important;object-fit:contain!important}
.kc-main-brand-mark .kc-logo-text-fallback{color:#182c4a;white-space:nowrap}
.footer .brand .kc-logo-text-fallback{color:inherit}
@media(max-width:1140px){
 .nav .brand .kc-main-brand-mark,.footer .brand .kc-main-brand-mark{width:165px!important;flex-basis:165px!important;height:51px!important}
}
@media(max-width:730px){
 .nav .brand .kc-main-brand-mark,.footer .brand .kc-main-brand-mark{width:135px!important;flex-basis:135px!important;height:46px!important}
}