/* KAIRO — site institucional (kairotv.one). Tokens do design Clássico (paleta oficial, Sora). */
:root{
  --canvas:#000; --page:#0A0908; --surf-1:#0F0E0D; --surf-2:#181715; --surf-3:#24221F;
  --line:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.14); --line-3:rgba(255,255,255,.26);
  --ink:#fff; --ink-2:#D9D6CE; --ink-3:#8C8880; --ink-4:#55524C;
  --brand:#E0312B; --electric:#FF5A4F; --gold:#C9A36A;
  --glow:rgba(255,90,79,.14); --glow-2:rgba(224,49,43,.22);
  --good:#22C55E;
  --r1:4px; --r2:8px; --r3:12px; --r4:24px; --rp:999px;
  --font:'Sora',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --max:1080px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--page);color:var(--ink);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:var(--electric);text-decoration:none}
a:hover{color:#fff}
img,svg{display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

/* Cabeçalho */
.top{position:sticky;top:0;z-index:50;background:rgba(10,9,8,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:16px;height:64px}
.logo{display:flex;align-items:center;gap:10px;margin-right:auto;color:#fff}
.logo .k{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--brand);color:#fff;font-weight:800;font-size:19px;line-height:1}
.logo .word{font-size:16px;font-weight:800;letter-spacing:.14em}
.nav{display:flex;gap:22px;align-items:center}
.nav a{color:var(--ink-3);font-size:14px;font-weight:500}
.nav a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(--rp);font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer}
.btn-pri{background:var(--brand);color:#fff}
.btn-pri:hover{background:#EA4A42;color:#fff}
.btn-sec{border-color:var(--line-2);color:var(--ink);background:rgba(255,255,255,.04)}
.btn-sec:hover{border-color:var(--line-3);color:#fff}
@media(max-width:640px){.nav{display:none}}

/* Herói */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(80% 60% at 50% -10%,rgba(224,49,43,.18),transparent 70%)}
.hero .wrap{position:relative;padding:96px 24px 88px;text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--rp);background:var(--glow);color:var(--electric);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hero h1{font-size:clamp(36px,6vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1.02;margin:22px auto 0;max-width:16ch}
.hero p{margin:20px auto 0;max-width:56ch;font-size:clamp(15px,2.4vw,19px);color:var(--ink-2);line-height:1.7}
.hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.hero .note{margin-top:18px;font-size:12.5px;color:var(--ink-4)}

/* Seções */
section{padding:64px 0}
.sec-head{text-align:center;max-width:640px;margin:0 auto 40px}
.sec-head h2{font-size:clamp(26px,4vw,38px);font-weight:700;letter-spacing:-.02em}
.sec-head p{margin-top:12px;color:var(--ink-3);font-size:16px}

/* Cartões de recurso */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:860px){.grid{grid-template-columns:1fr}}
.card{background:var(--surf-1);border:1px solid var(--line);border-radius:var(--r4);padding:28px}
.card .ic{width:52px;height:52px;border-radius:var(--r3);display:grid;place-items:center;background:var(--glow-2);color:var(--electric);margin-bottom:16px}
.card h3{font-size:19px;font-weight:700;letter-spacing:-.01em}
.card p{margin-top:8px;color:var(--ink-3);font-size:14.5px;line-height:1.6}
.ic svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Faixa "só reprodutor" */
.claim{background:linear-gradient(150deg,rgba(224,49,43,.14),var(--surf-1));border:1px solid var(--line-2);border-radius:var(--r4);padding:40px;text-align:center}
.claim h2{font-size:clamp(22px,3.2vw,30px);font-weight:700;letter-spacing:-.02em}
.claim p{margin:14px auto 0;max-width:64ch;color:var(--ink-2);font-size:16px;line-height:1.7}

/* Passos */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
@media(max-width:860px){.steps{grid-template-columns:1fr}}
.step{background:var(--surf-1);border:1px solid var(--line);border-radius:var(--r3);padding:24px}
.step .n{width:34px;height:34px;border-radius:var(--rp);background:var(--brand);color:#fff;font-weight:800;display:grid;place-items:center;margin-bottom:14px}
.step h3{font-size:16px;font-weight:700}
.step p{margin-top:6px;color:var(--ink-3);font-size:14px;line-height:1.6}

/* Rodapé */
.foot{border-top:1px solid var(--line);background:var(--surf-1);margin-top:24px}
.foot .wrap{padding:40px 24px;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;justify-content:space-between}
.foot .cols{display:flex;gap:56px;flex-wrap:wrap}
.foot h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);margin-bottom:12px}
.foot a{display:block;color:var(--ink-3);font-size:14px;padding:4px 0}
.foot a:hover{color:#fff}
.foot .legal{width:100%;border-top:1px solid var(--line);padding-top:20px;color:var(--ink-4);font-size:12.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

/* Páginas legais */
.legalwrap{max-width:820px;margin:0 auto;padding:56px 24px 72px}
.legalwrap .back{color:var(--ink-3);font-size:14px}
.legalwrap h1{font-size:clamp(30px,5vw,44px);font-weight:800;letter-spacing:-.02em;margin:18px 0 6px}
.legalwrap .upd{color:var(--ink-4);font-size:13px;margin-bottom:32px}
.legalwrap h2{font-size:20px;font-weight:700;margin:34px 0 10px;letter-spacing:-.01em}
.legalwrap p,.legalwrap li{color:var(--ink-2);font-size:15.5px;line-height:1.75}
.legalwrap ul{margin:8px 0 8px 22px}
.legalwrap li{margin:6px 0}
.legalwrap .box{background:var(--surf-1);border:1px solid var(--line-2);border-radius:var(--r3);padding:18px 20px;margin:18px 0}
.legalwrap strong{color:#fff}