/* Titav Labs — estilos estáticos (conversión fiel del export de diseño) */

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#08111F}

@keyframes titavBlink{0%,55%{opacity:1}56%,100%{opacity:0}}

body{
  background:#08111F;
  color:#DCE6F5;
  font-family:'Space Grotesk',sans-serif;
}

a{color:inherit}

/* ---------- Header ---------- */
.tv-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 46px;
  border-bottom:1px solid rgba(220,230,245,.1);
}
.tv-logo{
  font-family:'JetBrains Mono',monospace;
  font-size:15px;
  letter-spacing:.03em;
  display:flex;
  align-items:center;
}
.tv-logo svg{display:block;width:24px;height:auto;margin-right:10px}
.tv-logo .b{color:#4F86FF}
.tv-logo .s{color:#46597A}
.tv-logo .l{color:#DCE6F5}
.tv-cursor-sm{
  width:9px;height:16px;background:#5BE1FF;margin-left:7px;
  animation:titavBlink 1.1s steps(1) infinite;display:inline-block;
}
.tv-nav{
  display:flex;
  gap:28px;
  font-family:'JetBrains Mono',monospace;
  font-size:13px;
  color:#6B7B95;
  align-items:center;
}
.tv-nav a{color:#6B7B95;text-decoration:none;transition:color .15s ease}
.tv-nav a:hover{color:#DCE6F5}

/* Switcher de idioma */
.tv-lang{
  display:flex;
  align-items:center;
  gap:6px;
  font-family:'JetBrains Mono',monospace;
  font-size:13px;
  color:#46597A;
}
.tv-lang a{text-decoration:none;color:#6B7B95;transition:color .15s ease}
.tv-lang a:hover{color:#DCE6F5}
.tv-lang a.active{color:#5BE1FF}
.tv-lang .sep{color:#2B3650}

.tv-cta-nav{
  font-family:'JetBrains Mono',monospace;
  font-size:13px;
  padding:10px 20px;
  background:#4F86FF;
  color:#fff;
  border:none;
  border-radius:999px;
  text-decoration:none;
  display:inline-block;
  cursor:pointer;
  transition:background .15s ease,color .15s ease;
}
.tv-cta-nav:hover{background:#5BE1FF;color:#08111F}

.tv-header-right{display:flex;align-items:center;gap:22px}

/* ---------- Hero ---------- */
.tv-hero{
  position:relative;
  overflow:hidden;
  padding:78px 46px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:50px;
  align-items:center;
}
.tv-hero-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(91,225,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(91,225,255,.05) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:radial-gradient(ellipse 75% 65% at 28% 22%,#000,transparent 76%);
  mask-image:radial-gradient(ellipse 75% 65% at 28% 22%,#000,transparent 76%);
  pointer-events:none;
}
.tv-hero-left{position:relative}
.tv-prompt{
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  letter-spacing:.06em;
  color:#6B7B95;
  margin-bottom:24px;
}
.tv-prompt .cy{color:#5BE1FF}
.tv-prompt .bl{color:#4F86FF}
.tv-prompt .dot{color:#DCE6F5}
.tv-hero h1{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:clamp(40px,5.6vw,80px);
  line-height:1.0;
  letter-spacing:-.03em;
  margin:0 0 24px;
}
.tv-hero-sub{
  font-size:clamp(17px,1.5vw,20px);
  line-height:1.5;
  color:#9FAEC8;
  max-width:50ch;
  margin:0 0 32px;
}
.tv-hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.tv-btn-primary{
  font-family:'JetBrains Mono',monospace;
  font-size:14px;
  padding:14px 26px;
  background:#4F86FF;
  color:#fff;
  border:none;
  border-radius:999px;
  text-decoration:none;
  display:inline-block;
  cursor:pointer;
  transition:transform .15s ease;
}
.tv-btn-primary:hover{transform:translateY(-2px)}
.tv-btn-ghost{
  font-family:'JetBrains Mono',monospace;
  font-size:14px;
  padding:14px 26px;
  background:transparent;
  color:#DCE6F5;
  border:1px solid rgba(220,230,245,.22);
  border-radius:999px;
  text-decoration:none;
  display:inline-block;
  cursor:pointer;
  transition:border-color .15s ease,color .15s ease;
}
.tv-btn-ghost:hover{border-color:#5BE1FF;color:#5BE1FF}

/* Terminal panel */
.tv-terminal{
  position:relative;
  background:#0D1B30;
  border:1px solid rgba(91,225,255,.2);
  border-radius:14px;
  padding:22px;
  font-family:'JetBrains Mono',monospace;
  font-size:13px;
  box-shadow:0 24px 60px -30px rgba(0,0,0,.7);
}
.tv-term-bar{display:flex;align-items:center;gap:6px;margin-bottom:16px}
.tv-dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.tv-dot.b{background:#4F86FF}
.tv-dot.c{background:#5BE1FF}
.tv-dot.g{background:#2B3650}
.tv-term-file{margin-left:auto;color:#6B7B95;font-size:11px}
.tv-term-cmd{color:#6B7B95;margin-bottom:8px}
.tv-term-cmd.mt{margin-top:8px;margin-bottom:0}
.tv-term-row{display:flex;align-items:center;gap:12px;padding:9px 0}
.tv-term-row .arr{color:#5BE1FF}
.tv-term-row .tag{color:#4F86FF;min-width:118px}
.tv-term-row .name{color:#DCE6F5}
.tv-cursor-term{
  display:inline-block;width:8px;height:14px;background:#5BE1FF;
  vertical-align:middle;animation:titavBlink 1.1s steps(1) infinite;
}

/* ---------- Section base ---------- */
.tv-section{padding:58px 46px;border-top:1px solid rgba(220,230,245,.1)}
.tv-kicker{
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#5BE1FF;
  margin-bottom:34px;
}

/* Value grid */
.tv-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.tv-value-item{display:flex;flex-direction:column;gap:12px}
.tv-value-n{
  font-family:'JetBrains Mono',monospace;
  font-weight:700;font-size:22px;color:#4F86FF;line-height:1;
}
.tv-value-item h3{
  font-family:'Space Grotesk',sans-serif;
  font-weight:600;font-size:22px;margin:0;
}
.tv-value-item p{font-size:15px;line-height:1.55;color:#9FAEC8;margin:0}

/* Experiments section */
.tv-exp-section{padding:58px 46px 70px;border-top:1px solid rgba(220,230,245,.1)}
.tv-exp-kicker{margin-bottom:30px}
.tv-exp-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(228px,1fr));
  gap:18px;
}
.tv-exp-card{
  background:#0D1B30;
  border:1px solid rgba(220,230,245,.12);
  border-radius:16px;
  padding:26px;
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:200px;
  transition:border-color .15s ease;
}
.tv-exp-card:hover{border-color:#5BE1FF}
.tv-exp-tag{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:700;color:#5BE1FF;
  align-self:flex-start;
  background:rgba(91,225,255,.12);
  padding:4px 9px;border-radius:6px;
}
.tv-exp-card h3{
  font-family:'Space Grotesk',sans-serif;
  font-weight:600;font-size:24px;margin:4px 0 0;color:#EAF0FF;
}
.tv-exp-card p{font-size:15px;line-height:1.55;color:#9FAEC8;margin:0}

/* Manifesto */
.tv-manifesto-section{padding:72px 46px;border-top:1px solid rgba(220,230,245,.1)}
.tv-manifesto{
  font-family:'JetBrains Mono',monospace;
  font-size:clamp(18px,2.4vw,30px);
  line-height:1.5;
  color:#7E8DA8;
  margin:0;max-width:34ch;
}
.tv-manifesto .cy{color:#5BE1FF}

/* Footer CTA */
.tv-footer{padding:80px 46px;background:#0A1628}
.tv-footer h2{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:clamp(32px,4.6vw,60px);
  line-height:1.02;letter-spacing:-.025em;
  margin:0 0 20px;max-width:18ch;
}
.tv-footer-sub{font-size:19px;line-height:1.45;color:#9FAEC8;margin:0 0 32px;max-width:48ch}
.tv-footer-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.tv-footer-email{
  font-family:'JetBrains Mono',monospace;
  font-size:15px;color:#DCE6F5;text-decoration:none;
  border-bottom:1px solid rgba(91,225,255,.6);padding-bottom:2px;
}
.tv-footer-legal{
  margin-top:56px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.1em;color:#5A6680;
}

/* ---------- Responsive ---------- */
@media (max-width:760px){
  .tv-header{padding:16px 22px;flex-wrap:wrap;gap:14px}
  .tv-nav{display:none}
  .tv-hero{grid-template-columns:1fr;gap:36px;padding:48px 22px}
  .tv-section,.tv-exp-section,.tv-manifesto-section,.tv-footer{padding-left:22px;padding-right:22px}
  .tv-value-grid{grid-template-columns:1fr;gap:30px}
  .tv-exp-grid{grid-template-columns:1fr}
}