:root{
  --bg: #05060a;
  --card: rgba(255,255,255,.06);
  --card2: rgba(255,255,255,.04);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.68);
  --line: rgba(255,255,255,.10);
  --grad: linear-gradient(90deg, #35f5c5 0%, #29a9ff 35%, #b04cff 70%, #ff4fb8 100%);
  --shadow: 0 18px 50px rgba(0,0,0,.45);
}
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: radial-gradient(900px 500px at 70% 10%, rgba(64, 140, 255, .12), transparent 60%),
              radial-gradient(800px 500px at 20% 0%, rgba(255, 64, 200, .10), transparent 55%),
              var(--bg);
  color: var(--text);
}
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
.tk-container{ width:min(1120px, 92%); margin:0 auto; }
.tk-header{
  position: sticky; top:0; z-index: 50;
  background: rgba(5,6,10,.72);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
}
.tk-header__inner{ display:flex; align-items:center; justify-content:space-between; padding: 14px 0; }
.tk-logo{ height:44px; width:auto; }
.tk-nav{ position: relative; }
.tk-nav__toggle{
  display:none; background: transparent;
  border: 1px solid var(--line); color: var(--text);
  border-radius: 12px; padding: 10px 12px;
}
.tk-nav__menu{ display:flex; gap:18px; align-items:center; }
.tk-nav__menu a{ color: var(--muted); font-weight: 700; font-size: 14px; }
.tk-nav__menu a:hover{ color: var(--text); }
.tk-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 12px 16px; border-radius: 14px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  color: var(--text); font-weight: 800; letter-spacing: .2px;
  box-shadow: var(--shadow);
}
.tk-btn--ghost{ background: transparent; box-shadow:none; }
.tk-btn--sm{ padding: 10px 12px; border-radius: 12px; box-shadow:none; }
.tk-btn--full{ width:100%; padding: 14px 16px; }
.tk-main{ padding-bottom: 40px; }
.tk-hero{ padding: 64px 0 30px; }
.tk-hero__grid{ display:grid; grid-template-columns: 1.15fr .85fr; gap: 28px; align-items: center; }
.tk-badge{
  display:inline-flex; padding: 8px 12px; border-radius: 999px;
  background: rgba(255,255,255,.06); border: 1px solid var(--line);
  color: var(--muted); font-size: 13px; font-weight: 800;
}
.tk-hero h1{ margin: 14px 0 10px; font-size: clamp(34px, 4vw, 54px); line-height: 1.05; letter-spacing:-.8px; }
.tk-hero p{ margin:0; font-size: 16px; color: var(--muted); line-height: 1.55; max-width: 65ch; }
.tk-hero__cta{ display:flex; gap:12px; margin-top: 18px; flex-wrap:wrap; }
.tk-trust{ margin-top: 18px; display:flex; gap:14px; flex-wrap:wrap; }
.tk-trust__item{
  padding: 10px 12px; background: rgba(255,255,255,.04);
  border: 1px solid var(--line); border-radius: 14px;
  color: var(--muted); font-weight: 700; font-size: 13px;
}
.tk-media-card{
  border-radius: 22px; overflow:hidden;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.tk-media-card img{ height: 360px; width: 100%; object-fit: cover; background: rgba(255,255,255,.04); }
.tk-media-card__caption{ padding: 12px 14px; color: var(--muted); font-size: 13px; border-top: 1px solid var(--line); }
.tk-section{ padding: 54px 0; }
.tk-section--tight{ padding: 28px 0; }
.tk-section--alt{
  background: linear-gradient(180deg, rgba(255,255,255,.02), transparent 55%);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
h2{ font-size: 30px; margin: 0 0 8px; }
.tk-subtitle{ margin:0 0 18px; color: var(--muted); line-height: 1.6; }
.tk-stats{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.tk-stat{ background: var(--card2); border: 1px solid var(--line); border-radius: 20px; padding: 16px; }
.tk-stat__big{
  font-weight: 950; font-size: 26px;
  background: var(--grad); -webkit-background-clip: text; background-clip:text; color: transparent;
}
.tk-stat__text{ margin-top: 6px; color: var(--muted); font-weight: 700; font-size: 13px; }
.tk-cards{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.tk-card{
  background: var(--card); border: 1px solid var(--line);
  border-radius: 22px; padding: 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,.28);
}
.tk-card__top{ display:flex; align-items:center; justify-content:space-between; gap: 10px; }
.tk-chip{
  font-size: 12px; padding: 6px 10px; border-radius: 999px;
  border: 1px solid var(--line); background: rgba(255,255,255,.04);
  color: var(--muted); font-weight: 800;
}
.tk-card h3{ margin: 0 0 10px; font-size: 18px; }
.tk-card p{ margin: 0; color: var(--muted); line-height: 1.55; }
.tk-card ul{ margin: 10px 0 0; padding-left: 18px; color: var(--muted); }
.tk-link{ display:inline-block; margin-top: 12px; font-weight: 900; }
.tk-link:hover{ opacity: .95; }
.tk-link::after{
  content:""; display:block; height:2px; width:100%;
  margin-top:8px; background: var(--grad); border-radius: 99px; opacity: .8;
}
.tk-pill-row{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.tk-pill{
  font-size: 12px; padding: 7px 10px; border-radius: 999px;
  border: 1px solid var(--line); background: rgba(255,255,255,.04);
  color: var(--muted); font-weight: 800;
}
.tk-grid-2{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.tk-grid-3{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.tk-check{ list-style:none; padding-left:0; margin: 10px 0 0; }
.tk-check li{
  padding-left: 26px; position: relative; margin: 10px 0;
  color: var(--muted); font-weight: 650;
}
.tk-check li::before{
  content:"✓"; position:absolute; left:0; top:0; font-weight: 950;
  background: var(--grad); -webkit-background-clip: text; background-clip:text; color: transparent;
}
.tk-note, .tk-callout{
  margin-top: 14px; padding: 14px 16px; border-radius: 18px;
  border: 1px solid var(--line); background: rgba(255,255,255,.03);
  color: var(--muted); font-weight: 650;
}
.tk-form-wrap{ display:grid; grid-template-columns: 1.15fr .85fr; gap: 14px; align-items: start; }
.tk-form-card h3{ margin-bottom: 10px; }
.tk-small{ font-size: 12px; color: var(--muted); line-height: 1.5; }
.tk-muted{ color: var(--muted); }
.tk-divider{ height:1px; background: var(--line); margin: 14px 0; }
.tk-footer{ border-top: 1px solid var(--line); padding: 28px 0; background: rgba(0,0,0,.25); }
.tk-footer__inner{ display:grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
.tk-footer__brand{ font-weight: 950; font-size: 18px; }
.tk-footer__text{ margin-top: 6px; color: var(--muted); line-height: 1.6; }
.tk-footer__cols{ display:grid; gap:10px; justify-items:end; }
.tk-footer__cols a{ color: var(--muted); font-weight:800; }
.tk-footer__cols a:hover{ color: var(--text); }
.tk-footer__copy{ grid-column: 1 / -1; color: rgba(255,255,255,.55); font-size: 12px; }
.tk-whatsapp{
  position: fixed; bottom: 18px; right: 18px;
  padding: 12px 16px; border-radius: 999px;
  background: rgba(37, 211, 102, .95); color: #001;
  font-weight: 950; border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 18px 40px rgba(0,0,0,.45); z-index: 100;
}
.tk-whatsapp:hover{ transform: translateY(-1px); }
@media (max-width: 920px){
  .tk-hero__grid, .tk-form-wrap{ grid-template-columns: 1fr; }
  .tk-cards{ grid-template-columns: 1fr; }
  .tk-grid-2{ grid-template-columns: 1fr; }
  .tk-grid-3{ grid-template-columns: 1fr; }
  .tk-stats{ grid-template-columns: 1fr; }
  .tk-media-card img{ height: 280px; }
  .tk-footer__inner{ grid-template-columns: 1fr; }
  .tk-footer__cols{ justify-items:start; }
}
@media (max-width: 760px){
  .tk-nav__toggle{ display:inline-flex; }
  .tk-nav__menu{
    display:none; position:absolute; right: 0; top: 54px;
    flex-direction: column; gap: 12px; padding: 14px;
    border-radius: 18px; background: rgba(5,6,10,.94);
    border: 1px solid var(--line); min-width: 240px;
  }
  .tk-nav__menu.is-open{ display:flex; }
}
