*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#090211 url("assets/fundo.png") center center/cover no-repeat;color:#fff;font-family:Arial,Helvetica,sans-serif;min-height:100svh}.hero{max-width:1440px;margin:auto;min-height:100svh;padding:64px 5% 42px;display:grid;grid-template-columns:44% 56%;grid-template-rows:auto auto auto;align-content:center;position:relative;overflow:hidden}.intro{grid-area:1/1;z-index:5}.logo{width:100%;height:auto;display:block;max-width:510px}h1{font-size:clamp(20px,1.65vw,27px);font-weight:400;line-height:1.3;max-width:475px;margin:26px 0 18px}h1 strong{color:#ffba00;display:inline-block;position:relative;padding-bottom:10px}h1 strong:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:10px;background:url("assets/sublinhado-amarelo.svg") center/100% 100% no-repeat}.benefits{grid-area:2/1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-width:490px;margin:12px 0 28px;z-index:5}.benefit{text-align:center;padding:0 10px;position:relative;font-size:16px;line-height:1.15}.benefit:not(:last-child):after{content:"";position:absolute;right:0;top:48px;height:34px;width:1px;background:#ffffff25}.benefit img{width:39px;height:39px;display:block;margin:0 auto 13px}.composition{grid-area:1/2/4/3;position:relative;aspect-ratio:1.05;align-self:center;margin-left:-15px;margin-right:-60px;min-width:0}.composition>img{position:absolute;height:auto;object-fit:contain}.notebook{width:82%;left:25%;top:0;z-index:1}.book{width:77%;left:-12%;top:9%;z-index:2}.phone{width:34%;right:0;top:27%;z-index:3}.note{position:absolute;right:1%;top:3%;width:95px;z-index:4;font-family:cursive;font-style:italic;font-size:18px;line-height:1.1;transform:rotate(-8deg)}.note img{display:block;width:50px;margin:8px 0 0 15px}.cards{position:absolute;z-index:4;bottom:7%;left:8%;right:3%;display:flex;align-items:flex-end;justify-content:center}.cards img{width:auto;flex:0 0 auto;height:190px;object-fit:contain;margin-left:-18px;filter:drop-shadow(0 10px 14px #16042566)}.cards img:first-child{margin-left:0}.cards img:nth-child(2){transform:rotate(-4deg)}.cards img:nth-child(3){transform:rotate(3deg)}.cards img:nth-child(4){transform:rotate(5deg)}.conversion{grid-area:3/1;z-index:5;max-width:500px}.cta{display:flex;align-items:center;justify-content:center;gap:14px;min-height:70px;width:100%;padding:18px 20px;border-radius:100px;background:linear-gradient(110deg,#ffd22c,#ffba00);box-shadow:0 0 25px #ffb80044;color:#08050a;text-decoration:none;font-weight:900;font-size:clamp(18px,1.5vw,23px);text-align:center;transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-2px);box-shadow:0 0 32px #ffb80077}.cta:focus-visible{outline:3px solid white;outline-offset:5px}.cta-arrow{background:#08050a;color:#ffba00;border-radius:50%;width:31px;height:31px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.trust{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:15px;margin-top:28px}.seal{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.2}.seal img{height:27px;width:27px;flex-shrink:0}.checkout-status:empty{display:none}.checkout-status{font-size:14px;color:#ffda70}.hero img{user-select:none}
@media(min-width:1600px){.hero{max-width:1580px}.composition{max-height:760px}.cards img{height:220px}}
@media(max-width:900px){body{background-image:linear-gradient(180deg,rgba(8,2,18,.45) 0%,rgba(8,2,18,.2) 25%,transparent 55%),url("assets/fundo.png");background-position:center top,left top;background-size:100% 100%,auto 100%;background-repeat:no-repeat}.hero{padding:18px 5% 22px;display:flex;flex-direction:column;min-height:100svh;max-width:620px;overflow:hidden}.intro{width:100%;text-align:center}.logo{max-width:min(90%,41.4svh);margin:0 auto}h1{font-size:clamp(19px,4.5vw,27px);line-height:1.3;margin:14px auto 8px;max-width:510px}.composition{order:2;width:min(114%,46.2svh);margin:0;aspect-ratio:1.1;flex-shrink:0;align-self:center}.notebook{width:89%;left:19%;top:0}.book{width:90%;left:-16%;top:0}.phone{width:37%;right:0;top:27%}.note{display:none}.cards{bottom:2%;left:3%;right:0}.cards img{height:clamp(82px,11svh,112px);aspect-ratio:auto;width:auto;flex-basis:auto;margin-left:-12px}.cards img:first-child{margin-left:0}.benefits{display:none}.benefit{font-size:13px;padding:0 6px}.benefit img{width:28px;height:28px;margin-bottom:8px}.benefit:not(:last-child):after{top:35px;height:27px}.conversion{order:4;width:100%;max-width:none;margin-top:-2px}.cta{font-size:clamp(16px,4.25vw,24px);min-height:64px;padding:17px 14px;gap:10px}.trust{gap:10px;margin-top:14px;padding:10px 8px;border-radius:12px;background:linear-gradient(90deg,rgba(9,2,20,.75),rgba(9,2,20,.45));box-shadow:0 4px 20px rgba(9,2,20,.15)}.seal{font-size:11px;gap:5px;align-items:center}.seal img{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.cta{transition:none}}

/* Brilho atravessando o botão, sem bloquear o clique. */
.cta{position:relative;overflow:hidden;isolation:isolate}
.cta::before{content:"";position:absolute;inset:-50% auto -50% -55%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);transform:translateX(0) skewX(-20deg);animation:cta-shine 4s ease-in-out infinite;pointer-events:none;z-index:0}
.cta>span{position:relative;z-index:1}
@keyframes cta-shine{0%,15%{transform:translateX(0) skewX(-20deg)}65%,100%{transform:translateX(450%) skewX(-20deg)}}
/* Flutuação discreta apenas no ebook. */
.book{animation:ebook-float 5.5s ease-in-out infinite;will-change:transform}
@keyframes ebook-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:900px){@keyframes ebook-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}}
@media(prefers-reduced-motion:reduce){.cta::before,.book{animation:none}.cta::before{display:none}.book{will-change:auto}}

@media(max-width:600px) and (max-height:700px){.hero{padding-top:12px}.logo{max-width:min(90%,32.4svh)}h1{font-size:18px;margin-top:10px}.composition{width:min(114%,42.9svh)}.cta{min-height:60px;padding-top:15px;padding-bottom:15px}}