/* Shield Surface Protection — claro, amarelo + grafite + azul do produto. CSS próprio do projeto. */
:root{
  --paper:#FFFFFF;
  --soft:#F6F7F9;
  --ink:#15191F;
  --gray:#4B5563;
  --mut:#8A929D;
  --yel:#FFC914;
  --yel-dark:#E5AF00;
  --blue:#5E8FB4;
  --line:#E5E8EC;
  --maxw:1160px;
  --r:14px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Barlow',sans-serif;background:var(--paper);color:var(--gray);line-height:1.65;font-size:16.5px}
img{max-width:100%;display:block}
h1,h2,h3,.btn,.brand__tx,.kicker,.hero__chips b,.step b,.cert b{font-family:'Manrope',sans-serif}
h1{font-size:clamp(2.2rem,4.8vw,3.7rem);line-height:1.05;color:var(--ink);font-weight:800;letter-spacing:-.02em}
h1 span{background:linear-gradient(transparent 62%,var(--yel) 62%,var(--yel) 94%,transparent 94%)}
h2{font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.15;color:var(--ink);font-weight:800;letter-spacing:-.01em;margin-bottom:16px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.kicker{color:var(--yel-dark);font-size:.76rem;font-weight:800;letter-spacing:.22em;margin-bottom:14px}
.lead{font-size:1.07rem;max-width:580px}
.note{color:var(--mut);font-size:.88rem;margin-top:30px;max-width:640px}

[data-rv]{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}
[data-rv].on{opacity:1;transform:none}

.btn{display:inline-block;background:var(--ink);color:#fff;padding:14px 30px;font-weight:700;font-size:.95rem;text-decoration:none;border-radius:999px;border:1.5px solid var(--ink);transition:.25s}
.btn:hover{background:var(--yel);border-color:var(--yel);color:var(--ink)}
.btn--ghost{background:transparent;color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn--sm{padding:10px 22px;font-size:.85rem}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr__in{display:flex;align-items:center;gap:26px;height:74px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0}
.brand__ic{width:36px;height:36px;flex:0 0 auto}
.brand__ic svg{width:100%;height:100%}
.brand__tx{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.brand__tx strong{color:var(--ink);font-size:1.12rem;font-weight:800;letter-spacing:.06em}
.brand__tx em{color:var(--yel-dark);font-style:normal;font-size:.58rem;font-weight:700;letter-spacing:.34em}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{color:var(--gray);text-decoration:none;font-size:.93rem;font-weight:500;transition:.2s}
.nav a:hover{color:var(--ink)}

/* hero */
.hero{background:
  radial-gradient(760px 420px at 88% 0%,rgba(255,201,20,.14),transparent 60%),
  linear-gradient(180deg,var(--soft),var(--paper) 70%)}
.hero__in{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center;padding:70px 24px 54px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 38px}
.hero__chips{display:flex;gap:12px;flex-wrap:wrap}
.hero__chips div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 18px;text-align:center;min-width:94px}
.hero__chips b{display:block;color:var(--ink);font-size:1.3rem;font-weight:800}
.hero__chips span{font-size:.62rem;letter-spacing:.16em;color:var(--mut);font-weight:600}
.hero__media{position:relative;padding:14px 14px 0 0}
.hero__media::before{content:"";position:absolute;top:0;right:0;width:72%;height:62%;background:var(--yel);border-radius:28px}
.hero__media img{position:relative;border-radius:24px;border:1px solid var(--line);filter:drop-shadow(0 26px 40px rgba(21,25,31,.18))}

/* band */
.band{background:var(--ink);padding:16px 0}
.band__in{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}
.band span{color:#fff;font-family:'Manrope',sans-serif;font-weight:700;font-size:.74rem;letter-spacing:.18em}
.band i{width:7px;height:7px;background:var(--yel);border-radius:50%}

/* sections */
.sec{padding:88px 0}
.sec--soft{background:var(--soft)}

/* features */
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr));gap:16px;margin-top:44px}
.feat{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;transition:border-color .3s,transform .3s}
.feat:hover{border-color:var(--yel);transform:translateY(-3px)}
.feat__ic{width:46px;height:46px;flex:0 0 auto;color:var(--blue);background:var(--soft);border-radius:12px;padding:10px}
.feat__ic svg{width:100%;height:100%}
.feat h3{color:var(--ink);font-size:1.04rem;font-weight:800;margin-bottom:6px}
.feat p{font-size:.93rem}

/* steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:44px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 26px}
.step b{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;background:var(--yel);color:var(--ink);border-radius:50%;font-size:1.05rem;font-weight:800;margin-bottom:16px}
.step h3{color:var(--ink);font-size:1.05rem;font-weight:800;margin-bottom:8px}
.step p{font-size:.93rem}

/* specs */
.specs__in{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.specs__media img{max-height:520px;width:auto;margin:0 auto}
.spectable{width:100%;border-collapse:collapse;margin-top:26px}
.spectable th,.spectable td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);font-size:.94rem}
.spectable th{color:var(--ink);font-weight:700;white-space:nowrap;width:38%}

/* certs */
.certs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:40px}
.cert{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px}
.cert__ic{width:34px;height:34px;color:var(--yel-dark);margin-bottom:14px}
.cert__ic svg{width:100%;height:100%}
.cert b{display:block;color:var(--ink);font-size:.98rem;font-weight:800;margin-bottom:4px}
.cert span{font-size:.85rem;color:var(--mut)}

/* CTA */
.cta{padding:88px 0;background:
  radial-gradient(700px 320px at 12% 15%,rgba(255,201,20,.16),transparent 60%),var(--soft)}
.cta__in{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.cta__cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ccard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;text-decoration:none;transition:border-color .3s;min-width:0}
.ccard:hover{border-color:var(--yel)}
.ccard b{display:block;color:var(--yel-dark);font-family:'Manrope',sans-serif;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.ccard span{color:var(--ink);font-size:.93rem;font-weight:500;word-break:break-word;overflow-wrap:anywhere}

/* footer */
.foot{padding:28px 0;border-top:1px solid var(--line)}
.foot__in{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.foot p{font-size:.84rem;color:var(--mut)}
.foot a{color:var(--gray);text-decoration:none}
.foot a:hover{color:var(--ink)}

/* responsivo */
@media(max-width:960px){
  .hero__in,.specs__in,.cta__in{grid-template-columns:1fr;gap:40px}
  .hero__media{max-width:380px;margin:0 auto}
  .nav{display:none}
}
@media(max-width:480px){
  body{font-size:15.5px}
  .hdr__in{gap:12px;height:66px}
  .brand__tx strong{font-size:.98rem}
  .brand__tx em{font-size:.5rem;letter-spacing:.26em}
  .btn--sm{padding:9px 16px;font-size:.78rem;white-space:nowrap}
  .hero__in{padding:46px 24px 42px}
  .hero__chips div{min-width:72px;padding:10px 12px;flex:1}
  .cta__cards{grid-template-columns:1fr}
  .band__in{gap:12px}
}