/* Feito Fácil — sistema visual compartilhado (landings e produtos) */
@font-face{font-family:"Bricolage";src:url(/assets/fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Atkinson";src:url(/assets/fonts/atkinson-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson";src:url(/assets/fonts/atkinson-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Atkinson";src:url(/assets/fonts/atkinson-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Literata";src:url(/assets/fonts/literata.woff2) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Literata";src:url(/assets/fonts/literata-i.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap}

:root{
  --ff-green:#1F7A5A; --ff-green-d:#155C43; --ink:#1A2233; --ink-2:#3C4658; --paper:#FCFBF8; --line:#DAD6CC;
  --ok:#1F7A5A; --bad:#B93424; --bad-tint:#FBE9E5; --ok-tint:#E3F3EC;
  /* tema padrão = marca */
  --deep:#1F7A5A; --deep-ink:#FFFFFF; --accent:#FFC83A; --accent-ink:#1A2233; --tint:#EEF6F1;
  --display:"Bricolage","Atkinson",system-ui,sans-serif; --text:"Atkinson",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:14px;
}
.t-blindagem{--deep:#0F2F57;--deep-ink:#FFFFFF;--accent:#FFC83A;--accent-ink:#0F2F57;--tint:#E9F0FA}
.t-livro{--deep:#6E2438;--deep-ink:#FFF8EE;--accent:#F2B84B;--accent-ink:#3B0F1B;--tint:#FAF0E4}
.t-heranca{--deep:#134A4A;--deep-ink:#FFFFFF;--accent:#F0C987;--accent-ink:#0C2F2F;--tint:#F5EEDD}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--text);font-size:19px;line-height:1.6;color:var(--ink);background:var(--paper);text-rendering:optimizeLegibility}
img,svg{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--display);line-height:1.1;letter-spacing:-.02em;margin:0;font-weight:750;text-wrap:balance}
h1{font-size:clamp(2.1rem,7.4vw,3.6rem)}
h2{font-size:clamp(1.7rem,5.6vw,2.5rem)}
h3{font-size:1.3rem;letter-spacing:-.01em}
p{margin:0 0 1em;text-wrap:pretty}
a{color:inherit}
strong{font-weight:700}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}

.wrap{width:min(100% - 40px,720px);margin-inline:auto}
.wrap-w{width:min(100% - 40px,1040px);margin-inline:auto}
.sec{padding:64px 0}
.sec-tint{background:var(--tint)}
.sec-deep{background:var(--deep);color:var(--deep-ink)}
.lead{font-size:1.18em;line-height:1.5}
.small{font-size:.86em;color:var(--ink-2)}
.sec-deep .small{color:inherit;opacity:.85}

/* marca */
.ff-mark{font-family:var(--display);font-weight:800;font-size:1.15rem;letter-spacing:-.02em;text-decoration:none;display:inline-flex;align-items:center;gap:8px;color:inherit}
.ff-mark i{width:26px;height:26px;border-radius:8px;background:var(--ff-green);display:grid;place-items:center;flex:none}
.ff-mark i::after{content:"";width:11px;height:6px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}

/* botão */
.btn{display:flex;align-items:center;justify-content:center;text-align:center;gap:10px;width:100%;min-height:64px;padding:16px 26px;border:0;border-radius:var(--r);font-family:var(--display);font-weight:750;font-size:1.25rem;letter-spacing:-.01em;text-decoration:none;cursor:pointer;background:var(--deep);color:var(--deep-ink);box-shadow:0 4px 0 rgba(0,0,0,.22);transition:transform .08s,box-shadow .08s}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.22)}
.btn-accent{background:var(--accent);color:var(--accent-ink)}
.btn-ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.btn-note{display:block;text-align:center;font-size:.86em;margin-top:12px;opacity:.9}
@media(min-width:720px){.btn{width:auto;display:inline-flex}}

/* lista com check */
.checks{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.checks li{padding-left:40px;position:relative}
.checks li::before{content:"";position:absolute;left:0;top:.2em;width:26px;height:26px;border-radius:50%;background:var(--ff-green)}
.checks li::after{content:"";position:absolute;left:8px;top:calc(.2em + 8px);width:10px;height:5px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg)}
.sec-deep .checks li::before{background:var(--accent)}
.sec-deep .checks li::after{border-color:var(--accent-ink)}

/* FAQ */
details.faq{border-bottom:2px solid var(--line);padding:6px 0}
details.faq summary{cursor:pointer;list-style:none;font-family:var(--display);font-weight:700;font-size:1.15rem;padding:16px 44px 16px 0;position:relative;line-height:1.3}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";position:absolute;right:6px;top:10px;font-size:1.8rem;font-weight:400;line-height:1}
details.faq[open] summary::after{content:"–"}
details.faq p{margin:0 0 18px}

footer.ff-foot{padding:36px 0 48px;font-size:.84em;color:var(--ink-2);border-top:2px solid var(--line)}
footer.ff-foot a{color:inherit}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}