/* Base, cabeçalho e hero: CSS da primeira renderização. */
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/bebas-neue-latin.woff2') format('woff2')}
@font-face{font-family:'Special Elite';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/special-elite-pt-br.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/montserrat-latin.woff2') format('woff2')}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/anton-latin.woff2') format('woff2')}
:root{--fundo:#0B0B0D;--vermelho:#E3122B;--creme:#F2EFE9;--amarelo:#FFD60A;--superficie:#161618;--borda:#38383A;--muted:#B5B2AD;--papel:#D5BB8D;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-2xl:80px;--title:'Anton',Impact,sans-serif;--label:'Bebas Neue',Impact,sans-serif;--body:'Montserrat',Arial,sans-serif;--typewriter:'Special Elite',monospace}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--fundo);color:var(--creme);font-family:var(--body);font-size:14px;line-height:1.75;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;background:url('assets/grain.svg');opacity:.12;pointer-events:none;z-index:20}
button,a,summary{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
img{max-width:100%;display:block}
svg{display:inline-block}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--title);font-weight:400;line-height:1.14;text-transform:uppercase}
h2{font-size:clamp(36px,4.1vw,58px)}
h2>span{color:var(--vermelho)}
p+p{margin-top:16px}
strong{font-weight:800}
[hidden]{display:none!important}
.container{width:calc(100% - 40px);max-width:1200px;margin-inline:auto}
.section{padding-block:72px}
.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--amarelo);outline-offset:5px}
.skip-link{position:fixed;z-index:100;top:-90px;left:16px;padding:12px 18px;background:var(--creme);color:var(--fundo)}
.skip-link:focus{top:10px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:15px 22px;background:var(--vermelho);color:#fff;font-size:14px;line-height:1.4;font-weight:800;border:1px solid transparent;border-radius:2px;transition:background .18s,transform .18s}
.button:hover{background:#C80E24;transform:translateY(-2px)}
.button-small{min-height:44px;padding:10px 16px;font-size:12px;gap:12px}
.button-outline{border-color:var(--borda);background:transparent;color:var(--creme)}
.button-outline:hover{background:var(--superficie)}
.button:disabled{background:#2C2C2F;border-color:#444;color:#B5B2AD;cursor:not-allowed;transform:none}
.text-link{display:inline-flex;align-items:center;gap:18px;min-height:48px;font-weight:500;border-bottom:1px solid #5B5956}
.text-link span{font-size:22px}
.eyebrow{font-family:var(--label);letter-spacing:2px;font-size:17px;line-height:1.3;color:var(--muted);margin-bottom:20px}
.type-strip{font-family:var(--typewriter);font-size:10px;letter-spacing:.5px;line-height:1.5;padding:9px 10px;background:#070709;color:var(--creme);width:fit-content}
.site-header{height:72px;position:fixed;top:0;left:0;right:0;z-index:30;background:#0B0B0D;opacity:1;border-bottom:1px solid #2A292A}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}
.brand{display:inline-flex;align-items:center;gap:10px}
.brand img{width:44px;height:44px;object-fit:contain}
.brand>span{font-family:var(--label);font-size:19px;letter-spacing:1.1px;line-height:.94}
.brand-sub{display:block;margin-top:5px;font-family:var(--body);font-size:6px;letter-spacing:1.5px;font-weight:500}
.hero{padding-top:115px;padding-bottom:32px;display:grid;gap:30px}
.hero .type-strip{margin-bottom:24px}
.hero h1{font-size:clamp(39px,10.9vw,62px);letter-spacing:-.5px;line-height:1.17}
.hero h1 span{color:var(--vermelho)}
.hero-description{font-size:13px;line-height:1.85;color:var(--muted);max-width:500px;margin-top:25px}
.hero-description strong{display:block;color:var(--creme);font-weight:500}
.hero-actions{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.hero-actions .button{width:100%}
.hero-actions .text-link{font-size:12px;min-height:38px}
.evidence-scene{position:relative;height:344px;width:100%;max-width:620px;justify-self:center;isolation:isolate}
.benefits{padding:24px 0 0;list-style:none;margin:0;border-top:1px solid var(--borda);display:flex;flex-direction:column;gap:14px;font-size:11px;color:var(--muted)}
.benefits li{display:flex;align-items:center;gap:12px}
.benefits .icon{width:18px;height:18px;color:var(--creme)}
.step-top .icon{width:26px;height:26px;color:var(--muted)}
.kit-copy .eyebrow{color:#57514A}
.kit-copy>p:not(.eyebrow){color:#514C46;font-size:13px;margin-top:22px}
.kit-list .icon{width:19px;height:19px;stroke-width:2;color:#BD0820}
.case-image>.type-strip{position:absolute;bottom:14px;left:16px;z-index:1;font-size:10px}
.case-meta .icon{width:16px;height:16px}
.difficulty .icon{width:14px;height:14px}
.case-body>.button{width:100%;font-size:12px;min-height:48px;justify-content:space-between;padding:12px 16px}
.empty-state>.icon{width:36px;height:36px;margin-bottom:16px}
.combo-copy .eyebrow{font-size:14px;margin-bottom:12px}
.combo-purchase .button{width:100%;font-size:12px;margin-top:20px;justify-content:space-between}
.trust-layout>div:last-child>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:23px;max-width:520px}
.social-links .icon{width:20px;height:20px}
.final-inner .eyebrow{font-size:14px}
.final-inner>.button{margin-top:30px;width:100%;max-width:270px}
.final-note .icon{width:15px;height:15px}
.footer-top .brand{color:var(--creme)}
.footer-bottom .icon{width:14px;height:14px}
dialog{background:var(--fundo);color:var(--creme);border:1px solid var(--borda);width:min(440px,calc(100% - 32px));padding:35px 24px}
dialog::backdrop{background:#000B}
dialog h2{font-size:36px}
dialog p:not(.eyebrow){font-size:13px;color:var(--muted);margin-block:22px}
dialog .button{font-size:12px;width:100%}
body:has(dialog[open]){overflow:hidden}
@media(min-width:640px){.container{width:calc(100% - 64px)}.hero h1{font-size:62px}.hero-actions .button{width:auto}.evidence-scene{height:460px;max-width:560px}.benefits{flex-direction:row;flex-wrap:wrap;gap:25px}.combo-purchase .button{margin:0}}
@media(min-width:1000px){.section{padding-block:100px}.site-header{height:76px}.brand>span{font-size:23px}.brand-sub{font-size:7px}.hero{padding-top:154px;padding-bottom:37px;grid-template-columns:1fr 1fr;gap:45px 30px;align-items:center}.hero .type-strip{font-size:11px;margin-bottom:28px}.hero h1{font-size:clamp(64px,5.6vw,82px);line-height:1.16;letter-spacing:-1px}.hero-description{font-size:14px;margin-top:30px;max-width:490px}.hero-actions{gap:28px;margin-top:32px}.hero-actions .text-link{font-size:12px}.evidence-scene{height:520px;max-width:600px;transform:translateY(8px)}.benefits{grid-column:1/-1;justify-content:center;gap:0;padding-top:27px;margin-top:24px;flex-wrap:nowrap;font-size:12px}.benefits li{padding:0 40px;border-right:1px solid var(--borda)}.benefits li:first-child{padding-left:0}.benefits li:last-child{border:0;padding-right:0}.kit-copy>p:not(.eyebrow){font-size:14px}.combo-purchase .button{margin-top:18px}.trust-layout>div:last-child>p:not(.eyebrow){font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}
.hero-mockup{width:100%;height:100%;object-fit:contain}
.kit-list .icon{margin-top:1px;flex-shrink:0}
.combo-purchase .button{margin-top:12px}
.mobile-cta>.button{width:100%;min-height:56px;justify-content:space-between;gap:10px;padding:12px 14px;font-size:12px}
.mobile-cta .icon{width:19px;height:19px;flex-shrink:0}
@media(max-width:767px){html{scroll-padding-bottom:96px}}
@media(min-width:640px){.combo-purchase .button{grid-column:2;grid-row:2}}
h1,h2,h3{filter:opacity(1);text-shadow:none}
.hero-picture{display:block;width:100%;height:100%}
@media(max-width:639px){.hero{padding-top:98px;gap:22px;padding-bottom:24px}.hero .type-strip{margin-bottom:20px}.hero-description{margin-top:20px}.hero-actions{margin-top:22px}.evidence-scene{height:258px}.hero-picture{width:min(74vw,350px);margin-inline:auto}.benefits{padding-top:18px;gap:10px}.how-section .eyebrow,.kit-copy .eyebrow{margin-bottom:12px;font-size:15px}.step-top .icon{display:block;width:18px;height:18px;margin-top:10px}.kit-copy>p:not(.eyebrow){margin-top:14px;font-size:12px}.catalog-section .eyebrow{font-size:15px;margin-bottom:12px}}