@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/figtree-400.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/figtree-600.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/figtree-700.woff2) format('woff2')}
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/bebas-neue-400.woff2) format('woff2')}

:root{--navy:#013b8e;--deep:#012a66;--lime:#dfe08f;--lav:#b6b7d5;--cream:#f7f5ee;--ink:#1b2140;--muted:#3d4466;--blue:#0166f4;--olive:#8a8f1c;--orange:#f08a1c;--gold:#e8b84b;--brown:#7a5710;--cyan:#1fe1ee;--pad:clamp(20px,4vw,48px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Figtree',system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:var(--navy)}
h1,h2,h3,p,ul,dl,dd,figure,blockquote{margin:0}
ul{padding:0;list-style:none}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
section{overflow-x:clip}

/* bloco do pacote */
.pular{position:absolute;left:12px;top:-80px;z-index:100;background:var(--deep);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none;min-height:44px}
.pular:focus{top:12px}
.rascunho{background:#fff3b8;color:#3a2c00;text-align:center;font-size:.85rem;font-weight:600;padding:8px 16px}
.pacote{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:8px var(--pad);background:#fff;border-bottom:1px solid #d9dbe8}
.pacote-abas{display:flex;flex-wrap:wrap;gap:4px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;color:var(--ink);font-weight:600;font-size:.95rem;text-decoration:none}
.pacote-abas a:hover{background:#eef0f8}
.pacote-abas a[aria-current="page"]{background:var(--navy);color:#fff}
.pacote-abas .curto{display:none}
.chat,.rodape-chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;background:var(--navy);color:#fff;font-weight:700;text-decoration:none}
.rodape{background:var(--deep);color:#fff;text-align:center;padding:40px var(--pad);display:grid;gap:12px;justify-items:center}
.rodape p{max-width:760px;font-size:.95rem}
.rodape-chat{background:var(--cyan);color:var(--deep)}
.rodape-fontes{color:#c9d6f5;font-size:.85rem}
@media(max-width:720px){.pacote-abas .longo{display:none}.pacote-abas .curto{display:inline}.pacote-abas a{padding:0 10px;font-size:.88rem}}

/* trilho de pH */
.ph-rail{position:fixed;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:5;pointer-events:none}
.ph-rail .m{width:10px;height:44px;border-radius:6px;opacity:.25;transition:opacity .4s,transform .4s}
.m-blue{background:var(--blue)}.m-olive{background:var(--olive)}.m-orange{background:var(--orange)}
.ph-rail[data-on="1"] .m-blue,.ph-rail[data-on="2"] .m-olive,.ph-rail[data-on="3"] .m-orange{opacity:1;transform:scaleX(1.5)}
@media(max-width:1100px){.ph-rail{display:none}}

/* base de seção */
.sec{position:relative;padding-block:clamp(56px,8vw,112px)}
.wrap{position:relative;width:min(1240px,100% - 2*var(--pad));margin-inline:auto}
.duo{display:grid;gap:56px}
.eyebrow{font-weight:700;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brown);margin-bottom:14px}
h1,h2,h3{font-weight:700;line-height:1.1;color:var(--navy)}
h2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:600;margin-bottom:20px}
h3{font-size:1.2rem;margin-bottom:8px}
.lead{font-size:1.2rem;line-height:1.5;color:var(--muted)}
.small{font-size:.95rem;color:var(--muted)}
.head{max-width:780px;margin-bottom:40px}
.head-row{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:end}
.head-row h2{margin-bottom:0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border-radius:999px;background:var(--navy);color:#fff;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:2px solid var(--navy);transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px);background:var(--deep)}
.btn.ghost{background:transparent;color:var(--navy)}
.btn.ghost:hover{background:rgba(1,59,142,.1)}
.btn.cyan{background:var(--cyan);color:var(--deep);border-color:var(--cyan)}
.btn.ghost-w{background:transparent;color:#fff;border-color:#fff}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.rv{transition:opacity .6s ease,transform .6s ease}
.com-js .rv:not(.in){opacity:0;transform:translateY(18px)}
@media(prefers-reduced-motion:reduce){.rv{transition:none}.com-js .rv:not(.in){opacity:1;transform:none}html{scroll-behavior:auto}.ph-rail .m{transition:none}}

/* 1 hero lime */
.s-hero{background-color:var(--lime);padding-block:clamp(40px,6vw,72px)}
.s-hero .eyebrow{color:var(--deep)}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center}
.hero-copy h1{font-size:clamp(2.4rem,5.4vw,4.2rem);margin:12px 0 20px;color:var(--navy)}
.hero-copy .lead{color:var(--ink);font-size:1.4rem}
.hero-copy .lead strong{color:#0a4fd6}
.hero-copy .small{margin-top:14px;max-width:560px;color:#2b3150}
.rating{font-weight:600;color:var(--ink)}
.stars{color:#0a4fd6;letter-spacing:2px}
.hero-ph{position:relative;margin:0;min-height:520px;border-radius:36px 36px 140px 36px;overflow:hidden}
.hero-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}

/* 2 faixa de promessas */
.s-strip{background-color:var(--navy);color:#fff;padding-block:18px}
.strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.strip li{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600}
.strip img{width:64px;height:64px;border-radius:50%;object-fit:cover}
@media(max-width:700px){.strip li{flex-direction:column;text-align:center;font-size:.85rem;gap:6px}.strip img{width:48px;height:48px}}

/* 3 faixa de selos */
.s-band{padding-block:36px;border-block:1px solid #d9dbe8}
.band{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 40px}
.band-k{font-family:'Bebas Neue',sans-serif;font-size:3rem;line-height:1;color:#0a4fd6}
.band-t{font-weight:700;color:var(--navy);font-size:1.15rem}
.band-n{flex:1 1 380px;color:var(--muted)}

/* 4 pontos */
.dot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.dot-card{border-radius:28px;padding:20px;display:flex;flex-direction:column;gap:6px}
.dot-card p{color:var(--ink);font-size:.98rem}
.tone-a{background:var(--lime)}.tone-b{background:#cfe0ff}.tone-c{background:#ffdcb8}.tone-d{background:#e1e1f1}
.bowl{border-radius:20px;background:#fff;overflow:hidden;margin-bottom:12px}
.bowl img{width:100%;height:auto}
@media(max-width:1000px){.dot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dot-grid{grid-template-columns:minmax(0,1fr)}}

/* 5 tabela de cores */
.chart-grid{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start}
.chart-side{position:sticky;top:24px}
.chart-ph img{width:100%;border-radius:28px}
.mini{display:grid;grid-template-columns:repeat(4,minmax(0,96px));gap:12px;margin-top:16px}
.mini img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px;background:#fff}
.reads{display:grid;gap:16px;margin-top:20px}
.read{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:22px;border-radius:24px;background:#fff}
.read h3{margin-bottom:4px}
.sw{width:44px;height:44px;border-radius:50%}
.sw-blue{background:var(--blue)}.sw-olive{background:var(--olive)}.sw-orange{background:var(--orange)}
.note{margin-top:32px;padding:26px;border-radius:24px;background:var(--lime);display:grid;gap:12px}
.note p{color:var(--ink)}

/* 6 veterinários */
.s-vets{background-color:var(--deep);color:#fff}
.s-vets h2,.s-vets h3{color:#fff}
.s-vets .eyebrow,.s-plan .eyebrow{color:var(--gold)}
.s-vets .lead{color:#dbe6ff}
.vets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vet{background:#fff;color:var(--ink);border-radius:28px;overflow:hidden;display:flex;flex-direction:column}
.vet img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 20%}
.vet div{padding:24px;display:grid;gap:10px;align-content:start}
.vet h3{color:var(--navy);margin:0}
.vet blockquote{font-size:1.1rem;font-weight:600}
.after{margin-top:32px;max-width:760px;color:#dbe6ff}
@media(max-width:900px){.vets{grid-template-columns:minmax(0,1fr)}}

/* 7 odor */
.odor-grid{grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:stretch}
.odor-copy{display:grid;gap:14px;align-content:start}
.odor-copy h3{margin:14px 0 0}
.big-line{font-family:'Bebas Neue',sans-serif;font-size:2.6rem;line-height:1.05;color:#0a4fd6}
.stack{display:flex;flex-direction:column;gap:16px}
.card-ph{position:relative;margin:0;flex:1 1 0;min-height:260px;border-radius:28px;overflow:hidden;background:#fff}
.card-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card-ph.on-blue{background:#cfe0ff}
.card-ph.on-blue img{object-fit:contain;padding:18px}

/* 8 poeira */
.s-dust{background-color:#fff}
.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.pair img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px}
.pair figcaption{padding:14px 4px 0;color:var(--muted)}
.pair-sm img{aspect-ratio:3/2}

/* 9 sílica */
.cols{column-count:2;column-gap:48px}
.cols p,.cols li{break-inside:avoid}
.cols p{margin-bottom:1em}
.cols h3{break-after:avoid;margin:1.2em 0 .5em}
.cols ul{margin:0 0 1em;display:grid;gap:6px}
.cols ul li{padding-left:22px;position:relative}
.cols ul li::before{content:"";position:absolute;left:0;top:.65em;width:10px;height:10px;border-radius:50%;background:var(--orange)}
.tabela{overflow-x:auto;border-radius:24px;background:#fff;border:1px solid #d9dbe8;margin:32px 0}
.tabela table{width:100%;border-collapse:collapse}
.tabela caption{text-align:left;font-weight:700;color:var(--navy);padding:18px 20px 6px}
.tabela th,.tabela td{padding:16px 20px;text-align:left;vertical-align:top;border-top:1px solid #e3e5f0}
.tabela th{background:var(--lime);color:var(--ink)}

/* 10 faixa 2x */
.s-lasts,.s-cta{background-color:var(--deep);color:#fff;display:grid;align-items:center;min-height:360px}
.s-cta{min-height:560px}
.bleed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s-lasts::before,.s-cta::before{content:"";position:absolute;inset:0;background:rgba(1,42,102,.72)}
.lasts-copy,.cta-copy{max-width:780px;text-align:center}
.lasts-copy h2,.cta-copy h2{color:#fff;font-size:clamp(2.2rem,5vw,3.8rem)}
.s-lasts .eyebrow{color:var(--gold)}
.cta-copy .lead{color:#fff}
.cta-copy p{margin-top:12px}
.cta-copy .actions{justify-content:center}

/* 11 litters */
.litter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.lit{background:#fff;border-radius:28px;padding:16px;display:flex;flex-direction:column;gap:4px}
.lit-ph{aspect-ratio:1;border-radius:20px;overflow:hidden;background:#eef0f8;margin-bottom:10px}
.lit-ph img{width:100%;height:100%;object-fit:cover}
.lit-ph.tint{background:#e1e1f1}
.lit-ph.tint img{object-fit:contain;padding:10px}
.lit h3{font-size:1.05rem;margin:0}
.lit p{color:var(--muted);font-size:.95rem}
@media(max-width:900px){.litter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lit{padding:12px}}

/* 12 plano */
.s-plan{background-color:var(--navy);color:#fff}
.s-plan h2,.s-plan h3{color:#fff}
.plan-grid{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:stretch}
.plan-ph{position:relative;margin:0;min-height:520px;border-radius:28px;overflow:hidden}
.plan-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.plan-copy{display:grid;gap:18px;align-content:center}
.plan-copy h2{margin:0}
.plan-copy .lead{font-family:'Bebas Neue',sans-serif;font-size:3.4rem;line-height:1;color:var(--cyan)}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.plans li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.35);border-radius:20px;padding:20px}
.perks{display:grid;gap:8px}
.perks li{padding-left:28px;position:relative}
.perks li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}
.plan-copy .actions{margin-top:6px}

/* 13 história */
.story-grid{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:stretch}
.story-ph{position:relative;margin:0;min-height:620px;border-radius:28px;overflow:hidden}
.story-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-copy{display:grid;gap:16px;align-content:start}
.story-copy h2{margin-bottom:4px}
.values{display:grid;gap:14px;margin-top:8px}
.values li{padding:6px 0 6px 20px;border-left:5px solid var(--blue)}
.values li:nth-child(2){border-color:var(--olive)}
.values li:nth-child(3){border-color:var(--orange)}
.values h3{margin-bottom:2px}

/* 14 testes e FAQ */
.test-grid{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start}
.test-ph{position:sticky;top:24px}
.test-ph img{width:100%;border-radius:28px}
.test-copy{display:grid;gap:16px;align-content:start}
.test-copy h2{margin-bottom:4px}
.found{display:grid;gap:8px}
.found li{padding:14px 18px;border-radius:16px;background:var(--lime)}
.faq{display:grid;gap:12px;margin-top:12px}
.faq>div{background:#fff;border-radius:20px;padding:20px}
.faq dt{font-weight:700;color:var(--navy);margin-bottom:6px}

/* 15 notas */
.s-notes .cols h3{color:var(--navy)}

/* 16 comunidade */
.s-give{background-color:var(--lav);padding-block:clamp(48px,6vw,80px)}
.s-give .eyebrow{color:var(--deep)}
.s-give h2{color:var(--deep)}
.give{text-align:center;max-width:820px}
.give p{color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.chips li{display:flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:#fff;font-weight:600;color:var(--deep)}

/* 17 mural */
.wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wall img{width:100%;aspect-ratio:696/436;object-fit:cover;border-radius:24px}
@media(max-width:700px){.wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* 390 e tablets */
@media(max-width:1000px){
  .duo,.hero-grid,.chart-grid,.odor-grid,.plan-grid,.story-grid,.test-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .head-row{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
  .chart-side,.test-ph{position:static}
  .hero-ph{min-height:340px;border-radius:28px 28px 80px 28px}
  .plan-ph,.story-ph{min-height:380px}
  .card-ph{flex:none;aspect-ratio:4/3;min-height:0}
  .cols{column-count:1}
  .pair{grid-template-columns:minmax(0,1fr)}
  .plans{grid-template-columns:minmax(0,1fr)}
  .mini{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* rodada 3 */
.head.c{margin-inline:auto;text-align:center}
.hero-ph img{object-position:50% 100%}
.s-dust{background-color:transparent;border-block:1px solid #e6e2d4}
.bowl{border:1px solid rgba(1,42,102,.12);box-shadow:0 6px 16px rgba(1,42,102,.08)}
.mini li{background:#fff;border:1px solid #d9dbe8;border-radius:16px;overflow:hidden;box-shadow:0 4px 10px rgba(1,42,102,.08)}
.mini img{aspect-ratio:1512/918;object-fit:contain;border-radius:0;padding:4px;background:transparent}
.cols-grid{column-count:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.cols-grid p:first-child{grid-column:1/-1;font-size:1.2rem;line-height:1.5;color:var(--muted)}
.s-tbl{padding-top:0}
.s-tbl .tabela{margin-top:0}
.s-notes .cols{margin-top:40px}
.s-notes .cols h3:first-child{margin-top:0}
.s-notes:not(.s-sitter){padding-bottom:clamp(24px,3vw,40px)}
.s-sitter{padding-top:0}
.s-sitter .cols{margin-top:0}
.give{max-width:none}
.give>p:not(.eyebrow){max-width:820px;margin-inline:auto}
.chips li{padding:0 16px}
@media(min-width:1280px){.chips{flex-wrap:nowrap;gap:8px}.chips li{white-space:nowrap}}
.s-cta .cta-copy{max-width:none;width:min(1240px,100% - 2*var(--pad));padding-right:56%;text-align:left}
.s-cta .actions{justify-content:flex-start}
@media(hover:none){.btn:hover{transform:none}}
@media(max-width:1000px){
  .cols-grid{grid-template-columns:minmax(0,1fr)}
  .s-cta{display:block;min-height:0;padding-top:0;padding-bottom:56px}
  .s-cta::before{display:none}
  .s-cta .bleed{position:relative;height:300px;object-position:62% 30%}
  .s-cta .cta-copy{width:min(780px,100% - 2*var(--pad));padding:40px 0 0;text-align:center}
  .s-cta .actions{justify-content:center}
}

/* n3 06/10: trava de diversidade: 1 aberturas centralizadas (cabeçalho sozinho na faixa); gerado por noite-20261005/n3-centrar.mjs */
#cta-final > :nth-child(2) > :is(h1,h2,.eyebrow,p.eyebrow){text-align:center}
#cta-final > :nth-child(2) > :is(h2,h1) + p{text-align:center;margin-left:auto;margin-right:auto}

/* n3 06/10: trava de diversidade: 5 aberturas centralizadas (cabeçalho sozinho na faixa); gerado por noite-20261005/n3-centrar.mjs */
#color-chart > :nth-child(1) > :nth-child(2) > :is(h1,h2,.eyebrow,p.eyebrow){text-align:center}
#color-chart > :nth-child(1) > :nth-child(2) > :is(h2,h1) + p{text-align:center;margin-left:auto;margin-right:auto}
#vet-seal > :nth-child(1) > :nth-child(1) > :nth-child(1) > :is(h1,h2,.eyebrow,p.eyebrow){text-align:center}
#vet-seal > :nth-child(1) > :nth-child(1) > :nth-child(1) > :is(h2,h1) + p{text-align:center;margin-left:auto;margin-right:auto}
#low-dust > :nth-child(1) > :nth-child(1) > :nth-child(1) > :is(h1,h2,.eyebrow,p.eyebrow){text-align:center}
#low-dust > :nth-child(1) > :nth-child(1) > :nth-child(1) > :is(h2,h1) + p{text-align:center;margin-left:auto;margin-right:auto}
#litters > :nth-child(1) > :nth-child(1) > :nth-child(1) > :is(h1,h2,.eyebrow,p.eyebrow){text-align:center}
#litters > :nth-child(1) > :nth-child(1) > :nth-child(1) > :is(h2,h1) + p{text-align:center;margin-left:auto;margin-right:auto}
#gingi > :nth-child(1) > :nth-child(2) > :is(h1,h2,.eyebrow,p.eyebrow){text-align:center}
#gingi > :nth-child(1) > :nth-child(2) > :is(h2,h1) + p{text-align:center;margin-left:auto;margin-right:auto}