[hidden]{display:none!important}
:root{--paper:#F5F5F2;--paper2:#ECE8F4;--ink:#111318;--mut:#4B4F5A;--line:#1113181a;--acc:#7C3AED;--acc-h:#6D28D9;--acc-d:#5B21B6;--acc-t:#EDE9FE;--acc-l:#C4B5FD;--acc-ink:#fff;--ok:#2F6B3A;
--d:'Fraunces',Georgia,serif;--b:'Manrope',system-ui,sans-serif;--r:14px}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--b);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}img,svg{max-width:100%}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:6px}
.wrap{width:min(1200px,92vw);margin:0 auto}
.btn{display:inline-flex;align-items:center;gap:.6em;background:var(--ink);color:var(--paper);border:0;border-radius:999px;padding:1em 1.6em;font:600 1rem var(--b);text-decoration:none;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px);background:#000}.btn.acc{background:var(--acc);color:var(--acc-ink)}.btn.acc:hover{background:var(--acc-h)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.top{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.brandmark{white-space:nowrap;font:700 1.25rem var(--d);text-decoration:none;display:flex;align-items:center;gap:.5em}.brandmark{letter-spacing:-.02em}.brandmark i{width:22px;height:22px;background:url(/favicon.svg) center/cover;border-radius:6px;display:inline-block}
.top nav{display:flex;gap:28px;align-items:center}.top nav a{text-decoration:none;font-weight:600;font-size:.95rem}
h1,h2,h3{font-family:var(--d);font-weight:600;letter-spacing:-.02em;line-height:1;text-wrap:balance}
/* HERO */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding:48px 0 96px}
.hero h1{font-size:clamp(3rem,6.6vw,6rem)}
.hero p.sub{font-size:1.2rem;color:var(--mut);max-width:30em;margin:26px 0 34px}
.price-line{margin-top:18px;color:var(--mut);font-size:1rem}.price-line b{color:var(--ink)}
.try{margin-top:40px}.try label{font-weight:600;font-size:1rem;color:var(--mut)}
.try input{display:block;width:100%;margin-top:8px;font:500 1.6rem var(--d);background:transparent;border:0;border-bottom:2px solid var(--ink);padding:6px 0;color:var(--ink)}
.try input:focus{outline:none;border-color:var(--acc)}.swatches{display:flex;gap:8px;margin-top:14px}.swatches button{width:34px;height:34px;border-radius:50%;border:2px solid var(--paper);box-shadow:0 0 0 1.5px var(--line);cursor:pointer}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--ink)}
/* stacked manual pages */
.book{position:relative;aspect-ratio:4/5}.page{position:absolute;border-radius:10px;overflow:hidden;transition:background .4s,transform .4s}
.page.p3{inset:10% -2% -2% 14%;background:#fff;outline:1px solid #E4E6EE;transform:rotate(5deg);padding:9%}.page.p2{inset:5% 6% 3% 6%;background:var(--paper2);transform:rotate(-3deg);padding:9%}
.page.p1{inset:0 12% 8% 0;background:var(--cv,#2F6B3A);color:#fff;padding:9%;display:flex;flex-direction:column;justify-content:space-between}
.p1 .mk{font:700 clamp(2.2rem,4.6vw,3.8rem)/.95 var(--d);word-break:break-word}.p1 small{font-size:.95rem;opacity:.85}.p1 .seal{width:62px;height:62px;border-radius:50%;background:#fff;color:var(--cv,#2F6B3A);display:grid;place-items:center;font:700 1.6rem var(--d);transition:color .4s}
.p2 .row{display:flex;gap:8px;margin-top:auto}.p2 .row span{flex:1;aspect-ratio:1/1.3;border-radius:6px}.p2{display:flex;flex-direction:column}.p2 b{font:600 1.4rem var(--d)}
/* sections */
section.band{padding:120px 0}.kicker{font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:18px}
.band h2{font-size:clamp(2.2rem,4.4vw,3.8rem);max-width:16em}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:56px}
.steps li{list-style:none;padding:0 28px 0 0}.steps li:first-child{padding-left:0}.steps li:last-child{border:0}
.steps li::before{counter-increment:s;content:counter(s,decimal-leading-zero);font:600 2.6rem var(--d);color:var(--acc);display:block;margin-bottom:14px}.steps h3{font-size:1.3rem;margin-bottom:8px}.steps p{color:var(--mut);font-size:1rem}
.inside{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
.toc{list-style:none;padding:0}.toc li{display:flex;justify-content:space-between;gap:20px;padding:14px 20px;margin-bottom:8px;background:#fff;border-radius:10px;font:500 1.35rem var(--d)}.toc li span{font:500 .9rem var(--b);color:var(--mut);text-align:right}
.dark{background:var(--ink);color:var(--paper)}.dark .kicker{color:var(--acc-l)}.dark p{color:#C9CCD6}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px}.compare>div{border-radius:var(--r);padding:34px}.compare .a{background:#1E2129}.compare .b{background:var(--paper);color:var(--ink)}.compare .b p{color:var(--mut)}
.compare h3{font-size:1.6rem;margin-bottom:12px}.compare ul{padding-left:1.1em;margin-top:12px}.compare li{margin:6px 0}
.pricing{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.ticket{background:#fff;border-radius:var(--r);padding:40px;position:relative}.ticket .amt{font:600 5rem/1 var(--d)}.ticket .amt small{font-size:1.4rem;vertical-align:top;margin-right:4px}
.ticket ul{list-style:none;padding:0;margin:24px 0 30px}.ticket li{padding:8px 0}.ticket li::before{content:'✓';color:var(--ok);font-weight:700;margin-right:10px}
.faq details{background:#fff;border-radius:12px;padding:22px 26px;margin-bottom:10px}.faq summary{font:500 1.35rem var(--d);cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq summary::after{content:'+';color:var(--acc)}.faq details[open] summary::after{content:'–'}.faq p{color:var(--mut);margin-top:12px;max-width:44em}
footer{padding:48px 0;color:var(--mut);font-size:.9rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media (max-width:900px){.hero,.inside,.pricing,.compare{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.steps li{border:0;padding-left:0}.top nav a:not(.btn){display:none}.book{max-width:440px;width:100%;margin:0 auto}section.band{padding:72px 0}.hero{padding-bottom:56px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}
@media (max-width:520px){.top .btn{padding:.7em 1.1em;font-size:.88rem}.brandmark{font-size:1.05rem}.hero h1{font-size:2.7rem}.band h2{font-size:2rem}}

/* showcase de páginas reais geradas */
.show{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:56px}.show figure{margin:0}.show img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:10px}.show{align-items:start}
.show figure:nth-child(1){grid-column:span 4;grid-row:span 2}.show figure:nth-child(2),.show figure:nth-child(3){grid-column:span 2}.show figure:nth-child(n+4){grid-column:span 2}
.show figcaption{font-size:.9rem;color:var(--mut);margin-top:8px}
@media (max-width:900px){.show{grid-template-columns:1fr 1fr}.show figure:nth-child(n){grid-column:span 1;grid-row:auto}.show figure:nth-child(1){grid-column:span 2}}
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}
.btn:active{transform:translateY(1px) scale(.98)}

.micro{margin-top:12px;font-size:.92rem;color:var(--mut)}
#exemplos .sub{max-width:40em;margin-top:16px;color:var(--mut)}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:48px}.gcard{background:#fff;border-radius:18px;padding:14px;transition:transform .3s ease}.gcard:hover{transform:translateY(-3px)}
.gcard img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;display:block}.gthumbs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.gcard p{display:flex;justify-content:space-between;align-items:baseline;padding:14px 4px 4px;gap:12px}.gcard b{font:600 1.15rem var(--d)}.gcard span{font-size:.9rem;color:var(--mut)}
.endcta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px}.endcta h2{max-width:16em}
@media (max-width:820px){.gallery{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.gcard{transition:none}}

/* Prévia do manual no hero: páginas 16:9 em branco no mesmo modelo do app, recoloridas ao vivo */
.hero h1 .hl{color:var(--acc)}
:root{--cv:#2F6B3A;--cv2:#8fb196;--cv3:#e0eae2}.mock{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sl{aspect-ratio:16/9;border-radius:10px;background:#fff;outline:1px solid #E4E6EE;padding:7% 8%;position:relative;overflow:hidden;transition:background .4s,color .4s}
.sl .lab{display:block;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cv);margin-bottom:8%;transition:color .4s}
.sl.cover{grid-column:1/-1;aspect-ratio:2.1;background:var(--cv);color:#fff;outline:0;display:flex;flex-direction:column;justify-content:space-between;padding:6% 7%}
.sym{width:clamp(38px,5vw,58px);aspect-ratio:1;border-radius:30%;background:#fff;color:var(--cv);display:grid;place-items:center;font:700 clamp(1.2rem,2.2vw,1.8rem) var(--d);transition:color .4s}
.cvname{font:700 clamp(1.8rem,3.8vw,3.2rem)/1 var(--d);letter-spacing:-.02em;overflow-wrap:anywhere;margin-bottom:10px}
.cover .foot{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;opacity:.8;position:absolute;right:7%;top:8%}
.ln{display:block;height:6px;border-radius:3px;background:#E6E7EC;margin:0 0 7px}.ln.lt{background:#ffffff55}.ln.dk{background:var(--cv);opacity:.8}
.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w85{width:85%}.w90{width:90%}
.sws{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:6px;height:62%}.sws i{border-radius:6px;transition:background .4s}
.sws i:nth-child(1){background:var(--cv)}.sws i:nth-child(2){background:var(--cv2)}.sws i:nth-child(3){background:var(--cv3)}.sws i:nth-child(4){background:#16140F}
.txt .cols{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:start}
.ph{aspect-ratio:4/3;border-radius:6px;background:var(--cv3);display:grid;place-items:center;transition:background .4s}.ph svg{width:46%;fill:var(--cv2);transition:fill .4s}
.ig{padding:6% 7%;display:grid;grid-template-columns:1fr 46%;gap:8%;align-items:start}.igh{display:flex;gap:8px;align-items:center}.igh>div:last-child{flex:1}.igh .ln{height:5px;margin:4px 0}
.av{width:26px;height:26px;flex:none;border-radius:50%;background:var(--cv);color:#fff;display:grid;place-items:center;font:700 .75rem var(--d);transition:background .4s}
.ig .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.ig .grid i{aspect-ratio:1;background:var(--cv3);border-radius:2px;transition:background .4s}.ig .grid i.t{background:var(--cv)}.ig .grid i.p{background:var(--cv2)}
@media (max-width:620px){.mock{gap:10px}.sl .lab{font-size:.55rem}.ln{height:4px;margin-bottom:5px}}
@media (prefers-reduced-motion:reduce){.sl,.sws i,.ph,.ph svg,.av,.ig .grid i,.sym{transition:none}}
.app{display:grid;place-items:center;background:var(--cv3);transition:background .4s}.card{width:62%;aspect-ratio:1.75;background:#fff;border-radius:5px;box-shadow:0 6px 16px #0000001f;display:flex;align-items:center;gap:8%;padding:0 9%}.card .av{width:30%;height:auto;aspect-ratio:1;border-radius:30%}.card div:last-child{flex:1}.card .ln{height:5px;margin:4px 0}