:root{
  --bg:#06080c;--bg2:#090d13;--card:#0d121a;--card2:#111824;
  --text:#f6f8fb;--muted:#97a2b1;--muted2:#6f7a89;
  --line:rgba(255,255,255,.085);--line2:rgba(255,255,255,.13);
  --max:1220px;--r:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--text);background:
  radial-gradient(circle at 78% 5%,rgba(60,85,155,.13),transparent 25%),
  radial-gradient(circle at 14% 38%,rgba(36,71,113,.07),transparent 26%),
  var(--bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input,textarea,select{font:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
header{
  position:sticky;top:0;z-index:50;background:rgba(6,8,12,.82);
  backdrop-filter:blur(18px);border-bottom:0
}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.logo img{width:34px;height:34px;object-fit:contain}
.logo-type{display:flex;flex-direction:column;line-height:1}
.logo-type b{font-size:12px;letter-spacing:1.25px}
.logo-type span{font-size:9px;letter-spacing:2px;color:#929ba8;margin-top:6px}
nav{display:flex;align-items:center;gap:23px;color:#bdc5d0;font-size:13px;white-space:nowrap}
nav a{position:relative;padding:28px 0}
nav a:hover,nav a.active{color:#fff}
nav a.active:after{content:"";position:absolute;height:1px;left:0;right:0;bottom:19px;background:#fff}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--line2);
  background:transparent;color:#eef2f7;font-size:13px;font-weight:750;transition:.2s
}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.25)}
.btn.primary{background:#fff;color:#07090d;border-color:#fff}
.btn.soft{background:rgba(255,255,255,.04)}
.btn.arrow:after{content:"↗";font-size:13px}
.eyebrow{
  font-size:10px;letter-spacing:2px;color:#8490a0;text-transform:uppercase;font-weight:850
}
.eyebrow:before{content:"";display:inline-block;width:18px;height:1px;background:#677281;margin-right:10px;vertical-align:middle}
.hero{padding:92px 0 88px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}
h1{
  font-size:clamp(42px,5.2vw,70px);line-height:.99;letter-spacing:-3.25px;
  margin:20px 0 23px;max-width:760px
}
.hero .lead,.page-hero .lead{max-width:760px;font-size:16px;line-height:1.83;color:#a6b0bd}
.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
.trust{display:flex;gap:21px;flex-wrap:wrap;margin-top:38px;color:#748090;text-transform:uppercase;font-size:10px;letter-spacing:1.3px}
.trust span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#6b7787;margin-right:8px}
.visual{
  min-height:620px;border:1px solid var(--line);border-radius:34px;position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 24%),
  radial-gradient(circle at 72% 24%,rgba(71,101,163,.18),transparent 30%),
  radial-gradient(circle at 28% 78%,rgba(48,77,136,.12),transparent 26%),
  linear-gradient(145deg,#111824,#070b11 78%)
}
.visual:before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:42px 42px
}
.visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0,transparent 32%,rgba(9,13,19,.16) 70%,rgba(7,10,15,.3) 100%)}
.visual-ring,.visual-ring2{position:absolute;border:1px solid rgba(255,255,255,.06);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.visual-ring{width:330px;height:330px}
.visual-ring2{width:470px;height:470px;opacity:.35}
.core{
  position:absolute;width:170px;height:170px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(8deg);
  border-radius:40px;background:linear-gradient(145deg,#182239,#0b0f17);border:1px solid rgba(255,255,255,.1);
  display:grid;place-items:center;box-shadow:0 28px 72px rgba(53,74,139,.24);z-index:4
}
.core img{width:78px;transform:rotate(-8deg)}
.node{position:absolute;z-index:4}
.node:before{content:"";position:absolute;background:linear-gradient(90deg,rgba(88,125,205,.0),rgba(115,164,255,.9),rgba(88,125,205,.0));height:2px;top:50%;transform:translateY(-50%);filter:drop-shadow(0 0 6px rgba(108,156,255,.55))}
.node.v:before{width:2px;height:76px;left:50%;top:auto;bottom:-76px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(88,125,205,0),rgba(115,164,255,.9),rgba(88,125,205,0))}
.node-badge{
  min-width:214px;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:18px;
  border:1px solid rgba(255,255,255,.1);background:rgba(8,12,18,.88);backdrop-filter:blur(12px);
  box-shadow:0 20px 40px rgba(0,0,0,.18)
}
.node-icon{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;background:rgba(255,255,255,.018);color:#dfe7f3}
.node-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.node-copy b{display:block;font-size:13px;line-height:1.2}
.node-copy span{display:block;margin-top:4px;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#7f8b9a}
.n1{left:34px;top:62px}.n1:before{width:150px;right:-146px}
.n2{right:34px;top:62px}.n2:before{width:150px;left:-146px}
.n3{left:34px;bottom:92px}.n3:before{width:150px;right:-146px}
.n4{right:34px;bottom:92px}.n4:before{width:150px;left:-146px}
.n5{left:50%;bottom:92px;transform:translateX(-50%)}
.device-tile{
  width:118px;height:118px;border-radius:28px;display:grid;place-items:center;position:absolute;z-index:3;
  border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,rgba(20,28,42,.98),rgba(8,11,17,.98));
  box-shadow:0 24px 50px rgba(21,38,82,.18)
}
.device-tile:before{content:"";position:absolute;inset:auto 14px 10px; height:10px; border-radius:999px; background:rgba(45,99,218,.22); filter:blur(8px)}
.tl{left:92px;top:176px}.tr{right:92px;top:176px}.bl{left:92px;bottom:224px}.br{right:92px;bottom:224px}.bc{left:50%;bottom:190px;transform:translateX(-50%)}
.server{width:52px;height:70px;border-radius:12px;border:1px solid rgba(255,255,255,.12);position:relative;background:linear-gradient(180deg,#18243d,#0f1522)}
.server:before,.server:after{content:"";position:absolute;left:9px;right:9px;height:1px;background:rgba(255,255,255,.12)}
.server:before{top:20px}.server:after{top:38px}.server i{position:absolute;left:10px;right:10px;bottom:12px;height:8px;border-top:1px solid rgba(255,255,255,.12)}
.router{width:62px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,#142033,#0e1420);position:relative}
.router:before,.router:after{content:"";position:absolute;width:2px;height:26px;background:linear-gradient(180deg,#90b7ff,#2b4f8c);top:-22px;border-radius:99px}.router:before{left:16px}.router:after{right:16px}
.router i{position:absolute;left:10px;right:10px;bottom:8px;height:4px;border-top:1px solid rgba(255,255,255,.16)}
.cam{width:56px;height:38px;border-radius:22px 22px 18px 18px;background:linear-gradient(180deg,#eef2f9,#b8c7e6);position:relative}
.cam:before{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background:#0f1520;left:50%;top:12px;transform:translateX(-50%);box-shadow:inset 0 0 0 4px #1f3768}
.cam:after{content:"";position:absolute;width:16px;height:24px;border-radius:0 10px 10px 0;background:#c5d1ea;right:-8px;top:8px}
.mini-device{width:62px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#152238,#0d1320);position:relative}
.mini-device:before{content:"";position:absolute;left:12px;right:12px;bottom:10px;height:1px;background:rgba(255,255,255,.16)}
.laptop{width:68px;height:46px;border-radius:10px 10px 6px 6px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#16243b,#0e1522);position:relative}
.laptop:before{content:"";position:absolute;left:8px;right:8px;top:8px;bottom:12px;border-radius:4px;background:linear-gradient(180deg,rgba(96,153,255,.38),rgba(24,40,74,.2))}
.laptop:after{content:"";position:absolute;left:-10px;right:-10px;bottom:-7px;height:8px;border-radius:0 0 10px 10px;background:#b7c2d7}
@media(max-width:1080px){
  .visual{min-height:600px}.node-badge{min-width:190px;padding:12px 14px}.n1,.n3{left:22px}.n2,.n4{right:22px}.tl,.bl{left:60px}.tr,.br{right:60px}
}
@media(max-width:860px){
  .hero-grid{grid-template-columns:1fr}.visual{min-height:620px}.visual .n5 .node-badge{min-width:188px}.n1,.n2{top:30px}.n3,.n4{bottom:132px}.tl,.tr{top:150px}.bl,.br{bottom:220px}
}
@media(max-width:640px){
  .visual{min-height:700px}.device-tile{display:none}.visual-ring2{width:390px;height:390px}.visual-ring{width:280px;height:280px}.core{width:150px;height:150px}.core img{width:72px}
  .n1,.n2,.n3,.n4,.n5{left:20px !important;right:20px !important;transform:none}.n1{top:24px}.n2{top:104px}.n3{bottom:214px}.n4{bottom:132px}.n5{bottom:78px}
  .node:before{display:none}.node-badge{min-width:0;width:100%}
}
.strip{border:0;background:rgba(255,255,255,.012)}
.strip .container{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#768292;text-transform:uppercase;font-size:10px;letter-spacing:1.25px}
section{padding:104px 0}
.page-hero{padding:48px 0 28px;border-bottom:0}
.page-hero h1{font-size:clamp(42px,5.3vw,70px);line-height:.99;letter-spacing:-3.2px;margin:20px 0 22px;max-width:840px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:52px;margin-bottom:44px}
.page-hero + section{padding-top:56px}
h2{font-size:clamp(35px,4.5vw,58px);line-height:1.04;letter-spacing:-2.45px;margin:12px 0 0;max-width:790px}
.section-head p{max-width:500px;color:var(--muted);line-height:1.74;margin:0}
.kicker{color:#dbe1e9;font-size:17px;line-height:1.7;max-width:830px}
.muted{color:var(--muted);line-height:1.75}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{
  border:1px solid var(--line);border-radius:24px;padding:28px;min-height:310px;
  background:linear-gradient(180deg,#10151e,#0a0e14);position:relative;overflow:hidden
}
.card:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(255,255,255,.025);border-radius:50%;right:-70px;top:-70px}
.card small{color:#667282;letter-spacing:1.2px}
.card h3{font-size:22px;letter-spacing:-.75px;margin:70px 0 13px;max-width:220px}
.card p{font-size:14px;line-height:1.68;color:#949eab;margin-bottom:0}
.card .mini{display:inline-flex;align-items:center;gap:7px;margin-top:20px;padding:10px 14px;border:1px solid var(--line2);border-radius:999px;color:#d9dee6;font-size:12px;font-weight:750;background:rgba(255,255,255,.018);transition:.2s}.card .mini:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.22)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.panel{
  border:1px solid var(--line);border-radius:28px;padding:34px;
  background:linear-gradient(180deg,#10151e,#0a0e14)
}
.panel h3{font-size:29px;letter-spacing:-1px;margin:10px 0 14px}
.panel p{color:var(--muted);line-height:1.76;font-size:15px}
.bullet-list{display:grid;gap:14px;margin-top:24px}
.bullet{display:flex;gap:12px;align-items:flex-start;color:#cdd3dd;font-size:14px;line-height:1.65}
.bullet i{
  width:26px;height:26px;border-radius:50%;border:1px solid var(--line);
  display:grid;place-items:center;font-style:normal;color:#fff;flex:0 0 26px;font-size:11px
}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step{border:1px solid var(--line);border-radius:24px;padding:28px;background:#0b1017;min-height:240px}
.step .num{font-size:28px;font-weight:800;color:#fff;opacity:.95}
.step h4{font-size:19px;margin:34px 0 12px;letter-spacing:-.5px}
.step p{font-size:14px;color:var(--muted);line-height:1.68}
.feature-band{
  border:1px solid var(--line);border-radius:30px;padding:44px;
  background:radial-gradient(circle at 86% 20%,rgba(78,106,172,.16),transparent 28%),linear-gradient(145deg,#111824,#090d13)
}
.feature-band-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.feature-band h3{font-size:clamp(31px,4vw,50px);letter-spacing:-2px;line-height:1.04;margin:12px 0 18px}
.feature-band p{color:var(--muted);line-height:1.76}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stat{border:1px solid var(--line);border-radius:20px;padding:20px;background:rgba(0,0,0,.14)}
.stat strong{display:block;font-size:18px;letter-spacing:-.4px}
.stat span{display:block;margin-top:7px;color:#7e8a99;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.marketplaces{display:flex;flex-wrap:nowrap;gap:8px;margin-top:20px;align-items:center;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:7px 0 5px}
.marketplace{
  display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid var(--line2);
  border-radius:999px;background:rgba(255,255,255,.025);font-size:12px;font-weight:750;color:#e6eaf0;white-space:nowrap;flex:0 0 auto
}
.marketplaces::-webkit-scrollbar{display:none}
.marketplace:before{content:"";width:6px;height:6px;border-radius:50%;border:1px solid #8c98a7;flex:0 0 6px}
.marketplace-note{font-size:11px;color:#6f7a89;margin-top:14px;line-height:1.6}
.brand-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.brand-category{
  border:1px solid var(--line);border-radius:28px;padding:30px;background:
  linear-gradient(180deg,rgba(255,255,255,.018),transparent),#0b0f15;min-height:280px
}
.brand-cat-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.brand-cat-icon{width:46px;height:46px;border:1px solid var(--line2);border-radius:15px;display:grid;place-items:center;color:#cbd2dc;font-size:18px}
.brand-category h3{font-size:27px;letter-spacing:-.9px;margin:24px 0 10px}
.brand-category p{color:var(--muted);font-size:14px;line-height:1.68;max-width:510px}
.brand-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.brand-pill{
  padding:11px 14px;border-radius:12px;border:1px solid var(--line);
  font-size:12px;font-weight:800;letter-spacing:.2px;color:#d9dfe8;background:rgba(255,255,255,.018)
}
.brand-wall{
  display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);
  border-radius:28px;overflow:hidden;background:#090d12
}
.brand-cell{
  min-height:130px;display:grid;place-items:center;padding:20px;border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);font-size:20px;font-weight:850;letter-spacing:-.55px;color:#cfd5dd
}
.brand-cell:nth-child(4n){border-right:0}
.brand-cell:nth-last-child(-n+4){border-bottom:0}
.disclaimer{margin-top:16px;color:#657180;font-size:10px;line-height:1.6}
.marquee-section{overflow:hidden;background:#080b10;border:0}
.marquee-wrap{overflow:hidden;padding:3px 0 34px}
.marquee{display:flex;width:max-content;animation:slide 34s linear infinite}
.track{display:flex;align-items:center;gap:54px;padding-right:54px}
.brand{font-size:16px;font-weight:850;color:rgba(255,255,255,.25);white-space:nowrap;text-transform:uppercase}
@keyframes slide{to{transform:translateX(-50%)}}
.project-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:14px}
.project{
  min-height:410px;border:1px solid var(--line);border-radius:28px;padding:32px;
  display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;
  background:linear-gradient(160deg,#121822,#090c11)
}
.project:before{
  content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.035);
  border-radius:50%;right:-100px;top:-110px
}
.project small{color:#748090;text-transform:uppercase;letter-spacing:1.2px}
.project h3{font-size:29px;letter-spacing:-1px;margin:9px 0 10px;max-width:540px}
.project p{color:#9aa4b1;line-height:1.69;font-size:14px;max-width:650px}
.sectors{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sector{border:1px solid var(--line);border-radius:22px;padding:23px;background:#0b0f15;min-height:145px}
.sector .s-icon{font-size:15px;color:#8793a2}
.sector h4{margin:23px 0 8px;font-size:17px;letter-spacing:-.4px}
.sector p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}
.contact-card{border:1px solid var(--line);border-radius:26px;padding:32px;background:#0b0f15}
.contact-row{padding:18px 0;border-bottom:1px solid var(--line)}
.contact-row:last-child{border-bottom:0}
.contact-row small{display:block;color:#748090;text-transform:uppercase;letter-spacing:1.1px;margin-bottom:7px;font-size:10px}
.contact-row strong,.contact-row a{font-size:17px;line-height:1.5}
.map-wrap{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff;min-height:430px}
.map-wrap iframe{display:block;width:100%;height:430px;border:0;filter:none}
.form-wrap{border:1px solid var(--line);border-radius:28px;padding:34px;background:linear-gradient(180deg,#10151e,#0a0e14)}
.form-wrap h3{font-size:29px;letter-spacing:-1px;margin:10px 0 8px}
.form-wrap>p{color:var(--muted);line-height:1.7;margin:0 0 25px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-size:11px;color:#8894a3;text-transform:uppercase;letter-spacing:.85px;font-weight:750}
.field input,.field select,.field textarea{
  width:100%;border:1px solid var(--line2);border-radius:14px;background:#090d13;color:#eef2f7;
  padding:14px 15px;outline:none;transition:.2s
}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(255,255,255,.32);background:#0b1017}
.form-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}
.form-note{color:#697584;font-size:10px;line-height:1.55;max-width:460px}
.form-status{margin-top:14px;color:#b8c1cd;font-size:12px}
.cta{
  border:1px solid var(--line);border-radius:30px;padding:42px;
  background:radial-gradient(circle at 88% 25%,rgba(80,106,170,.16),transparent 27%),#0c1119;
  display:flex;align-items:center;justify-content:space-between;gap:30px
}
.cta h3{font-size:32px;letter-spacing:-1.2px;margin:0 0 9px}
.cta p{color:var(--muted);margin:0;line-height:1.65}
footer{padding:58px 0 30px;border-top:0;color:#808b99}
.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:30px}
footer h4{color:#e8ebf1;margin:0 0 14px}
footer a{display:block;margin:9px 0;font-size:13px}
footer p{font-size:13px;line-height:1.7}
.copy{margin-top:45px;padding-top:20px;border-top:0;font-size:10px}
@media(max-width:1080px){
  nav{gap:16px;font-size:12px}
  .hero-grid,.contact-layout,.feature-band-grid,.project-grid,.two-col{grid-template-columns:1fr}
  .cards,.process,.sectors,.brand-wall{grid-template-columns:1fr 1fr}
  .brand-categories{grid-template-columns:1fr}
  .brand-cell:nth-child(2n){border-right:0}
  .brand-cell:nth-child(4n){border-right:1px solid var(--line)}
  .brand-cell:nth-last-child(-n+4){border-bottom:1px solid var(--line)}
  .brand-cell:nth-last-child(-n+2){border-bottom:0}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  header .nav{flex-wrap:wrap;padding:14px 0}
  header nav{order:3;width:100%;overflow:auto;padding-bottom:2px}
  header nav a{padding:10px 0 14px}
  header nav a.active:after{bottom:5px}
  header .nav>.btn{display:none}
}
@media(max-width:640px){
  .container{width:calc(100% - 28px)}
  .hero,.page-hero{padding:56px 0 36px}
  h1,.page-hero h1{font-size:43px;letter-spacing:-2.35px}
  section{padding:78px 0}
  .section-head{display:block}
  .section-head p{margin-top:18px}
  .visual{min-height:430px}
  .cap{min-width:145px;padding:9px 10px}
  .cap b{font-size:10px}
  .c1{left:16px;top:24px}.c2{right:16px;top:24px}.c3{left:16px;bottom:55px}.c4{right:16px;bottom:55px}
  .cards,.process,.sectors,.brand-wall,.form-grid{grid-template-columns:1fr}
  .brand-cell{border-right:0!important;border-bottom:1px solid var(--line)!important;min-height:105px}
  .brand-cell:last-child{border-bottom:0!important}
  .field.full{grid-column:auto}
  .feature-band,.form-wrap,.contact-card,.cta{padding:26px}
  .cta{display:block}.cta .actions{margin-top:22px}
  .footer-grid{grid-template-columns:1fr}
  .map-wrap,.map-wrap iframe{min-height:360px;height:360px}
}

/* ===== Hero technology ecosystem artwork ===== */
.visual.ecosystem-art{
  min-height:560px;
  aspect-ratio:850/735;
  border:1px solid rgba(255,255,255,.085);
  border-radius:34px;
  position:relative;
  overflow:hidden;
  background:#08101b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.visual.ecosystem-art:before,
.visual.ecosystem-art:after{display:none!important}
.ecosystem-art .network-art{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
  display:block;filter:saturate(.90) brightness(.93) contrast(1.02)
}
.ecosystem-art .brand-core{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:188px;height:188px;border-radius:50%;z-index:4;
  display:grid;place-items:center;
  background:radial-gradient(circle at 50% 42%,#111c32 0%,#09101d 62%,#070c15 100%);
  border:2px solid rgba(72,145,255,.78);
  box-shadow:0 0 0 7px rgba(31,102,216,.16),0 0 45px rgba(52,132,255,.43),inset 0 0 28px rgba(59,112,203,.16)
}
.ecosystem-art .brand-core:before{
  content:"";position:absolute;inset:-17px;border-radius:50%;
  border:1px solid rgba(71,139,246,.20)
}
.ecosystem-art .brand-core img{
  width:98px;height:auto;display:block;filter:drop-shadow(0 0 11px rgba(255,255,255,.05))
}
.ecosystem-art .art-caption{
  position:absolute;left:24px;bottom:18px;z-index:5;
  font-size:9px;letter-spacing:1.65px;text-transform:uppercase;color:#73849a;
  padding:8px 11px;border-radius:999px;background:rgba(5,9,15,.55);backdrop-filter:blur(7px)
}
@media(max-width:1080px){.visual.ecosystem-art{min-height:520px}}
@media(max-width:860px){.visual.ecosystem-art{min-height:560px}}
@media(max-width:640px){
  .visual.ecosystem-art{min-height:455px;aspect-ratio:auto;border-radius:26px}
  .ecosystem-art .network-art{object-fit:cover;object-position:center}
  .ecosystem-art .brand-core{width:146px;height:146px}
  .ecosystem-art .brand-core img{width:76px}
  .ecosystem-art .art-caption{left:14px;bottom:12px;font-size:8px}
}


/* ===== Calm corporate icon ecosystem (non-neon) ===== */
.visual.icon-orbit{
  min-height:560px;
  aspect-ratio:auto;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:34px;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 50% 48%,rgba(69,84,109,.10),transparent 32%),
    linear-gradient(145deg,#101620,#080c12 78%);
  background-size:52px 52px,52px 52px,auto,auto;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.visual.icon-orbit:before,
.visual.icon-orbit:after{display:none!important}
.icon-orbit .orbit-line{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:370px;height:370px;border:1px solid rgba(255,255,255,.055);border-radius:50%;z-index:1
}
.icon-orbit .orbit-line:after{
  content:"";position:absolute;inset:54px;border:1px dashed rgba(255,255,255,.035);border-radius:50%
}
.icon-orbit .brand-center{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:158px;height:158px;border-radius:38px;z-index:5;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#182131,#0b1018);
  border:1px solid rgba(255,255,255,.105);
  box-shadow:0 22px 52px rgba(0,0,0,.28)
}
.icon-orbit .brand-center img{width:76px;height:auto;display:block}
.icon-orbit .connector{position:absolute;z-index:2;background:rgba(154,166,184,.16);transform-origin:left center;height:1px}
.icon-orbit .l1{left:48%;top:43%;width:180px;transform:rotate(-145deg)}
.icon-orbit .l2{left:52%;top:43%;width:180px;transform:rotate(-35deg)}
.icon-orbit .l3{left:48%;top:57%;width:180px;transform:rotate(145deg)}
.icon-orbit .l4{left:52%;top:57%;width:180px;transform:rotate(35deg)}
.icon-orbit .l5{left:50%;top:63%;width:125px;transform:rotate(90deg)}
.icon-orbit .satellite{position:absolute;z-index:4;text-align:center;width:178px}
.icon-orbit .s1{left:22px;top:48px}
.icon-orbit .s2{right:22px;top:48px}
.icon-orbit .s3{left:22px;bottom:72px}
.icon-orbit .s4{right:22px;bottom:72px}
.icon-orbit .s5{left:50%;bottom:16px;transform:translateX(-50%)}
.icon-orbit .sat-icon{
  width:64px;height:64px;margin:0 auto 11px;border-radius:20px;
  display:grid;place-items:center;color:#dbe2ec;
  border:1px solid rgba(255,255,255,.095);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
  box-shadow:0 12px 28px rgba(0,0,0,.18)
}
.icon-orbit .sat-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.icon-orbit .satellite b{display:block;font-size:12px;line-height:1.25;color:#e6ebf2}
.icon-orbit .satellite span{display:block;margin-top:5px;font-size:9px;line-height:1.35;letter-spacing:1px;text-transform:uppercase;color:#717d8d}
@media(max-width:1080px){
  .visual.icon-orbit{min-height:540px}.icon-orbit .s1,.icon-orbit .s3{left:14px}.icon-orbit .s2,.icon-orbit .s4{right:14px}
}
@media(max-width:860px){
  .visual.icon-orbit{min-height:560px}.icon-orbit .s1,.icon-orbit .s3{left:40px}.icon-orbit .s2,.icon-orbit .s4{right:40px}
}
@media(max-width:640px){
  .visual.icon-orbit{min-height:620px;border-radius:26px}
  .icon-orbit .orbit-line{width:280px;height:280px}
  .icon-orbit .brand-center{width:138px;height:138px;border-radius:34px}.icon-orbit .brand-center img{width:68px}
  .icon-orbit .satellite{width:138px}.icon-orbit .sat-icon{width:54px;height:54px;border-radius:17px}.icon-orbit .sat-icon svg{width:23px;height:23px}
  .icon-orbit .s1{left:12px;top:28px}.icon-orbit .s2{right:12px;top:28px}.icon-orbit .s3{left:12px;bottom:82px}.icon-orbit .s4{right:12px;bottom:82px}.icon-orbit .s5{bottom:12px}
  .icon-orbit .connector{display:none}
}


/* Custom desktop cursor */
@media (hover:hover) and (pointer:fine){
  html,body,a,button,input,textarea,select,label{cursor:none!important}
  .gt-cursor-dot,.gt-cursor-ring{
    position:fixed;left:0;top:0;pointer-events:none;z-index:99999;
    transform:translate(-50%,-50%);opacity:0;
    transition:width .18s ease,height .18s ease,border-color .18s ease,background .18s ease,opacity .15s ease;
  }
  .gt-cursor-dot{
    width:5px;height:5px;border-radius:50%;background:#f3f5f8;
  }
  .gt-cursor-ring{
    width:28px;height:28px;border-radius:50%;
    border:1px solid rgba(235,239,245,.58);
    background:rgba(255,255,255,.015);
  }
  .gt-cursor-ring.is-link{
    width:42px;height:42px;
    border-color:rgba(255,255,255,.82);
    background:rgba(255,255,255,.045);
  }
  .gt-cursor-ring.is-text{
    width:18px;height:32px;border-radius:8px;
  }
  .gt-cursor-ring.is-down{
    width:24px;height:24px;
    background:rgba(255,255,255,.07);
  }
}



/* ===== Motion layer ===== */
html{background:#06080c}
body{
  opacity:1;
  transition:opacity .18s ease;
}
body.page-leaving{opacity:.18}

.gt-loader{
  position:fixed;inset:0;z-index:100000;
  display:grid;place-items:center;
  background:#06080c;
  transition:opacity .42s ease,visibility .42s ease;
}
.gt-loader.is-hidden{opacity:0;visibility:hidden}
.gt-loader-inner{
  display:grid;justify-items:center;gap:24px;
}
.gt-loader-logo{
  width:94px;height:94px;
  display:grid;place-items:center;
  animation:gtLogoBreath 1.15s cubic-bezier(.4,0,.2,1) infinite;
}
.gt-loader-logo img{
  width:72px;height:72px;object-fit:contain;
}
.gt-loader-line{
  width:128px;height:2px;border-radius:999px;
  overflow:hidden;background:rgba(255,255,255,.09);
}
.gt-loader-line i{
  display:block;width:42%;height:100%;
  background:rgba(255,255,255,.82);
  border-radius:inherit;
  animation:gtLoadLine 1.05s ease-in-out infinite;
}
.gt-loader-word{
  color:#778292;font-size:9px;
  letter-spacing:2.4px;text-transform:uppercase;font-weight:800;
}
@keyframes gtLogoBreath{
  0%,100%{transform:scale(.94);opacity:.55}
  50%{transform:scale(1.04);opacity:1}
}
@keyframes gtLoadLine{
  0%{transform:translateX(-130%)}
  100%{transform:translateX(340%)}
}

.reveal-motion{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .58s ease,transform .58s cubic-bezier(.22,.61,.36,1);
}
.reveal-motion.is-visible{
  opacity:1;
  transform:none;
}

.btn{
  position:relative;
  overflow:hidden;
  will-change:transform;
}
.btn:active{transform:scale(.965)}
.btn .gt-ripple{
  position:absolute;border-radius:50%;pointer-events:none;
  width:12px;height:12px;
  background:rgba(255,255,255,.18);
  transform:translate(-50%,-50%) scale(0);
  animation:gtRipple .55s ease-out forwards;
}
.btn.primary .gt-ripple{background:rgba(0,0,0,.12)}
@keyframes gtRipple{
  to{transform:translate(-50%,-50%) scale(16);opacity:0}
}

@media (hover:hover) and (pointer:fine){
  .icon-orbit .satellite{
    transition:transform .22s ease;
    will-change:transform;
  }
  .icon-orbit .satellite:hover{
    animation:gtIconWiggle .52s ease-in-out;
  }
  .icon-orbit .satellite:hover .sat-icon{
    transform:translateY(-3px) rotate(-1.5deg);
  }
  .icon-orbit .sat-icon{
    transition:transform .22s ease,border-color .22s ease,background .22s ease;
  }
  .card,.panel,.project,.brand-category,.sector,.step,
  .feature-band,.stat,.contact-card,.form-wrap,.map-wrap,.cta,
  .brand-wall,.marketplace{
    transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;
    will-change:transform;
  }

  .card:hover,.panel:hover,.project:hover,.brand-category:hover,.sector:hover,.step:hover,
  .feature-band:hover,.contact-card:hover,.form-wrap:hover,.map-wrap:hover,.cta:hover,.brand-wall:hover{
    transform:translateY(-4px);
    border-color:rgba(255,255,255,.13);
  }

  .stat:hover,.marketplace:hover{
    transform:translateY(-2px);
    border-color:rgba(255,255,255,.16);
  }

  .map-wrap:hover{
    box-shadow:0 18px 42px rgba(0,0,0,.22);
  }
}
@keyframes gtIconWiggle{
  0%,100%{transform:translate3d(0,0,0)}
  25%{transform:translate3d(0,-3px,0) rotate(-.6deg)}
  50%{transform:translate3d(0,1px,0) rotate(.6deg)}
  75%{transform:translate3d(0,-2px,0) rotate(-.3deg)}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .reveal-motion{opacity:1;transform:none}
}

/* E-Ticaret: stays bottom-center; hover wiggle preserves its centering transform. */
@media (hover:hover) and (pointer:fine){
  .icon-orbit .satellite.s5:hover{
    animation:gtEcomCenteredWiggle .52s ease-in-out;
  }
}
@keyframes gtEcomCenteredWiggle{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(0deg)}
  25%{transform:translateX(-50%) translateY(-3px) rotate(-.6deg)}
  50%{transform:translateX(-50%) translateY(1px) rotate(.6deg)}
  75%{transform:translateX(-50%) translateY(-2px) rotate(-.3deg)}
}

/* ===== V15 clean desktop/mobile header + iPhone layout ===== */
html,body{max-width:100%;overflow-x:clip}
.site-header{width:100%;max-width:100%}
.desktop-header-row{
  min-height:78px;display:flex;align-items:center;justify-content:space-between;
  gap:24px;flex-wrap:nowrap
}
.desktop-nav{display:flex;align-items:center;gap:23px;margin:0 auto;white-space:nowrap}
.desktop-nav a{position:relative;padding:28px 0}
.desktop-contact{flex:0 0 auto}
.mobile-header-row,.mobile-nav-panel{display:none}

/* make grid/flex children shrink instead of forcing page sideways */
.hero-grid>*,.cards>*,.two-col>*,.process>*,.feature-band-grid>*,.stat-grid>*,
.brand-categories>*,.project-grid>*,.sectors>*,.contact-layout>*,.form-grid>*,.footer-grid>*{min-width:0}
.visual,.visual.icon-orbit,.feature-band,.brand-wall,.map-wrap,.form-wrap,.contact-card{max-width:100%}
.marketplaces{width:100%;max-width:100%}

@media(max-width:820px){
  .container{width:calc(100% - 28px)}
  .desktop-header-row{display:none!important}
  .mobile-header-row{
    min-height:68px;display:flex!important;align-items:center;justify-content:space-between;
    gap:14px;padding:8px 0
  }
  .mobile-header-row .logo{min-width:0}
  .mobile-header-row .logo img{width:31px;height:31px}
  .mobile-header-row .logo-type b{font-size:11px}
  .mobile-header-row .logo-type span{font-size:8px;margin-top:5px;letter-spacing:1.7px}
  .mobile-menu-btn{
    display:flex!important;flex:0 0 42px;width:42px;height:42px;border-radius:14px;
    border:1px solid var(--line2);background:rgba(255,255,255,.035);color:#fff;
    align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0
  }
  .mobile-menu-btn span{display:block;width:17px;height:1.5px;background:currentColor;border-radius:999px;transition:.2s}
  .mobile-menu-btn.is-open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
  .mobile-menu-btn.is-open span:nth-child(2){opacity:0}
  .mobile-menu-btn.is-open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

  .mobile-nav-panel{
    display:block;position:absolute;left:0;right:0;top:100%;z-index:60;
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease
  }
  .mobile-nav-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .mobile-nav-inner{
    padding:9px;margin-top:8px;border:1px solid var(--line);border-radius:20px;
    background:rgba(9,13,19,.985);backdrop-filter:blur(18px);box-shadow:0 22px 50px rgba(0,0,0,.34)
  }
  .mobile-nav{display:grid!important;gap:2px!important;width:100%;font-size:13px;white-space:normal}
  .mobile-nav a{
    display:flex;align-items:center;min-height:45px;padding:0 13px!important;border-radius:12px
  }
  .mobile-nav a.active,.mobile-nav a:active{background:rgba(255,255,255,.055);color:#fff}
  .mobile-nav a.active:after{display:none!important}
  .mobile-contact{display:flex!important;width:100%;margin-top:8px;min-height:45px}

  .hero{padding:48px 0 60px}
  .hero-grid{grid-template-columns:1fr!important;gap:30px}
  .page-hero{padding:42px 0 26px}
  section{padding:68px 0}
  .page-hero + section{padding-top:42px}
  .hero .lead,.page-hero .lead{font-size:14px;line-height:1.72}
  .section-head{margin-bottom:28px}
  .feature-band{padding:26px}
  .contact-layout{gap:14px}
  .project{min-height:320px}
  .marketplaces{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
  .marketplace{scroll-snap-align:start;flex:0 0 auto}
}

@media(max-width:640px){
  .container{width:calc(100% - 22px)}
  h1,.page-hero h1{font-size:clamp(35px,10.8vw,42px);line-height:1.01;letter-spacing:-2px;margin:16px 0 20px}
  h2{font-size:clamp(30px,9vw,38px);letter-spacing:-1.55px}
  .actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:23px}
  .actions .btn{width:100%;min-height:48px}
  .trust{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;margin-top:24px;font-size:9px}
  .cards,.process,.sectors,.brand-wall,.form-grid{grid-template-columns:1fr!important}
  .feature-band,.form-wrap,.contact-card,.cta,.panel,.step,.brand-category,.project{padding:22px}
  .feature-band h3{font-size:31px;letter-spacing:-1.3px}
  .stat-grid{gap:9px}
  .stat{padding:14px}
  .marketplaces{margin-top:15px;padding:8px 1px 7px}
  .marketplace{padding:9px 11px;font-size:11px}
  .marketplace-note{font-size:10px;margin-top:9px}
  .brand-cell{min-height:86px!important;font-size:16px}
  .map-wrap,.map-wrap iframe{height:315px!important;min-height:315px!important}
  footer{padding-top:42px}

  /* iPhone-safe ecosystem */
  .visual.icon-orbit{
    width:100%;min-height:500px!important;height:500px;border-radius:24px;overflow:hidden!important
  }
  .icon-orbit .orbit-line{width:244px!important;height:244px!important}
  .icon-orbit .orbit-line:after{inset:38px}
  .icon-orbit .brand-center{width:116px!important;height:116px!important;border-radius:28px;top:49%}
  .icon-orbit .brand-center img{width:58px!important}
  .icon-orbit .satellite{width:112px!important}
  .icon-orbit .sat-icon{width:48px!important;height:48px!important;border-radius:15px;margin-bottom:8px}
  .icon-orbit .sat-icon svg{width:20px!important;height:20px!important}
  .icon-orbit .satellite b{font-size:9.5px;line-height:1.25}
  .icon-orbit .satellite span{font-size:7.5px;letter-spacing:.7px;margin-top:4px}
  .icon-orbit .s1{left:5px!important;top:24px!important}
  .icon-orbit .s2{right:5px!important;top:24px!important}
  .icon-orbit .s3{left:5px!important;bottom:82px!important}
  .icon-orbit .s4{right:5px!important;bottom:82px!important}
  .icon-orbit .s5{left:50%!important;bottom:10px!important;width:132px!important;transform:translateX(-50%)!important}
  .icon-orbit .connector{display:none!important}
}

@media(max-width:390px){
  .container{width:calc(100% - 20px)}
  .trust{grid-template-columns:1fr}
  .visual.icon-orbit{min-height:480px!important;height:480px}
  .icon-orbit .satellite{width:105px!important}
  .icon-orbit .s1,.icon-orbit .s3{left:2px!important}
  .icon-orbit .s2,.icon-orbit .s4{right:2px!important}
}

/* touch feedback: same subtle motion without hover */
.gt-touch-ring{position:fixed;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.5);pointer-events:none;z-index:99999;transform:translate(-50%,-50%) scale(.6);opacity:0;animation:gtTouchRingV15 .34s ease-out forwards}
@keyframes gtTouchRingV15{0%{opacity:.7;transform:translate(-50%,-50%) scale(.6)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}
@media (hover:none),(pointer:coarse){
  .touch-pop{animation:gtTouchPopV15 .34s ease}
  .touch-wiggle{animation:gtTouchWiggleV15 .42s ease}
  .icon-orbit .s5.touch-wiggle{animation:gtTouchWiggleCenteredV15 .42s ease}
}
@keyframes gtTouchPopV15{0%,100%{transform:translateY(0)}45%{transform:translateY(-3px)}}
@keyframes gtTouchWiggleV15{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-3px) rotate(-.8deg)}70%{transform:translateY(1px) rotate(.5deg)}}
@keyframes gtTouchWiggleCenteredV15{0%,100%{transform:translateX(-50%) translateY(0) rotate(0)}35%{transform:translateX(-50%) translateY(-3px) rotate(-.8deg)}70%{transform:translateX(-50%) translateY(1px) rotate(.5deg)}}
/* V16 iPhone overflow hardening */
@media(max-width:820px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .site-header,main,footer,section{width:100%;max-width:100%;overflow-x:hidden}
  .container{width:calc(100% - 28px)!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
  .hero-grid,.two-col,.feature-band-grid,.contact-layout,.project-grid{grid-template-columns:minmax(0,1fr)!important}
  .hero-grid>*,.two-col>*,.feature-band-grid>*,.contact-layout>*,.project-grid>*{min-width:0!important;max-width:100%!important}
  .visual.icon-orbit{max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
}
@media(max-width:430px){
  .container{width:calc(100% - 20px)!important}
  .visual.icon-orbit{height:480px!important;min-height:480px!important}
}

/* ===== V17 mobile hamburger visibility fix ===== */
@media(max-width:820px){
  .mobile-nav-panel{
    display:none!important;
    position:fixed!important;
    top:68px!important;
    left:0!important;
    right:0!important;
    z-index:9999!important;
    padding:0 14px 14px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .site-header.menu-open .mobile-nav-panel{
    display:block!important;
  }

  .mobile-nav-inner{
    width:100%!important;
    max-height:calc(100dvh - 84px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:10px!important;
    margin:0!important;
    border:1px solid var(--line)!important;
    border-radius:20px!important;
    background:#090d13!important;
    box-shadow:0 22px 50px rgba(0,0,0,.42)!important;
  }

  .mobile-nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:3px!important;
  }

  .mobile-nav a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:48px!important;
    padding:0 14px!important;
    color:#d7dde6!important;
    font-size:14px!important;
    white-space:normal!important;
    border-radius:12px!important;
  }

  .mobile-nav a.active{
    color:#fff!important;
    background:rgba(255,255,255,.06)!important;
  }

  .mobile-contact{
    display:flex!important;
    width:100%!important;
    min-height:48px!important;
    margin-top:8px!important;
  }
}

/* ===== V18: reveal actual mobile nav links ===== */
@media(max-width:820px){
  .site-header .mobile-nav-panel .mobile-nav{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .site-header .mobile-nav-panel .mobile-nav a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:48px!important;
    padding:0 14px!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .site-header.menu-open .mobile-nav-panel,
  .site-header.menu-open .mobile-nav-panel .mobile-nav,
  .site-header.menu-open .mobile-nav-panel .mobile-nav a{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

/* ===== V19 Native mobile menu ===== */
.native-mobile-menu{
  display:none;
}

@media(max-width:820px){
  .mobile-menu-btn,
  .mobile-nav-panel{
    display:none!important;
  }

  .native-mobile-menu{
    display:block!important;
    margin-left:auto;
    position:relative;
    z-index:10050;
  }

  .native-mobile-menu > summary{
    list-style:none;
    width:42px;
    height:42px;
    padding:0;
    margin:0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:4px;
    border:1px solid var(--line2);
    border-radius:14px;
    background:rgba(255,255,255,.035);
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }

  .native-mobile-menu > summary::-webkit-details-marker{
    display:none;
  }

  .native-mobile-menu .hamb-line{
    width:17px;
    height:1.5px;
    border-radius:999px;
    background:#fff;
    transition:transform .22s ease,opacity .22s ease;
  }

  .native-mobile-menu[open] > summary .hamb-line:nth-child(1){
    transform:translateY(5.5px) rotate(45deg);
  }
  .native-mobile-menu[open] > summary .hamb-line:nth-child(2){
    opacity:0;
  }
  .native-mobile-menu[open] > summary .hamb-line:nth-child(3){
    transform:translateY(-5.5px) rotate(-45deg);
  }

  .native-mobile-menu-panel{
    display:none!important;
  }

  .native-mobile-menu[open] .native-mobile-menu-panel{
    display:block!important;
    position:fixed!important;
    top:68px!important;
    left:12px!important;
    right:12px!important;
    z-index:10040!important;
    padding:10px!important;
    border:1px solid var(--line)!important;
    border-radius:20px!important;
    background:#090d13!important;
    box-shadow:0 22px 50px rgba(0,0,0,.42)!important;
    max-height:calc(100dvh - 82px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .native-mobile-nav{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .native-mobile-nav a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:48px!important;
    padding:0 14px!important;
    margin:0!important;
    color:#d7dde6!important;
    font-size:14px!important;
    white-space:normal!important;
    border-radius:12px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .native-mobile-nav a.active{
    color:#fff!important;
    background:rgba(255,255,255,.06)!important;
  }

  .native-mobile-contact{
    display:flex!important;
    width:100%!important;
    min-height:48px!important;
    margin-top:8px!important;
  }
}

@media(min-width:821px){
  .native-mobile-menu{
    display:none!important;
  }
}

/* ===== V20 isolated native mobile menu ===== */
@media(max-width:820px){
  .native-mobile-menu{
    display:block!important;
    margin-left:auto!important;
    position:relative!important;
    z-index:11000!important;
  }

  .native-mobile-menu > summary{
    position:relative!important;
    z-index:11020!important;
  }

  .native-mobile-menu-panel{
    display:none!important;
  }

  .native-mobile-menu[open] .native-mobile-menu-panel{
    display:block!important;
    position:fixed!important;
    top:68px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:14px 12px calc(22px + env(safe-area-inset-bottom))!important;
    z-index:11010!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    background:#06090e!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .native-mobile-links{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .native-mobile-links a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    padding:0 16px!important;
    margin:0!important;
    color:#d7dde6!important;
    background:transparent!important;
    border:0!important;
    border-radius:13px!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.2!important;
    text-decoration:none!important;
    white-space:normal!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .native-mobile-links a.active{
    color:#fff!important;
    background:rgba(255,255,255,.065)!important;
  }

  .native-mobile-links a:active{
    background:rgba(255,255,255,.09)!important;
  }

  .native-mobile-contact{
    display:flex!important;
    width:100%!important;
    min-height:52px!important;
    margin-top:10px!important;
    justify-content:center!important;
  }
}

/* ===== V21 full-width mobile menu + centered logo ===== */
@media(max-width:820px){
  .mobile-header-row{
    position:relative!important;
    min-height:68px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px 0!important;
  }

  .mobile-header-row>.logo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    z-index:2!important;
  }

  .mobile-header-row>.logo img{
    width:31px!important;
    height:31px!important;
  }

  .native-mobile-menu{
    display:block!important;
    position:static!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    z-index:21000!important;
  }

  .native-mobile-menu>summary{
    position:absolute!important;
    right:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:21020!important;
    margin:0!important;
  }

  .native-mobile-menu-panel{
    display:none!important;
  }

  .native-mobile-menu[open] .native-mobile-menu-panel{
    display:block!important;
    position:absolute!important;
    top:68px!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:100vw!important;
    max-width:100vw!important;
    height:auto!important;
    max-height:calc(100vh - 68px)!important;
    margin:0!important;
    padding:14px 14px calc(20px + env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    background:#06090e!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-radius:0!important;
    box-shadow:0 22px 50px rgba(0,0,0,.36)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    z-index:21010!important;
  }

  .native-mobile-links{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  .native-mobile-links a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:52px!important;
    padding:0 16px!important;
    margin:0!important;
    color:#d7dde6!important;
    background:transparent!important;
    border-radius:13px!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.2!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .native-mobile-links a.active{
    color:#fff!important;
    background:rgba(255,255,255,.065)!important;
  }

  .native-mobile-contact{
    display:flex!important;
    width:100%!important;
    min-height:52px!important;
    margin-top:10px!important;
  }
}

/* ===== V22 Mobile visible tab navigation ===== */
.mobile-header-shell{display:none}

@media(max-width:820px){
  .site-header{
    background:rgba(6,8,12,.96)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  .desktop-header-row{display:none!important}
  .mobile-header-shell{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
  }

  .mobile-logo-row{
    min-height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px 0 5px!important;
  }

  .mobile-logo{
    position:static!important;
    transform:none!important;
    margin:0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .mobile-logo img{
    width:31px!important;
    height:31px!important;
  }

  .mobile-logo .logo-type b{font-size:11px!important}
  .mobile-logo .logo-type span{font-size:8px!important;margin-top:4px!important}

  .mobile-tab-rail{
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain!important;
    border-top:1px solid rgba(255,255,255,.045)!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
    background:#080b10!important;
  }
  .mobile-tab-rail::-webkit-scrollbar{display:none!important}

  .mobile-tab-track{
    width:max-content!important;
    min-width:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    padding:7px 10px!important;
  }

  .mobile-tab{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:0 13px!important;
    border-radius:12px!important;
    color:#aeb7c5!important;
    background:transparent!important;
    border:1px solid transparent!important;
    font-size:12px!important;
    font-weight:650!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
  }

  .mobile-tab.active{
    color:#fff!important;
    background:rgba(255,255,255,.065)!important;
    border-color:rgba(255,255,255,.08)!important;
  }

  .mobile-tab:active{
    transform:scale(.96)!important;
    background:rgba(255,255,255,.085)!important;
  }

  .mobile-tab-contact{
    color:#fff!important;
    border-color:rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.045)!important;
    margin-right:2px!important;
  }

  /* prevent old hamburger/details rules from ever appearing */
  .mobile-header-row,
  .native-mobile-menu,
  .native-mobile-menu-panel,
  .mobile-menu-btn,
  .mobile-nav-panel{
    display:none!important;
  }

  html,body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
}

@media(max-width:390px){
  .mobile-tab-track{padding-left:8px!important;padding-right:8px!important}
  .mobile-tab{padding:0 11px!important;font-size:11.5px!important}
}