/* ============ TOKENS (Design System AIVA) ============ */
:root{
  --color-red:#E00707;--color-red-dark:#C00606;
  --color-green:#59BF2E;--color-green-dark:#4AAA24;
  --color-dark:#272827;--color-white:#FFFFFF;--color-gray-light:#E6E6E6;
  --font-title:'Kanit',sans-serif;--font-body:'Montserrat',sans-serif;
  --fw-light:200;--fw-regular:400;--fw-medium:500;--fw-semi:600;--fw-bold:700;
  --fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;
  --fs-lg:1.5rem;--fs-xl:2rem;--fs-2xl:2.5rem;--fs-3xl:3.5rem;
  --space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;
  --space-7:48px;--space-8:64px;--space-9:96px;
  --radius-sm:4px;--radius-full:9999px;
  --transition:.2s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-body);color:var(--color-white);background:var(--color-dark);
  line-height:1.65;-webkit-font-smoothing:antialiased;
  min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;
  position:relative;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1{font-family:var(--font-title);line-height:1.08;font-weight:var(--fw-bold)}

/* ============ FUNDO (mesma foto do hero + overlay) ============ */
.bg{position:fixed;inset:0;z-index:0;
  background-color:#0b160b;
  background-image:
    linear-gradient(90deg,rgba(8,16,8,.96) 0%,rgba(10,20,10,.90) 30%,rgba(12,22,12,.72) 70%,rgba(15,24,15,.55) 100%),
    linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.55)),
    url('../img/fotos/aivagraxa.png');
  background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(3px);transform:scale(1.04)}

/* ============ LAYOUT ============ */
.wrap{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  padding:var(--space-8) var(--space-5)}
.inner{max-width:640px;animation:fadeUp .9s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

.logo{height:56px;width:auto;margin:0 auto var(--space-8)}

.badge{display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);
  padding:9px 20px;border-radius:var(--radius-full);
  font-family:var(--font-title);font-weight:var(--fw-regular);font-size:var(--fs-xs);
  letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85);
  margin-bottom:var(--space-6)}
.badge .dot{width:9px;height:9px;border-radius:50%;background:var(--color-green);
  box-shadow:0 0 12px var(--color-green);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}

.line{width:48px;height:3px;background:var(--color-red);margin:0 auto var(--space-5)}

h1{font-size:clamp(2.2rem,6vw,var(--fs-3xl));margin-bottom:var(--space-5)}
h1 .accent{color:var(--color-green)}

.lead{font-family:var(--font-body);font-size:var(--fs-md);color:rgba(255,255,255,.78);
  line-height:1.65;max-width:50ch;margin:0 auto var(--space-7)}
.lead b{color:#fff;font-weight:var(--fw-semi)}

/* ============ BOTÕES (DS) ============ */
.cta{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
  padding:15px 34px;border-radius:var(--radius-sm);
  font-family:var(--font-title);font-size:var(--fs-md);font-weight:var(--fw-regular);
  letter-spacing:.05em;text-transform:uppercase;cursor:pointer;
  border:2px solid transparent;transition:all var(--transition);line-height:1.15}
.btn:hover{transform:translateY(-2px)}
.btn-green{background:var(--color-green);color:#fff;border-color:var(--color-green)}
.btn-green:hover{background:var(--color-green-dark);border-color:var(--color-green-dark)}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn-ghost:hover{background:#fff;color:var(--color-dark);border-color:#fff}
.btn svg{width:20px;height:20px}

/* ============ RODAPÉ ============ */
.foot{position:relative;z-index:1;text-align:center;padding:var(--space-6) var(--space-5) var(--space-7);
  font-family:var(--font-body);font-size:var(--fs-sm)}
.foot__social{display:inline-flex;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:center}
.foot__social a{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:var(--radius-sm);
  border:1px solid rgba(255,255,255,.2);font-family:var(--font-title);font-size:.72rem;
  letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.72);transition:all var(--transition)}
.foot__social a svg{width:14px;height:14px}
.foot__social a:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.4)}
.foot__copy{color:rgba(255,255,255,.5);font-size:var(--fs-xs)}
.foot__copy .green{color:var(--color-green)}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}
@media (max-width:560px){
  .cta .btn{width:100%}
  .logo{height:48px}
}