:root{
  --navy:#07131f;
  --navy2:#0d1b2a;
  --panel:#112434;
  --panel2:#162a3a;
  --green:#84c318;
  --green-soft:rgba(132,195,24,.15);
  --white:#f6f8f9;
  --muted:#8d9aa5;
  --line:rgba(255,255,255,.09);
  --ink:#10212e;
  --light:#eef2f3;
  --light2:#f8fafb;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--white)}
a{color:inherit}
img,svg{max-width:100%}
.container{width:min(1180px,calc(100% - 42px));margin:0 auto}
.section{padding:104px 0}
.dark-section{background:var(--navy)}
.light-section{background:var(--light);color:var(--ink)}
.section-label{margin:0 0 18px;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.18em}
.topbar{position:sticky;top:0;z-index:50;background:rgba(7,19,31,.91);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:17px;font-weight:950;letter-spacing:.18em}
.brand-glyph{display:inline-block;width:12px;height:12px;border:2px solid var(--green);transform:rotate(45deg)}
.desktop-nav{margin-left:auto;display:flex;gap:27px}
.desktop-nav a{text-decoration:none;color:#a6b1ba;font-size:13px}
.desktop-nav a:hover{color:#fff}
.lang-switch{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px}
.lang-switch button{border:0;background:transparent;color:#72818d;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;cursor:pointer}
.lang-switch button.active{background:var(--green);color:var(--navy)}
.hero{position:relative;overflow:hidden}
.hero-grid-bg{position:absolute;inset:0;background:
radial-gradient(circle at 72% 35%,rgba(132,195,24,.08),transparent 24%),
linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;opacity:.68}
.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);gap:46px;align-items:center;min-height:790px;padding-top:55px;padding-bottom:55px}
.hero-copy,.hero-network-wrap{min-width:0}
.eyebrow{display:flex;align-items:center;gap:10px;color:#b1bdc6;font-size:11px;font-weight:850;letter-spacing:.18em;margin-bottom:24px}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(132,195,24,.72)}
h1{font-size:clamp(46px,5.35vw,78px);line-height:.93;letter-spacing:-.064em;margin:0}
h1 span,h1 em{display:block}
h1 em{font-style:normal;color:var(--green)}
.hero-lead{max-width:650px;color:#a7b3bc;font-size:18px;line-height:1.68;margin:31px 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.055em;border:1px solid var(--line)}
.btn-primary{background:var(--green);border-color:var(--green);color:var(--navy)}
.btn-secondary{background:#122535;color:#fff}
.capability-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:31px}
.capability-row span,.data-pills span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#788a97;font-size:9px;font-weight:900;letter-spacing:.11em}

.hero-network-wrap{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,#0d1d2a,#091722);overflow:hidden;aspect-ratio:1.07/1;min-height:0}
.network-head,.network-foot{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;z-index:5;color:#667681;font-size:9px;font-weight:900;letter-spacing:.14em}
.network-head{top:17px}.network-foot{bottom:17px}
.active-state{color:var(--green)}.active-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}
.hero-network{display:block;width:100%;height:100%}
.grid-lines path{stroke:#91a0aa;stroke-width:.55;fill:none}
.link-lines path{stroke:#84c318;stroke-opacity:.28;stroke-width:1.4;fill:none;stroke-dasharray:8 10;animation:dash 9s linear infinite}
.node-box{fill:#102333;stroke:rgba(255,255,255,.13);stroke-width:1}
.node-box-green{stroke:#84c318;stroke-opacity:.48}
.node-kicker{fill:#687b88;font-size:10px;font-weight:800;letter-spacing:1.4px}
.node-kicker-green{fill:#84c318}
.node-title{fill:#dbe2e7;font-size:14px;font-weight:900;letter-spacing:.5px}
.core-title{fill:white;font-size:31px;font-weight:950;letter-spacing:3px}
.core-sub{fill:#84c318;font-size:10px;font-weight:900;letter-spacing:1.5px}
.pulse-dot{fill:#84c318}
@keyframes dash{to{stroke-dashoffset:-160}}

.manifesto{background:var(--green);color:var(--navy);padding:66px 0}
.manifesto-grid{display:grid;grid-template-columns:70px 1.34fr .66fr;gap:36px;align-items:start}
.manifesto-no{font-size:11px;font-weight:900;opacity:.47}
.manifesto h2,.section-head h2,.data-copy h2,.origin-layout h2,.labs-copy h2,.control-layout h2,.privacy-layout h2,.final-layout h2{font-size:clamp(36px,4.55vw,64px);line-height:.98;letter-spacing:-.055em;margin:0}
.dark-label{color:var(--navy);opacity:.55}
.manifesto-grid>p{margin:36px 0 0;font-size:15px;line-height:1.65;font-weight:650}

.section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end;margin-bottom:50px}
.section-head>p{margin:0;color:#687783;font-size:15px;line-height:1.7}
.section-head-dark>p{color:#8797a3}
.transform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.transform-card{min-width:0;min-height:225px;border:1px solid #d8e0e4;border-radius:12px;background:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between}
.transform-index{font-size:9px;color:#9aa5ad;font-weight:900;letter-spacing:.1em}
.transform-card b{font-size:13px;letter-spacing:.035em}
.transform-card strong{font-size:13px;color:#43535f;line-height:1.4}
.mini-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center}
.mini-flow span{height:1px;background:#cfd8dd}.mini-flow i{font-style:normal;font-size:9px;font-weight:900;color:#576873;border:1px solid #cdd7dc;border-radius:999px;padding:6px 8px}
.engineering-strip{display:grid;grid-template-columns:1fr 44px 140px 44px 1fr;gap:12px;align-items:center;margin-top:12px;background:#0e1e2a;color:#fff;border-radius:12px;padding:24px}
.engineering-strip>div{min-width:0}.engineering-strip small{display:block;font-size:8px;color:#6d7e89;letter-spacing:.14em;margin-bottom:8px}.engineering-strip b{font-size:12px;line-height:1.5}
.engineering-core{text-align:center;border:1px solid rgba(132,195,24,.4);border-radius:50%;width:130px;height:130px;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:auto}.engineering-core small{color:var(--green);margin-bottom:5px}
.engineering-arrow{text-align:center;color:var(--green);font-size:22px}

.data-section{background:#0c1b28}
.data-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}
.data-copy p:not(.section-label){color:#93a1ab;line-height:1.8;font-size:15px}
.data-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:28px}
.data-visual-wrap{border:1px solid rgba(255,255,255,.09);border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(132,195,24,.07),transparent 29%),#091721;padding:16px;position:relative}
.data-visual{display:block;width:100%;height:auto}
.data-links path{fill:none;stroke:#84c318;stroke-opacity:.22;stroke-width:1.4;stroke-dasharray:7 9}
.source-nodes rect,.output-nodes rect{fill:#112534;stroke:rgba(255,255,255,.12)}
.source-nodes text,.output-nodes text{fill:#c7d0d7;font-size:11px;font-weight:900}
.output-nodes g:first-child text{fill:#84c318}
.db-title{fill:#fff;font-size:25px;font-weight:950;letter-spacing:1.6px}.db-sub{fill:#84c318;font-size:9px;font-weight:900;letter-spacing:1.2px}
.visual-caption{text-align:center;color:#687a86;font-size:8px;letter-spacing:.14em;font-weight:900;padding:2px 0 4px}

.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.product-card{min-width:0;min-height:320px;padding:24px;background:#0d1d2a;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}
.product-featured{border-color:rgba(132,195,24,.45);background:linear-gradient(160deg,#102432,#0a1925)}
.product-index{font-size:9px;color:#657681;font-weight:900}
.product-symbol{width:48px;height:48px;margin:30px 0;position:relative;border:1px solid rgba(132,195,24,.4)}
.iso-symbol:before{content:"";position:absolute;width:30px;height:1px;background:var(--green);left:8px;top:23px;transform:rotate(-29deg)}.iso-symbol:after{content:"";position:absolute;width:1px;height:27px;background:var(--green);left:22px;top:10px}
.mesh-symbol{border-radius:50%;box-shadow:inset 0 0 0 10px #0d1d2a}.mesh-symbol:before,.mesh-symbol:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green)}.mesh-symbol:before{left:5px;top:8px}.mesh-symbol:after{right:5px;bottom:8px}
.vox-symbol:before{content:"";position:absolute;left:7px;right:7px;top:23px;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 -9px 0 -1px rgba(132,195,24,.5),0 9px 0 -1px rgba(132,195,24,.5)}
.talk-symbol:before{content:"";position:absolute;inset:9px;border:1px solid var(--green);border-radius:50%}
.geo-symbol:before{content:"";position:absolute;inset:9px;border:1px solid var(--green);transform:rotate(30deg) skew(-7deg)}
.product-card h3{font-size:25px;margin:0 0 12px}.product-card p{margin:0;color:#8d9ba6;font-size:13px;line-height:1.72}.product-card small{margin-top:auto;padding-top:24px;color:var(--green);font-size:8px;font-weight:900;letter-spacing:.14em}
.future-plus{font-size:56px;font-weight:200;color:#566774;margin:15px 0}.product-future{background:#101f2d}

.applications-section{background:#edf1f2;color:var(--ink)}
.applications-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d5dde1;border-left:1px solid #d5dde1}
.applications-grid div{min-height:125px;border-right:1px solid #d5dde1;border-bottom:1px solid #d5dde1;padding:18px;display:flex;flex-direction:column;justify-content:space-between}
.applications-grid span{font-size:9px;color:#9aa5ad;font-weight:900}.applications-grid b{font-size:12px;letter-spacing:.035em}

.origin-section{background:#f8fafb;color:var(--ink)}
.origin-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.origin-timeline{border-left:1px solid #d3dce0;padding-left:30px}
.timeline-item{display:grid;grid-template-columns:55px 1fr;gap:18px;position:relative;margin-bottom:34px}
.timeline-item:before{content:"";position:absolute;left:-35px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(132,195,24,.14)}
.timeline-item>span{font-size:9px;color:#8f9ca5;font-weight:900}.timeline-item b{font-size:15px}.timeline-item p{margin:7px 0 0;color:#687783;line-height:1.65;font-size:13px}
.origin-claim{margin-top:52px;border-top:1px solid #d7dee2;padding-top:30px;display:flex;justify-content:space-between;gap:30px;font-size:13px;font-weight:900;letter-spacing:.07em}.origin-claim span{color:#7d8992}.origin-claim strong{color:#526b29}

.labs-section{background:#091621}
.labs-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.labs-copy p:not(.section-label){color:#8d9ba6;line-height:1.8;max-width:500px}
.labs-list{border-top:1px solid var(--line)}
.labs-list div{display:grid;grid-template-columns:70px 1fr;border-bottom:1px solid var(--line);padding:18px 0}
.labs-list span{font-size:9px;color:#586a77;font-weight:900}.labs-list b{font-size:13px;letter-spacing:.06em}

.control-section{background:#0d1f2d}
.control-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.control-layout h2 em{font-style:normal;color:var(--green)}
.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.control-grid div{min-height:100px;background:#132736;border:1px solid var(--line);border-radius:10px;padding:19px;display:flex;justify-content:space-between;flex-direction:column}
.control-grid span{font-size:9px;color:#5f7180}.control-grid b{font-size:13px}.control-grid .approved{border-color:rgba(132,195,24,.47)}.control-grid .approved b{color:var(--green)}

.privacy-section{background:#e8edef;color:var(--ink)}
.privacy-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.privacy-layout>div>p:not(.section-label){color:#64737e;line-height:1.72}
.privacy-flow{display:flex;align-items:center;gap:8px}
.privacy-box{flex:1;min-height:120px;background:#fff;border:1px solid #d3dce1;border-radius:10px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}
.privacy-box small{font-size:9px;color:#96a1a9}.privacy-box b{font-size:11px}.privacy-box.optional{border-style:dashed}.privacy-flow>span{color:#91a0aa}

.final-section{padding:112px 0}
.final-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end}
.final-copy p{color:#8d9ba6;line-height:1.8;margin:0 0 28px}
.footer{background:#061019;border-top:1px solid var(--line)}
.footer-layout{min-height:108px;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:22px}.footer p{margin:0;color:#596b78;font-size:9px;letter-spacing:.1em;text-align:center}.footer p:last-child{text-align:right}

@media(max-width:1020px){
  .hero-layout,.data-layout,.origin-layout,.labs-layout,.control-layout,.privacy-layout,.final-layout{grid-template-columns:1fr}
  .hero-layout{min-height:auto;padding-top:82px;padding-bottom:82px}
  .hero-network-wrap{width:min(760px,100%);margin:0 auto}
  .section-head,.manifesto-grid{grid-template-columns:1fr}
  .manifesto-no{display:none}
  .transform-grid{grid-template-columns:1fr 1fr}
  .product-grid{grid-template-columns:1fr 1fr}
  .applications-grid{grid-template-columns:1fr 1fr}
  .origin-layout,.labs-layout{gap:44px}
  .data-copy{max-width:760px}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,1180px)}
  .desktop-nav{display:none}
  .section{padding:76px 0}
  h1{font-size:clamp(41px,13vw,62px)}
  .hero-layout{gap:40px}
  .hero-network-wrap{aspect-ratio:1/1.08}
  .network-head,.network-foot{font-size:7px;left:10px;right:10px}
  .transform-grid,.product-grid,.applications-grid{grid-template-columns:1fr}
  .engineering-strip{grid-template-columns:1fr;gap:14px;text-align:center}
  .engineering-arrow{transform:rotate(90deg)}
  .engineering-core{width:115px;height:115px}
  .origin-claim{flex-direction:column}
  .control-grid{grid-template-columns:1fr}
  .privacy-flow{flex-direction:column;align-items:stretch}.privacy-flow>span{transform:rotate(90deg);align-self:center}
  .footer-layout{grid-template-columns:1fr;text-align:center;padding:30px 0}.footer p:last-child{text-align:center}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .pulse-dots{display:none}
  .link-lines path{animation:none}
}


.hero-logo-lockup{
  width:min(470px,92%);
  margin:0 0 26px;
}
.hero-logo-lockup img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.hero-title{
  max-width:100%;
  font-size:clamp(42px,4.55vw,68px);
  line-height:.95;
  overflow:visible;
}
.hero-title .hero-line{
  display:block;
  width:100%;
  max-width:100%;
  white-space:nowrap;
}
@media(max-width:1180px){
  .hero-title{font-size:clamp(39px,4.25vw,61px)}
}
@media(max-width:1020px){
  .hero-logo-lockup{width:min(520px,86%)}
  .hero-title{font-size:clamp(44px,8vw,68px)}
}
@media(max-width:640px){
  .hero-logo-lockup{width:100%;margin-bottom:20px}
  .hero-title{font-size:clamp(36px,11vw,54px)}
  .hero-title .hero-line{white-space:normal}
}

.hero-copy{position:relative;z-index:3;overflow:visible}
.hero-network-wrap{position:relative;z-index:2}
@media(max-width:1160px){
  .hero-layout{grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:36px}
}
@media(max-width:1020px){
  .hero-layout{grid-template-columns:1fr}
}

/* V05 identity system */
.brand-image{display:flex;align-items:center;min-width:0}
.brand-image img{display:block;width:188px;height:auto;max-height:47px;object-fit:contain;object-position:left center}
.hero-logo-lockup{width:min(590px,96%);margin:0 0 24px}
.hero-logo-lockup img{width:100%;height:auto;display:block}
.core-title{font-size:25px}
@media(max-width:1180px){
  .brand-image img{width:172px}
  .hero-logo-lockup{width:min(540px,96%)}
}
@media(max-width:760px){
  .brand-image img{width:150px}
  .hero-logo-lockup{width:100%;margin-bottom:20px}
}

/* ===== V06 visual layer ===== */
.hero-logo-lockup{
  width:min(610px,98%);
}
.hero-network-wrap{
  box-shadow:none;
}
.link-lines path{
  stroke-opacity:.22;
}
.pulse-dot{
  filter:none;
}
.active-state{
  text-shadow:none;
}
.visual-section{
  background:#0a1824;
}
.industrial-figure{
  position:relative;
  margin:0;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  overflow:hidden;
  min-height:330px;
  background:#07131f;
}
.industrial-figure img{
  width:100%;
  height:100%;
  min-height:330px;
  display:block;
  object-fit:cover;
}
.industrial-figure:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,19,31,.58),rgba(7,19,31,.05) 48%,rgba(7,19,31,.18));
  pointer-events:none;
}
.industrial-figure figcaption{
  position:absolute;
  z-index:2;
  left:28px;
  bottom:26px;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.industrial-figure figcaption span{
  color:#84c318;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}
.industrial-figure figcaption strong{
  max-width:620px;
  font-size:clamp(20px,2.2vw,32px);
  line-height:1.05;
  letter-spacing:-.03em;
}
.visual-pair-section{
  background:#e9eef0;
  color:#10212e;
}
.visual-pair{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.visual-card{
  position:relative;
  min-height:560px;
  overflow:hidden;
  border:1px solid #d5dde2;
  border-radius:15px;
  background:#0b1925;
  color:#fff;
}
.visual-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.77;
}
.visual-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(6,17,27,.84),rgba(6,17,27,.18) 52%,rgba(6,17,27,.5));
  pointer-events:none;
}
.visual-copy{
  position:relative;
  z-index:2;
  padding:30px;
  max-width:470px;
}
.visual-copy h3{
  margin:0 0 16px;
  font-size:clamp(28px,3vw,43px);
  line-height:1;
  letter-spacing:-.045em;
}
.visual-copy p:not(.section-label){
  color:#aebac2;
  font-size:14px;
  line-height:1.75;
}
.human-card .visual-copy{
  margin-left:auto;
}
@media(max-width:900px){
  .visual-pair{grid-template-columns:1fr}
  .visual-card{min-height:500px}
}
@media(max-width:640px){
  .industrial-figure,.industrial-figure img{min-height:280px}
  .industrial-figure figcaption{left:18px;right:18px;bottom:18px}
  .visual-card{min-height:440px}
  .visual-copy{padding:22px}
}

/* ===== V07 neural core ===== */
.neural-core .neural-links path{
  fill:none;
  stroke:#2ba7d7;
  stroke-width:1.3;
  stroke-opacity:.42;
}
.neural-core .neural-links path:nth-child(2n){
  stroke:#84c318;
  stroke-opacity:.38;
}
.neural-core .neural-nodes circle{
  fill:#d5f8ff;
  stroke:#2ba7d7;
  stroke-width:1.2;
  filter:drop-shadow(0 0 3px rgba(43,167,215,.65));
  animation:neuralPulse 2.8s ease-in-out infinite;
}
.neural-core .neural-nodes circle:nth-child(3n){
  fill:#bdf06d;
  stroke:#84c318;
  filter:drop-shadow(0 0 4px rgba(132,195,24,.75));
  animation-delay:.45s;
}
.neural-core .neural-nodes circle:nth-child(4n){
  animation-delay:.9s;
}
.inner-packet{
  filter:drop-shadow(0 0 5px rgba(132,195,24,.85));
}
.inner-packet.green{fill:#84c318}
.inner-packet.cyan{
  fill:#47c5e8;
  filter:drop-shadow(0 0 5px rgba(71,197,232,.85));
}
.core-label{
  fill:#84c318;
  font-size:9.5px;
  font-weight:900;
  letter-spacing:1.35px;
}
@keyframes neuralPulse{
  0%,100%{opacity:.55}
  50%{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .neural-core .neural-nodes circle{animation:none}
  .neural-packets{display:none}
}

/* ===== V08 organic neural brain core ===== */
.brain-outline path{
  fill:none;
  stroke:#52c8e7;
  stroke-width:1.5;
  stroke-opacity:.46;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.brain-branches path{
  fill:none;
  stroke:#3cb8dc;
  stroke-width:1.1;
  stroke-opacity:.36;
  stroke-linecap:round;
}
.brain-branches path:nth-child(3n){
  stroke:#84c318;
  stroke-opacity:.38;
}
.brain-nodes circle{
  fill:#d7fbff;
  stroke:#43bfe0;
  stroke-width:1.0;
  filter:drop-shadow(0 0 3px rgba(67,191,224,.58));
  animation:brainNodePulse 3.2s ease-in-out infinite;
}
.brain-nodes circle:nth-child(4n){
  fill:#c6ef7d;
  stroke:#84c318;
  filter:drop-shadow(0 0 4px rgba(132,195,24,.65));
  animation-delay:.55s;
}
.brain-nodes circle:nth-child(5n){animation-delay:1.05s}
.brain-signal.cyan{fill:#54d7f5;filter:drop-shadow(0 0 5px rgba(84,215,245,.72))}
.brain-signal.green{fill:#84c318;filter:drop-shadow(0 0 5px rgba(132,195,24,.75))}
.core-tag-bg{fill:#0a1925;stroke:#84c318;stroke-opacity:.24}
.core-label{
  fill:#bee66c;
  font-size:7px;
  font-weight:900;
  letter-spacing:.62px;
}
@keyframes brainNodePulse{
  0%,100%{opacity:.50}
  50%{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .brain-nodes circle{animation:none}
  .brain-signals{display:none}
}

/* First real image now appears immediately after manifesto */
.visual-section{padding-top:86px}

/* ===== V09 image-backed Technology Core ===== */
.hero-network-image{
  position:relative;
  aspect-ratio:1.5/1;
  border-radius:18px;
  overflow:hidden;
  background:#07131f;
  border:1px solid rgba(255,255,255,.08);
}
.technology-core-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#07131f;
}
.core-motion-overlay{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.overlay-pulse{
  fill:#84c318;
  opacity:.95;
}
@media(max-width:1160px){
  .hero-layout{
    grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);
    gap:34px;
  }
}
@media(max-width:1020px){
  .hero-layout{grid-template-columns:1fr}
  .hero-network-image{width:min(820px,100%);margin:0 auto}
}
@media(prefers-reduced-motion:reduce){
  .core-motion-overlay{display:none}
}

/* ===== V10 explicit HERO industrial background ===== */
.hero{position:relative;isolation:isolate}
.hero-industrial-bg{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center bottom;
  opacity:.48;
  pointer-events:none;
}
.hero-industrial-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(7,19,31,.94) 0%,rgba(7,19,31,.83) 39%,rgba(7,19,31,.66) 63%,rgba(7,19,31,.72) 100%),
    linear-gradient(180deg,rgba(7,19,31,.46),rgba(7,19,31,.18) 58%,rgba(7,19,31,.50));
  pointer-events:none;
}
.hero-grid-bg{z-index:2;opacity:.34}
.hero-layout{z-index:3}
.hero:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:120px;
  z-index:2;
  background:linear-gradient(180deg,transparent,#07131f 92%);
  pointer-events:none;
}
.hero-network-image{
  background:rgba(7,19,31,.84);
  box-shadow:0 18px 60px rgba(0,0,0,.18);
}
.technology-core-image{background:transparent}
@media(max-width:1020px){
  .hero-industrial-bg{opacity:.34}
  .hero-industrial-shade{
    background:linear-gradient(180deg,rgba(7,19,31,.91),rgba(7,19,31,.68));
  }
}

/* ===== V11: visible industrial background + multidirectional data flow ===== */
.hero-industrial-bg{
  opacity:.82;
  filter:saturate(.96) contrast(1.04);
}
.hero-industrial-shade{
  background:
    linear-gradient(90deg,
      rgba(7,19,31,.76) 0%,
      rgba(7,19,31,.62) 34%,
      rgba(7,19,31,.38) 61%,
      rgba(7,19,31,.43) 100%),
    linear-gradient(180deg,
      rgba(7,19,31,.22) 0%,
      rgba(7,19,31,.05) 58%,
      rgba(7,19,31,.24) 100%);
}
.hero-grid-bg{opacity:.18}
.hero:after{
  height:92px;
  background:linear-gradient(180deg,transparent,rgba(7,19,31,.78) 95%);
}
.hero-network-image{
  background:rgba(7,19,31,.68);
  backdrop-filter:blur(1.5px);
}
.overlay-pulse.green{fill:#84c318;opacity:1}
.overlay-pulse.cyan{fill:#4fd2ee;opacity:.97}
@media(max-width:1020px){
  .hero-industrial-bg{opacity:.67}
  .hero-industrial-shade{
    background:linear-gradient(180deg,rgba(7,19,31,.71),rgba(7,19,31,.34) 58%,rgba(7,19,31,.58));
  }
}
@media(prefers-reduced-motion:reduce){
  .core-motion-overlay{display:none}
}

/* ===== V12: accepted Antwerp-like refinery/harbour panorama ===== */
.hero-industrial-bg{
  opacity:1;
  filter:none;
  object-position:center center;
}
.hero-industrial-shade{
  background:
    linear-gradient(90deg,
      rgba(7,19,31,.70) 0%,
      rgba(7,19,31,.54) 31%,
      rgba(7,19,31,.26) 56%,
      rgba(7,19,31,.18) 75%,
      rgba(7,19,31,.24) 100%),
    linear-gradient(180deg,
      rgba(7,19,31,.12) 0%,
      rgba(7,19,31,.02) 62%,
      rgba(7,19,31,.14) 100%);
}
.hero-grid-bg{
  opacity:.14;
}
.hero:after{
  height:76px;
  background:linear-gradient(180deg,transparent,rgba(7,19,31,.68) 96%);
}
.hero-network-image{
  background:rgba(7,19,31,.67);
  backdrop-filter:blur(1px);
  border-color:rgba(116,160,184,.22);
}
@media(max-width:1020px){
  .hero-industrial-bg{
    opacity:.92;
    object-position:center bottom;
  }
  .hero-industrial-shade{
    background:
      linear-gradient(180deg,
        rgba(7,19,31,.64) 0%,
        rgba(7,19,31,.28) 56%,
        rgba(7,19,31,.52) 100%);
  }
}

/* ===== V13: clean dedicated section visuals ===== */
.industrial-figure img{
  object-position:center center;
}
.visual-card img{
  opacity:.92;
  object-position:center center;
}
.visual-card:after{
  background:
    linear-gradient(90deg,rgba(6,17,27,.82) 0%,rgba(6,17,27,.48) 38%,rgba(6,17,27,.12) 72%,rgba(6,17,27,.20) 100%),
    linear-gradient(180deg,rgba(6,17,27,.26),rgba(6,17,27,.08) 55%,rgba(6,17,27,.32));
}
.human-card:after{
  background:
    linear-gradient(90deg,rgba(6,17,27,.86) 0%,rgba(6,17,27,.52) 40%,rgba(6,17,27,.10) 73%),
    linear-gradient(180deg,rgba(6,17,27,.18),rgba(6,17,27,.08) 60%,rgba(6,17,27,.28));
}

/* ===== V14: final clean visuals for the three lower sections ===== */

/* HERO from V12/V13 intentionally unchanged. */

.industrial-figure{
  min-height:360px;
  background:#07131f;
}
.industrial-figure img{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  object-position:center center;
  opacity:1;
}
.industrial-figure:after{
  background:
    linear-gradient(90deg,
      rgba(7,19,31,.35) 0%,
      rgba(7,19,31,.14) 32%,
      rgba(7,19,31,.02) 66%,
      rgba(7,19,31,.08) 100%),
    linear-gradient(180deg,
      rgba(7,19,31,.02) 0%,
      rgba(7,19,31,.02) 62%,
      rgba(7,19,31,.60) 100%);
}

.visual-card{
  background:#07131f;
  min-height:560px;
}
.visual-card img{
  opacity:1;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* 3D/IFC: image is concentrated on the right so HTML copy stays clear. */
.visual-card:first-child img{
  object-position:74% center;
}

/* Human Control: engineer and monitors sit on the right. */
.human-card img{
  object-position:78% center;
}

.visual-card:after{
  background:
    linear-gradient(90deg,
      rgba(6,17,27,.92) 0%,
      rgba(6,17,27,.82) 32%,
      rgba(6,17,27,.42) 53%,
      rgba(6,17,27,.06) 76%,
      rgba(6,17,27,.08) 100%),
    linear-gradient(180deg,
      rgba(6,17,27,.08) 0%,
      rgba(6,17,27,.01) 55%,
      rgba(6,17,27,.18) 100%);
}
.human-card:after{
  background:
    linear-gradient(90deg,
      rgba(6,17,27,.94) 0%,
      rgba(6,17,27,.84) 34%,
      rgba(6,17,27,.38) 57%,
      rgba(6,17,27,.04) 79%,
      rgba(6,17,27,.05) 100%),
    linear-gradient(180deg,
      rgba(6,17,27,.06) 0%,
      rgba(6,17,27,.01) 55%,
      rgba(6,17,27,.16) 100%);
}

@media(max-width:900px){
  .industrial-figure,
  .industrial-figure img{
    min-height:320px;
  }
  .visual-card:first-child img,
  .human-card img{
    object-position:center center;
  }
}

/* ===== V15: readability + consistent left alignment ===== */

/* HERO intentionally unchanged. Industrial Reality intentionally unchanged. */

.visual-pair{
  align-items:stretch;
}

.visual-card{
  position:relative;
  min-height:560px;
  overflow:hidden;
}

/* Both cards use exactly the same text geometry. */
.visual-card .visual-copy,
.human-card .visual-copy{
  position:relative;
  z-index:4;
  width:46%;
  max-width:380px;
  margin:0;
  padding:30px 0 30px 30px;
  text-align:left;
}

.visual-card .visual-copy h3,
.human-card .visual-copy h3{
  max-width:360px;
  margin-bottom:18px;
}

.visual-card .visual-copy p:not(.section-label),
.human-card .visual-copy p:not(.section-label){
  max-width:340px;
  color:#c3ced5;
  font-size:14px;
  line-height:1.7;
  margin:0;
  text-shadow:0 1px 2px rgba(0,0,0,.75);
}

/* New V15 assets already have a dark left zone.
   Keep overlays restrained so images remain visible. */
.visual-card:after,
.human-card:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(6,18,29,.72) 0%,
      rgba(6,18,29,.46) 38%,
      rgba(6,18,29,.08) 62%,
      rgba(6,18,29,.02) 100%);
}

.visual-card img,
.human-card img{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:1;
}

/* Prevent old V14 positioning overrides from visually shifting the new assets. */
.visual-card:first-child img,
.human-card img{
  object-position:center center;
}

@media(max-width:900px){
  .visual-card .visual-copy,
  .human-card .visual-copy{
    width:auto;
    max-width:520px;
    padding:24px;
  }
  .visual-card .visual-copy p:not(.section-label),
  .human-card .visual-copy p:not(.section-label){
    max-width:460px;
  }
  .visual-card:after,
  .human-card:after{
    background:
      linear-gradient(180deg,
        rgba(6,18,29,.88) 0%,
        rgba(6,18,29,.60) 48%,
        rgba(6,18,29,.16) 78%,
        rgba(6,18,29,.10) 100%);
  }
}

/* ===== V16: natural card visuals + corrected text geometry ===== */

/* HERO and Industrial Reality intentionally unchanged. */

.visual-card,
.human-card{
  min-height:560px;
  overflow:hidden;
  background:#06121d;
}

/* Identical left alignment on both cards. */
.visual-card .visual-copy,
.human-card .visual-copy{
  position:relative;
  z-index:4;
  width:44%;
  max-width:330px;
  margin:0 !important;
  padding:30px 0 30px 30px !important;
  text-align:left !important;
}

.visual-card .section-label,
.human-card .section-label{
  text-align:left !important;
}

/* Headings fit entirely inside the dark zone. */
.visual-card .visual-copy h3{
  max-width:320px;
  font-size:clamp(30px,2.45vw,38px);
  line-height:1.02;
  margin:0 0 18px;
}
.human-card .visual-copy h3{
  max-width:315px;
  font-size:clamp(29px,2.25vw,35px);
  line-height:1.02;
  margin:0 0 18px;
}

/* Body copy remains fully inside dark zone. */
.visual-card .visual-copy p:not(.section-label),
.human-card .visual-copy p:not(.section-label){
  max-width:300px;
  margin:0;
  color:#c9d3da;
  font-size:13.5px;
  line-height:1.72;
  text-shadow:0 1px 2px rgba(0,0,0,.8);
}

/* Assets already contain the left-side dark transition.
   Keep CSS overlay very light. */
.visual-card:after,
.human-card:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(6,18,29,.24) 0%,
      rgba(6,18,29,.12) 40%,
      rgba(6,18,29,.02) 64%,
      transparent 100%);
}

/* Natural images. No offsets or artificial clipping. */
.visual-card img,
.human-card img,
.visual-card:first-child img{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center !important;
  opacity:1;
}

@media(max-width:900px){
  .visual-card .visual-copy,
  .human-card .visual-copy{
    width:auto;
    max-width:520px;
    padding:24px !important;
  }
  .visual-card .visual-copy h3,
  .human-card .visual-copy h3{
    max-width:460px;
    font-size:clamp(28px,7vw,40px);
  }
  .visual-card .visual-copy p:not(.section-label),
  .human-card .visual-copy p:not(.section-label){
    max-width:440px;
  }
  .visual-card:after,
  .human-card:after{
    background:
      linear-gradient(180deg,
        rgba(6,18,29,.88) 0%,
        rgba(6,18,29,.62) 50%,
        rgba(6,18,29,.18) 80%,
        rgba(6,18,29,.08) 100%);
  }
}

/* ===== V16A clean card visuals ===== */
.visual-card .visual-copy,
.human-card .visual-copy{
  width:43%;
  max-width:325px;
}
.visual-card .visual-copy p:not(.section-label),
.human-card .visual-copy p:not(.section-label){
  max-width:300px;
  color:#d4dde2;
}
.visual-card:after,
.human-card:after{
  background:none;
}
.visual-card img,
.human-card img{
  object-position:center center !important;
}

/* ===== V16B: natural image-to-navy transition ===== */
.visual-card:after,
.human-card:after{
  background:none !important;
}
.visual-card img,
.human-card img{
  opacity:1 !important;
  filter:none !important;
}
.visual-card,
.human-card{
  background:#06121d;
}

/* ===== V16C: clean monitor content, no ghost letters / numbers ===== */
.visual-card:after,
.human-card:after{
  background:none !important;
}
.visual-card img,
.human-card img{
  opacity:1 !important;
  filter:none !important;
}
.visual-card,
.human-card{
  background:#06121d;
}
.visual-card .visual-copy,
.human-card .visual-copy{
  width:42%;
  max-width:325px;
}

/* ===== V16D — accepted natural renders ===== */
.visual-card:after,
.human-card:after{
  background:none !important;
}

.visual-card img,
.human-card img{
  opacity:1 !important;
  filter:none !important;
  object-position:center center !important;
}

.visual-card,
.human-card{
  background:#06121d;
}

.visual-card .visual-copy,
.human-card .visual-copy{
  width:42%;
  max-width:325px;
  padding-left:30px !important;
}

.visual-card .visual-copy h3,
.human-card .visual-copy h3{
  max-width:315px;
}

.visual-card .visual-copy p:not(.section-label),
.human-card .visual-copy p:not(.section-label){
  max-width:300px;
  color:#d3dbe0;
}

/* ==========================================================
   V17 — AI + DATA + ENGINEERING / ECOSYSTEM
   ========================================================== */

.v17-flow-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 24%,rgba(34,122,155,.11),transparent 34%),
    linear-gradient(180deg,#081722 0%,#07131f 100%);
  color:#fff;
}
.v17-flow-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(82,145,170,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(82,145,170,.055) 1px,transparent 1px);
  background-size:58px 58px;
}
.v17-flow-section .container{position:relative;z-index:1}

.v17-flow-board{
  position:relative;
  min-height:610px;
  margin-top:36px;
  border:1px solid rgba(116,159,181,.20);
  border-radius:18px;
  overflow:hidden;
  background:rgba(9,27,40,.82);
  box-shadow:0 26px 70px rgba(0,0,0,.18);
}
.v17-board-head{
  height:54px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(116,159,181,.13);
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  color:#7090a4;
}
.v17-board-head i{
  display:flex;align-items:center;gap:8px;
  color:#84c318;font-style:normal;
}
.v17-board-head i b{
  width:7px;height:7px;border-radius:50%;
  background:#84c318;
  box-shadow:0 0 10px rgba(132,195,24,.65);
}

.v17-flow-svg{
  position:absolute;
  left:0;right:0;
  top:54px;
  width:100%;
  height:510px;
  z-index:1;
  pointer-events:none;
}
.v17-flow-lines path{
  fill:none;
  stroke:#315a6d;
  stroke-width:1.5;
  stroke-opacity:.58;
  stroke-dasharray:7 9;
}
.v17-flow-lines path:nth-child(2){stroke:#84c318;stroke-opacity:.22}
.v17-flow-lines path:nth-child(3){stroke:#35a9cf;stroke-opacity:.22}
.v17-pulse.pulse-green{fill:#84c318}
.v17-pulse.pulse-cyan{fill:#4fd2ee}

.v17-flow-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:190px 190px;
  gap:38px 20px;
  padding:58px 36px 20px;
}
.v17-flow-node{
  align-self:center;
  min-height:118px;
  padding:18px 18px 16px;
  border:1px solid rgba(100,157,183,.18);
  border-radius:13px;
  background:rgba(12,32,46,.92);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}
.v17-flow-node small{
  display:block;margin-bottom:13px;
  color:#617f91;font-size:8px;font-weight:900;letter-spacing:.16em;
}
.v17-flow-node b{
  display:block;margin-bottom:9px;
  color:#f4f7f8;font-size:18px;letter-spacing:.01em;
}
.v17-flow-node span{
  display:block;color:#728b9b;font-size:8px;font-weight:800;letter-spacing:.10em;
}
.v17-flow-node.core-node,
.v17-flow-node.engineering-node{
  border-color:rgba(132,195,24,.38);
  background:linear-gradient(180deg,rgba(18,45,57,.97),rgba(11,31,44,.97));
}
.v17-flow-node.core-node b,
.v17-flow-node.engineering-node b{color:#c8ee7e}

.v17-flow-footer{
  position:absolute;
  left:22px;right:22px;bottom:15px;
  display:flex;justify-content:space-between;align-items:center;
  padding-top:14px;
  border-top:1px solid rgba(116,159,181,.13);
  color:#688698;font-size:8px;font-weight:900;letter-spacing:.15em;
  z-index:3;
}
.v17-flow-footer strong{color:#84c318;font-size:9px}

.v17-ecosystem-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at center,rgba(35,115,145,.12),transparent 37%),
    #07131f;
  color:#fff;
}
.v17-ecosystem-section:before{
  content:"";
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(70,130,155,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(70,130,155,.045) 1px,transparent 1px);
  background-size:70px 70px;
  pointer-events:none;
}
.v17-ecosystem-section .container{position:relative;z-index:1}

.v17-ecosystem-map{
  position:relative;
  min-height:760px;
  margin-top:36px;
  display:grid;
  grid-template-columns:1fr 230px 1fr;
  grid-template-rows:1fr 210px 1fr;
  gap:22px 70px;
  align-items:center;
}
.v17-ecosystem-links{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
}
.eco-link-lines path{
  fill:none;
  stroke:#2d6176;
  stroke-width:1.4;
  stroke-opacity:.42;
  stroke-dasharray:6 8;
}
.eco-pulse .green,.eco-pulse.green{fill:#84c318}
.eco-pulse .cyan,.eco-pulse.cyan{fill:#4fd2ee}

.eco-card{
  position:relative;
  z-index:2;
  min-height:156px;
  padding:23px 24px 21px;
  border:1px solid rgba(106,159,181,.19);
  border-radius:14px;
  background:rgba(11,30,43,.92);
  box-shadow:0 16px 42px rgba(0,0,0,.13);
}
.eco-card:hover{
  border-color:rgba(132,195,24,.44);
  transform:translateY(-2px);
}
.eco-card,.eco-card *{transition:.22s ease}
.eco-card:hover h3{color:#bde764}
.eco-number{
  position:absolute;right:18px;top:16px;
  color:#486a7e;font-size:11px;font-weight:900;letter-spacing:.08em;
}
.eco-card small{
  display:block;margin-bottom:9px;
  color:#84c318;font-size:8px;font-weight:900;letter-spacing:.14em;
}
.eco-card h3{
  margin:0 0 10px;
  font-size:25px;letter-spacing:-.025em;
}
.eco-card p{
  max-width:390px;margin:0;
  color:#93a7b3;font-size:12px;line-height:1.65;
}
.eco-iso{grid-column:1;grid-row:1}
.eco-mesh{grid-column:3;grid-row:1}
.eco-vox{grid-column:1;grid-row:2}
.eco-talk{grid-column:3;grid-row:2}
.eco-geo{grid-column:1;grid-row:3}
.eco-future{grid-column:3;grid-row:3}

.eco-core{
  grid-column:2;grid-row:2;
  position:relative;
  z-index:3;
  width:220px;height:220px;
  margin:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(132,195,24,.58);
  border-radius:50%;
  background:
    radial-gradient(circle at center,rgba(25,70,87,.94),rgba(8,27,40,.98) 68%);
  box-shadow:
    0 0 0 12px rgba(132,195,24,.025),
    0 0 42px rgba(71,180,213,.10);
}
.eco-core img{
  width:69px;height:69px;object-fit:contain;
  margin-bottom:8px;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));
}
.eco-core b{font-size:16px;letter-spacing:.10em}
.eco-core span{
  margin-top:5px;color:#84c318;
  font-size:7px;font-weight:900;letter-spacing:.14em;
}
.eco-core i{
  position:absolute;top:17px;right:28px;
  color:#84c318;font-size:7px;font-weight:900;letter-spacing:.12em;font-style:normal;
}
.eco-core i:before{
  content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  background:#84c318;margin-right:5px;
  box-shadow:0 0 9px rgba(132,195,24,.6);
}
.eco-core-ring{
  position:absolute;border-radius:50%;pointer-events:none;
}
.eco-core-ring.ring-a{
  inset:-13px;border:1px solid rgba(73,179,212,.14);
}
.eco-core-ring.ring-b{
  inset:-28px;border:1px dashed rgba(132,195,24,.10);
  animation:v17CoreSpin 24s linear infinite;
}
@keyframes v17CoreSpin{to{transform:rotate(360deg)}}

.v17-ecosystem-caption{
  margin-top:18px;
  padding-top:24px;
  display:flex;
  justify-content:space-between;
  gap:30px;
  border-top:1px solid rgba(110,159,180,.13);
  color:#708b9a;
  font-size:10px;font-weight:900;letter-spacing:.13em;
}
.v17-ecosystem-caption strong{color:#cfe1e8}

.v17-footer{background:#06121d}
.v17-footer-layout{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px 34px;
  align-items:center;
}
.v17-footer-nav{
  display:flex;justify-content:center;gap:25px;flex-wrap:wrap;
}
.v17-footer-nav a{
  color:#8195a2;font-size:10px;text-decoration:none;
}
.v17-footer-nav a:hover{color:#84c318}
.v17-footer-tech{
  grid-column:1 / -1;
  text-align:center;
  color:#546d7c !important;
  font-size:8px !important;
  letter-spacing:.12em;
}

@media(max-width:980px){
  .v17-flow-board{min-height:auto}
  .v17-flow-svg{display:none}
  .v17-flow-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    padding:28px 24px 80px;
  }
  .v17-flow-footer{bottom:16px}
  .v17-ecosystem-map{
    min-height:auto;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    gap:14px;
  }
  .v17-ecosystem-links{display:none}
  .eco-core{
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    width:190px;height:190px;
    margin:14px auto 28px;
  }
  .eco-iso,.eco-mesh,.eco-vox,.eco-talk,.eco-geo,.eco-future{
    grid-column:auto;grid-row:auto;
  }
}
@media(max-width:640px){
  .v17-flow-grid{grid-template-columns:1fr;padding:22px 18px 88px}
  .v17-flow-footer{flex-direction:column;gap:7px;align-items:flex-start}
  .v17-ecosystem-map{grid-template-columns:1fr}
  .eco-card{min-height:0}
  .v17-ecosystem-caption{flex-direction:column;gap:8px}
  .v17-footer-layout{grid-template-columns:1fr;text-align:center}
  .v17-footer-nav{justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .v17-pulse,.eco-pulse,.eco-core-ring.ring-b{display:none}
}


/* ==========================================================
   V18 — INSYLABS ACCORDION
   ========================================================== */
.v18-labs-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 34%,rgba(54,164,199,.08),transparent 34%),
    #07131f;
  color:#fff;
}
.v18-labs-section:before{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(64,125,151,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(64,125,151,.035) 1px,transparent 1px);
  background-size:72px 72px;
}
.v18-labs-layout{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:minmax(270px,.72fr) minmax(0,1.55fr);
  gap:72px;align-items:start;
}
.v18-labs-copy{position:sticky;top:104px}
.v18-labs-copy h2{margin-bottom:18px}
.v18-labs-copy > p:not(.section-label){
  max-width:440px;color:#91a7b4;line-height:1.8;
}
.v18-labs-note{
  margin-top:28px;display:flex;align-items:center;gap:10px;
  color:#708b9a;font-size:8px;font-weight:900;letter-spacing:.14em;
}
.v18-labs-accordion{border-top:1px solid rgba(108,159,181,.19)}
.v18-lab-item{
  position:relative;
  border-bottom:1px solid rgba(108,159,181,.18);
  transition:border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
.v18-lab-item:before{
  content:"";position:absolute;left:0;right:0;top:-1px;height:1px;
  background:#84c318;transform:scaleX(0);transform-origin:left;
  transition:transform .28s ease;pointer-events:none;
}
.v18-lab-item:hover:before,.v18-lab-item.active:before{
  transform:scaleX(1);
  box-shadow:0 0 8px rgba(132,195,24,.55),0 0 22px rgba(75,210,238,.35);
}
.v18-lab-item:hover,.v18-lab-item.active{
  border-bottom-color:rgba(132,195,24,.32);
  background:linear-gradient(90deg,rgba(132,195,24,.028),rgba(50,164,197,.025));
}
.v18-lab-trigger{
  width:100%;min-height:80px;
  display:grid;grid-template-columns:58px 1fr 42px;gap:12px;align-items:center;
  padding:0 12px 0 4px;border:0;background:transparent;color:#fff;
  text-align:left;cursor:pointer;font:inherit;
}
.v18-lab-trigger:focus-visible{outline:1px solid #84c318;outline-offset:4px}
.v18-lab-no{color:#84c318;font-size:10px;font-weight:900;letter-spacing:.14em}
.v18-lab-title{
  font-size:18px;font-weight:900;letter-spacing:.035em;
  transition:color .24s ease,text-shadow .24s ease;
}
.v18-lab-item:hover .v18-lab-title,.v18-lab-item.active .v18-lab-title{
  color:#d9f4a3;text-shadow:0 0 18px rgba(74,196,227,.18);
}
.v18-lab-plus{
  justify-self:end;width:28px;height:28px;display:grid;place-items:center;
  border:1px solid rgba(98,150,174,.23);border-radius:50%;
  color:#7c98a8;font-size:20px;line-height:1;
  transition:transform .32s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.v18-lab-item:hover .v18-lab-plus,.v18-lab-item.active .v18-lab-plus{
  color:#84c318;border-color:rgba(132,195,24,.52);
  box-shadow:0 0 16px rgba(75,210,238,.16);
}
.v18-lab-item.active .v18-lab-plus{transform:rotate(45deg)}
.v18-lab-panel{
  display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .40s cubic-bezier(.22,.8,.32,1);
}
.v18-lab-item.active .v18-lab-panel{grid-template-rows:1fr}
.v18-lab-panel-inner{
  min-height:0;overflow:hidden;padding:0 58px 0 74px;
  opacity:0;transform:translateY(-6px);
  transition:opacity .30s ease,transform .36s ease,padding .36s ease;
}
.v18-lab-item.active .v18-lab-panel-inner{
  padding-top:2px;padding-bottom:28px;opacity:1;transform:translateY(0);
}
.v18-lab-panel-inner p{
  max-width:710px;margin:0;color:#9fb2bd;font-size:13px;line-height:1.78;
}
.v18-lab-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.v18-lab-tags span{
  padding:7px 10px;border:1px solid rgba(82,139,164,.19);
  border-radius:999px;color:#718e9f;font-size:7px;font-weight:900;letter-spacing:.13em;
}
.v18-lab-item.active .v18-lab-tags span{border-color:rgba(132,195,24,.18)}

/* ==========================================================
   V18 — CONTACT
   ========================================================== */
.v18-contact-section{
  position:relative;overflow:hidden;
  background:radial-gradient(circle at 76% 42%,rgba(44,159,194,.08),transparent 36%),#081824;
  color:#fff;
}
.v18-contact-section:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(61,126,151,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(61,126,151,.035) 1px,transparent 1px);
  background-size:74px 74px;
}
.v18-contact-layout{
  position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,.86fr) minmax(460px,1.14fr);
  gap:78px;align-items:start;
}
.v18-contact-copy h2{
  margin:0 0 24px;font-size:clamp(44px,5vw,74px);
  line-height:.94;letter-spacing:-.055em;
}
.v18-contact-copy h2 em{color:#84c318;font-style:normal}
.v18-contact-copy > p:not(.section-label){
  max-width:520px;color:#9aadb8;line-height:1.8;
}
.v18-contact-disciplines{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.v18-contact-disciplines span{
  padding:8px 11px;border:1px solid rgba(85,145,170,.20);
  border-radius:999px;color:#7691a1;font-size:7px;font-weight:900;letter-spacing:.13em;
}
.v18-hosting-note{
  margin-top:40px;padding:18px 20px;display:flex;gap:13px;align-items:flex-start;
  border:1px solid rgba(132,195,24,.16);border-radius:12px;background:rgba(10,30,43,.68);
}
.v18-hosting-note b{
  display:block;margin-bottom:5px;color:#bce66c;font-size:9px;letter-spacing:.12em;
}
.v18-hosting-note small{
  display:block;max-width:410px;color:#6f8998;font-size:9px;line-height:1.55;
}
.v18-contact-form{
  padding:30px;border:1px solid rgba(101,155,178,.19);
  border-radius:16px;background:rgba(9,27,40,.90);
  box-shadow:0 22px 60px rgba(0,0,0,.14);
}
.v18-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.v18-contact-form label{display:block}
.v18-contact-form label > span{
  display:block;margin-bottom:8px;color:#718c9d;
  font-size:8px;font-weight:900;letter-spacing:.13em;
}
.v18-contact-form input,.v18-contact-form select,.v18-contact-form textarea{
  width:100%;box-sizing:border-box;
  border:1px solid rgba(99,151,174,.23);border-radius:9px;
  background:#071621;color:#e9f0f3;font:inherit;font-size:13px;outline:none;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.v18-contact-form input,.v18-contact-form select{height:48px;padding:0 13px}
.v18-contact-form textarea{padding:13px;resize:vertical;min-height:150px}
.v18-contact-form input:focus,.v18-contact-form select:focus,.v18-contact-form textarea:focus{
  border-color:rgba(132,195,24,.60);background:#081b28;
  box-shadow:0 0 0 2px rgba(132,195,24,.045),0 0 22px rgba(66,190,222,.07);
}
.v18-message-field{margin-top:3px}
.v18-honeypot{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important}
.v18-form-footer{display:flex;align-items:center;gap:18px;margin-top:21px}
.v18-send-button{border:0;cursor:pointer}
.v18-form-status{margin:0;color:#7895a5;font-size:10px;line-height:1.45}
.v18-form-status.ok{color:#aeda5c}
.v18-form-status.error{color:#ef9c8e}

/* ==========================================================
   V18 — FOOTER
   ========================================================== */
.v18-footer{
  padding:42px 0 34px;border-top:1px solid rgba(93,145,167,.14);background:#05111b;
}
.v18-footer-layout{
  display:grid;grid-template-columns:300px 1fr;gap:30px 50px;align-items:center;
}
.v18-footer-brand img{display:block;width:260px;max-width:100%;height:auto}
.v18-footer-brand p{
  margin:7px 0 0 51px;color:#3faad1;font-size:6px;font-weight:900;letter-spacing:.18em;
}
.v18-footer-brand p span{color:#8897a0}
.v18-footer-nav{display:flex;justify-content:flex-end;gap:28px;flex-wrap:wrap}
.v18-footer-nav a{color:#8095a2;font-size:10px;text-decoration:none}
.v18-footer-nav a:hover{color:#84c318}
.v18-footer-meta{
  grid-column:1 / -1;display:flex;justify-content:space-between;gap:20px;
  padding-top:20px;border-top:1px solid rgba(91,145,167,.12);
  color:#4f6979;font-size:8px;font-weight:800;letter-spacing:.10em;
}

@media(max-width:980px){
  .v18-labs-layout{grid-template-columns:1fr;gap:36px}
  .v18-labs-copy{position:static}
  .v18-contact-layout{grid-template-columns:1fr;gap:42px}
}
@media(max-width:680px){
  .v18-lab-trigger{grid-template-columns:42px 1fr 34px;min-height:72px}
  .v18-lab-title{font-size:15px}
  .v18-lab-panel-inner{padding-left:54px;padding-right:20px}
  .v18-form-row{grid-template-columns:1fr}
  .v18-contact-form{padding:22px}
  .v18-form-footer{align-items:flex-start;flex-direction:column}
  .v18-footer-layout{grid-template-columns:1fr;text-align:center}
  .v18-footer-brand img{margin:auto}
  .v18-footer-brand p{margin-left:0}
  .v18-footer-nav{justify-content:center}
  .v18-footer-meta{flex-direction:column;align-items:center}
}
@media(prefers-reduced-motion:reduce){
  .v18-lab-panel,.v18-lab-panel-inner,.v18-lab-item:before,.v18-lab-plus{
    transition:none !important;
  }
}

/* ==========================================================
   V18A — corrected footer identity
   ========================================================== */
.v18-footer-layout{
  grid-template-columns:minmax(330px,390px) 1fr;
}
.v18-footer-brand{
  display:flex;
  align-items:center;
}
.v18-footer-brand a{
  display:block;
  width:100%;
  max-width:370px;
}
.v18-footer-brand img{
  display:block;
  width:100%;
  max-width:370px;
  height:auto;
  margin:0;
}
.v18-footer-brand p{
  display:none !important;
}
@media(max-width:680px){
  .v18-footer-layout{
    grid-template-columns:1fr;
  }
  .v18-footer-brand{
    justify-content:center;
  }
  .v18-footer-brand a,
  .v18-footer-brand img{
    max-width:330px;
    margin:0 auto;
  }
}


/* ==========================================================
   V19 — final contact layout
   ========================================================== */
.v19-contact-section{
  background:
    radial-gradient(circle at 80% 28%,rgba(48,170,206,.085),transparent 34%),
    linear-gradient(180deg,#071621,#081824);
}
.v19-contact-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr);
  gap:72px;
  align-items:start;
}
.v19-contact-brand img{
  width:min(430px,100%);
  height:auto;
  display:block;
  margin:18px 0 18px;
}
.v19-contact-intro{
  margin:0 0 28px;
  max-width:520px;
  color:#9eb1bc;
  font-size:14px;
  line-height:1.65;
}
.v19-contact-cards{
  display:grid;
  gap:12px;
}
.v19-contact-card{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:16px;
  align-items:center;
  padding:17px 18px;
  border:1px solid rgba(37,169,216,.28);
  border-radius:13px;
  background:rgba(7,30,44,.78);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.v19-contact-card:hover{
  transform:translateY(-1px);
  border-color:rgba(132,195,24,.40);
  box-shadow:0 0 24px rgba(43,177,219,.07);
}
.v19-contact-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid rgba(0,191,255,.48);
  border-radius:11px;
  color:#14c7ff;
  font-size:21px;
  font-weight:900;
}
.v19-contact-card small,
.v19-social-block > small{
  display:block;
  margin-bottom:4px;
  color:#6f99b2;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}
.v19-contact-card strong{
  display:block;
  color:#fff;
  font-size:14px;
  line-height:1.35;
}
.v19-contact-card strong a{
  color:inherit;
  text-decoration:none;
}
.v19-contact-card strong a:hover{color:#84c318}
.v19-contact-card span{
  display:block;
  margin-top:3px;
  color:#7ea0b2;
  font-size:11px;
}
.v19-phone-card{align-items:start}
.v19-phone-content{min-width:0}
.v19-phone-line{
  display:grid;
  grid-template-columns:24px minmax(155px,1fr) auto;
  gap:8px;
  align-items:center;
  margin:8px 0;
}
.v19-phone-line .v19-flag{
  margin:0;
  color:#fff;
  font-size:17px;
}
.v19-phone-number{
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.v19-phone-number:hover{color:#84c318}
.v19-phone-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.v19-mini-action{
  padding:5px 7px;
  border:1px solid rgba(91,147,172,.25);
  border-radius:999px;
  color:#86a2b0;
  text-decoration:none;
  font-size:6px;
  font-weight:900;
  letter-spacing:.08em;
}
.v19-mini-action:hover{
  color:#bfe96b;
  border-color:rgba(132,195,24,.45);
}
.v19-mini-action.whatsapp{
  color:#9ad553;
  border-color:rgba(132,195,24,.30);
}
.v19-social-block{margin-top:24px}
.v19-socials{display:flex;flex-wrap:wrap;gap:9px}
.v19-social-link{
  padding:9px 13px;
  border:1px solid rgba(132,195,24,.27);
  border-radius:999px;
  color:#b3dd61;
  font-size:9px;
  font-weight:900;
}
.v19-social-link.is-pending{
  opacity:.72;
  cursor:default;
}
.v19-form-side{
  padding-top:22px;
}
.v19-form-heading h2{
  margin:0 0 18px;
  font-size:clamp(42px,4.8vw,70px);
  line-height:.95;
  letter-spacing:-.05em;
}
.v19-form-heading h2 em{
  color:#84c318;
  font-style:normal;
}
.v19-form-heading > p:not(.section-label){
  max-width:640px;
  color:#91a7b3;
  line-height:1.72;
  margin-bottom:24px;
}
.v19-contact-form{
  padding:28px;
}
.v19-turnstile{
  min-height:66px;
  margin-top:18px;
}
.v19-privacy-note{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:18px;
  padding:13px 14px;
  border:1px solid rgba(85,145,170,.14);
  border-radius:10px;
  background:rgba(6,20,31,.54);
}
.v19-privacy-note > span{
  color:#84c318;
  font-size:8px;
  padding-top:4px;
}
.v19-privacy-note p{
  margin:0;
  color:#6e8999;
  font-size:9px;
  line-height:1.55;
}
.v19-contact-form.is-sending .v18-send-button{
  opacity:.58;
  pointer-events:none;
}
@media(max-width:1040px){
  .v19-contact-layout{
    grid-template-columns:1fr;
    gap:45px;
  }
  .v19-form-side{padding-top:0}
}
@media(max-width:650px){
  .v19-phone-line{
    grid-template-columns:24px 1fr;
  }
  .v19-phone-actions{
    grid-column:2;
    justify-content:flex-start;
  }
  .v19-contact-form{
    padding:20px;
  }
}


/* ==========================================================
   V19B — 28-language selector + footer flags
   ========================================================== */
.v19b-language{
  position:relative;
  margin-left:8px;
  z-index:1200;
}
.v19b-language-trigger{
  height:40px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border:1px solid rgba(108,159,181,.22);
  border-radius:9px;
  background:rgba(5,17,27,.74);
  color:#dbe6ec;
  cursor:pointer;
  font:inherit;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.v19b-language-trigger:hover,
.v19b-language-trigger[aria-expanded="true"]{
  border-color:rgba(132,195,24,.55);
  background:rgba(8,27,40,.94);
  box-shadow:0 0 0 1px rgba(132,195,24,.05),0 0 18px rgba(62,183,218,.11);
}
.v19b-language-flag{
  font-size:18px;
  line-height:1;
}
.v19b-language-name{
  min-width:62px;
  text-align:left;
  font-size:10px;
  font-weight:800;
  letter-spacing:.02em;
}
.v19b-language-code{
  color:#607d8e;
  font-size:7px;
  font-weight:900;
  letter-spacing:.14em;
}
.v19b-language-chevron{
  margin-left:1px;
  color:#84c318;
  font-size:13px;
  transform:translateY(-1px);
}
.v19b-language-menu{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  width:min(680px,calc(100vw - 28px));
  padding:14px;
  border:1px solid rgba(99,154,178,.24);
  border-radius:14px;
  background:rgba(5,18,29,.985);
  box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 40px rgba(45,165,199,.05);
  opacity:0;
  transform:translateY(-7px) scale(.99);
  pointer-events:none;
  transition:opacity .17s ease,transform .17s ease;
  backdrop-filter:blur(14px);
}
.v19b-language-menu.open{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.v19b-language-menu-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:2px 5px 11px;
  border-bottom:1px solid rgba(89,141,164,.14);
  color:#648190;
  font-size:7px;
  font-weight:900;
  letter-spacing:.15em;
}
.v19b-language-menu-head small{
  min-width:24px;
  height:18px;
  display:grid;
  place-items:center;
  border:1px solid rgba(132,195,24,.23);
  border-radius:999px;
  color:#9fc85b;
  font-size:7px;
}
.v19b-language-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  padding-top:10px;
}
.v19b-language-option{
  min-width:0;
  height:48px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 23px;
  align-items:center;
  gap:7px;
  padding:0 8px;
  border:1px solid transparent;
  border-radius:9px;
  background:rgba(12,34,48,.46);
  color:#9eb1bc;
  text-align:left;
  cursor:pointer;
  font:inherit;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
.v19b-language-option:hover{
  border-color:rgba(132,195,24,.30);
  background:rgba(18,45,59,.83);
  color:#fff;
  box-shadow:0 0 16px rgba(59,186,220,.06);
}
.v19b-language-option.active{
  border-color:rgba(132,195,24,.55);
  background:linear-gradient(90deg,rgba(132,195,24,.09),rgba(45,160,194,.055));
  color:#dff3b6;
  box-shadow:0 0 18px rgba(53,183,217,.08);
}
.v19b-option-flag{
  font-size:18px;
  line-height:1;
}
.v19b-option-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.v19b-option-copy b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  font-weight:850;
}
.v19b-option-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#587383;
  font-size:6px;
  font-weight:700;
  letter-spacing:.02em;
}
.v19b-option-code{
  justify-self:end;
  color:#536f7f;
  font-size:6px;
  font-weight:900;
  letter-spacing:.10em;
}
.v19b-language-option.active .v19b-option-code{
  color:#84c318;
}

/* Footer: deliberately tiny, filigree flag controls. */
.v19b-footer-languages{
  padding-bottom:24px;
  margin-bottom:26px;
  border-bottom:1px solid rgba(91,145,167,.12);
}
.v19b-footer-lang-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:5px;
}
.v19b-footer-lang{
  width:29px;
  height:23px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(90,142,164,.13);
  border-radius:6px;
  background:rgba(7,22,33,.56);
  cursor:pointer;
  filter:saturate(.82);
  opacity:.72;
  transition:opacity .16s ease,filter .16s ease,transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.v19b-footer-lang span{
  font-size:14px;
  line-height:1;
}
.v19b-footer-lang:hover{
  opacity:1;
  filter:saturate(1);
  transform:translateY(-1px);
  border-color:rgba(132,195,24,.42);
  box-shadow:0 0 12px rgba(59,184,216,.09);
}
.v19b-footer-lang.active{
  opacity:1;
  filter:saturate(1);
  border-color:rgba(132,195,24,.62);
  background:rgba(132,195,24,.055);
  box-shadow:0 0 12px rgba(61,184,215,.10);
}

@media(max-width:980px){
  .v19b-language-name{display:none}
  .v19b-language-trigger{padding:0 8px}
  .v19b-language-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .v19b-language-menu{
    position:fixed;
    top:68px;
    left:12px;
    right:12px;
    width:auto;
    max-height:calc(100vh - 86px);
    overflow:auto;
  }
  .v19b-language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v19b-language-option{height:46px}
  .v19b-footer-lang-grid{gap:4px}
  .v19b-footer-lang{width:27px;height:22px}
}
@media(max-width:430px){
  .v19b-language-grid{grid-template-columns:1fr 1fr}
  .v19b-option-copy small{display:none}
}


/* ==========================================================
   V19C — compact language trigger
   ========================================================== */
.v19b-language-trigger{
  gap:6px;
  padding:0 8px;
  min-width:0;
}
.v19b-language-name{
  min-width:0;
}
.v19b-language-code{
  margin-left:1px;
}
.v19b-language-chevron{
  display:none !important;
}
@media (min-width:981px){
  .v19b-language-trigger{
    height:38px;
    padding-left:8px;
    padding-right:8px;
  }
  .v19b-language-flag{font-size:17px}
  .v19b-language-name{font-size:9px}
}


/* ==========================================================
   V19D — optional contact fields + transient success notice
   ========================================================== */
.v19-optional-label::after{
  content:" *";
  color:#84C318;
  font-weight:900;
}
.v19-optional-fields-note{
  margin:8px 0 0;
  color:#6f8795;
  font-size:9px;
  line-height:1.45;
  letter-spacing:.045em;
}
.v18-form-status{
  transition:opacity .22s ease;
}
.v18-form-status.is-clearing{
  opacity:0;
}


/* ==========================================================
   V19E — robust optional-field stars + matched note typography
   ========================================================== */

/* Old pseudo star is disabled. V19E uses a real HTML star. */
.v19-optional-label::after{
  content:none !important;
}

.v18-contact-form label > .v19-field-label{
  display:block;
  margin-bottom:8px;
  color:#718c9d;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
  line-height:1.2;
}

.v19-field-label > span:first-child{
  display:inline;
  margin:0;
  padding:0;
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
  line-height:inherit;
}

.v19-optional-star{
  display:inline !important;
  margin-left:4px !important;
  padding:0 !important;
  color:#84C318 !important;
  font-size:9px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  vertical-align:baseline;
}

/* Exactly the same typography as the privacy sentence above. */
.v19-optional-fields-note{
  margin:8px 0 0 !important;
  color:#6e8999 !important;
  font-size:9px !important;
  line-height:1.55 !important;
  letter-spacing:0 !important;
  font-weight:400 !important;
}

/* V20 — IsoDraf first product */
.v20-isodraf-section{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 42%,rgba(0,183,255,.10),transparent 34%),radial-gradient(circle at 17% 68%,rgba(132,195,24,.065),transparent 31%),#07131f;color:#fff}.v20-isodraf-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(64,125,151,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(64,125,151,.028) 1px,transparent 1px);background-size:72px 72px}.v20-isodraf-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.28fr);gap:64px;align-items:center}.v20-product-status{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;color:#9cb2be;font-size:8px;font-weight:900;letter-spacing:.14em}.v20-product-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#84C318;box-shadow:0 0 12px rgba(132,195,24,.65),0 0 24px rgba(0,184,255,.20)}.v20-isodraf-logo{display:block;width:min(100%,430px);height:auto;margin:0 0 26px;filter:drop-shadow(0 14px 28px rgba(0,104,186,.17))}.v20-isodraf-copy h2{margin:0 0 18px;max-width:620px;font-size:clamp(32px,3.3vw,54px);line-height:1.02;letter-spacing:-.045em;color:#f5f8fa}.v20-isodraf-copy>p{max-width:620px;margin:0;color:#9aafbb;line-height:1.78;font-size:14px}.v20-isodraf-pipeline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:28px 0 26px}.v20-isodraf-pipeline span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(100,155,180,.18);border-radius:999px;background:rgba(7,25,38,.62);color:#7f9bad;font-size:7px;font-weight:900;letter-spacing:.12em}.v20-isodraf-pipeline i{color:#84C318;font-size:11px;font-style:normal;opacity:.72}.v20-isodraf-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.v20-isodraf-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:8px;background:#84C318;color:#07131f;text-decoration:none;font-size:9px;font-weight:950;letter-spacing:.09em;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.v20-isodraf-link:hover{transform:translateY(-2px);background:#92d423;box-shadow:0 0 24px rgba(0,184,255,.14),0 8px 26px rgba(0,0,0,.20)}.v20-isodraf-techline{color:#668493;font-size:8px;font-weight:800;letter-spacing:.09em}.v20-isodraf-visual{position:relative;margin:0;min-width:0}.v20-isodraf-screen-wrap{position:relative;padding:10px;border:1px solid rgba(100,161,186,.22);border-radius:14px;background:linear-gradient(145deg,rgba(11,32,46,.98),rgba(7,20,31,.98));box-shadow:0 28px 75px rgba(0,0,0,.32),0 0 34px rgba(0,161,222,.055);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.v20-isodraf-screen-wrap:hover{transform:translateY(-3px) scale(1.006);border-color:rgba(132,195,24,.28);box-shadow:0 32px 80px rgba(0,0,0,.36),0 0 38px rgba(0,184,255,.10)}.v20-isodraf-screen{display:block;width:100%;height:auto;border-radius:8px;background:#eef2f7}.v20-isodraf-caption{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:14px;padding:0 2px;color:#678493;font-size:8px;font-weight:900;letter-spacing:.11em}.v20-isodraf-caption strong{color:#84C318;font-size:8px;letter-spacing:.12em}@media(max-width:980px){.v20-isodraf-grid{grid-template-columns:1fr;gap:40px}.v20-isodraf-logo{width:min(78vw,430px)}}@media(max-width:680px){.v20-isodraf-grid{gap:32px}.v20-isodraf-copy h2{font-size:34px}.v20-isodraf-pipeline{gap:6px}.v20-isodraf-pipeline span{font-size:6px;padding:0 8px}.v20-isodraf-screen-wrap{padding:6px;border-radius:10px}.v20-isodraf-caption{align-items:flex-start;flex-direction:column}}


/* ==========================================================
   V21 — INSYON® registered trademark mark
   ========================================================== */
.v21-rmark-wrap{
  position:relative !important;
}
.v21-rmark-badge{
  position:absolute;
  z-index:6;
  display:block;
  color:#dce7ed;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
  line-height:1;
  pointer-events:none;
  text-shadow:0 0 7px rgba(0,174,235,.26);
}

/* Header logo: after INSYON word. */
.v21-rmark-header .v21-rmark-badge{
  top:17%;
  right:-1.3%;
  font-size:clamp(6px,.55vw,9px);
}

/* Full INSYON.com logo: ® sits after INSYON and before .com. */
.v21-rmark-full .v21-rmark-badge{
  top:12%;
  left:77.1%;
  font-size:clamp(6px,.62vw,10px);
}

/* Technology Core graphic contains baked "INSYON TECHNOLOGY CORE". */
.v21-techcore-rmark-wrap{
  position:relative !important;
}
.v21-techcore-rmark{
  position:absolute;
  z-index:8;
  top:5.2%;
  left:12.7%;
  color:#8faabc;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(5px,.42vw,8px);
  font-weight:700;
  line-height:1;
  pointer-events:none;
  text-shadow:0 0 5px rgba(0,182,238,.25);
}

@media(max-width:680px){
  .v21-rmark-header .v21-rmark-badge{font-size:6px}
  .v21-rmark-full .v21-rmark-badge{font-size:6px}
  .v21-techcore-rmark{font-size:5px}
}


/* ==========================================================
   V22 — HEADER / ISODRAF NAV / PHONE + TABLET RESPONSIVE
   ========================================================== */

/* Desktop IsoDraf link: first product, restrained product accent. */
.desktop-nav .v22-isodraf-nav{
  position:relative;
  color:#d7edaa;
  font-weight:800;
}
.desktop-nav .v22-isodraf-nav:before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:7px;
  border-radius:50%;
  background:#84c318;
  box-shadow:0 0 9px rgba(132,195,24,.52),0 0 15px rgba(55,187,226,.12);
  vertical-align:1px;
}
.desktop-nav .v22-isodraf-nav:hover{
  color:#fff;
  text-shadow:0 0 14px rgba(58,187,224,.12);
}

/* Correct registered mark: outside the baked header image instead of over the N. */
.v21-rmark-header .v21-rmark-badge{
  top:2px !important;
  right:-10px !important;
  left:auto !important;
  font-size:8px !important;
  color:#dfe9ee;
  text-shadow:0 0 6px rgba(0,174,235,.24);
}

/* Header controls */
.v22-mobile-toggle{
  display:none;
  flex:0 0 auto;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid rgba(108,159,181,.22);
  border-radius:9px;
  background:rgba(5,17,27,.74);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
}
.v22-toggle-line{
  display:block;
  width:18px;
  height:1.5px;
  border-radius:2px;
  background:#c7d5dc;
  transform-origin:center;
  transition:transform .22s ease,opacity .18s ease,background .18s ease;
}
.v22-mobile-toggle:hover,
.v22-mobile-toggle[aria-expanded="true"]{
  border-color:rgba(132,195,24,.48);
  box-shadow:0 0 16px rgba(58,184,219,.08);
}
.v22-mobile-toggle[aria-expanded="true"] .v22-toggle-line:nth-child(1){
  transform:translateY(5.5px) rotate(45deg);
  background:#84c318;
}
.v22-mobile-toggle[aria-expanded="true"] .v22-toggle-line:nth-child(2){
  opacity:0;
}
.v22-mobile-toggle[aria-expanded="true"] .v22-toggle-line:nth-child(3){
  transform:translateY(-5.5px) rotate(-45deg);
  background:#84c318;
}

.v22-mobile-panel{
  display:none;
  border-top:1px solid rgba(255,255,255,.065);
  background:rgba(5,17,27,.985);
  box-shadow:0 22px 42px rgba(0,0,0,.24);
}
.v22-mobile-panel[hidden]{display:none !important}
.v22-mobile-nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  padding-top:12px;
  padding-bottom:16px;
}
.v22-mobile-link{
  min-height:46px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border:1px solid rgba(95,147,170,.13);
  border-radius:9px;
  background:rgba(10,29,42,.72);
  color:#9fb1bb;
  text-decoration:none;
  font-size:11px;
  font-weight:750;
}
.v22-mobile-link:hover,
.v22-mobile-link:focus-visible{
  color:#fff;
  border-color:rgba(132,195,24,.34);
  outline:none;
}
.v22-mobile-link.v22-isodraf-nav{
  color:#d6eda4;
  border-color:rgba(132,195,24,.22);
  background:linear-gradient(90deg,rgba(132,195,24,.075),rgba(49,171,205,.035));
}
body.v22-menu-open{overflow:hidden}

/* Touch and keyboard affordances */
.v22-mobile-toggle:focus-visible,
.v19b-language-trigger:focus-visible,
.desktop-nav a:focus-visible,
.v22-mobile-link:focus-visible,
.btn:focus-visible,
.v20-isodraf-link:focus-visible{
  outline:2px solid rgba(132,195,24,.75);
  outline-offset:3px;
}

/* ---------- TABLET ---------- */
@media(max-width:1080px){
  .nav{
    height:68px;
    gap:12px;
  }
  .desktop-nav{display:none !important}
  .v19b-language{
    margin-left:auto;
  }
  .v22-mobile-toggle{
    display:flex;
  }
  .v22-mobile-panel{
    display:block;
  }
  .brand-image img{
    width:166px;
  }
  .v21-rmark-header .v21-rmark-badge{
    top:1px !important;
    right:-9px !important;
  }

  .section{
    padding:84px 0;
  }

  .hero-layout{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    gap:50px !important;
    padding-top:64px !important;
    padding-bottom:72px !important;
  }
  .hero-copy{
    max-width:820px;
  }
  .hero-network-wrap{
    width:min(720px,100%);
    margin:0 auto;
  }
  .hero-logo-lockup{
    width:min(570px,90%);
  }
  .hero-title{
    max-width:820px;
    font-size:clamp(44px,7.4vw,66px);
  }
  .hero-lead{
    max-width:720px;
  }

  .manifesto{
    padding:54px 0;
  }
  .manifesto-grid{
    grid-template-columns:54px 1fr;
    gap:24px 30px;
  }
  .manifesto-grid>p{
    grid-column:2;
    margin-top:0;
  }

  .section-head{
    grid-template-columns:1fr;
    gap:22px;
    margin-bottom:38px;
  }
  .section-head>p{
    max-width:720px;
  }

  .data-layout,
  .origin-layout,
  .control-layout,
  .privacy-layout,
  .final-layout{
    grid-template-columns:1fr !important;
    gap:44px !important;
  }

  .v20-isodraf-grid{
    grid-template-columns:1fr !important;
    gap:42px !important;
  }
  .v20-isodraf-copy{
    max-width:760px;
  }
  .v20-isodraf-logo{
    width:min(430px,72vw);
  }
  .v20-isodraf-visual{
    width:100%;
  }

  .visual-pair{
    grid-template-columns:1fr !important;
  }
  .visual-card{
    min-height:510px;
  }
  .visual-card .visual-copy,
  .human-card .visual-copy{
    width:min(52%,420px);
    max-width:420px;
  }

  .v17-flow-grid{
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:auto !important;
    gap:18px !important;
    padding:28px 22px 86px !important;
  }
  .v17-flow-svg{
    display:none !important;
  }
  .v17-flow-board{
    min-height:auto !important;
  }
  .v17-ecosystem-links{
    display:none !important;
  }
  .v17-ecosystem-map{
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:auto !important;
    gap:16px !important;
    min-height:auto !important;
  }
  .eco-card,
  .eco-core{
    grid-column:auto !important;
    grid-row:auto !important;
  }
  .eco-core{
    width:190px !important;
    height:190px !important;
    justify-self:center;
    grid-column:1 / -1 !important;
    grid-row:2 !important;
  }

  .v18-labs-layout{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
  .v18-labs-copy{
    position:static !important;
    max-width:720px;
  }

  .v19-contact-layout,
  .v18-contact-layout{
    grid-template-columns:1fr !important;
    gap:42px !important;
  }
  .v19-contact-copy,
  .v19-form-side{
    max-width:780px;
  }

  .v18-footer-layout{
    grid-template-columns:1fr !important;
    gap:28px !important;
    text-align:center;
  }
  .v18-footer-brand{
    justify-content:center;
  }
  .v18-footer-nav{
    justify-content:center !important;
  }
  .v18-footer-meta{
    align-items:center;
  }
}

/* ---------- PHONE / SMALL TABLET ---------- */
@media(max-width:760px){
  html{
    scroll-padding-top:66px;
  }
  .container{
    width:min(100% - 28px,1180px) !important;
  }
  .topbar{
    backdrop-filter:blur(13px);
  }
  .nav{
    height:64px;
    gap:8px;
  }
  .brand-image img{
    width:145px !important;
    max-height:40px;
  }
  .v21-rmark-header .v21-rmark-badge{
    top:0 !important;
    right:-8px !important;
    font-size:6px !important;
  }
  .v19b-language{
    margin-left:auto;
  }
  .v19b-language-trigger{
    height:42px !important;
    padding:0 8px !important;
  }
  .v19b-language-name{
    display:none !important;
  }
  .v19b-language-code{
    display:none;
  }
  .v19b-language-flag{
    font-size:19px;
  }
  .v22-mobile-toggle{
    width:42px;
    height:42px;
  }
  .v22-mobile-nav{
    grid-template-columns:1fr;
    gap:6px;
    padding-top:10px;
    padding-bottom:14px;
  }
  .v22-mobile-link{
    min-height:45px;
    font-size:11px;
  }

  .section{
    padding:64px 0 !important;
  }
  .section-label{
    margin-bottom:14px;
    font-size:9px;
  }

  .hero-layout{
    padding-top:44px !important;
    padding-bottom:58px !important;
    gap:36px !important;
  }
  .hero-logo-lockup{
    width:min(100%,470px) !important;
    margin-bottom:18px !important;
  }
  .hero-title{
    font-size:clamp(36px,11vw,52px) !important;
    line-height:.97 !important;
    letter-spacing:-.05em !important;
  }
  .hero-title .hero-line{
    white-space:normal !important;
  }
  .eyebrow{
    font-size:8px;
    line-height:1.45;
    letter-spacing:.13em;
    margin-bottom:18px;
  }
  .hero-lead{
    margin:24px 0;
    font-size:15px;
    line-height:1.65;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }
  .hero-actions .btn{
    width:100%;
    min-height:48px;
  }
  .capability-row{
    margin-top:24px;
    gap:5px;
  }
  .capability-row span,
  .data-pills span{
    font-size:7px;
    padding:6px 8px;
  }
  .hero-network-wrap{
    width:100%;
    border-radius:13px;
    aspect-ratio:1/1.04 !important;
  }

  .manifesto{
    padding:44px 0 !important;
  }
  .manifesto-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .manifesto-no{
    display:none;
  }
  .manifesto-grid>p{
    grid-column:auto;
    margin:0;
    font-size:13px;
  }

  .manifesto h2,
  .section-head h2,
  .data-copy h2,
  .origin-layout h2,
  .labs-copy h2,
  .control-layout h2,
  .privacy-layout h2,
  .final-layout h2,
  .v18-contact-copy h2{
    font-size:clamp(31px,10vw,44px) !important;
    line-height:1 !important;
  }

  .industrial-figure,
  .industrial-figure img{
    min-height:250px !important;
  }

  .v20-isodraf-grid{
    gap:30px !important;
  }
  .v20-isodraf-logo{
    width:min(100%,370px) !important;
    margin-bottom:20px !important;
  }
  .v20-isodraf-copy h2{
    font-size:clamp(30px,9.5vw,40px) !important;
  }
  .v20-isodraf-copy>p{
    font-size:13px;
  }
  .v20-isodraf-pipeline{
    gap:5px !important;
    margin:22px 0 !important;
  }
  .v20-isodraf-pipeline span{
    min-height:28px;
    padding:0 8px !important;
    font-size:6px !important;
  }
  .v20-isodraf-pipeline i{
    font-size:9px;
  }
  .v20-isodraf-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .v20-isodraf-link{
    width:100%;
    min-height:48px;
  }
  .v20-isodraf-techline{
    line-height:1.55;
  }
  .v20-isodraf-screen-wrap{
    padding:5px !important;
    border-radius:9px !important;
    overflow:hidden;
  }
  .v20-isodraf-screen{
    border-radius:6px;
  }

  .visual-card{
    min-height:430px !important;
  }
  .visual-card .visual-copy,
  .human-card .visual-copy{
    width:76% !important;
    max-width:360px !important;
    padding:22px !important;
  }
  .visual-card .visual-copy h3,
  .human-card .visual-copy h3{
    font-size:clamp(27px,8vw,38px);
  }

  .v17-flow-grid{
    grid-template-columns:1fr !important;
    padding:20px 14px 94px !important;
    gap:11px !important;
  }
  .v17-flow-node{
    min-height:104px;
  }
  .v17-flow-footer{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:5px !important;
  }
  .v17-ecosystem-map{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .eco-card,
  .eco-core{
    grid-column:auto !important;
    grid-row:auto !important;
  }
  .eco-core{
    grid-column:auto !important;
    grid-row:auto !important;
    order:-1;
    width:170px !important;
    height:170px !important;
  }
  .eco-card{
    min-height:138px;
    padding:19px;
  }
  .v17-ecosystem-caption{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  .v18-lab-trigger{
    min-height:68px !important;
    grid-template-columns:38px 1fr 32px !important;
    gap:8px !important;
  }
  .v18-lab-title{
    font-size:13px !important;
    line-height:1.3;
  }
  .v18-lab-panel-inner{
    padding-left:46px !important;
    padding-right:12px !important;
  }
  .v18-lab-item.active .v18-lab-panel-inner{
    padding-bottom:22px !important;
  }
  .v18-lab-panel-inner p{
    font-size:12px;
  }

  .v19-contact-layout{
    gap:34px !important;
  }
  .v19-contact-card{
    padding:17px !important;
  }
  .v19-contact-form,
  .v18-contact-form{
    padding:18px !important;
    border-radius:12px;
  }
  .v18-form-row{
    grid-template-columns:1fr !important;
    gap:13px !important;
    margin-bottom:13px !important;
  }
  .v18-contact-form input,
  .v18-contact-form select{
    height:50px !important;
    font-size:16px !important; /* prevents iOS input zoom */
  }
  .v18-contact-form textarea{
    min-height:155px;
    font-size:16px !important;
  }
  .v18-form-footer{
    align-items:stretch !important;
  }
  .v18-send-button{
    width:100%;
    min-height:50px;
  }
  #turnstileWidget{
    max-width:100%;
    overflow:hidden;
  }

  .v19b-language-menu{
    top:64px !important;
    left:8px !important;
    right:8px !important;
    width:auto !important;
    max-height:calc(100dvh - 76px) !important;
    padding:10px !important;
  }
  .v19b-language-grid{
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
  }
  .v19b-language-option{
    height:45px !important;
    padding:0 7px !important;
  }

  .v18-footer{
    padding:34px 0 28px !important;
  }
  .v18-footer-brand a,
  .v18-footer-brand img{
    max-width:300px !important;
  }
  .v18-footer-nav{
    gap:12px 18px !important;
  }
  .v18-footer-nav a{
    min-height:36px;
    display:inline-flex;
    align-items:center;
  }
  .v19b-footer-languages{
    padding-bottom:18px !important;
    margin-bottom:20px !important;
  }
  .v19b-footer-lang-grid{
    gap:4px !important;
  }
  .v19b-footer-lang{
    width:27px !important;
    height:23px !important;
  }
}

/* ---------- VERY SMALL PHONE ---------- */
@media(max-width:420px){
  .container{
    width:calc(100% - 22px) !important;
  }
  .brand-image img{
    width:132px !important;
  }
  .v21-rmark-header .v21-rmark-badge{
    right:-7px !important;
  }
  .nav{
    gap:6px;
  }
  .v19b-language-trigger{
    width:40px;
    justify-content:center;
    padding:0 !important;
  }
  .v22-mobile-toggle{
    width:40px;
  }
  .hero-title{
    font-size:clamp(33px,11.4vw,45px) !important;
  }
  .hero-network-wrap{
    aspect-ratio:1/1.09 !important;
  }
  .visual-card .visual-copy,
  .human-card .visual-copy{
    width:86% !important;
  }
  .v19b-language-option{
    grid-template-columns:22px 1fr 20px !important;
  }
  .v19b-option-copy b{
    font-size:8px !important;
  }
}

/* Tablet landscape and short viewport: keep mobile drawer scrollable. */
@media(max-height:620px) and (max-width:1080px){
  .v22-mobile-panel{
    max-height:calc(100dvh - 68px);
    overflow:auto;
  }
}

/* Reduced motion remains respected. */
@media(prefers-reduced-motion:reduce){
  .v22-toggle-line,
  .v22-mobile-panel,
  .v20-isodraf-screen-wrap{
    transition:none !important;
  }
}


/* ==========================================================
   V22B — COSMETICS + INSYMESH DATA FLOW
   ========================================================== */

/* 1) TECHNOLOGY CORE ®
   The baked title is "INSYON TECHNOLOGY CORE".
   Keep the registered mark in the gap immediately after INSYON,
   never on top of TECHNOLOGY. */
.v21-techcore-rmark{
  top:4.05% !important;
  left:10.15% !important;
  font-size:clamp(4px,.34vw,6px) !important;
  color:#9cb2bf !important;
  line-height:1 !important;
  text-shadow:0 0 4px rgba(0,182,238,.20) !important;
}

/* 2) INSYON CORE status — centered safely inside the circle. */
.eco-core i{
  top:auto !important;
  right:auto !important;
  bottom:18px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:5px;
  white-space:nowrap;
  color:#9bd522 !important;
  font-size:6.5px !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  line-height:1 !important;
}
.eco-core i:before{
  width:5px !important;
  height:5px !important;
  margin-right:0 !important;
  flex:0 0 5px;
  background:#a6e51f !important;
  box-shadow:0 0 8px rgba(166,229,31,.58) !important;
}

/* 3) INSYMESH — subtle moving illumination along the EXISTING dashed paths.
   A train of four bright dashes travels to the destination and then returns. */
.data-flow-highlight{
  fill:none;
  stroke:#a8e72a;
  stroke-width:2.15;
  stroke-linecap:round;
  stroke-opacity:.82;
  stroke-dasharray:5 4 5 4 5 4 5 68;
  stroke-dashoffset:100;
  pointer-events:none;
  filter:drop-shadow(0 0 2px rgba(168,231,42,.56))
         drop-shadow(0 0 5px rgba(132,195,24,.18));
  animation:v22bMeshDataTravel 5.6s linear infinite alternate;
}
.data-flow-highlight.flow-1{animation-delay:-.1s}
.data-flow-highlight.flow-2{animation-delay:-.8s}
.data-flow-highlight.flow-3{animation-delay:-1.5s}
.data-flow-highlight.flow-4{animation-delay:-2.2s}
.data-flow-highlight.flow-5{animation-delay:-2.9s}
.data-flow-highlight.flow-6{animation-delay:-.45s}
.data-flow-highlight.flow-7{animation-delay:-1.25s}
.data-flow-highlight.flow-8{animation-delay:-2.05s}
.data-flow-highlight.flow-9{animation-delay:-2.85s}

@keyframes v22bMeshDataTravel{
  0%{
    stroke-dashoffset:100;
    stroke-opacity:.18;
  }
  8%{
    stroke-opacity:.88;
  }
  88%{
    stroke-opacity:.88;
  }
  100%{
    stroke-dashoffset:0;
    stroke-opacity:.24;
  }
}

/* Slightly calmer on phones/tablets. */
@media(max-width:1080px){
  .data-flow-highlight{
    stroke-width:1.85;
    stroke-opacity:.70;
    animation-duration:6.2s;
  }
  .eco-core i{
    bottom:15px !important;
  }
}
@media(max-width:680px){
  .data-flow-highlight{
    stroke-width:1.65;
    filter:drop-shadow(0 0 2px rgba(168,231,42,.42));
  }
  .eco-core i{
    bottom:13px !important;
    font-size:6px !important;
  }
}

/* Accessibility: keep the static dashed network, stop the moving highlight. */
@media(prefers-reduced-motion:reduce){
  .data-flow-highlight{
    display:none !important;
    animation:none !important;
  }
}


/* ==========================================================
   V22C — INSYMESH FIXED-DASH LIGHT WAVE
   ========================================================== */

/* V22B's moving stroke is retired. Geometry no longer travels. */
.data-flow-highlight{
  display:none !important;
  animation:none !important;
}

/* Every segment below is physically fixed in place.
   JavaScript changes only brightness/opacity. */
.mesh-wave-segment{
  fill:none;
  stroke:#a8e72a;
  stroke-width:2.05;
  stroke-linecap:round;
  stroke-opacity:0;
  pointer-events:none;
  transition:
    stroke-opacity .24s ease,
    stroke-width .24s ease,
    filter .24s ease;
}

.mesh-wave-segment.wave-head{
  stroke-opacity:1;
  stroke-width:2.55;
  filter:
    drop-shadow(0 0 2px rgba(180,245,46,.92))
    drop-shadow(0 0 6px rgba(168,231,42,.44));
}
.mesh-wave-segment.wave-tail-1{
  stroke-opacity:.72;
  stroke-width:2.35;
  filter:drop-shadow(0 0 4px rgba(168,231,42,.34));
}
.mesh-wave-segment.wave-tail-2{
  stroke-opacity:.43;
  stroke-width:2.18;
  filter:drop-shadow(0 0 3px rgba(168,231,42,.22));
}
.mesh-wave-segment.wave-tail-3{
  stroke-opacity:.19;
  stroke-width:2.05;
  filter:drop-shadow(0 0 2px rgba(168,231,42,.12));
}

@media(max-width:1080px){
  .mesh-wave-segment{stroke-width:1.8}
  .mesh-wave-segment.wave-head{stroke-width:2.25}
  .mesh-wave-segment.wave-tail-1{stroke-width:2.08}
  .mesh-wave-segment.wave-tail-2{stroke-width:1.92}
}
@media(max-width:680px){
  .mesh-wave-segment{stroke-width:1.55}
  .mesh-wave-segment.wave-head{stroke-width:2.0}
  .mesh-wave-segment.wave-tail-1{stroke-width:1.82}
  .mesh-wave-segment.wave-tail-2{stroke-width:1.68}
}

/* Static dashed INSYMESH network remains visible for reduced-motion users. */
@media(prefers-reduced-motion:reduce){
  .data-flow-wave{display:none !important}
}