/* ==========================================================================
   SES BRASIL — Landing Page Manutenção & Venda de Nobreaks
   28K Group · Design System
   ========================================================================== */

:root{
  /* Marca */
  --orange:        #EF6225;
  --orange-hover:  #D14E15;
  --orange-light:  #F79033;
  --orange-tint:   #FEF1EB;
  --graphite:      #37474F;
  --section-dark:  #444444;   /* fundo das seções escuras */
  --gray-strong:   #54595F;
  --gray-text:     #5F666C;
  --gray-soft:     #9AA0A6;
  --line:          #DFE3E6;
  --line-strong:   #C9CFD4;
  --bg:            #FFFFFF;
  --bg-alt:        #E8EBEE;

  /* Layout */
  --container:     1200px;
  --container-nar: 900px;
  --gutter:        clamp(20px, 5vw, 48px);
  --section-gap:   clamp(72px, 9vw, 124px);
  --radius:        14px;
  --radius-sm:     10px;

  /* Sombras */
  --sh-sm: 0 1px 2px rgba(24,32,38,.06), 0 1px 3px rgba(24,32,38,.05);
  --sh-md: 0 4px 16px rgba(24,32,38,.07), 0 1px 3px rgba(24,32,38,.04);
  --sh-lg: 0 18px 48px rgba(24,32,38,.10), 0 2px 8px rgba(24,32,38,.05);
  --sh-orange: 0 8px 24px rgba(239,98,37,.26);

  /* Tipografia */
  --f: 'Exo 2', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --t-xs: .75rem; --t-sm: .875rem; --t-base: 1rem; --t-lg: 1.0625rem;
  --h4: 1.25rem; --h3: 1.5rem;
  --h2: clamp(1.75rem, 3.4vw, 2.6rem);
  --h1: clamp(2.05rem, 4.2vw, 3.05rem);

  /* Motion */
  --ease: cubic-bezier(.16,1,.3,1);
  --fast: 180ms; --normal: 320ms; --reveal: 720ms;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--gray-text);
  font-family:var(--f);font-size:var(--t-base);line-height:1.62;
  font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:clip;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{color:var(--graphite);font-weight:700;line-height:1.16;margin:0;letter-spacing:-.015em}
