:root{
  --bg:#0e0e0f;
  --panel:#121214;
  --text:#e9e9ea;
  --muted:#a6abb2;
  --line:#22232a;
  --gold:#ffd700;
  --blue:#9ecaff;
  --worm1:#7b3f00;
  --worm2:#8b4513;
  --worm3:#a0522d;
  --worm4:#c19a6b;
  --worm5:#ffd700;
  --h1:clamp(32px,6vw,60px);
  --h2:clamp(20px,3.2vw,28px);
  --p:clamp(15px,1.9vw,18px);
}

*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Fira Code',ui-monospace,Menlo,Consolas,monospace;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

[data-lang][hidden]{display:none !important;}

.bg-video{
  position:fixed;
  inset:0;
  z-index:-1;
  background:#000;
  overflow:hidden;
}

.bg-video::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.5);
}

.bg-video video{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  min-width:100%;
  min-height:100%;
  object-fit:cover;
}

header{
  position:sticky;
  top:0;
  z-index:20;
  backdrop-filter:saturate(120%) blur(8px);
  background:linear-gradient(180deg,rgba(18,18,20,.92),rgba(18,18,20,.62));
  border-bottom:1px solid var(--line);
}

.wrap{
  max-width:1100px;
  margin:0 auto;
  padding:20px;
}

.top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:Orbitron,sans-serif;
  font-weight:700;
}

.dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 10px var(--gold);
}

.head-right{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.tagline{
  color:#d8d8d8;
  font-size:14px;
}

.lang-switch{
  display:flex;
  gap:8px;
}

.lang-btn,.tab-btn,.cta{
  display:inline-block;
  padding:10px 16px;
  border-radius:10px;
  color:var(--gold);
  border:2px solid var(--gold);
  text-decoration:none;
  font-weight:800;
  background:transparent;
  cursor:pointer;
  font-family:inherit;
  font-size:14px;
}

.lang-btn:hover,.lang-btn.active,
.tab-btn:hover,.tab-btn[aria-selected="true"],
.cta:hover{
  background:rgba(255,215,0,.12);
}

.banner{
  margin:16px 0 6px;
  background:rgba(20,20,24,.9);
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px 18px;
  text-align:center;
  font-family:Orbitron,sans-serif;
  font-size:clamp(16px,3vw,24px);
  color:var(--blue);
  letter-spacing:.3px;
}

main .card{
  background:rgba(18,18,20,.87);
  border:1px solid var(--line);
  border-radius:16px;
  padding:26px;
  margin:22px 0;
}

h1{
  font-family:Orbitron,sans-serif;
  font-size:var(--h1);
  margin:6px 0 8px;
  color:var(--gold);
  letter-spacing:.4px;
}

h2{
  font-size:var(--h2);
  margin:14px 0 8px;
  color:var(--blue);
}

p{
  font-size:var(--p);
  line-height:1.7;
  margin:8px 0;
}

.lead{
  font-weight:700;
  font-size:clamp(18px,3vw,25px);
}

.muted{color:var(--muted)}

.focus{
  background:linear-gradient(90deg,var(--worm1),var(--worm2),var(--worm3),var(--worm4),var(--worm5));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-weight:800;
}

.wormline{
  overflow:hidden;
  white-space:nowrap;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:10px 0;
  margin:14px 0;
  background:linear-gradient(180deg,rgba(123,63,0,.10),rgba(161,116,86,.05));
}

.wormline span{
  display:inline-block;
  padding:0 10px;
  font-weight:800;
  letter-spacing:.6px;
  background:linear-gradient(90deg,var(--worm1),var(--worm2),var(--worm3),var(--worm4),var(--worm5));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:drift 28s linear infinite;
}

@keyframes drift{
  from{transform:translateX(0)}
  to{transform:translateX(-35%)}
}

.tabs{display:grid; gap:0}
.tab-row{display:flex; flex-wrap:wrap; gap:12px; align-items:center}
.tab-row-spaced{margin-top:16px}
.tab-panels{margin-top:10px}
.tab-panel[hidden]{display:none}

.grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

@media (max-width:760px){
  .grid{grid-template-columns:1fr}
}

.field{
  display:grid;
  gap:8px;
}

label{
  font-size:14px;
  color:var(--muted);
}

input{
  width:100%;
  border-radius:10px;
  border:1px solid var(--line);
  background:#0c0c0e;
  color:var(--text);
  padding:12px 14px;
  font:inherit;
}

.small{
  font-size:13px;
  color:var(--muted);
}

.list{
  display:grid;
  gap:10px;
  margin-top:10px;
}

.list div{
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(0,0,0,.18);
}

.metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:8px;
}

@media (max-width:860px){
  .metrics{grid-template-columns:1fr}
}

.metric{
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(0,0,0,.18);
  text-align:center;
}

.metric-num{
  font-family:Orbitron,sans-serif;
  font-weight:800;
  line-height:1;
  font-size:clamp(30px,7vw,58px);
  color:#ffe065;
  text-shadow:0 0 14px rgba(255,208,0,.14);
}

.metric-label{
  margin-top:10px;
  color:#f0f0f0;
  font-size:14px;
}

.metric-note{
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
}

.partner-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:10px;
}

@media (max-width:860px){
  .partner-grid{grid-template-columns:1fr}
}

.partner-card{
  padding:16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(0,0,0,.18);
}

.about-grid{
  display:grid;
  grid-template-columns:minmax(220px,320px) 1fr;
  gap:28px;
  align-items:start;
  margin-top:8px;
}

.about-photo{
  width:100%;
  max-width:320px;
  aspect-ratio:4 / 5;
  border-radius:16px;
  border:1px solid var(--line);
  object-fit:cover;
  object-position:center;
  background:#111;
  display:block;
}

.about-text p{
  margin-bottom:16px;
}

@media (max-width:820px){
  .about-grid{
    grid-template-columns:1fr;
  }

  .about-photo{
    max-width:420px;
    width:100%;
    margin:0 auto;
  }
}

.origin-line{
  font-family:Orbitron,sans-serif;
  font-size:clamp(22px,4vw,34px);
  color:var(--gold);
}

footer{
  padding:0 20px 34px;
}

.footer-card{
  max-width:1100px;
  margin:0 auto;
  background:rgba(18,18,20,.75);
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

.innovation-link{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:inherit;
}

.innovation-link img{
  height:34px;
  width:auto;
  display:block;
  border-radius:4px;
  background:#fff;
  padding:2px 4px;
}

.float-cta{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:25;
  background:rgba(0,0,0,.35);
  border:2px solid var(--gold);
  color:var(--gold);
  padding:10px 14px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
  backdrop-filter:blur(3px);
}

.float-cta:hover{
  background:rgba(255,215,0,.12);
}