:root{--ink:#142750;--blue:#184bc4;--paper:#f3f7ff;--line:#dce5f4;--muted:#435675;--gold:#ffcd50;--green:#176447}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 system-ui,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(2.1rem,5vw,4.35rem);max-width:16ch}h2{font-size:clamp(1.85rem,4vw,3.25rem);max-width:24ch;margin-bottom:1.25rem}h3{font-size:1.26rem}p{color:var(--muted)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #297af5;outline-offset:4px}mark{background:none;color:var(--blue)}.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.nav{display:flex;justify-content:space-between;align-items:center;gap:.8rem;min-height:66px}.nav nav{display:flex;gap:clamp(.6rem,3vw,1.7rem);font-size:.88rem;font-weight:700}.nav a:hover{text-decoration:underline}.brand{font-weight:850;line-height:1.15}.brand span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--blue);color:white}.brand em{font-style:normal;color:var(--blue)}header,footer{border-bottom:1px solid var(--line)}section{padding:clamp(2.8rem,7vw,6rem) 0}section:nth-child(odd){background:var(--paper)}.hero{background:radial-gradient(ellipse at 85% 30%,#e2ecff,transparent 65%),var(--paper)}.split{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(1.4rem,5vw,4rem)}.eyebrow{color:var(--blue);font-size:.75rem;font-weight:850;letter-spacing:.12em;margin-bottom:.85rem}.tag{display:inline-block;border:1px solid #bed0fa;border-radius:30px;background:white;padding:.35rem .75rem}.lead{font-size:clamp(1rem,2vw,1.2rem);max-width:58ch;margin:.85rem 0 1.25rem}.years{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.25rem}.years span{padding:.22rem .65rem;border:1px solid #c6d5f5;border-radius:6px;color:#173c96;font-weight:750;font-size:.84rem;background:#fff}.cta{border:0;border-radius:10px;padding:.85rem 1.25rem;min-height:48px;background:var(--gold);color:#252000;font-weight:850;font-size:.91rem;box-shadow:0 4px 0 #d49517;transition:background .15s,transform .15s}.cta:hover{background:#ffdd83;transform:translateY(-2px)}.cta:active{transform:translateY(2px);box-shadow:0 2px 0 #d49517}.support{margin-top:.9rem;font-size:.84rem}.grid{display:grid;gap:1rem}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.tile{border:1px solid var(--line);background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 6px 18px #173c9610}.card p{margin-top:.6rem}.icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#eaf0ff;color:var(--blue);font-size:1.4rem;margin-bottom:1rem}.categories .card{padding:.7rem;font-weight:700}.categories span{color:var(--blue);margin-right:.25rem}.note{background:#eaf2ff;border-left:4px solid var(--blue);padding:1rem;border-radius:6px;margin-top:1.2rem}.quantity{margin:0 0 1rem}.quantity strong{font-size:2.3rem;color:var(--blue);line-height:1}.grade{border-top:5px solid var(--accent);background:var(--tint)}.grade-0{--accent:#2156ca;--tint:#eff5ff}.grade-1{--accent:#087b62;--tint:#effaf6}.grade-2{--accent:#a34a15;--tint:#fff5e8}.grade-3{--accent:#693bb4;--tint:#f7f1ff}.grade h3{color:var(--accent);font-size:.95rem;letter-spacing:.04em}.grade h3 strong{font-size:2.4rem}.checks{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.55rem}.checks li{position:relative;padding-left:1.5rem}.checks li::before{content:"✓";position:absolute;left:0;font-weight:850;color:var(--green)}.visual{position:relative;display:grid;place-items:center;isolation:isolate;aspect-ratio:3/2;overflow:hidden;border-radius:14px;border:1px dashed #8aa7e0;background-color:#edf4ff;background-image:linear-gradient(#bdcef34d 1px,transparent 1px),linear-gradient(90deg,#bdcef34d 1px,transparent 1px);background-size:24px 24px;text-align:center}.visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;color:transparent}.visual.ready img{z-index:1;background:#f3f7ff}.visual.ready .placeholder{visibility:hidden}.placeholder{display:grid;justify-items:center;gap:.3rem;padding:.5rem;color:#224687;pointer-events:none}.placeholder b{font-size:clamp(1.6rem,5vw,4rem);line-height:1.1;color:var(--blue)}.placeholder small{font-size:.65rem;letter-spacing:.15em;font-weight:800}.placeholder strong{line-height:1.2}.hero .visual{box-shadow:12px 12px 0 #dbe8ff}.tile{padding:.5rem;text-align:left;color:var(--ink);transition:border-color .15s}.tile:hover{border-color:var(--blue)}.caption{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem;font-weight:760}.caption span{color:var(--blue)}.bonus{padding:.5rem}.bonus>div{padding:.7rem}.bonus .eyebrow{margin-bottom:.4rem}.offer{background:#102754;border-radius:22px;padding:clamp(1rem,4vw,2.6rem);color:white}.offer .support,.offer .price small{color:#dbe6ff}.offer .checks li::before{color:#9ce1b5}.price{color:inherit;font-size:clamp(2.3rem,6vw,3.7rem);font-weight:900;letter-spacing:-.05em;line-height:1.12;margin:1rem 0}.price small{display:block;font-size:.85rem;letter-spacing:0}.guarantee{display:flex;align-items:center;gap:1.4rem}.guarantee p{max-width:68ch}.seal{flex:0 0 96px;aspect-ratio:1;display:grid;place-content:center;text-align:center;background:#e5f7ee;border:3px double #398566;border-radius:50%;color:var(--green);font-weight:850;font-size:.75rem}.seal b{display:block;font-size:2.8rem;line-height:1}.faq{max-width:800px;display:grid;gap:.65rem}details{border:1px solid var(--line);border-radius:10px;background:white}summary{cursor:pointer;padding:1rem;font-weight:750;list-style:none;display:flex;justify-content:space-between;gap:1rem}summary::after{content:"+";color:var(--blue)}details[open] summary::after{content:"−"}details p{padding:0 1rem 1rem}#final{background:#102754;color:#fff;text-align:center}#final h2,#final .lead{margin-inline:auto}#final .lead,#final .eyebrow{color:#dbe6ff}footer{background:#edf4ff}dialog{border:1px solid var(--line);border-radius:16px;color:var(--ink);padding:1.25rem;width:min(760px,calc(100% - 28px));max-height:90dvh}dialog::backdrop{background:#0a183bd4}dialog h2{font-size:1.5rem;margin:0 3rem 1rem 0}#checkout{max-width:430px}.close{float:right;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:8px;background:var(--paper);color:var(--ink);font-size:1.5rem}.skip{position:fixed;top:0;left:1rem;transform:translateY(-110%);z-index:3;background:white;padding:.6rem}.skip:focus{transform:none}
@media(max-width:900px){.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.nav{min-height:58px}.brand span{display:none}.brand{font-size:.88rem}.nav nav{gap:.65rem;font-size:.78rem}.hero{padding-top:1.6rem}.split,.three,.four{grid-template-columns:1fr}.hero .visual{box-shadow:6px 6px 0 #dbe8ff}.cta{width:100%}.guarantee{align-items:flex-start}.seal{flex-basis:66px}.seal b{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Layout and gallery */
.hero{text-align:center;padding-block:clamp(1.75rem,5vw,4rem)}
.hero h1{max-width:23ch;margin-inline:auto}
.hero .visual{width:min(100%,560px);aspect-ratio:2/1;margin:1.25rem auto}
.hero .lead{margin-inline:auto}
.years,.guarantee{justify-content:center}
.guarantee{flex-direction:column;align-items:center;text-align:center}
.guarantee h2,#faq h2,#como-funciona h2{margin-inline:auto;text-align:center}
.faq{margin-inline:auto}
.offer{text-align:center}
.offer .checks{text-align:left;width:fit-content;margin-inline:auto}
.steps{padding:0;list-style:none;counter-reset:step}
.steps li::before{counter-increment:step;content:"0" counter(step);display:block;color:var(--blue);font-weight:850;margin-bottom:.5rem}
.carousel-control{display:block;margin:0 auto .8rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--blue);min-height:44px;padding:.35rem .85rem;font-weight:750}
.carousel{overflow:hidden;padding:.4rem 0 .75rem}
.carousel-track,.carousel-group{display:flex;width:max-content}
.carousel-group{gap:1rem;padding-right:1rem}
.carousel .tile{width:clamp(225px,66vw,320px);flex:none}
.carousel-track{animation:gallery-loop 34s linear infinite}
.carousel:hover .carousel-track,.carousel.paused .carousel-track{animation-play-state:paused}
.carousel:has(.tile:focus-visible){overflow-x:auto}
.carousel:has(.tile:focus-visible) .carousel-track{animation:none}
.carousel:has(.tile:focus-visible) .carousel-copy{display:none}
@keyframes gallery-loop{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.carousel{overflow-x:auto}.carousel-track{animation:none}.carousel-copy,.carousel-control{display:none}}

.plan-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem;align-items:stretch}.basic-plan{padding:clamp(1rem,4vw,2rem);text-align:center;display:grid;justify-items:center;align-content:center}.basic-plan .checks{text-align:left}.plan-grid .offer h3{font-size:1.55rem}.plan-grid .offer .visual{min-width:0}@media(max-width:900px){.plan-grid{grid-template-columns:1fr}}

#conteudo .grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;gap:.75rem}
#conteudo .grade{padding:clamp(.55rem,2vw,1rem)}
#conteudo .checks{font-size:clamp(.8rem,2vw,1rem);gap:.3rem;margin:.55rem 0 0}
#conteudo .checks li{padding-left:1rem;overflow-wrap:break-word}
.shield{width:108px;height:auto;flex:none}
#upgrade{width:min(420px,calc(100% - 24px));text-align:center;padding:1.15rem}
#upgrade .close{position:absolute;top:.35rem;right:.35rem;background:transparent}
.upgrade-tag{display:inline-block;background:var(--blue);color:white;border-radius:999px;padding:.18rem .55rem;font-size:.7rem;font-weight:850}
#upgrade h2{margin:.45rem auto;color:var(--blue);font-size:2rem;text-transform:uppercase}
.upgrade-price{background:var(--paper);border-radius:10px;padding:.6rem;margin:.75rem 0}
.upgrade-price strong{font-size:2rem;line-height:1.1;display:block}
.upgrade-price span{font-size:.68rem;font-weight:850;color:var(--green)}
#upgrade .checks{background:#edf4ff;border-radius:10px;text-align:left;padding:.65rem;grid-template-columns:repeat(2,minmax(0,1fr));font-size:.83rem}
#upgrade .cta{width:100%;background:var(--gold);color:#252000;box-shadow:none}
#upgrade .cta:hover{background:#ffdd83}
.upgrade-decline{background:none;border:none;text-decoration:underline;color:var(--muted);font-size:.84rem;min-height:44px;margin-top:.3rem}

.hero .package-visual,.offer .package-visual{aspect-ratio:1312/1199}
.hero .package-visual{width:min(100%,420px)}
#upgrade .upgrade-tag{
  background:linear-gradient(135deg,#fff1a4,#ffcd50 50%,#e8a41c);
  color:#292000;
  border:1px solid #a66d10;
  padding:.35rem .85rem;
  font-size:.76rem;
  letter-spacing:.045em;
  box-shadow:0 2px 0 #a66d10,0 4px 12px #aa6c122b;
}
.cta-anchor{display:inline-flex;align-items:center;justify-content:center;text-align:center}