h1{font-size:var(--h1);text-wrap:balance}
h2{font-size:var(--h2);text-wrap:balance}
h3{font-size:var(--h3)}
h4{font-size:var(--h4)}
p{margin:0}
::selection{background:var(--orange);color:#fff}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}

/* ---------- Primitivos ---------- */
.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.section{position:relative;padding-block:var(--section-gap)}
.section--alt{background:var(--bg-alt)}
.section--brand{background:linear-gradient(135deg,var(--orange) 0%,#CF4A12 100%)}
.section--brand h2{color:#fff}
.section--brand .cred__item h3{color:var(--graphite)}
.section--brand .cred__item p{color:var(--gray-text)}
.section--brand .lead{color:rgba(255,255,255,.94);font-size:clamp(1.02rem,1.7vw,1.14rem);font-weight:500}
.section--brand .eyebrow{color:#fff}
.section--brand .eyebrow::before{background:rgba(255,255,255,.85)}
.section--dark{background:var(--section-dark)}
.section--tech{position:relative;overflow:hidden}
.section--tech::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:62px 62px;
  -webkit-mask-image:radial-gradient(ellipse 78% 62% at 50% 0%,#000 0%,transparent 76%);
  mask-image:radial-gradient(ellipse 78% 62% at 50% 0%,#000 0%,transparent 76%);
}
.section--tech > .container{position:relative;z-index:1}
.section--dark h2,.section--dark h3,.section--dark h4{color:#fff}
.section--dark p,.section--dark li{color:rgba(255,255,255,.74)}
.section--tight{padding-block:clamp(48px,6vw,72px)}

.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-size:var(--t-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--orange);margin-bottom:18px;
}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--orange);border-radius:2px;flex:none}
.section--dark .eyebrow{color:var(--orange-light)}
.section--dark .eyebrow::before{background:var(--orange-light)}

.lead{font-size:clamp(1rem,1.6vw,var(--t-lg));color:var(--gray-text);max-width:62ch}
.section--dark .lead{color:rgba(255,255,255,.72)}
.head{max-width:760px;margin-bottom:clamp(38px,5vw,58px)}
.head--center{margin-inline:auto;text-align:center}
.head--center .eyebrow{justify-content:center}
.head p{margin-top:16px}
.hl{color:var(--orange)}

/* ---------- Botões ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 26px;border-radius:var(--radius-sm);border:1.5px solid transparent;
  font-size:var(--t-sm);font-weight:700;letter-spacing:.01em;cursor:pointer;
  transition:background var(--fast) var(--ease),color var(--fast) var(--ease),
             border-color var(--fast) var(--ease),transform var(--fast) var(--ease),
             box-shadow var(--fast) var(--ease);
  white-space:nowrap;text-align:center;
}
.btn svg{flex:none;width:17px;height:17px}
.btn--primary{background:var(--orange);color:#fff;box-shadow:var(--sh-orange)}
.btn--primary:hover{background:var(--orange-hover);transform:translateY(-2px);box-shadow:0 12px 30px rgba(239,98,37,.34)}
.btn--ghost{background:transparent;color:var(--graphite);border-color:var(--line-strong)}
.btn--ghost:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-2px)}
.section--dark .btn--ghost{color:#fff;border-color:rgba(255,255,255,.34)}
.section--dark .btn--ghost:hover{border-color:var(--orange-light);color:var(--orange-light)}
.btn--oncolor{background:#fff;color:var(--orange-hover);border-color:#fff}
.btn--oncolor:hover{background:var(--graphite);color:#fff;border-color:var(--graphite);transform:translateY(-2px)}
.btn--block{width:100%}
.btn--lg{padding:17px 34px;font-size:var(--t-base)}
.btn:active{transform:translateY(0) scale(.985)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

.linkarrow{display:inline-flex;align-items:center;gap:7px;color:var(--orange);font-weight:700;font-size:var(--t-sm)}
.linkarrow svg{transition:transform var(--fast) var(--ease)}
.linkarrow:hover svg{transform:translateX(4px)}

/* ---------- Header ---------- */
.header{
  position:fixed;inset:0 0 auto 0;z-index:90;background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid transparent;transition:box-shadow var(--normal) var(--ease),border-color var(--normal) var(--ease);
}
.header.is-stuck{box-shadow:0 1px 20px rgba(24,32,38,.08);border-bottom-color:var(--line)}
.header__inner{display:flex;align-items:center;gap:24px;height:76px;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.header__logo img{height:34px;width:auto}
.lbl-sm{display:none}
.nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.nav a{font-size:var(--t-sm);font-weight:600;color:var(--gray-strong);position:relative;padding-block:4px;transition:color var(--fast)}
.nav a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--orange);transition:width var(--fast) var(--ease)}
.nav a:hover{color:var(--graphite)}
.nav a:hover::after{width:100%}
.header__actions{display:flex;align-items:center;gap:14px}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line-strong);background:#fff;border-radius:var(--radius-sm);cursor:pointer;position:relative}
.burger span{position:absolute;left:12px;width:20px;height:2px;background:var(--graphite);border-radius:2px;transition:transform var(--normal) var(--ease),opacity var(--fast)}
.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:21px}.burger span:nth-child(3){top:27px}
.burger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.mobilenav{
  position:fixed;inset:76px 0 auto 0;z-index:89;background:#fff;border-bottom:1px solid var(--line);
  padding:8px var(--gutter) 24px;display:none;flex-direction:column;box-shadow:var(--sh-lg);
  max-height:calc(100dvh - 76px);overflow-y:auto;
}
.mobilenav.is-open{display:flex}
.mobilenav a{padding:15px 0;border-bottom:1px solid var(--line);font-weight:600;color:var(--graphite);font-size:var(--t-base)}
.mobilenav .btn{margin-top:18px}

/* ---------- 2 · HERO ---------- */
.hero{padding-top:calc(76px + clamp(20px,2.6vw,36px));padding-bottom:clamp(40px,5vw,68px);background:#fff;position:relative;overflow:hidden}
.hero::after{
  content:"";position:absolute;right:-14%;top:-18%;width:60vw;height:60vw;max-width:840px;max-height:840px;
  background:radial-gradient(circle,rgba(239,98,37,.07) 0%,rgba(239,98,37,0) 66%);pointer-events:none;
}
.hero__grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(32px,4.5vw,68px);align-items:center;position:relative;z-index:1}
.hero__badge{
  display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;
  border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px 8px 12px;
  font-size:11px;font-weight:700;color:var(--gray-strong);letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;
  box-shadow:var(--sh-sm);margin-bottom:22px;
}
.hero__badge b{color:var(--orange);font-weight:800}
.hero__badge .dot{width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none;box-shadow:0 0 0 4px rgba(239,98,37,.16)}
.hero h1{margin-bottom:20px}
.hero__sub{font-size:clamp(1rem,1.6vw,1.125rem);max-width:56ch;color:var(--gray-text)}
.hero__checks{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
.hero__checks li{display:flex;align-items:flex-start;gap:10px;font-size:var(--t-sm);font-weight:600;color:var(--graphite);line-height:1.4}
.hero__checks svg{flex:none;width:18px;height:18px;color:var(--orange);margin-top:1px}
.hero__cta{margin-top:30px}
/* Visual do hero — nobreak modular recortado, flutuando no branco */
.hero__media{position:relative;margin:0;width:min(100%,404px);margin-inline:auto}
.hero__media picture{display:block}
.hero__media img{
  width:100%;height:auto;display:block;
  filter:drop-shadow(0 30px 46px rgba(24,32,38,.24)) drop-shadow(0 6px 14px rgba(24,32,38,.10));
}

/* Form card — laranja */
.formcard{
  background:linear-gradient(158deg,var(--orange) 0%,#CF4A12 100%);
  border:0;border-radius:var(--radius);
  box-shadow:0 20px 44px rgba(103,36,7,.28);padding:clamp(24px,2.8vw,34px);position:relative;overflow:hidden;
}
.formcard h2,.formcard h3{font-size:1.35rem;margin-bottom:6px;color:#fff}
.formcard__sub{font-size:var(--t-sm);color:rgba(255,255,255,.92);margin-bottom:22px}
.formcard label,
.formcard .field label{color:#fff}
.formcard .req{color:#fff}
.formcard .input,.formcard .select,.formcard .textarea{border-color:transparent;background:#fff}
.formcard .input:focus,.formcard .select:focus,.formcard .textarea:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.45)}
.formcard .consent{color:rgba(255,255,255,.92)}
.formcard .consent a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.formcard .consent input{accent-color:#fff}
.formcard .microcopy{color:rgba(255,255,255,.82)}
.formcard .microcopy a{color:#fff}
.formcard .btn--primary{background:#fff;color:var(--orange-hover);box-shadow:0 10px 24px rgba(103,36,7,.3)}
.formcard .btn--primary:hover{background:var(--graphite);color:#fff;box-shadow:0 14px 30px rgba(24,32,38,.3)}
.formcard .err{color:#3A1000;font-weight:700}
.formcard .input.is-err,.formcard .select.is-err{border-color:#7A1F00;box-shadow:0 0 0 3px rgba(122,31,0,.35)}
.field{margin-bottom:13px}
.field label{display:block;font-size:var(--t-xs);font-weight:700;color:var(--gray-strong);margin-bottom:6px;letter-spacing:.03em;text-transform:uppercase}
.field .req{color:var(--orange)}
.input,.select,.textarea{
  width:100%;padding:12px 14px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);
  background:#fff;color:var(--graphite);font-size:var(--t-sm);font-weight:500;
  transition:border-color var(--fast),box-shadow var(--fast);
}
.input::placeholder,.textarea::placeholder{color:var(--gray-soft);font-weight:400}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(239,98,37,.14)}
.select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2354595F' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;cursor:pointer}
.textarea{min-height:96px;resize:vertical;line-height:1.55}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.microcopy{font-size:var(--t-xs);color:var(--gray-soft);line-height:1.5;margin-top:12px;text-align:center}
.microcopy a{color:var(--gray-strong);text-decoration:underline;text-underline-offset:2px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:var(--t-xs);color:var(--gray-text);line-height:1.5;margin-top:4px}
.consent input{margin-top:3px;width:16px;height:16px;accent-color:var(--orange);flex:none;cursor:pointer}
.err{display:block;font-size:var(--t-xs);color:#D93025;margin-top:5px;font-weight:600}
.input.is-err,.select.is-err,.textarea.is-err{border-color:#D93025;box-shadow:0 0 0 3px rgba(217,48,37,.1)}

/* ---------- 3 · MARQUEE DE MARCAS ---------- */
.marquee{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;gap:clamp(40px,6vw,84px);width:max-content;animation:slide 34s linear infinite;align-items:center}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee img{height:clamp(36px,4.2vw,50px);width:auto;filter:grayscale(1) contrast(1.15);opacity:.78;transition:filter var(--normal) var(--ease),opacity var(--normal) var(--ease)}
.marquee img:hover{filter:grayscale(0);opacity:1}
@keyframes slide{to{transform:translateX(-50%)}}
.brandbar__label{text-align:center;font-size:var(--t-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-soft);margin-bottom:30px}

/* ---------- 4 · HOMOLOGAÇÃO ---------- */
.ico{
  width:46px;height:46px;border-radius:12px;background:var(--orange-tint);color:var(--orange);
  display:grid;place-items:center;margin-bottom:16px;flex:none;
}
.ico svg{width:23px;height:23px}
/* ícones menores nos cards de dor e de procedência */
.pain__card .ico,.cred__item .ico{width:36px;height:36px;border-radius:10px;margin-bottom:14px}
.pain__card .ico svg,.cred__item .ico svg{width:18px;height:18px}
.cred{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.cred__item{
  position:relative;background:rgba(255,255,255,.94);border:0;border-radius:12px;padding:30px 26px 32px;
  transition:background var(--normal) var(--ease),transform var(--normal) var(--ease),box-shadow var(--normal) var(--ease);
}
.cred__item:hover{
  background:#fff;transform:translateY(-10px);z-index:2;
  box-shadow:0 26px 46px rgba(103,36,7,.30), 0 6px 14px rgba(103,36,7,.16);
}
.cred__item .ico{transition:background var(--normal) var(--ease),color var(--normal) var(--ease)}
.cred__item:hover .ico{background:var(--orange);color:#fff}
.cred__item h3{font-size:var(--t-lg);margin-bottom:7px}
.cred__item p{font-size:var(--t-sm)}

/* ---------- 5 · DOR ---------- */
.pain__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:8px}
.pain__card{grid-column:span 2}
.pain__card:nth-child(4),.pain__card:nth-child(5){grid-column:span 3}
.pain__card{
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);
  padding:26px 24px;transition:background var(--normal) var(--ease),border-color var(--normal) var(--ease),transform var(--normal) var(--ease);
}
.pain__card:hover{background:rgba(255,255,255,.075);border-color:rgba(239,98,37,.5);transform:translateY(-3px)}
.pain__card .ico{background:rgba(239,98,37,.16);color:var(--orange-light)}
.pain__card h3{font-size:var(--t-lg);margin-bottom:8px;color:#fff}
.pain__card p{font-size:var(--t-sm);color:rgba(255,255,255,.68);line-height:1.6}
.alertkicker{
  display:inline-flex;align-items:center;gap:9px;background:rgba(239,98,37,.14);border:1px solid rgba(239,98,37,.34);
  color:var(--orange-light);border-radius:999px;padding:7px 16px;font-size:var(--t-xs);font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px;
}
.alertkicker svg{width:15px;height:15px}

/* ---------- 6 · O QUE A SES FAZ ---------- */
.offer{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.offer__card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px;
  display:flex;flex-direction:column;position:relative;overflow:hidden;
  transition:border-color var(--fast),transform var(--normal) var(--ease),box-shadow var(--normal) var(--ease);
}
.offer__card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform var(--normal) var(--ease)}
.offer__card:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:var(--sh-lg)}
.offer__card:hover::before{transform:scaleX(1)}
.offer__tag{
  display:inline-block;align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  background:var(--orange-tint);color:var(--orange-hover);border-radius:6px;padding:5px 10px;margin-bottom:14px;
}
.offer__tag--soft{background:#E1E6EA;color:var(--gray-strong)}
.offer__card h3{margin-bottom:10px}
.offer__card>p{font-size:var(--t-sm);margin-bottom:18px}
.checklist{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px}
.checklist li{display:flex;gap:9px;align-items:flex-start;font-size:var(--t-sm);color:var(--gray-text);line-height:1.5}
.checklist svg{flex:none;width:16px;height:16px;color:var(--orange);margin-top:3px}
.offer__card .linkarrow{margin-top:auto}

/* ---------- 7 · PAINÉIS ---------- */
.panel{padding-block:clamp(58px,7vw,96px)}
.stackcard.panel{padding-block:clamp(38px,4.2vw,60px)}
.panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,72px);align-items:center}
.panel--rev .panel__media{order:-1}
.panel__num{font-size:var(--t-xs);font-weight:800;letter-spacing:.16em;color:var(--orange);margin-bottom:14px;display:block}
.panel h2{margin-bottom:16px}
.panel__body{font-size:var(--t-sm);line-height:1.7;margin-bottom:24px;max-width:56ch}
.aes{display:grid;gap:14px;margin-bottom:28px}
.aes__item{display:flex;gap:14px;align-items:flex-start;padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color var(--fast),transform var(--fast)}
.aes__item:hover{border-color:var(--orange);transform:translateX(3px)}
.section--alt .aes__item{background:#fff}
.aes__ico{width:34px;height:34px;border-radius:9px;background:var(--orange-tint);color:var(--orange);display:grid;place-items:center;flex:none}
.aes__ico svg{width:17px;height:17px}
.aes__item b{display:block;color:var(--graphite);font-size:var(--t-sm);margin-bottom:2px}
.aes__item span{font-size:var(--t-sm);color:var(--gray-text);line-height:1.5}
.panel__media{position:relative;display:grid;place-items:center;min-height:280px}
.panel__media-bg{
  position:absolute;inset:2% 3%;border-radius:22px;
  background:linear-gradient(150deg,var(--bg-alt) 0%,#DDE2E6 100%);
}
.section--alt .panel__media-bg{background:linear-gradient(150deg,#fff 0%,#DFE4E8 100%)}
.panel__media img{position:relative;width:min(76%,376px);filter:drop-shadow(0 22px 40px rgba(24,32,38,.17))}


/* ---------- 7 · Painéis empilhados (sticky stack) ---------- */
.stack{
  display:flex;flex-direction:column;gap:clamp(24px,3vw,40px);
  padding-block:var(--section-gap);
}
.stackcard{
  position:sticky;top:calc(76px + 22px);
  background:linear-gradient(155deg,var(--orange) 0%,#CF4A12 100%);
  border-radius:24px;overflow:hidden;
  padding-block:clamp(30px,3.2vw,44px);
  box-shadow:0 -16px 34px rgba(103,36,7,.16), 0 2px 8px rgba(24,32,38,.08);
}
.stackcard:nth-child(2){top:calc(76px + 44px)}
.stackcard:nth-child(3){top:calc(76px + 66px)}

/* tipografia sobre o laranja */
.stackcard .panel__num{color:#fff;opacity:.86}
.stackcard h2{color:#fff;font-size:clamp(1.55rem,2.7vw,2.05rem);margin-bottom:12px}
.stackcard .panel__body{color:rgba(255,255,255,.93);margin-bottom:20px}
.stackcard .panel__body a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* cards internos brancos, que é o que dá o contraste */
.stackcard .aes{gap:10px;margin-bottom:22px}
.stackcard .aes__item{background:#fff;border-color:#fff;padding:12px 15px}
.stackcard .aes__item:hover{border-color:#fff;transform:translateX(4px)}
.stackcard .panel__media-bg{background:linear-gradient(150deg,#fff 0%,#F4F6F8 100%)}
.stackcard .panel__media{min-height:auto}

/* CTA branco sobre o laranja */
.stackcard .btn--primary{background:#fff;color:var(--orange-hover);box-shadow:0 8px 22px rgba(103,36,7,.24)}
.stackcard .btn--primary:hover{background:var(--graphite);color:#fff;box-shadow:0 12px 28px rgba(24,32,38,.28)}
/* mobile: sem sticky, os cards viram blocos normais */
@media (max-width:900px){
  .stackcard{position:static;top:auto!important;box-shadow:var(--sh-sm)}
}

/* ---------- 8 · CATÁLOGO (carrossel infinito, largura total) ---------- */
.catwrap{
  --cat-w:292px; --cat-gap:22px;
  position:relative;width:100vw;margin-left:calc(50% - 50vw);
}
.catmarquee{
  width:100%;overflow-x:auto;overflow-y:hidden;padding-block:14px;
  scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.catmarquee::-webkit-scrollbar{display:none}
.catmarquee__track{display:flex;gap:var(--cat-gap);width:max-content;padding-inline:var(--cat-gap)}

/* setas */
.catnav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:50px;height:50px;border-radius:50%;border:1px solid var(--line);
  background:#fff;color:var(--orange-hover);display:grid;place-items:center;cursor:pointer;
  box-shadow:0 8px 22px rgba(24,32,38,.16);
  transition:background var(--fast) var(--ease),color var(--fast) var(--ease),
             transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease);
}
.catnav svg{width:22px;height:22px}
.catnav:hover{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 12px 28px rgba(239,98,37,.34)}
.catnav:active{transform:translateY(-50%) scale(.93)}
.catnav--prev{left:clamp(10px,2.4vw,34px)}
.catnav--next{right:clamp(10px,2.4vw,34px)}

.cat__card{
  flex:0 0 auto;width:var(--cat-w);
  background:linear-gradient(160deg,var(--orange) 0%,#CF4A12 100%);
  border:0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 10px 24px rgba(207,74,18,.22);
  transition:transform var(--normal) var(--ease),box-shadow var(--normal) var(--ease);
}
.cat__card:hover{transform:translateY(-7px);box-shadow:0 22px 42px rgba(207,74,18,.34)}
.cat__thumb{
  position:relative;margin:13px 13px 0;border-radius:12px;background:rgba(255,255,255,.96);
  aspect-ratio:1/.8;display:grid;place-items:center;padding:16px;overflow:hidden;
}
.cat__thumb picture{display:contents}
.cat__thumb img{width:auto;height:auto;max-height:100%;max-width:78%;object-fit:contain;transition:transform var(--normal) var(--ease)}
.cat__card:hover .cat__thumb img{transform:scale(1.06)}
.cat__tag{
  position:absolute;top:10px;left:10px;background:var(--graphite);border:0;
  border-radius:6px;padding:4px 9px;font-size:10px;font-weight:800;letter-spacing:.06em;
  color:#fff;text-transform:uppercase;
}
.cat__body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.cat__card h3{font-size:var(--t-lg);margin-bottom:8px;line-height:1.28;color:#fff}
.cat__card p{font-size:var(--t-sm);line-height:1.55;margin-bottom:12px;color:rgba(255,255,255,.92)}
.cat__apps{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.74);margin-bottom:16px;line-height:1.6}
.cat__body .btn{margin-top:auto}
.cat__note{margin-top:38px;display:flex;gap:14px;align-items:flex-start;background:var(--bg-alt);border:1px solid var(--line-strong);border-left:3px solid var(--orange);border-radius:var(--radius-sm);padding:18px 22px;font-size:var(--t-sm);line-height:1.6}
.cat__note svg{flex:none;width:20px;height:20px;color:var(--orange);margin-top:2px}

/* ---------- 9 · NÚMEROS ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}
.stat{
  position:relative;padding:30px 24px 28px;border-radius:14px;overflow:hidden;border:0;
  background:linear-gradient(160deg,var(--orange) 0%,#CF4A12 100%);
  box-shadow:0 10px 24px rgba(103,36,7,.24);
  transition:transform var(--normal) var(--ease),box-shadow var(--normal) var(--ease);
}
.stat::before,.stat::after{content:"";position:absolute;top:0;left:0;background:#fff;opacity:.9}
.stat::before{width:32px;height:2px}
.stat::after{width:2px;height:32px}
.stat:hover{transform:translateY(-6px);box-shadow:0 24px 44px rgba(103,36,7,.36)}
.stat__k{
  display:block;font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;
  color:rgba(255,255,255,.74);margin-bottom:18px;font-variant-numeric:tabular-nums;
}
.stat__n{
  font-size:clamp(2.1rem,3.6vw,3rem);font-weight:800;color:#fff;
  line-height:.98;letter-spacing:-.045em;margin-bottom:14px;white-space:nowrap;
  font-variant-numeric:tabular-nums;display:block;
}
.stat__n small{
  display:block;margin-top:9px;font-size:.3em;font-weight:700;letter-spacing:.09em;
  color:rgba(255,255,255,.88);text-transform:uppercase;line-height:1.2;white-space:normal;
}
.stat__x{font-size:.62em;font-weight:700;opacity:.55;margin-inline:-.02em}
.stat__l{font-size:var(--t-sm);color:rgba(255,255,255,.9);line-height:1.5}

.diffs{
  list-style:none;margin:0;padding:36px 0 0;display:grid;grid-template-columns:repeat(2,1fr);
  gap:14px 30px;border-top:1px solid rgba(255,255,255,.13);
}
.diffs li{display:flex;gap:12px;align-items:flex-start;font-size:var(--t-sm);color:rgba(255,255,255,.86);line-height:1.5}
.diffs svg{flex:none;width:19px;height:19px;color:var(--orange-light);margin-top:2px}


/* ---------- 10 · DEPOIMENTOS ---------- */
.testi{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.testi__card{background:linear-gradient(160deg,var(--orange) 0%,#CF4A12 100%);border:0;border-radius:var(--radius);padding:30px 28px;display:flex;flex-direction:column;box-shadow:0 10px 26px rgba(207,74,18,.22);transition:transform var(--normal) var(--ease),box-shadow var(--normal) var(--ease)}
.testi__card:hover{transform:translateY(-6px);box-shadow:0 22px 42px rgba(207,74,18,.34)}
.stars{display:flex;gap:3px;margin-bottom:16px;color:#fff}
.stars svg{width:16px;height:16px}
.testi__q{font-size:var(--t-base);color:#fff;line-height:1.6;margin-bottom:22px;font-weight:500}
.testi__who{display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.28)}
.avatar{width:42px;height:42px;border-radius:50%;background:#fff;color:var(--orange-hover);display:grid;place-items:center;flex:none}
.avatar svg{width:21px;height:21px}
.testi__who b{display:block;color:#fff;font-size:var(--t-sm)}
.testi__who > div span{font-size:var(--t-xs);color:rgba(255,255,255,.78)}
.testi__who .avatar{color:var(--orange-hover)}

/* ---------- FAQ ---------- */
.faq{max-width:860px;margin-inline:auto}
.faq__item{border-bottom:1px solid var(--line)}
.faq__q{
  width:100%;background:none;border:0;text-align:left;cursor:pointer;padding:22px 46px 22px 0;
  font-size:var(--t-lg);font-weight:700;color:var(--graphite);position:relative;line-height:1.42;
  transition:color var(--fast);
}
.faq__q:hover{color:var(--orange)}
.faq__q::after{
  content:"";position:absolute;right:8px;top:50%;width:11px;height:11px;
  border-right:2.5px solid var(--orange);border-bottom:2.5px solid var(--orange);
  transform:translateY(-70%) rotate(45deg);transition:transform var(--normal) var(--ease);
}
.faq__item.is-open .faq__q::after{transform:translateY(-25%) rotate(-135deg)}
.faq__a{max-height:0;overflow:hidden;transition:max-height var(--normal) var(--ease)}
.faq__a p{padding:0 40px 24px 0;font-size:var(--t-sm);line-height:1.72}

/* ---------- 11 · CTA FINAL ---------- */
.final__grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(36px,5vw,66px);align-items:start}
.contactlist{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:16px}
.contactlist li{display:flex;gap:14px;align-items:flex-start}
.contactlist .ico{width:40px;height:40px;border-radius:10px;margin-bottom:0}
.contactlist .ico svg{width:19px;height:19px}
.contactlist b{display:block;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--gray-soft);margin-bottom:3px;font-weight:700}
.contactlist a,.contactlist span{font-size:var(--t-sm);color:var(--graphite);font-weight:600;line-height:1.5}
.contactlist a:hover{color:var(--orange)}
.richbox{margin-top:34px;background:var(--bg-alt);border:1px solid var(--line-strong);border-radius:var(--radius);padding:24px}
.richbox b{display:block;color:var(--graphite);font-size:var(--t-sm);margin-bottom:12px}
.richbox ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.richbox li a{display:flex;gap:9px;align-items:flex-start;font-size:var(--t-sm);color:var(--gray-text);transition:color var(--fast)}
.richbox li a:hover{color:var(--orange)}
.richbox svg{flex:none;width:16px;height:16px;color:var(--orange);margin-top:3px}

/* ---------- 12 · RODAPÉ ---------- */
.footer{background:var(--section-dark);color:rgba(255,255,255,.66);padding-block:clamp(56px,7vw,80px) 0}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:clamp(30px,4vw,50px)}
.footer__logo img{height:82px;width:auto;margin-bottom:20px}
.footer__about{font-size:var(--t-sm);line-height:1.68;max-width:38ch}
.footer h4{color:#fff;font-size:var(--t-sm);text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px;font-weight:800}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.footer li a,.footer li span{font-size:var(--t-sm);color:rgba(255,255,255,.66);transition:color var(--fast);line-height:1.5}
.footer li a:hover{color:var(--orange-light)}
.social{display:flex;gap:10px;margin-top:24px}
.social a{width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:9px;display:grid;place-items:center;color:rgba(255,255,255,.8);transition:all var(--fast) var(--ease)}
.social a:hover{background:var(--orange);border-color:var(--orange);color:#fff;transform:translateY(-2px)}
.social svg{width:17px;height:17px}
.footer__legal{
  margin-top:clamp(44px,5vw,64px);padding-block:24px;border-top:1px solid rgba(255,255,255,.13);
  display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between;align-items:center;
  font-size:var(--t-xs);color:rgba(255,255,255,.5);
}
.footer__legal a:hover{color:var(--orange-light)}
.credito{display:inline-flex;align-items:center;gap:9px}
.credito img{height:26px;width:auto;opacity:.82;transition:opacity var(--fast) var(--ease)}
.credito a:hover img{opacity:1}

/* ---------- Reveal ---------- */
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity var(--reveal) var(--ease),transform var(--reveal) var(--ease)}
[data-reveal].is-visible{opacity:1;transform:none}
[data-stagger]>*{opacity:0;transform:translateY(18px);transition:opacity var(--reveal) var(--ease),transform var(--reveal) var(--ease)}
[data-stagger].is-visible>*{opacity:1;transform:none}
[data-stagger].is-visible>*:nth-child(1){transition-delay:0ms}
[data-stagger].is-visible>*:nth-child(2){transition-delay:80ms}
[data-stagger].is-visible>*:nth-child(3){transition-delay:160ms}
[data-stagger].is-visible>*:nth-child(4){transition-delay:240ms}
[data-stagger].is-visible>*:nth-child(5){transition-delay:320ms}
[data-stagger].is-visible>*:nth-child(6){transition-delay:400ms}
[data-stagger].is-visible>*:nth-child(7){transition-delay:480ms}
[data-stagger].is-visible>*:nth-child(8){transition-delay:560ms}

/* ---------- Responsivo ---------- */
@media (max-width:1080px){
  .cred{grid-template-columns:repeat(2,1fr)}
  .nav{display:none}
  /* sem a nav, é o bloco de ações que encosta na direita */
  .header__actions{margin-left:auto;gap:12px}
    .burger{display:block}
}
@media (max-width:900px){
  .pain__grid{grid-template-columns:1fr}
  .pain__card,.pain__card:nth-child(4),.pain__card:nth-child(5){grid-column:auto}
  .hero__grid{grid-template-columns:1fr}
  .hero__media{margin-top:clamp(28px,5vw,44px);width:min(82%,312px)}
  .offer{grid-template-columns:1fr}
  .testi{grid-template-columns:1fr}
  .panel__grid{grid-template-columns:1fr}
  .panel--rev .panel__media{order:0}
  .panel__media{min-height:220px;margin-top:8px}
  .final__grid{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .header__inner{height:66px;gap:14px}
  .mobilenav{inset-block-start:68px;max-height:calc(100dvh - 68px)}
  .hero{padding-top:calc(68px + 22px)}
  .header__actions .btn{padding:11px 16px;font-size:var(--t-xs)}
  .header__actions{gap:10px}
  .header__logo img{height:29px}
  .lbl-lg{display:none}
  .lbl-sm{display:inline}
  .burger{width:42px;height:42px}
  .burger span{left:11px}
  .hero__checks{grid-template-columns:1fr}
  .cred,.stats{grid-template-columns:1fr}
  .catwrap{--cat-w:272px;--cat-gap:14px;padding-bottom:66px}
  .catmarquee{mask-image:linear-gradient(90deg,transparent 0,#000 2%,#000 98%,transparent 100%);
              -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2%,#000 98%,transparent 100%)}
  .catnav{width:46px;height:46px;top:auto;bottom:0;transform:none}
  .catnav:active{transform:scale(.93)}
  .catnav svg{width:19px;height:19px}
  .catnav--prev{left:calc(50% - 54px);right:auto}
  .catnav--next{right:calc(50% - 54px);left:auto}
  .diffs{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .field-row{grid-template-columns:1fr}
  .btn-row .btn{width:100%}
  .footer__legal{justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  [data-reveal],[data-stagger]>*{opacity:1;transform:none}
}

/* ---------- Faixa de contrato 24x7 ---------- */
.contract{
  display:grid;grid-template-columns:1.25fr .95fr .8fr;gap:clamp(26px,3.4vw,44px);align-items:center;
  background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);
  border-radius:var(--radius);padding:clamp(28px,3.4vw,42px);box-shadow:var(--sh-lg);
}
.contract__list{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.contract__list li{display:flex;gap:10px;align-items:flex-start;font-size:var(--t-sm);font-weight:600;color:var(--graphite);line-height:1.45}
.contract__list svg{flex:none;width:17px;height:17px;color:var(--orange);margin-top:2px}
@media (max-width:900px){.contract{grid-template-columns:1fr}}

/* ---------- Página de obrigado ---------- */
.thanks{min-height:100dvh;display:grid;place-items:center;padding:clamp(40px,8vw,90px) 0;background:#fff}
.thanks__inner{max-width:640px;text-align:center;padding-inline:var(--gutter)}
.thanks__logo{height:44px;width:auto;margin:0 auto 34px}
.thanks__mark{
  width:76px;height:76px;border-radius:50%;background:var(--orange-tint);color:var(--orange);
  display:grid;place-items:center;margin:0 auto 26px;
}
.thanks__mark svg{width:38px;height:38px}
.thanks h1{margin-bottom:16px}
.thanks .btn-row{justify-content:center;margin-top:32px}