/* QUANTANDO — LANDING PAGE DE CONVERSÃO | sem frameworks e sem dependências externas */
:root{--black:#0B0B0D;--bg:#0B0B0D;--panel:#191B20;--panel2:#1F2127;--line:#303238;--lineSoft:rgba(255,255,255,.10);--text:#F6F6F7;--muted:#A7AAB1;--orange:#F5821F;--orangeHover:#FF9A45;--font:Inter,"Segoe UI",Arial,sans-serif;--mono:"JetBrains Mono",Consolas,"SFMono-Regular",monospace;--max:1200px;--ease:cubic-bezier(.2,.76,.24,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.07}p{color:var(--muted)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.skip-link{position:fixed;z-index:400;left:12px;top:-80px;background:var(--orange);color:#000;padding:10px 20px;border-radius:6px}.skip-link:focus{top:10px}
/* HEADER */
.header{height:74px;position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(255,255,255,.065);background:rgba(11,11,13,.94);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.header-layout{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}.brand{font-weight:800;font-size:27px;letter-spacing:-.065em;line-height:1}.brand-period,.footer-brand span{color:var(--orange)}.header-nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:560;color:#CBCDD2}.header-nav a:hover{color:var(--orange)}.header-cta{display:inline-flex;align-items:center;gap:24px;background:#25272C;color:#fff;font-size:12px;letter-spacing:.005em;font-weight:700;border:1px solid #45474B;border-radius:8px;padding:11px 14px;transition:background .2s,border-color .2s}.header-cta span{color:var(--orange);font-size:17px}.header-cta:hover{border-color:var(--orange);background:#29272A}
/* BUTTONS + SHARED TYPOGRAPHY */
.btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;border-radius:10px;font-weight:850;letter-spacing:-.005em;text-align:center;transition:background .16s ease,transform .16s ease,border-color .16s ease;white-space:normal}.btn-primary{background:var(--orange);color:#0A0A0B;border:1px solid var(--orange)}.btn-primary:hover{background:var(--orangeHover);border-color:var(--orangeHover);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:#D6D8DD;display:flex;align-items:center;gap:12px}.eyebrow-line{width:21px;height:3px;flex:none;background:var(--orange);border-radius:2px}.section{padding:104px 0}.section-heading{display:flex;gap:54px;justify-content:space-between;align-items:end;margin-bottom:36px}.section-heading h2{font-size:clamp(36px,3.75vw,54px);letter-spacing:-.055em;margin:18px 0 0;font-weight:850}.section-heading h2 span{color:var(--orange)}.section-heading>p{max-width:375px;font-size:15px;line-height:1.65;margin:0 0 3px;color:#A9ABB3}.accent{color:var(--orange)}
/* HERO */
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 43% 70% at 77% 47%,#22201f 0%,#111113 64%,transparent 100%),#0B0B0D;border-bottom:1px solid #27262A}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to right,transparent 28%,black 100%);pointer-events:none;z-index:-1}.hero-grid{display:grid;grid-template-columns:53% 47%;grid-template-rows:auto auto;grid-template-areas:"intro art" "purchase art";align-items:center;padding-top:76px;padding-bottom:44px}.hero-intro{grid-area:intro;align-self:end;z-index:2}.hero-intro h1{font-weight:900;font-size:clamp(43px,4.65vw,69px);line-height:1.075;margin:23px 0 20px;letter-spacing:-.067em}.hero-intro h1>span{color:var(--orange)}.hero-intro h1 em{font-style:normal;display:inline-block}.hero-description{font-size:16px;line-height:1.65;max-width:485px;color:#CDD0D6;margin:0 0 20px}.hero-description strong{color:#FFF;font-weight:750}.hero-proof{display:flex;flex-wrap:wrap;gap:8px 21px;color:#CDD0D6;font-size:12px;font-weight:600}.hero-proof>span{display:inline-flex;gap:8px;align-items:center}.proof-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange)}.hero-purchase{grid-area:purchase;align-self:start;padding-top:35px;z-index:3}.hero-price-line{display:flex;gap:13px;align-items:baseline;font-size:13px;color:#9FA0A7}.hero-price-line del{font-size:17px;color:#B2B3BA;text-decoration-thickness:1px;text-decoration-color:#E37A2C}.hero-price-row{display:flex;gap:22px;align-items:center;margin:4px 0 13px}.hero-price{font-size:clamp(60px,5.5vw,79px);font-weight:900;line-height:1;letter-spacing:-.075em;color:#FFF}.price-meta{font-size:10px;font-weight:850;color:var(--orange);letter-spacing:.10em;line-height:1.45;border-left:1px solid #55504B;padding-left:16px}.hero-buy{font-size:15px;padding:17px 22px;min-height:59px;max-width:510px;width:100%}.hero-buy span,.offer-buy span{font-size:22px}.hero-sample-link{display:inline-block;color:#D1D1D5;font-weight:650;font-size:12px;margin:13px 0 12px;border-bottom:1px solid #6A6B6E;padding-bottom:1px}.hero-sample-link:hover{color:var(--orange);border-color:var(--orange)}.hero-sample-link span{margin-left:10px}.hero-trust{color:#8F929A;font-size:10px;display:flex;flex-wrap:wrap;align-items:center;gap:9px}.hero-trust i{height:3px;width:3px;background:#62646C;border-radius:50%}.hero-art{grid-area:art;position:relative;height:535px;align-self:stretch;z-index:1;perspective:1000px}.art-grid{position:absolute;left:12%;right:-15%;bottom:30px;top:6%;border-radius:32px;pointer-events:none;background:radial-gradient(ellipse 65% 45% at 55% 65%,rgba(225,118,37,.12),transparent 72%)}.book{position:absolute;transform-style:preserve-3d;box-shadow:0 18px 28px rgba(0,0,0,.5);transition:transform .36s var(--ease)}.book img{width:100%;height:auto;aspect-ratio:900/1273;object-fit:cover;outline:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.book:after{content:"";position:absolute;top:1%;bottom:0;right:-11px;width:11px;transform:skewY(-9deg);transform-origin:left top;background:linear-gradient(90deg,#6D6460,#242424 30%,#A9A5A0 40%,#3A3736 100%);border:1px solid rgba(255,255,255,.12)}.book-one{z-index:2;width:37%;left:7%;top:21%;transform:rotate(-8deg) rotateY(-6deg)}.book-two{z-index:1;width:41%;left:32%;top:8%;transform:rotate(0deg) rotateY(-2deg)}.book-three{z-index:3;width:36%;left:62%;top:25%;transform:rotate(8deg) rotateY(6deg)}.hero-art:hover .book-one{transform:rotate(-10deg) translateY(-5px)}.hero-art:hover .book-two{transform:translateY(-7px)}.hero-art:hover .book-three{transform:rotate(10deg) translateY(-5px)}.art-caption{position:absolute;right:0;bottom:12px;font-size:10px;letter-spacing:.15em;font-weight:800;color:#888890}.hero-foot{display:flex;align-items:center;gap:15px;font-size:10px;font-weight:850;color:#85878E;letter-spacing:.15em;padding:15px 0 21px;border-top:1px solid rgba(255,255,255,.1)}.foot-line{width:30px;height:1px;background:#655443}
/* RESULTS */
.results{background:#101113}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.result-card{background:var(--panel);border:1px solid #34363D;border-radius:15px;padding:24px;display:flex;flex-direction:column;min-height:416px;min-width:0}.result-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:17px}.result-index{color:var(--orange);font-family:var(--mono);font-size:12px;font-weight:850}.result-label{font-size:10px;font-weight:800;letter-spacing:.1em;color:#9FA3AC}.result-card h3{font-size:23px;line-height:1.15;letter-spacing:-.04em;margin:0 0 8px}.result-card>p{font-size:13px;line-height:1.55;min-height:41px;margin:0 0 20px}.code-preview,.result-chart,.data-preview{margin:auto 0 16px;min-height:159px;border-radius:8px;overflow:hidden;background:#FAFBFC;color:#181B21}.code-preview-header{height:37px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #E5E7EB;font:11px var(--mono);color:#656B73;padding:0 12px}.play-icon{background:#E9ECEF;color:#30353B;font-size:9px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.code-preview pre{margin:0;padding:18px;font:15px/1.5 var(--mono);white-space:pre-wrap}.c-func{color:#3372B6}.c-number{color:#D85E19}.code-output{border-top:1px solid #ECEEF1;padding:10px 18px;font-family:var(--mono);font-size:13px}.code-output span{font-size:10px;color:#8E9098;margin-right:10px}.result-chart{display:flex;align-items:center;justify-content:center;padding:13px 8px}.result-chart img{width:100%;height:auto;object-fit:contain}.data-preview{padding:10px 15px 11px}.data-preview-code{color:#565B64;font:10px/1.4 var(--mono);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-preview-code span{color:#225A8A}.data-preview-code b{font-weight:600;color:#D26223}.data-preview table{border-collapse:collapse;width:100%;font:11px/1.25 var(--mono);text-align:right}.data-preview th,.data-preview td{padding:6px;border-bottom:1px solid #DDE1E7}.data-preview th:first-child{color:#89909A;text-align:left;font-weight:500}.data-caption{font:9px var(--mono);color:#747B86;text-align:right;margin-top:8px}.result-source{margin:0;display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-top:1px solid #373941;padding:16px 0 0;color:#FA9A44;font-size:12px;font-weight:750;text-align:left}.result-source:hover{color:#FFBD80}
/* VOLUMES */
.volumes{background:#0B0B0D;border-top:1px solid #232427}.volumes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.volume-card{border:1px solid #35363B;border-radius:15px;background:#17191D;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.volume-card:hover{border-color:#8D603E;transform:translateY(-4px)}.volume-cover{height:264px;display:grid;place-items:center;border-bottom:1px solid rgba(255,255,255,.07);overflow:hidden}.volume-cover-dark{background:radial-gradient(ellipse 60% 57% at 50% 90%,#3E261A,transparent),#111215}.volume-cover-light{background:radial-gradient(ellipse 70% 70% at 50% 66%,#35302F,transparent),#202023}.volume-cover img{width:153px;height:auto;box-shadow:10px 13px 18px rgba(0,0,0,.35);transform:rotate(-3deg);transition:transform .25s}.volume-card:nth-child(2) .volume-cover img{transform:rotate(2deg)}.volume-card:nth-child(3) .volume-cover img{transform:rotate(4deg)}.volume-card:hover .volume-cover img{transform:rotate(0deg) scale(1.035)}.volume-content{padding:25px;display:flex;flex-direction:column;flex:1}.volume-overline{font-size:10px;letter-spacing:.11em;color:var(--orange);font-weight:850;margin-bottom:10px}.volume-overline span{color:#787A80;margin:0 5px}.volume-content h3{font-size:23px;line-height:1.16;margin:0 0 9px;min-height:55px}.volume-content>p{font-size:13px;line-height:1.58;margin:0 0 12px;min-height:60px}.volume-content ul,.offer-list{list-style:none;margin:0;padding:0}.volume-content ul{font-size:12px;color:#C5C7CC;display:grid;gap:9px}.volume-content li{position:relative;padding-left:17px}.volume-content li:before{content:"";width:6px;height:6px;position:absolute;left:0;top:7px;background:var(--orange);border-radius:50%}.text-action{background:none;color:var(--orange);border:0;border-top:1px solid #393A40;text-align:left;display:flex;justify-content:space-between;padding:15px 0 0;margin-top:auto;font-size:13px;font-weight:800;cursor:pointer}.text-action:hover{color:#FFC18A}.volume-content ul{margin-bottom:22px}.volumes-note{text-align:center;color:#8C8E96;font-size:12px;margin:22px 0 0}
/* GALLERY */
.samples{background:#111215;border-top:1px solid #26272D}.samples-heading{margin-bottom:26px}.sample-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.sample-tab{border:1px solid #3A3C42;border-radius:8px;background:#1B1C21;color:#C1C3CA;white-space:nowrap;font-weight:750;font-size:13px;padding:12px 16px}.sample-tab span{font-family:var(--mono);font-size:11px;color:#8D9097;margin-right:9px}.sample-tab.is-active{background:var(--orange);border-color:var(--orange);color:#0B0B0D}.sample-tab.is-active span{color:#3E2113}.sample-tab:hover:not(.is-active){border-color:#99704D;color:#FFF}.sample-browser{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);border:1px solid #37383F;border-radius:14px;overflow:hidden;background:#17191D}.sample-stage{border-right:1px solid #37383F;padding:19px;background:#1B1D23;min-width:0}.sample-stage-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:.12em;color:#9699A2;margin-bottom:13px}.sample-marker{display:flex;gap:8px;align-items:center;color:#D2D5DC}.marker-dot{width:7px;height:7px;background:var(--orange);border-radius:50%}.sample-stage-image{position:relative;display:flex;align-items:center;justify-content:center;min-height:485px;max-height:520px;width:100%;background:#262830;border:1px solid #484A50;border-radius:8px;padding:14px;overflow:hidden}.sample-stage-image>img{width:auto;height:100%;max-height:484px;object-fit:contain;box-shadow:0 7px 21px rgba(0,0,0,.35);background:#fff}.zoom-float{position:absolute;bottom:20px;right:20px;color:#151515;background:#F7F7F8;padding:8px 12px;border-radius:7px;font-size:11px;font-weight:850;box-shadow:0 4px 10px rgba(0,0,0,.3)}.sample-stage-image:hover .zoom-float{background:var(--orange)}.sample-stage-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 2px 3px}.sample-stage-footer strong{font-size:17px}.sample-stage-footer p{font-size:12px;margin:5px 0 0}.sample-controls{display:flex;align-items:center;gap:10px;flex:none}.sample-controls button{background:#2D2F35;border:1px solid #4A4D54;border-radius:7px;color:#FFF;width:38px;height:38px;font-size:20px}.sample-controls button:hover:not(:disabled){background:#4D4F55}.sample-controls button:disabled{opacity:.3;cursor:default}.sample-controls span{font:12px var(--mono);color:#B7B8C0;min-width:35px;text-align:center}.sample-aside{padding:28px 25px;min-width:0}.sample-aside-title{display:flex;gap:16px;align-items:center;justify-content:space-between}.aside-label{font-size:10px;color:var(--orange);font-weight:850;letter-spacing:.11em}.sample-aside-title h3{font-size:23px;margin:8px 0 0;line-height:1.17}.sample-aside-title>span{font:9px var(--mono);white-space:nowrap;color:#8F929B}.sample-aside-desc{font-size:12px;margin:13px 0 18px}.thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.thumb{border:1px solid #46474F;border-radius:8px;background:#24262A;text-align:left;color:#D6D6DB;min-width:0;padding:7px;position:relative;transition:border-color .15s,background .15s}.thumb.is-active{border-color:var(--orange);background:#38302A}.thumb:hover{border-color:#FFB77B}.thumb img{width:100%;aspect-ratio:1050/1485;object-fit:cover;object-position:top;border-radius:3px;background:#fff}.thumb b{display:block;font:10px var(--mono);margin:7px 1px 1px;color:#C7C9CF}.thumb.is-active b{color:var(--orange)}.aside-disclaimer{font-size:11px;line-height:1.55;margin:22px 0 0;color:#85878F}.samples-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #453E38;background:#1C1A19;border-radius:12px;padding:20px 24px;margin-top:18px}.samples-cta>div{display:flex;flex-direction:column;gap:4px}.samples-cta strong{font-size:20px;letter-spacing:-.03em}.samples-cta span{color:#ABB0B7;font-size:13px}.samples-cta .btn{padding:16px 22px;font-size:13px;flex:none}.samples-cta .btn span{font-size:18px;color:#151515}
/* OFFER */
.offer{padding:92px 0 96px;background:#0B0B0D}.offer-card{display:grid;grid-template-columns:1.03fr .97fr;border:1px solid #765137;overflow:hidden;border-radius:18px;background:linear-gradient(120deg,#1B1C20,#161618)}.offer-left{padding:43px 45px 36px;border-right:1px solid #3F3936}.offer-left h2{font-size:clamp(34px,3.7vw,55px);line-height:1.09;margin:20px 0 14px}.offer-left h2 span{color:var(--orange)}.offer-left>p{font-size:14px;max-width:430px;margin-bottom:23px}.offer-list{display:grid;gap:10px;color:#EAEBEE;font-size:13px}.offer-list li{position:relative;padding-left:23px}.offer-list li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:900}.mini-covers{display:flex;align-items:end;gap:10px;margin-top:26px}.mini-covers img{width:73px;height:auto;border:1px solid #41434A;border-radius:2px;box-shadow:7px 8px 12px rgba(0,0,0,.22)}.mini-covers img:nth-child(2){transform:translateY(-7px)}.offer-right{background:#202125;padding:51px 40px 34px;display:flex;flex-direction:column;justify-content:center}.offer-tag{font-size:11px;letter-spacing:.10em;color:var(--orange);font-weight:850;margin-bottom:25px}.offer-price-ref{display:flex;gap:11px;flex-wrap:wrap;align-items:baseline;font-size:12px;color:#AEAFB5}.offer-price-ref del{font-size:18px;color:#CFD0D4;text-decoration-color:var(--orange)}.offer-price{font-size:29px;font-weight:750;line-height:1;white-space:nowrap;letter-spacing:-.05em;margin:4px 0 10px}.offer-price strong{font-size:clamp(68px,6.3vw,96px);font-weight:900;letter-spacing:-.082em;color:#FFF}.offer-price-caption{font-size:12px;margin-bottom:29px}.offer-buy{font-size:15px;padding:18px 18px;min-height:61px;width:100%}.offer-assurance{display:grid;grid-template-columns:1fr;gap:10px;color:#D4D4D8;font-size:12px;margin:25px 0 22px}.assurance-check{font-weight:900;color:var(--orange);margin-right:8px}.offer-small{font-size:11px;line-height:1.62;margin:0;color:#A2A4AC}.offer-small a,.faq-items p a{color:#FCA360;text-decoration:underline;text-underline-offset:3px}.reference-disclosure{font-size:10px;line-height:1.55;color:#898A91;margin:12px 7px 0}
/* FAQ */
.faq{border-top:1px solid #292A30;background:#111215;padding-top:90px;padding-bottom:88px}.faq-grid{display:grid;grid-template-columns:33% 1fr;gap:80px}.faq-intro h2{font-size:clamp(38px,4.2vw,59px);margin:22px 0 13px}.faq-intro h2 span{color:var(--orange)}.faq-intro p{font-size:13px;max-width:240px}.faq-items{border-top:1px solid #34363C}.faq-items details{border-bottom:1px solid #34363C}.faq-items summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 2px;font-size:15px;font-weight:700}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:24px;color:var(--orange);font-weight:400;line-height:1}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{max-width:650px;color:#AFB1B9;font-size:13px;line-height:1.7;margin:0;padding:0 35px 19px 2px}.faq-close{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-top:33px}.faq-close .btn{padding:15px 22px;font-size:13px}.faq-close>span{font-size:11px;color:#838791}
/* FOOTER */
.footer{background:#0B0B0D;border-top:1px solid #27282C;padding:32px 0}.footer-line{display:flex;justify-content:space-between;align-items:center;gap:35px}.footer-line>div{display:flex;flex-direction:column;gap:6px}.footer-line>div:last-child{text-align:right}.footer-brand{font-size:23px;font-weight:850;line-height:1;letter-spacing:-.065em}.footer-line span{font-size:11px;color:#92949C}
/* MOBILE BUY BAR */
.mobile-sticky{position:fixed;z-index:95;bottom:0;left:0;right:0;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px max(16px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-right));background:#141519;border-top:1px solid #47494F;box-shadow:0 -10px 30px rgba(0,0,0,.40);transform:translateY(110%);transition:transform .22s ease}.mobile-sticky.is-visible{transform:translateY(0)}.mobile-sticky>div{display:flex;flex-direction:column;gap:0}.mobile-sticky span{font-size:9px;letter-spacing:.05em;color:#AFB0B8;font-weight:750}.mobile-sticky strong{font-size:23px;line-height:1.1;letter-spacing:-.055em}.sticky-button{padding:13px 17px;background:var(--orange);color:#0B0B0D;border-radius:8px;font-size:13px;font-weight:900}.sticky-button span{font-size:16px;color:#0B0B0D}
/* DIALOG */
.preview-dialog{padding:0;border:1px solid #5C5D63;border-radius:12px;background:#181A20;color:#fff;max-width:min(1040px,96vw);width:min(980px,95vw);max-height:94dvh;box-shadow:0 20px 80px rgba(0,0,0,.75);overflow:hidden}.preview-dialog::backdrop{background:rgba(0,0,0,.88);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-shell{height:min(92dvh,910px);display:flex;flex-direction:column;min-height:0}.preview-top,.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px}.preview-top{border-bottom:1px solid #34363D}.preview-top>div:first-child{display:flex;flex-direction:column;gap:4px}.preview-top strong{font-size:15px}.preview-top span{color:#A0A2AA;font-size:11px}.modal-actions{display:flex;align-items:center;gap:7px}.modal-actions button,.preview-bottom button{background:#2B2D33;border:1px solid #484A51;border-radius:7px;color:#E7E7EC;padding:9px 12px;font-size:13px}.modal-actions button:hover,.preview-bottom button:hover:not(:disabled){background:#383A41}.modal-actions #modalClose{font-size:17px;padding:6px 12px}.modal-viewport{flex:1;min-height:0;background:#25262B;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:16px;overscroll-behavior:contain}.modal-viewport img{max-height:none;width:auto;max-width:100%;object-fit:contain;background:#fff}.modal-viewport.is-zoomed{justify-content:flex-start}.modal-viewport.is-zoomed img{width:1050px;max-width:none;flex:none}.preview-bottom{border-top:1px solid #35363E}.preview-bottom span{font:12px var(--mono);color:#A7A9B2}.preview-bottom button:disabled{opacity:.3;cursor:default}body.dialog-open{overflow:hidden}
/* LARGE TABLET */
@media(max-width:1090px){.hero-grid{grid-template-columns:52% 48%;padding-top:62px}.hero-art{height:510px}.hero-intro h1{font-size:clamp(40px,5vw,58px)}.hero-price{font-size:67px}.container{width:min(calc(100% - 48px),var(--max))}.result-card{padding:18px}.result-card h3{font-size:20px}.sample-aside{padding:19px}.thumbs{gap:7px}.volume-content{padding:20px}.offer-left{padding:36px}.offer-right{padding:35px 30px}}
@media(max-width:800px){.header-nav{display:none}.hero-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"intro" "art" "purchase";padding-top:47px;padding-bottom:42px}.hero-intro h1{font-size:clamp(45px,6.4vw,68px)}.hero-description{max-width:640px}.hero-art{height:340px;max-width:590px;width:100%;justify-self:center}.hero-purchase{padding-top:9px}.hero-price{font-size:69px}.hero-buy{max-width:100%}.hero-foot{justify-content:center}.section{padding:75px 0}.section-heading{display:block}.section-heading>p{max-width:620px;margin-top:15px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-card:last-child{grid-column:span 2}.volumes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.volume-cover{height:220px}.volume-cover img{width:127px}.volume-content h3{font-size:20px}.volume-content>p{min-height:84px}.sample-browser{grid-template-columns:1fr}.sample-stage{border-right:0;border-bottom:1px solid #37383F}.sample-stage-image{min-height:440px;max-height:480px}.sample-stage-image img{max-height:430px}.sample-aside{padding:20px}.thumbs{grid-template-columns:repeat(6,114px);overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.thumb{width:114px}.thumbs .thumb img{max-height:125px;object-fit:cover}.aside-disclaimer{margin-top:8px}.samples-cta{flex-wrap:wrap}.offer-card{grid-template-columns:1fr}.offer-left{border-right:0;border-bottom:1px solid #3F3936}.offer-right{padding:37px}.faq-grid{grid-template-columns:1fr;gap:20px}.faq-intro h2 br{display:none}.faq-intro h2{margin:14px 0}.faq-intro p{max-width:none}.faq-close{justify-content:flex-start}}
/* PHONE */
@media(max-width:540px){html{scroll-padding-top:65px}.container{width:calc(100% - 34px)}.header{height:62px}.brand{font-size:25px}.header-cta{padding:9px 11px;font-size:11px;gap:9px}.header-cta span{font-size:14px}.hero{background:#0D0E10}.hero-grid{padding-top:31px;padding-bottom:29px}.hero-intro .eyebrow{font-size:9px;letter-spacing:.09em}.hero-intro h1{font-size:clamp(36px,9.4vw,49px);line-height:1.09;margin:16px 0 13px;letter-spacing:-.063em}.hero-description{font-size:13.5px;line-height:1.55;margin-bottom:13px}.hero-proof{font-size:10px;gap:8px 14px}.hero-art{height:206px;max-width:370px;margin:12px auto 2px}.book-one{width:32%;left:10%;top:18%}.book-two{width:36%;left:33%;top:1%}.book-three{width:31%;left:65%;top:23%}.book:after{width:6px;right:-6px}.art-caption{font-size:8px;bottom:1px;right:12px}.hero-purchase{padding-top:8px}.hero-price-line{font-size:10px;gap:9px}.hero-price-line del{font-size:12px}.hero-price-row{margin:1px 0 11px;gap:15px}.hero-price{font-size:clamp(54px,14vw,74px)}.price-meta{font-size:8px;padding-left:10px}.hero-buy{font-size:12.5px;padding:14px 8px;min-height:51px;gap:8px}.hero-buy span{font-size:18px}.hero-sample-link{font-size:11px;margin:11px 0}.hero-trust{font-size:9px;gap:7px}.hero-foot{gap:7px;padding:10px 0 15px;font-size:8px}.foot-line{width:11px}.section{padding:58px 0}.section-heading{margin-bottom:25px}.section-heading h2{font-size:34px;line-height:1.09;margin-top:12px}.section-heading>p{font-size:13px;line-height:1.6;margin-top:12px}.eyebrow{font-size:9px;letter-spacing:.12em}.eyebrow-line{width:17px}.results-grid{grid-template-columns:1fr;gap:12px}.result-card:last-child{grid-column:auto}.result-card{min-height:0;padding:20px}.result-card h3{font-size:21px}.result-card>p{min-height:0;margin-bottom:14px}.code-preview,.result-chart,.data-preview{margin:4px 0 13px}.volumes-grid{grid-template-columns:1fr;gap:12px}.volume-card{flex-direction:row;align-items:stretch;min-height:231px}.volume-cover{width:36%;height:auto;min-height:231px;flex:none;border-bottom:0;border-right:1px solid rgba(255,255,255,.08)}.volume-cover img{width:90px}.volume-content{padding:17px 14px}.volume-overline{font-size:9px;margin-bottom:6px}.volume-content h3{font-size:18px;min-height:0;margin-bottom:5px}.volume-content>p{font-size:11px;line-height:1.48;min-height:0;margin-bottom:11px}.volume-content ul{font-size:10px;line-height:1.3;gap:6px;margin-bottom:12px}.volume-content li{padding-left:13px}.volume-content li:before{width:5px;height:5px;top:5px}.text-action{padding-top:9px;font-size:11px}.volumes-note{font-size:10px}.sample-tabs{margin-bottom:12px;gap:6px}.sample-tab{padding:11px 12px;font-size:11px}.sample-tab span{font-size:9px;margin-right:5px}.sample-stage{padding:12px}.sample-stage-top{font-size:8px;margin-bottom:8px}.sample-stage-image{height:425px;min-height:425px;max-height:425px;padding:8px}.sample-stage-image img{max-height:405px}.zoom-float{bottom:13px;right:12px;font-size:10px;padding:6px 8px}.sample-stage-footer{padding:13px 2px 1px}.sample-stage-footer strong{font-size:14px}.sample-stage-footer p{font-size:11px}.sample-controls{gap:5px}.sample-controls button{width:32px;height:32px;font-size:17px}.sample-controls span{font-size:10px;min-width:28px}.sample-aside{padding:17px 12px}.sample-aside-title h3{font-size:19px}.sample-aside-desc{font-size:11px;margin:8px 0 13px}.thumbs{grid-template-columns:repeat(8,86px);gap:7px}.thumb{width:86px;padding:5px}.thumbs .thumb img{max-height:102px}.thumb b{font-size:9px;margin:5px 0 0}.aside-disclaimer{font-size:10px}.samples-cta{padding:18px 14px}.samples-cta strong{font-size:18px}.samples-cta span{font-size:11px}.samples-cta .btn{width:100%;font-size:12px;padding:14px 8px}.offer{padding:58px 0}.offer-card{border-radius:12px}.offer-left{padding:29px 22px 18px}.offer-left h2{font-size:36px;margin:14px 0 10px}.offer-left>p{font-size:13px;margin-bottom:19px}.offer-list{font-size:12px;gap:8px}.mini-covers img{width:54px}.offer-right{padding:28px 22px 27px}.offer-tag{font-size:10px;margin-bottom:15px}.offer-price-ref{font-size:10px}.offer-price-ref del{font-size:14px}.offer-price{font-size:24px}.offer-price strong{font-size:clamp(63px,17vw,81px)}.offer-price-caption{font-size:11px;margin-bottom:21px}.offer-buy{font-size:13px;padding:15px 8px;min-height:54px}.offer-assurance{font-size:11px;margin:18px 0}.offer-small{font-size:10px}.reference-disclosure{font-size:9px}.faq{padding:58px 0 55px}.faq-intro h2{font-size:38px}.faq-items summary{font-size:13px;padding:17px 2px}.faq-items details p{font-size:12px;padding-bottom:17px}.faq-close{flex-direction:column;align-items:stretch;gap:12px;margin-top:25px}.faq-close .btn{font-size:12px;padding:15px 7px}.faq-close>span{text-align:center;font-size:10px}.footer{padding:25px 0 93px}.footer-line{align-items:flex-start;flex-direction:column;gap:17px}.footer-line>div:last-child{text-align:left}.footer-line span{font-size:10px}.mobile-sticky{display:flex}.preview-dialog{width:98vw;max-width:98vw;max-height:96dvh;border-radius:10px}.preview-shell{height:94dvh}.preview-top,.preview-bottom{padding:11px 12px}.preview-top strong{font-size:12px}.preview-top span{font-size:9px}.modal-actions button{font-size:11px;padding:8px}.modal-viewport{padding:7px}.preview-bottom button{font-size:11px;padding:8px 9px}.preview-bottom span{font-size:10px}}
@media(max-width:365px){.brand{font-size:22px}.hero-intro h1{font-size:35px}.hero-art{height:188px}.hero-price{font-size:52px}.sample-stage-image{height:366px;min-height:366px;max-height:366px}.sample-stage-image img{max-height:350px}.volume-cover img{width:78px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-art:hover .book-one{transform:rotate(-8deg) rotateY(-6deg)}.hero-art:hover .book-two{transform:none}.hero-art:hover .book-three{transform:rotate(8deg) rotateY(6deg)}}
body.dialog-open .mobile-sticky{display:none!important}
/* Ensure thumbnail height follows intrinsic aspect ratio, not HTML attributes. */
.thumb img{height:auto;max-height:215px;object-fit:contain}
.hero-intro h1{letter-spacing:-.043em}
@media(min-width:1100px){.hero-grid{padding-top:57px}.hero-art{height:490px}.hero-intro h1{font-size:63px;margin:18px 0 16px;line-height:1.055}.hero-purchase{padding-top:23px}}
@media(max-width:540px){.hero-intro h1{letter-spacing:-.041em}.thumb img{height:auto;max-height:102px}}

/* === QUANTANDO V5 | Reforço de conversão, contraste e legibilidade === */
.hero{background:#0B0B0D}
.hero:before{opacity:.6}
.hero-intro h1{letter-spacing:-.055em;max-width:740px}
.hero-description{max-width:540px}
.hero-price{color:#FFFFFF}
.hero-price-line{font-size:11px;letter-spacing:.1em;font-weight:800;color:#C7C9CE}
.hero-price-row{margin-top:8px}
.hero-art .book{filter:saturate(1.02)}
.hero-art .art-grid{background:radial-gradient(ellipse 80% 50% at 50% 50%,rgba(245,130,31,.07),transparent 74%)}
.hero-foot{color:#C4C4C9}
.hero-foot .foot-line{background:#A05B2C}
.hero-proof{margin-top:5px}
.result-card{transition:border-color .18s ease,transform .18s ease}
.result-card:hover{border-color:#57525A;transform:translateY(-2px)}
.result-source:hover{color:var(--orange)}
.sample-stage-image{cursor:zoom-in}
.sample-stage-image img{filter:contrast(1.04)}
.thumbs{scrollbar-color:#7d7d80 transparent}
.sample-tab{transition:background .15s,color .15s,border-color .15s}
.sample-tab:focus-visible{z-index:1}
.offer-right{background:#202125}
.offer-price-ref{letter-spacing:.11em;color:#C6C7CB;font-weight:800;font-size:11px}
.offer-price{color:#FFFFFF}
.offer-small a{text-decoration:underline;text-underline-offset:2px}
.reference-disclosure{font-size:11px;line-height:1.55;color:#888991}
@media(min-width:1100px){
  .hero-grid{grid-template-columns:52% 48%;padding-top:60px;padding-bottom:29px}
  .hero-art{height:480px}
  .hero-intro h1{font-size:clamp(56px,4.9vw,69px)}
  .hero-purchase{padding-top:19px}
  .hero-price-row{margin-bottom:15px}
}
@media(max-width:800px){.hero-art{height:310px}}
@media(max-width:540px){
  .hero{background:#0B0B0D}
  .hero-grid{padding-top:25px;padding-bottom:22px}
  .hero-intro h1{font-size:clamp(34px,9.2vw,46px);line-height:1.06;margin:14px 0 12px}
  .hero-description{font-size:13px;line-height:1.5;margin-bottom:12px}
  .hero-proof{gap:7px 11px;font-size:9.5px}
  .hero-art{height:186px;margin:10px auto 1px}
  .book-one{left:11%;top:20%;width:32%}
  .book-two{left:32%;top:0;width:36%}
  .book-three{left:64%;top:23%;width:31%}
  .hero-purchase{padding-top:4px}
  .hero-price-line{font-size:9.5px;letter-spacing:.075em}
  .hero-price-row{margin:1px 0 10px}
  .hero-price{font-size:clamp(52px,13.2vw,68px);letter-spacing:-.065em}
  .hero-buy{min-height:52px;border-radius:8px}
  .hero-sample-link{font-size:10px;line-height:1.4;margin:10px 0 10px}
  .hero-trust{font-size:9px}
  .hero-foot{font-size:8px}
  .result-card:hover{transform:none}
  .sample-stage-image img{filter:none}
  .sample-tab{padding-inline:10px}
  .offer-price-ref{font-size:10px}
  .reference-disclosure{font-size:10px}
  .mobile-sticky{padding-bottom:max(8px, env(safe-area-inset-bottom, 0px))}
}

/* V5.1 — preço de referência em destaque, sem alegar preço anterior praticado */
.hero-price-line,.offer-price-ref{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.ref-caption{font-size:10px;font-weight:850;letter-spacing:.10em;color:#BCBDC4}
.hero-price-line del,.offer-price-ref del{
  display:inline-block;font-size:25px;font-weight:800;letter-spacing:-.035em;
  color:#D6D1CE;text-decoration-line:line-through;text-decoration-thickness:2px;
  text-decoration-color:#F5821F;text-decoration-skip-ink:none;line-height:1.2;
}
.hero-price-row{margin-top:5px}
.offer-price-ref del{font-size:25px}
.sticky-reference{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.mobile-sticky .sticky-reference del{font-size:12px;color:#BFC0C6;text-decoration-color:#F5821F;text-decoration-thickness:1.5px}
.mobile-sticky .sticky-reference b{font-size:23px;color:#FFF;letter-spacing:-.055em;line-height:1.1}
@media(max-width:540px){
  .hero-price-line,.offer-price-ref{gap:7px}
  .ref-caption{font-size:9px;letter-spacing:.07em}
  .hero-price-line del,.offer-price-ref del{font-size:20px}
  .hero-price-row{margin-top:2px}
  .mobile-sticky .sticky-reference del{font-size:11px}
  .mobile-sticky .sticky-reference b{font-size:21px}
}
@media(max-width:365px){
  .ref-caption{font-size:8px}
  .hero-price-line del,.offer-price-ref del{font-size:18px}
  .mobile-sticky .sticky-reference{gap:5px}
  .mobile-sticky .sticky-reference b{font-size:20px}
}
