/* ============ TOKENS ============ */
:root{
  --asphalt:#0C0D10;        /* fundo principal */
  --graphite:#131519;       /* painéis */
  --steel:#1A1D22;          /* cards */
  --steel-hi:#22262D;
  --line:rgba(255,255,255,.07);
  --line-strong:rgba(255,255,255,.12);
  --chrome:#F3F4F1;         /* texto principal */
  --smoke:#A0A6AF;          /* texto secundário */
  --smoke-dim:#6E747E;
  --red:#EE1119;          /* vermelho da marca */
  --red-hi:#FF3D45;
  --red-deep:#A00A11;
  --wa:#25D366;
  --wa-hi:#2FE879;
  --wa-deep:#0E7A43;
  --wa-ink:#04240F;
  --r-lg:20px; --r-md:14px; --r-sm:10px;
  --font:"Archivo","Arial Black","Helvetica Neue",Arial,sans-serif;
  --shadow-card:0 10px 34px rgba(0,0,0,.45);
  --maxw:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{
  font-family:var(--font);
  background:var(--asphalt);
  color:var(--chrome);
  font-weight:500;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body::before{ /* textura de ruído sutil */
  content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
}
::selection{background:var(--red);color:#fff}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}
.container{width:min(var(--maxw),92%);margin-inline:auto;position:relative;z-index:2}

/* ============ UTILITÁRIOS ============ */
.hazard{ /* faixa de sinalização — assinatura visual */
  height:8px;
  background:repeating-linear-gradient(-45deg,var(--red) 0 16px,#F3F4F1 16px 32px);
}
.hazard--thin{height:4px}
.eyebrow{ /* etiqueta estilo ordem de serviço */
  display:inline-flex;align-items:center;gap:10px;
  border:1px solid var(--line-strong);border-radius:8px;
  padding:7px 14px 7px 10px;background:rgba(255,255,255,.03);
  font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--red);
}
.eyebrow::before{content:"";width:14px;height:14px;border-radius:3px;
  background:repeating-linear-gradient(-45deg,var(--red) 0 4px,#F3F4F1 4px 8px);}
.section{padding:clamp(76px,9vw,124px) 0}
.section-head{max-width:720px;margin-bottom:clamp(38px,5vw,58px)}
.section-head h2{
  font-size:clamp(1.9rem,4.2vw,3rem);font-weight:900;line-height:1.06;
  text-transform:uppercase;letter-spacing:-.01em;margin:18px 0 14px;
}
.section-head h2 em{font-style:normal;color:var(--red)}
.section-head p{color:var(--smoke);font-size:1.05rem;max-width:60ch}
.center{text-align:center;margin-inline:auto}

/* ============ BOTÕES ============ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  font-weight:800;text-transform:uppercase;letter-spacing:.04em;
  border-radius:12px;cursor:pointer;border:0;position:relative;overflow:hidden;
  transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,background .25s ease,border-color .25s ease;
  white-space:nowrap;
}
.btn svg{flex:none}
.btn-wa{
  background:linear-gradient(180deg,var(--wa-hi),#1FBF5B);
  color:var(--wa-ink);
  padding:17px 30px;font-size:1rem;
  box-shadow:0 14px 34px rgba(37,211,102,.32),inset 0 1px 0 rgba(255,255,255,.35);
}
.btn-wa::after{ /* brilho que atravessa o botão */
  content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-22deg);animation:sheen 4.2s ease-in-out infinite;
}
@keyframes sheen{0%,55%{left:-70%}80%,100%{left:130%}}
.btn-wa:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 20px 46px rgba(37,211,102,.45),inset 0 1px 0 rgba(255,255,255,.4)}
.btn-wa:active{transform:translateY(-1px) scale(.99)}
.btn-ghost{
  padding:16px 28px;font-size:.95rem;color:var(--red);
  border:1.5px solid rgba(238,17,25,.55);background:rgba(238,17,25,.07);border-radius:12px;
}
.btn-ghost:hover{background:rgba(238,17,25,.14);border-color:var(--red);transform:translateY(-3px);box-shadow:0 12px 30px rgba(238,17,25,.14)}
.btn-sm{padding:12px 20px;font-size:.82rem;border-radius:10px}
.link-wa{ /* link discreto dentro de cards */
  display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;color:var(--wa);
  transition:gap .2s ease,color .2s ease;
}
.link-wa:hover{gap:11px;color:var(--wa-hi)}

/* ============ HEADER ============ */
.topbar{position:fixed;top:0;left:0;right:0;z-index:60}
.topbar .hazard--thin{box-shadow:0 1px 0 rgba(0,0,0,.6)}
.nav{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:16px 0;transition:padding .3s ease;
}
.header-bg{
  background:linear-gradient(180deg,rgba(12,13,16,.92),rgba(12,13,16,.78));
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;transition:border-color .3s ease,background .3s ease;
}
.topbar.scrolled .header-bg{border-bottom-color:var(--line);background:rgba(12,13,16,.94)}
.topbar.scrolled .nav{padding:10px 0}
.brand{display:flex;align-items:center;gap:13px}
.brand-logo{
  width:52px;height:52px;flex:none;border-radius:50%;
  display:block;object-fit:contain;
  filter:drop-shadow(0 4px 14px rgba(238,17,25,.35));
  transition:transform .35s cubic-bezier(.22,1,.36,1),filter .35s ease;
}
.brand:hover .brand-logo{transform:rotate(-8deg) scale(1.06);filter:drop-shadow(0 6px 20px rgba(238,17,25,.6))}
.topbar.scrolled .brand-logo{width:44px;height:44px}
.foot-brand .brand-logo{width:64px;height:64px}
.brand-name{line-height:1.05}
.brand-name strong{display:block;font-weight:900;text-transform:uppercase;font-size:1.02rem;letter-spacing:.02em}
.brand-name strong span{color:var(--red)}
.brand-name small{font-size:.6rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--smoke-dim)}
.nav-links{display:flex;align-items:center;gap:18px;list-style:none}
.nav-links a{
  font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--smoke);
  position:relative;padding:6px 0;transition:color .2s ease;white-space:nowrap;
}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--red);transition:width .25s ease}
.nav-links a:hover,.nav-links a.active{color:var(--chrome)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{display:flex;align-items:center;gap:12px}
.menu-toggle{display:none;background:none;border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;cursor:pointer}
.menu-toggle span{display:block;width:22px;height:2px;background:var(--chrome);margin:5px 0;transition:.3s;border-radius:2px}
.mobile-menu{
  display:none;flex-direction:column;gap:4px;padding:14px 4% 22px;
  background:rgba(12,13,16,.97);border-bottom:1px solid var(--line);
}
.mobile-menu a{padding:13px 10px;font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:.06em;color:var(--smoke);border-bottom:1px solid var(--line)}
.mobile-menu a:active,.mobile-menu a.active{color:var(--red)}
.mobile-menu .btn-wa{margin-top:14px;justify-content:center}
.mobile-menu.open{display:flex}

/* ============ HERO ============ */
.hero{
  position:relative;padding:clamp(140px,17vh,180px) 0 clamp(60px,7vw,90px);
  background:
    radial-gradient(1000px 520px at 82% -10%,rgba(238,17,25,.13),transparent 60%),
    radial-gradient(700px 420px at -10% 30%,rgba(238,17,25,.07),transparent 60%),
    linear-gradient(180deg,#0C0D10 0%,#0E0F13 100%);
  overflow:hidden;
}
.hero::after{ /* grade técnica sutil */
  content:"";position:absolute;inset:0;opacity:.35;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(900px 600px at 70% 20%,#000 30%,transparent 75%);
  -webkit-mask-image:radial-gradient(900px 600px at 70% 20%,#000 30%,transparent 75%);
}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(30px,4.5vw,60px);align-items:center}
.hero-badge{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(37,211,102,.10);border:1px solid rgba(37,211,102,.35);
  color:var(--wa-hi);border-radius:100px;padding:8px 18px 8px 12px;
  font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}
.dot-live{width:9px;height:9px;border-radius:50%;background:var(--wa);position:relative;flex:none}
.dot-live::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(37,211,102,.5);animation:ping 1.6s ease-out infinite}
@keyframes ping{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.7);opacity:0}}
.hero h1{
  font-size:clamp(2.35rem,5.6vw,4.15rem);font-weight:900;line-height:1.02;
  text-transform:uppercase;letter-spacing:-.015em;margin:22px 0 18px;
}
.hero h1 .accent{color:var(--red);text-shadow:0 0 34px rgba(238,17,25,.35)}
.hero-sub{color:var(--smoke);font-size:clamp(1.02rem,1.6vw,1.18rem);max-width:52ch;margin-bottom:30px}
.hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:26px}
.hero-trust{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;color:var(--smoke);font-size:.85rem;font-weight:600}
.hero-trust .stars{display:inline-flex;gap:2px}
.hero-trust .stars svg{width:15px;height:15px;fill:#FBBC05}
.hero-trust b{color:var(--chrome)}
.hero-trust .sep{width:4px;height:4px;border-radius:50%;background:var(--smoke-dim)}

/* ---- Cena do caminhão (assinatura visual) ---- */
.hero-figure{position:relative}
.truck-frame{
  position:relative;border:1px solid var(--line);border-radius:var(--r-lg);
  background:linear-gradient(180deg,#101216,#0B0C0F 70%);
  box-shadow:var(--shadow-card);overflow:hidden;
}
.truck-frame::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;
  background:repeating-linear-gradient(-45deg,var(--red) 0 14px,#F3F4F1 14px 28px);opacity:.9;z-index:3}
.truck-frame svg{width:100%;height:auto}
.beam{animation:beam 3.4s ease-in-out infinite}
@keyframes beam{0%,100%{opacity:.55}50%{opacity:.95}}
.lane{stroke-dasharray:34 30;animation:lane 1.1s linear infinite}
@keyframes lane{to{stroke-dashoffset:64}}
.speed line{stroke:#2A2F37;stroke-width:5;stroke-linecap:round;animation:speed 1.5s ease-in-out infinite}
.speed line:nth-child(2){animation-delay:.45s}
.speed line:nth-child(3){animation-delay:.9s}
@keyframes speed{0%,100%{opacity:.15;transform:translateX(0)}50%{opacity:.65;transform:translateX(-14px)}}
.smoke circle{fill:#3A3F47;opacity:0;animation:smoke 3.2s ease-out infinite}
.smoke circle:nth-child(2){animation-delay:1.1s}
.smoke circle:nth-child(3){animation-delay:2.2s}
@keyframes smoke{0%{opacity:0;transform:translateY(6px) scale(.6)}25%{opacity:.5}100%{opacity:0;transform:translateY(-34px) scale(1.5)}}
.float-chip{
  position:absolute;z-index:4;display:flex;align-items:center;gap:11px;
  background:rgba(17,19,23,.92);border:1px solid var(--line-strong);border-radius:13px;
  padding:11px 16px;box-shadow:0 14px 34px rgba(0,0,0,.5);backdrop-filter:blur(8px);
  animation:floaty 5.5s ease-in-out infinite;
}
.float-chip .fc-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none}
.float-chip strong{display:block;font-size:.8rem;font-weight:800;letter-spacing:.02em}
.float-chip small{font-size:.68rem;color:var(--smoke);font-weight:600}
.chip-a{top:-16px;left:-14px}
.chip-a .fc-icon{background:rgba(37,211,102,.15);color:var(--wa-hi)}
.chip-b{bottom:-16px;right:-10px;animation-delay:1.4s}
.chip-b .fc-icon{background:rgba(238,17,25,.14);color:var(--red)}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ---- Cards do hero ---- */
.hero-cards{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
  margin-top:clamp(40px,5vw,58px);
}
.mini-card{
  display:flex;align-items:center;gap:14px;
  background:linear-gradient(180deg,var(--steel),#15181D);
  border:1px solid var(--line);border-radius:var(--r-md);padding:17px 18px;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.mini-card:hover{transform:translateY(-4px);border-color:rgba(238,17,25,.45);box-shadow:0 14px 30px rgba(0,0,0,.4)}
.mini-card .mc-icon{
  width:44px;height:44px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(238,17,25,.11);color:var(--red);border:1px solid rgba(238,17,25,.22);
}
.mini-card strong{display:block;font-size:.86rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;line-height:1.2}
.mini-card small{font-size:.7rem;color:var(--smoke);font-weight:600}

/* ============ FAIXA MARQUEE ============ */
.marquee{
  background:var(--red);color:#F7F7F5;overflow:hidden;
  transform:rotate(-1.1deg) scale(1.02);margin:26px 0 -8px;position:relative;z-index:5;
  border-block:3px solid #101114;
}
.marquee-track{display:flex;width:max-content;animation:marquee 26s linear infinite}
.marquee span{
  display:inline-flex;align-items:center;gap:26px;padding:13px 13px 13px 26px;
  font-weight:900;font-size:.86rem;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;
}
.marquee span::after{content:"◆";font-size:.6rem;opacity:.65}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ============ CARDS GENÉRICOS ============ */
.grid{display:grid;gap:18px}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-2{grid-template-columns:repeat(2,1fr)}
.b-card{
  background:linear-gradient(180deg,var(--steel),#14171C);
  border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 26px;
  transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease,box-shadow .28s ease;
  position:relative;overflow:hidden;
}
.b-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--red),transparent 70%);opacity:0;transition:opacity .3s ease}
.b-card:hover{transform:translateY(-6px);border-color:rgba(238,17,25,.4);box-shadow:0 20px 44px rgba(0,0,0,.5)}
.b-card:hover::before{opacity:1}
.b-icon{
  width:52px;height:52px;border-radius:13px;display:grid;place-items:center;margin-bottom:18px;
  background:rgba(238,17,25,.11);border:1px solid rgba(238,17,25,.24);color:var(--red);
  transition:box-shadow .3s ease,background .3s ease;
}
.b-card:hover .b-icon{box-shadow:0 0 26px rgba(238,17,25,.35);background:rgba(238,17,25,.17)}
.b-card h3{font-size:1.06rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}
.b-card p{color:var(--smoke);font-size:.9rem}

/* ============ COMO FUNCIONA ============ */
.steps-wrap{position:relative}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}
.steps::before{ /* estrada tracejada conectando as etapas */
  content:"";position:absolute;top:34px;left:9%;right:9%;height:0;
  border-top:3px dashed rgba(238,17,25,.35);z-index:0;
}
.step{position:relative;z-index:1;text-align:left;padding:0 6px}
.step-num{
  width:68px;height:68px;border-radius:16px;display:grid;place-items:center;margin-bottom:20px;
  background:linear-gradient(160deg,#1B1E24,#121418);border:1px solid var(--line-strong);
  font-weight:900;font-size:1.5rem;color:var(--red);
  box-shadow:0 10px 26px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);
  position:relative;transition:transform .25s ease,border-color .25s ease;
}
.step:hover .step-num{transform:translateY(-4px) rotate(-2deg);border-color:rgba(238,17,25,.5)}
.step-num::after{content:"";position:absolute;left:12px;right:12px;bottom:7px;height:3px;border-radius:2px;
  background:repeating-linear-gradient(-45deg,rgba(238,17,25,.85) 0 5px,transparent 5px 10px)}
.step h3{font-size:1.02rem;font-weight:800;text-transform:uppercase;margin-bottom:7px;letter-spacing:.02em}
.step p{color:var(--smoke);font-size:.88rem}
.steps-cta{margin-top:clamp(38px,4vw,52px);display:flex;justify-content:center}

/* ============ SERVIÇOS ============ */
#servicos{background:linear-gradient(180deg,#0E0F13,#0C0D10)}
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:16px}
.s-card{
  background:linear-gradient(180deg,var(--steel),#14171C);
  border:1px solid var(--line);border-radius:var(--r-md);padding:24px 22px;
  display:flex;flex-direction:column;gap:12px;
  transition:transform .26s cubic-bezier(.22,1,.36,1),border-color .26s ease,box-shadow .26s ease;
  position:relative;overflow:hidden;
}
.s-card::after{content:"";position:absolute;right:-34px;bottom:-34px;width:96px;height:96px;border-radius:50%;
  background:radial-gradient(circle,rgba(238,17,25,.14),transparent 70%);opacity:0;transition:opacity .3s ease}
.s-card:hover{transform:translateY(-5px);border-color:rgba(238,17,25,.45);box-shadow:0 16px 36px rgba(0,0,0,.5)}
.s-card:hover::after{opacity:1}
.s-icon{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;
  background:rgba(238,17,25,.1);border:1px solid rgba(238,17,25,.22);color:var(--red)}
.s-card h3{font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.s-card p{color:var(--smoke);font-size:.82rem;flex:1}

/* ============ DIFERENCIAIS ============ */
.diff-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(36px,5vw,70px);align-items:start}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.stat{
  border:1px solid var(--line);border-radius:var(--r-md);padding:20px 20px 17px;
  background:linear-gradient(180deg,#15181D,#111318);position:relative;overflow:hidden;
}
.stat::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--red)}
.stat b{display:block;font-size:1.7rem;font-weight:900;color:var(--red);letter-spacing:-.01em;line-height:1}
.stat span{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--smoke)}
.diff-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.diff-item{
  display:flex;gap:15px;border:1px solid var(--line);border-radius:var(--r-md);
  padding:19px 19px;background:rgba(255,255,255,.02);
  transition:border-color .25s ease,background .25s ease,transform .25s ease;
}
.diff-item:hover{border-color:rgba(238,17,25,.4);background:rgba(238,17,25,.04);transform:translateX(4px)}
.diff-check{
  width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:var(--red);color:#fff;box-shadow:0 6px 16px rgba(238,17,25,.3);
}
.diff-item strong{display:block;font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}
.diff-item p{color:var(--smoke);font-size:.82rem}

/* ============ EQUIPE ============ */
#equipe{background:linear-gradient(180deg,#0E0F13,#0C0D10)}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.team-card{
  background:linear-gradient(180deg,var(--steel),#14171C);
  border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;
  text-align:center;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease,box-shadow .28s ease;
  position:relative;overflow:hidden;
}
.team-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--red),transparent 70%);opacity:0;transition:opacity .3s ease}
.team-card:hover{transform:translateY(-6px);border-color:rgba(238,17,25,.4);box-shadow:0 20px 44px rgba(0,0,0,.5)}
.team-card:hover::before{opacity:1}
.team-avatar{
  width:84px;height:84px;border-radius:50%;margin:0 auto 18px;position:relative;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:linear-gradient(155deg,#1E2127,#131519);border:1.5px solid var(--line-strong);color:var(--smoke-dim);
}
.team-avatar svg{width:30px;height:30px}
.team-avatar span{font-size:.56rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--smoke-dim)}
.team-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.team-tag{
  display:inline-block;margin-bottom:12px;background:rgba(238,17,25,.11);border:1px solid rgba(238,17,25,.24);
  color:var(--red);border-radius:100px;padding:5px 14px;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.team-card h3{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}
.team-card p{color:var(--smoke);font-size:.85rem}

/* ============ DEPOIMENTOS ============ */
.reviews-head{
  display:flex;flex-wrap:wrap;align-items:center;gap:22px;
  border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 28px;margin-bottom:26px;
  background:linear-gradient(90deg,#15181D,#111318);
}
.reviews-score{display:flex;align-items:center;gap:16px}
.reviews-score .big{font-size:3rem;font-weight:900;line-height:1;color:var(--chrome)}
.stars-lg{display:flex;gap:3px}
.stars-lg svg{width:21px;height:21px;fill:#FBBC05}
.reviews-score small{display:block;color:var(--smoke);font-size:.8rem;font-weight:600;margin-top:5px}
.reviews-head .g-btn{
  margin-left:auto;display:inline-flex;align-items:center;gap:10px;
  border:1px solid var(--line-strong);border-radius:11px;padding:12px 20px;
  font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--chrome);
  transition:border-color .25s,background .25s,transform .25s;
}
.reviews-head .g-btn:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.05);transform:translateY(-2px)}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.review{
  background:linear-gradient(180deg,var(--steel),#14171C);
  border:1px solid var(--line);border-radius:var(--r-md);padding:24px;
  display:flex;flex-direction:column;gap:13px;
  transition:transform .25s ease,border-color .25s ease;
}
.review:hover{transform:translateY(-4px);border-color:var(--line-strong)}
.review-top{display:flex;align-items:center;gap:13px}
.avatar{width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-weight:900;font-size:.95rem;color:#101114}
.review-top strong{display:block;font-size:.92rem;font-weight:800}
.review-top small{color:var(--smoke-dim);font-size:.72rem;font-weight:600}
.review .stars{display:flex;gap:2px}
.review .stars svg{width:15px;height:15px;fill:#FBBC05}
.review p{color:var(--smoke);font-size:.88rem;flex:1}
.review .g-mark{margin-left:auto;opacity:.9}

/* ============ CTA GIGANTE ============ */
.mega-cta{
  position:relative;overflow:hidden;text-align:center;
  padding:clamp(84px,11vw,150px) 0;
  background:linear-gradient(140deg,#0B6B3A 0%,#149655 42%,#1FC868 100%);
}
.mega-cta::before{
  content:"";position:absolute;inset:0;opacity:.5;
  background:
    radial-gradient(720px 420px at 50% -10%,rgba(255,255,255,.22),transparent 60%),
    repeating-linear-gradient(-45deg,rgba(255,255,255,.045) 0 26px,transparent 26px 52px);
}
.mega-cta .container{position:relative;z-index:2}
.mega-badge{
  display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.3);color:#EAFFF2;border-radius:100px;padding:8px 18px;
  font-size:.75rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px;
}
.mega-cta h2{
  font-size:clamp(2.3rem,6vw,4.4rem);font-weight:900;text-transform:uppercase;
  line-height:1.02;letter-spacing:-.015em;color:#fff;margin-bottom:16px;
  text-shadow:0 4px 30px rgba(0,0,0,.25);
}
.mega-cta .sub{color:rgba(255,255,255,.88);font-size:clamp(1.02rem,1.8vw,1.25rem);max-width:52ch;margin:0 auto 42px;font-weight:600}
.btn-mega{
  display:inline-flex;align-items:center;gap:16px;
  background:#fff;color:#0B6B3A;border-radius:18px;
  padding:clamp(22px,3vw,30px) clamp(38px,5vw,64px);
  font-size:clamp(1.1rem,2.1vw,1.5rem);font-weight:900;text-transform:uppercase;letter-spacing:.03em;
  box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 0 0 rgba(255,255,255,.55);
  animation:mega-pulse 2.6s ease-out infinite;
  transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease;
  position:relative;
}
@keyframes mega-pulse{0%{box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 0 0 rgba(255,255,255,.5)}70%{box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 0 26px rgba(255,255,255,0)}100%{box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 0 0 rgba(255,255,255,0)}}
.btn-mega:hover{transform:translateY(-4px) scale(1.03)}
.btn-mega svg{width:34px;height:34px}
.mega-notes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 30px;margin-top:34px;
  color:rgba(255,255,255,.9);font-size:.85rem;font-weight:700}
.mega-notes span{display:inline-flex;align-items:center;gap:8px}

/* ============ RODAPÉ ============ */
footer{background:#0A0B0D;border-top:1px solid var(--line)}
.foot-grid{display:grid;grid-template-columns:1.25fr .85fr .85fr 1.15fr;gap:clamp(28px,4vw,52px);padding:clamp(56px,7vw,84px) 0 44px}
.foot-brand p{color:var(--smoke);font-size:.88rem;margin:16px 0 20px;max-width:34ch}
.socials{display:flex;gap:10px}
.socials a{
  width:42px;height:42px;border-radius:11px;display:grid;place-items:center;
  border:1px solid var(--line-strong);color:var(--smoke);
  transition:color .25s,border-color .25s,transform .25s,background .25s;
}
.socials a:hover{color:#fff;background:var(--red);border-color:var(--red);transform:translateY(-3px)}
.foot-title{font-size:.78rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:18px}
.foot-list{list-style:none;display:flex;flex-direction:column;gap:11px}
.foot-list a,.foot-list li{color:var(--smoke);font-size:.88rem;font-weight:600;transition:color .2s}
.foot-list a:hover{color:var(--chrome)}
.foot-contact li{display:flex;gap:11px;align-items:flex-start;color:var(--smoke);font-size:.87rem;font-weight:600}
.foot-contact svg{flex:none;color:var(--red);margin-top:2px}
.foot-contact a:hover{color:var(--chrome)}
.foot-contact b{color:var(--chrome)}
.map-card{display:block;border:1px solid var(--line-strong);border-radius:var(--r-md);overflow:hidden;position:relative;
  transition:border-color .25s,transform .25s;margin-top:16px}
.map-card:hover{border-color:rgba(238,17,25,.5);transform:translateY(-3px)}
.map-card svg{width:100%;height:auto;display:block}
.map-label{position:absolute;left:12px;bottom:12px;background:rgba(12,13,16,.9);border:1px solid var(--line-strong);
  border-radius:9px;padding:7px 13px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.pin-pulse{transform-origin:center;animation:pinpulse 2s ease-out infinite}
@keyframes pinpulse{0%{opacity:.7;transform:scale(.5)}100%{opacity:0;transform:scale(1.8)}}
.foot-bottom{border-top:1px solid var(--line);padding:22px 0 26px}
.foot-bottom .container{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;
  color:var(--smoke-dim);font-size:.78rem;font-weight:600}

/* ============ FLUTUANTES ============ */
.wa-float{
  position:fixed;right:24px;bottom:24px;z-index:70;
  width:62px;height:62px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(180deg,var(--wa-hi),#1FBF5B);color:var(--wa-ink);
  box-shadow:0 16px 38px rgba(37,211,102,.45);
  animation:float-pulse 2.4s ease-out infinite;
  transition:transform .25s cubic-bezier(.22,1,.36,1);
}
@keyframes float-pulse{0%{box-shadow:0 16px 38px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 16px 38px rgba(37,211,102,.45),0 0 0 20px rgba(37,211,102,0)}100%{box-shadow:0 16px 38px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,0)}}
.wa-float:hover{transform:scale(1.1) rotate(6deg)}
.wa-float .tip{
  position:absolute;right:74px;top:50%;transform:translateY(-50%) translateX(8px);
  background:#111318;border:1px solid var(--line-strong);color:var(--chrome);
  font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  padding:9px 14px;border-radius:9px;white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity .25s,transform .25s;
}
.wa-float:hover .tip{opacity:1;transform:translateY(-50%) translateX(0)}
.wa-bottombar{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:75;
  background:linear-gradient(180deg,var(--wa-hi),#1DBA58);color:var(--wa-ink);
  padding:15px 16px calc(15px + env(safe-area-inset-bottom));
  font-weight:900;font-size:.98rem;text-transform:uppercase;letter-spacing:.03em;
  align-items:center;justify-content:center;gap:10px;
  box-shadow:0 -10px 30px rgba(0,0,0,.45);
}
.wa-bottombar:active{filter:brightness(.95)}

/* ============ ANIMAÇÃO DE ENTRADA ============ */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
[data-d="1"]{transition-delay:.07s}[data-d="2"]{transition-delay:.14s}[data-d="3"]{transition-delay:.21s}
[data-d="4"]{transition-delay:.28s}[data-d="5"]{transition-delay:.35s}[data-d="6"]{transition-delay:.42s}
[data-d="7"]{transition-delay:.49s}[data-d="8"]{transition-delay:.56s}[data-d="9"]{transition-delay:.63s}

/* ============ PÁGINA SECUNDÁRIA — CABEÇALHO DE PÁGINA ============ */
.page-hero{
  position:relative;padding:clamp(126px,15vh,160px) 0 clamp(54px,6vw,74px);
  background:
    radial-gradient(900px 460px at 82% -10%,rgba(238,17,25,.13),transparent 60%),
    linear-gradient(180deg,#0C0D10 0%,#0E0F13 100%);
  overflow:hidden;
}
.page-hero::after{
  content:"";position:absolute;inset:0;opacity:.3;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(900px 500px at 75% 10%,#000 30%,transparent 75%);
  -webkit-mask-image:radial-gradient(900px 500px at 75% 10%,#000 30%,transparent 75%);
}
.breadcrumb{
  display:flex;align-items:center;gap:8px;color:var(--smoke-dim);font-size:.8rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;
}
.breadcrumb a{color:var(--smoke);transition:color .2s}
.breadcrumb a:hover{color:var(--chrome)}
.page-hero h1{
  font-size:clamp(2.1rem,5vw,3.6rem);font-weight:900;line-height:1.04;
  text-transform:uppercase;letter-spacing:-.015em;margin:16px 0 16px;max-width:16ch;
}
.page-hero h1 .accent{color:var(--red)}
.page-hero p{color:var(--smoke);font-size:clamp(1rem,1.5vw,1.14rem);max-width:60ch}
.page-hero .hero-cta{margin-top:28px}

/* ---- Faixa "duas frentes" (mecânica móvel + oficina física) ---- */
.dual-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(34px,4vw,48px)}
.dual-card{
  display:flex;align-items:center;gap:15px;
  background:linear-gradient(180deg,var(--steel),#15181D);
  border:1px solid var(--line);border-radius:var(--r-md);padding:19px 20px;
  transition:transform .25s ease,border-color .25s ease;
}
.dual-card:hover{transform:translateY(-4px);border-color:rgba(238,17,25,.4)}
.dual-card .mc-icon{
  width:46px;height:46px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(238,17,25,.11);color:var(--red);border:1px solid rgba(238,17,25,.22);
}
.job-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.job-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--line);display:block}
.dual-card strong{display:block;font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.dual-card small{font-size:.78rem;color:var(--smoke);font-weight:600}

/* ============ GALERIA ============ */
.gal-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.gal-tab{
  border:1px solid var(--line-strong);background:rgba(255,255,255,.03);color:var(--smoke);
  border-radius:100px;padding:11px 22px;font-size:.8rem;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;cursor:pointer;transition:all .25s ease;
}
.gal-tab:hover{border-color:rgba(238,17,25,.5);color:var(--chrome)}
.gal-tab.active{background:var(--red);border-color:var(--red);color:#fff}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gal-item{
  position:relative;aspect-ratio:1/1;border-radius:var(--r-md);overflow:hidden;cursor:pointer;
  border:1px solid var(--line);background:linear-gradient(155deg,#181B20,#101216);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.gal-item.gal-wide{aspect-ratio:2/1;grid-column:span 2}
.gal-item:hover{transform:translateY(-4px);border-color:rgba(238,17,25,.45);box-shadow:0 16px 34px rgba(0,0,0,.5)}
.gal-item::before{
  content:"";position:absolute;inset:0;opacity:.9;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:18px 18px;
}
.gal-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gal-ph{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  color:var(--smoke-dim);text-align:center;padding:14px;
}
.gal-ph svg{width:30px;height:30px;opacity:.75}
.gal-ph b{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
.gal-tag{
  position:absolute;left:12px;bottom:12px;z-index:2;background:rgba(12,13,16,.85);
  border:1px solid var(--line-strong);border-radius:8px;padding:6px 11px;
  font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--red);
}
.lightbox{
  position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;
  background:rgba(6,7,9,.92);backdrop-filter:blur(6px);padding:6vh 5vw;
}
.lightbox.open{display:flex}
.lightbox-box{
  position:relative;width:min(760px,100%);border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--line-strong);background:var(--graphite);
  box-shadow:0 30px 70px rgba(0,0,0,.6);
}
.lightbox-media{aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--smoke-dim);
  background:linear-gradient(155deg,#181B20,#101216);}
.lightbox-media svg{width:44px;height:44px;opacity:.7}
.lightbox-media img{width:100%;height:100%;object-fit:cover}
.lightbox-cap{padding:18px 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}
.lightbox-cap strong{font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.lightbox-cap span{font-size:.78rem;color:var(--smoke)}
.lightbox-close{
  position:absolute;top:14px;right:14px;z-index:3;width:38px;height:38px;border-radius:50%;
  background:rgba(12,13,16,.85);border:1px solid var(--line-strong);color:var(--chrome);
  display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s;
}
.lightbox-close:hover{background:var(--red);transform:rotate(90deg)}

/* ============ REELS ============ */
.reels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.reel-card{
  position:relative;aspect-ratio:9/16;border-radius:var(--r-md);overflow:hidden;
  border:1px solid var(--line);background:linear-gradient(165deg,#1B1E24,#0E0F13);
  display:block;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease,box-shadow .28s ease;
}
.reel-card:hover{transform:translateY(-6px);border-color:rgba(238,17,25,.5);box-shadow:0 20px 44px rgba(0,0,0,.5)}
.reel-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel-play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:rgba(12,13,16,.75);border:1.5px solid rgba(255,255,255,.35);color:#fff;
  transition:transform .25s ease,background .25s ease;
}
.reel-card:hover .reel-play{transform:translate(-50%,-50%) scale(1.12);background:var(--red);border-color:var(--red)}
.reel-badge{
  position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:7px;
  background:rgba(12,13,16,.8);border:1px solid var(--line-strong);border-radius:10px;padding:6px 12px 6px 8px;
  font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--red);
}
.reel-badge svg{stroke-width:2.4;flex:none}
.ig-cta{
  margin-top:clamp(34px,4vw,48px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;
  border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 28px;
  background:linear-gradient(90deg,#15181D,#111318);
}
.ig-cta-info{display:flex;align-items:center;gap:16px}
.ig-cta-info .mc-icon{width:52px;height:52px;border-radius:13px;flex:none;display:grid;place-items:center;background:rgba(238,17,25,.12);border:1px solid rgba(238,17,25,.24);color:var(--red)}
.ig-cta-info .mc-icon svg{stroke-width:2.2}
.ig-cta-info strong{display:block;font-size:1rem;font-weight:800;text-transform:uppercase}
.ig-cta-info span{color:var(--smoke);font-size:.86rem}

/* ============ TRABALHE CONOSCO ============ */
.job-areas{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:6px}
.job-area{
  display:flex;gap:15px;border:1px solid var(--line);border-radius:var(--r-md);
  padding:20px;background:rgba(255,255,255,.02);transition:border-color .25s,background .25s,transform .25s;
}
.job-area:hover{border-color:rgba(238,17,25,.4);background:rgba(238,17,25,.04);transform:translateX(4px)}
.job-area .b-icon{margin-bottom:0}
.job-area strong{display:block;font-size:.94rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin-bottom:5px}
.job-area p{color:var(--smoke);font-size:.85rem}
.job-form-wrap{
  background:linear-gradient(180deg,var(--steel),#14171C);
  border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(26px,4vw,40px);
}
.job-form-wrap h3{font-size:1.3rem;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:8px}
.job-form-wrap>p{color:var(--smoke);font-size:.9rem;margin-bottom:26px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.field label{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
.field input,.field select,.field textarea{
  background:rgba(255,255,255,.03);border:1px solid var(--line-strong);border-radius:10px;
  padding:13px 15px;color:var(--chrome);font-family:inherit;font-size:.92rem;
  transition:border-color .2s,background .2s;
}
.field input::placeholder,.field textarea::placeholder{color:var(--smoke-dim)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--red);background:rgba(238,17,25,.04)}
.field textarea{resize:vertical;min-height:96px}
.field select{cursor:pointer}
.form-note{
  display:flex;gap:10px;align-items:flex-start;color:var(--smoke-dim);font-size:.78rem;margin:4px 0 22px;
}
.form-note svg{flex:none;color:var(--wa);margin-top:1px}
.job-perks{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:22px}
.job-perks li{display:flex;gap:11px;align-items:flex-start;color:var(--smoke);font-size:.88rem}
.job-perks svg{flex:none;color:var(--red);margin-top:2px}

/* ============ RESPONSIVO ============ */
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:54px}
  .hero-figure{max-width:640px;margin-inline:auto;width:100%}
  .hero-cards{grid-template-columns:repeat(2,1fr)}
  .g-3{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr);gap:30px 18px}
  .steps::before{display:none}
  .diff-grid{grid-template-columns:1fr}
  .reviews-grid{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .dual-strip{grid-template-columns:1fr}
  .job-photos{grid-template-columns:repeat(2,1fr)}
  .gal-grid{grid-template-columns:repeat(3,1fr)}
  .gal-item.gal-wide{grid-column:span 3}
  .reels-grid{grid-template-columns:repeat(3,1fr)}
  .job-areas{grid-template-columns:1fr}
  .team-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .nav-links{display:none}
  .menu-toggle{display:block}
  .nav-cta .btn-sm span{display:none}
  .nav-cta .btn-sm{padding:12px 14px}
}
@media (max-width:640px){
  html{scroll-padding-top:82px}
  .hero{padding-top:120px}
  .page-hero{padding-top:112px}
  .hero-cta .btn{width:100%}
  .hero-cards{grid-template-columns:1fr 1fr;gap:11px}
  .mini-card{flex-direction:column;align-items:flex-start;gap:11px;padding:15px}
  .g-3{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .diff-list{grid-template-columns:1fr}
  .reviews-grid{grid-template-columns:1fr}
  .reviews-head .g-btn{margin-left:0;width:100%;justify-content:center}
  .foot-grid{grid-template-columns:1fr}
  .foot-bottom .container{justify-content:center;text-align:center}
  .wa-float{display:none}
  .wa-bottombar{display:flex}
  body{padding-bottom:74px}
  .chip-a{left:6px;top:-14px}
  .chip-b{right:6px;bottom:-14px}
  .gal-grid{grid-template-columns:repeat(2,1fr)}
  .gal-item.gal-wide{grid-column:span 2}
  .reels-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .ig-cta{flex-direction:column;align-items:flex-start}
  .job-form-wrap .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}