@font-face{font-family:Pixelify;src:url('/app/PixelifySans-Variable.ttf') format('truetype');font-display:swap}
@font-face{font-family:PressStart;src:url('/app/PressStart2P-Regular.ttf') format('truetype');font-display:swap}
:root{--ink:#18151d;--muted:#6f6975;--paper:#fffdf9;--soft:#f5f1ec;--line:#ded8df;--purple:#7650a4;--purple-dark:#50316f;--green:#149a62;--green-soft:#daf4e7;--yellow:#f3ca45;font-family:Pixelify,system-ui,sans-serif;color:var(--ink);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}[hidden]{display:none!important}
.site-header{position:sticky;z-index:20;top:0;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px clamp(20px,6vw,88px);background:#fffdf9ed;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{width:42px;height:42px}.brand strong,.brand small{display:block}.brand strong{font:9px/1.5 PressStart,monospace}.brand small{margin-top:1px;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.18em}.header-actions{display:flex;align-items:center;gap:10px}.desktop-download-link{background:#6c3db1!important}
.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 21px;border:0;border-radius:10px;color:white;background:var(--purple-dark);font-weight:900;text-decoration:none;cursor:pointer;transition:.18s ease}.button:hover{transform:translateY(-2px);filter:brightness(1.05)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button.compact{min-height:40px;background:var(--ink)}.button.primary{min-height:52px;background:linear-gradient(120deg,var(--purple-dark),var(--purple));box-shadow:0 8px 0 #332040,0 17px 35px #5d397227}.button.primary:hover{transform:translateY(3px);box-shadow:0 5px 0 #332040,0 12px 26px #5d397230}.button.ghost{color:var(--purple-dark);background:#f2eaf8;border:1px solid #cbb8d8}.button.wide{width:100%}.text-button{padding:3px;color:var(--purple-dark);background:none;border:0;font-weight:850;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);align-items:center;gap:clamp(25px,5vw,74px);padding:62px clamp(20px,7vw,108px) 58px;overflow:hidden;background:linear-gradient(145deg,#fffdf9,#f8f2ea)}
.eyebrow{margin:0 0 14px;color:var(--green);font:8px/1.7 PressStart,monospace;letter-spacing:.06em}.eyebrow i{display:inline-block;width:8px;height:8px;margin-right:7px;background:var(--yellow);border:2px solid #9d7d17;border-radius:50%}.hero h1,.pricing-copy h2{margin:0;font:clamp(34px,4.7vw,65px)/1.2 PressStart,monospace;letter-spacing:-.05em}.hero h1 span{color:var(--purple)}.hero-lead{max-width:590px;margin:25px 0;color:#5e5864;font-size:clamp(18px,2vw,22px);line-height:1.48}.hero-actions{display:flex;align-items:center;gap:23px}.hero-note{margin:26px 0 0;color:var(--muted);font-size:14px}.hero-note b{color:var(--green)}
.hero-media{position:relative;min-height:420px;display:grid;place-items:center;overflow:hidden}.hero-media video{position:relative;z-index:2;width:min(760px,125%);max-width:none;margin-left:-12%;clip-path:inset(2px 4px);filter:drop-shadow(0 24px 24px #2c18362c)}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);max-width:1180px;margin:0 auto;padding:22px clamp(20px,4vw,50px);border-block:1px solid var(--line)}.benefits article{display:flex;align-items:center;gap:18px;padding:17px 28px;border-right:1px solid var(--line)}.benefits article:last-child{border:0}.benefits b{color:#bdb3c2;font:14px PressStart}.benefits strong,.benefits small{display:block}.benefits strong{font-size:19px}.benefits small{margin-top:3px;color:var(--muted);font-size:14px}
.store-showcase{display:grid;grid-template-columns:minmax(300px,.68fr) minmax(520px,1.32fr);align-items:center;gap:clamp(38px,6vw,90px);padding:84px clamp(20px,7vw,108px);color:#fff;background:linear-gradient(135deg,#19141e,#31223b)}.store-showcase-copy h2{margin:0;font:clamp(30px,3.6vw,50px)/1.22 PressStart,monospace;letter-spacing:-.045em}.store-showcase-copy h2 span{color:#8be2ad}.store-showcase-copy>p:not(.eyebrow){max-width:520px;margin:23px 0;color:#d4cad9;font-size:18px;line-height:1.55}.store-showcase-copy>p strong{color:#fff}.store-showcase .eyebrow{color:var(--yellow)}.store-perks{display:grid;gap:10px}.store-perks span{display:flex;align-items:center;gap:10px;color:#f0eaf3;font-size:15px}.store-perks b{display:grid;place-items:center;width:22px;height:22px;color:#0e6d43;background:#a9e9c3;border-radius:50%}.store-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:20px}.store-shot{margin:0;overflow:hidden;background:#fff;border:1px solid #796484;border-radius:13px;box-shadow:0 24px 65px #0007}.store-shot img{display:block;width:100%;height:auto}.store-shot figcaption{display:grid;gap:3px;min-height:64px;padding:12px 15px;color:var(--ink)}.store-shot figcaption b{font-size:15px}.store-shot figcaption span{color:var(--muted);font-size:12px}.main-shot{transform:rotate(.6deg)}.next-shot{transform:rotate(-.6deg)}
.game-tour{padding:86px clamp(20px,7vw,108px);background:#fffdf9}.game-tour-heading{max-width:810px;margin:0 auto 42px;text-align:center}.game-tour-heading h2{margin:0;font:clamp(29px,4vw,52px)/1.24 PressStart,monospace;letter-spacing:-.045em}.game-tour-heading h2 span{color:var(--purple)}.game-tour-heading>p:not(.eyebrow){max-width:680px;margin:22px auto 0;color:var(--muted);font-size:18px;line-height:1.5}.tour-live,.tour-stills figure{overflow:hidden;margin:0;background:#fff;border:1px solid #d1c8d4;border-radius:16px;box-shadow:0 20px 55px #33273c17}.tour-live{max-width:1120px;margin-inline:auto}.tour-live img,.tour-stills img{display:block;width:100%;height:auto}.tour-live figcaption,.tour-stills figcaption{display:grid;gap:4px;padding:16px 18px}.tour-live figcaption{grid-template-columns:auto 1fr;align-items:center;gap:25px;border-top:4px solid var(--green)}.tour-live figcaption b,.tour-stills figcaption b{font-size:17px}.tour-live figcaption span,.tour-stills figcaption span{color:var(--muted);font-size:14px}.tour-stills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1180px;margin:25px auto 0}.tour-stills figure:nth-child(2){transform:translateY(12px)}.tour-stills img{aspect-ratio:16/10;object-fit:cover;object-position:center top}.tour-stills figcaption{min-height:82px;border-top:4px solid #e8c33e}
.pricing-section{display:grid;grid-template-columns:1fr minmax(340px,445px);align-items:center;gap:clamp(50px,10vw,140px);padding:82px clamp(20px,9vw,140px);background:var(--soft)}.pricing-copy h2{font-size:clamp(28px,3.7vw,50px)}.pricing-copy>p:not(.eyebrow){max-width:600px;color:#625b67;font-size:18px;line-height:1.5}.pricing-copy ul{display:grid;gap:11px;padding:0;list-style:none;color:#4e4853;font-size:16px}.pricing-copy li::before{content:"✓";display:inline-grid;place-items:center;width:21px;height:21px;margin-right:10px;color:#087348;background:var(--green-soft);border-radius:50%;font-weight:900}
.price-card{padding:28px;background:white;border:1px solid #cfc6d3;border-radius:20px;box-shadow:0 23px 65px #33273c18}.price-head{display:flex;align-items:center;justify-content:space-between}.price-head>span{color:var(--purple);font:8px PressStart}.price-head b{padding:6px 8px;color:#5c4908;background:#f8e69c;border-radius:6px;font-size:9px}.price{display:flex;align-items:flex-start;margin:18px 0 2px}.price small{margin:12px 7px 0 0;font-size:18px;font-weight:900}.price strong{font:66px/1 Pixelify}.price-card>p{margin:0 0 20px;color:var(--muted)}.purchase-kind{display:grid;grid-template-columns:1fr 1fr;margin-bottom:17px;padding:4px;background:#f0ecf2;border-radius:9px}.purchase-kind button{min-height:38px;color:#716977;background:transparent;border:0;border-radius:7px;font-weight:850;cursor:pointer}.purchase-kind button.active{color:white;background:var(--purple-dark)}.price-card label,.dialog-card label{display:grid;gap:6px;margin:13px 0}.price-card label>span,.dialog-card label>span{font-size:12px;font-weight:850}.price-card input,.dialog-card input{width:100%;height:49px;padding:0 13px;color:var(--ink);background:#fff;border:1px solid #bdb4c1;border-radius:9px;outline:none}.price-card input:focus,.dialog-card input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7650a41a}.price-card .consent{grid-template-columns:auto 1fr;align-items:start;margin:16px 0}.consent input{width:18px;height:18px;margin:2px 0}.consent span{color:#625b67!important;line-height:1.35}.checkout-note{display:block;min-height:18px;margin:14px 0;color:var(--muted);text-align:center}.payment-security{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:15px;border-top:1px solid var(--line)}.payment-security>span{display:grid;place-items:center;width:27px;height:27px;color:#087348;background:var(--green-soft);border-radius:50%;font-weight:900}.payment-security p{margin:0}.payment-security strong,.payment-security small{display:block}.payment-security strong{font-size:13px}.payment-security small{color:var(--muted);font-size:11px}
.legal{max-width:930px;margin:0 auto;padding:34px 20px}.legal details{padding:16px 0;border-bottom:1px solid var(--line)}.legal summary{font-weight:900;cursor:pointer}.legal p{color:var(--muted);line-height:1.55}footer{display:flex;align-items:center;justify-content:space-between;padding:23px clamp(20px,6vw,88px);color:#cbc5cf;background:var(--ink)}footer .brand strong{color:white}footer .brand img{width:34px;height:34px}footer p{margin:0}.brand.compact small{color:#82d9ae}
dialog{width:min(480px,calc(100% - 28px));padding:0;border:0;border-radius:20px;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#17111fc7;backdrop-filter:blur(5px)}.dialog-card{position:relative;margin:0;padding:33px;background:white}.dialog-card h2{margin:4px 0 8px;font-size:31px}.dialog-card>p:not(.eyebrow):not(.form-status){color:var(--muted)}.dialog-close{position:absolute;top:14px;right:14px;width:35px;height:35px;color:#5f5764;background:#f1edf2;border:0;border-radius:50%;font-size:22px;cursor:pointer}.form-status{min-height:18px;color:#b12c4a;text-align:center;font-weight:800}.purchase-card{text-align:center}.revealed-code{display:grid;gap:10px;margin:20px 0;padding:18px;background:#f2ebf7;border:1px solid #cdb8db;border-radius:12px}.revealed-code small{font-weight:900}.revealed-code strong{font:clamp(15px,4vw,21px)/1.5 PressStart;word-break:break-word}.loader{width:42px;height:42px;margin:0 auto 20px;border:4px solid #e1d7e7;border-top-color:var(--green);border-radius:50%;animation:spin .85s linear infinite}.toast{position:fixed;z-index:50;right:20px;bottom:20px;max-width:380px;padding:15px 18px;color:white;background:var(--ink);border-left:5px solid var(--yellow);border-radius:8px;box-shadow:0 15px 45px #0004;font-weight:800}
.faq-section{padding:82px clamp(20px,9vw,140px);background:var(--paper)}.faq-heading{max-width:760px;margin:0 auto 34px;text-align:center}.faq-heading h2{margin:0;font:clamp(28px,3.5vw,46px)/1.25 PressStart,monospace;letter-spacing:-.045em}.faq-heading>p:not(.eyebrow){margin:18px 0 0;color:var(--muted);font-size:18px}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1100px;margin:0 auto}.faq-list details{align-self:start;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 28px #33273c0b}.faq-list details[open]{border-color:#bca9ca;box-shadow:0 12px 30px #50316f14}.faq-list summary{position:relative;padding:19px 52px 19px 20px;font-size:17px;font-weight:900;line-height:1.3;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;top:50%;right:19px;display:grid;place-items:center;width:25px;height:25px;color:var(--purple-dark);background:#f1e9f7;border-radius:50%;font-size:21px;line-height:1;transform:translateY(-50%)}.faq-list details[open] summary::after{content:"−"}.faq-list p{margin:0;padding:0 20px 20px;color:var(--muted);font-size:15px;line-height:1.55}.faq-list p strong{color:var(--ink)}
.pix-payment{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:18px;margin:20px 0;padding:16px;background:#f7f4f8;border:1px solid #d7ccdc;border-radius:14px;text-align:left}.pix-payment>img{display:block;width:190px;height:190px;padding:7px;background:white;border:1px solid var(--line);border-radius:10px}.pix-copy{display:grid;gap:9px}.pix-copy>small{font-weight:900;color:var(--green)}.pix-copy textarea{width:100%;padding:9px;resize:none;color:#4f4854;background:white;border:1px solid #c7bdca;border-radius:8px;font:11px/1.35 monospace}.pix-copy .button{min-height:40px}.pix-copy .text-button{text-align:center}.pix-copy>span{color:var(--muted);font-size:11px;text-align:center}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.store-showcase{grid-template-columns:1fr}.store-showcase-copy{max-width:690px}.store-gallery{width:min(820px,100%);justify-self:center}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:50px}.hero-media{min-height:330px}.hero-media video{width:min(720px,115%);margin:0}.benefits{grid-template-columns:1fr}.benefits article{border-right:0;border-bottom:1px solid var(--line)}.benefits article:last-child{border:0}.tour-stills{grid-template-columns:1fr 1fr}.tour-stills figure:nth-child(2){transform:none}.tour-stills figure:last-child{grid-column:1/-1;width:min(560px,100%);justify-self:center}.pricing-section{grid-template-columns:1fr;gap:35px}.price-card{width:min(460px,100%);justify-self:center}}
@media(max-width:600px){.site-header{min-height:62px;align-items:flex-start;flex-direction:column;padding-block:12px}.brand strong{font-size:7px}.brand img{width:37px;height:37px}.header-actions{width:100%}.header-actions .button{flex:1;padding-inline:8px;font-size:11px;text-align:center}.header-actions .text-button{display:none}.button.compact{min-height:38px;padding-inline:13px;font-size:13px}.hero{min-height:auto;padding:44px 20px 30px}.hero h1{font-size:clamp(30px,10vw,45px)}.hero-actions{align-items:stretch;flex-direction:column;gap:16px}.hero-media{min-height:250px}.store-showcase{padding:62px 20px}.store-gallery{min-height:auto;display:grid;gap:18px}.store-shot{position:relative!important;inset:auto!important;width:100%!important;transform:none!important}.store-shot figcaption{align-items:flex-start;flex-direction:column;gap:3px}.game-tour{padding:62px 20px}.tour-live figcaption{grid-template-columns:1fr;gap:4px}.tour-stills{grid-template-columns:1fr}.tour-stills figure:last-child{grid-column:auto;width:100%}.pricing-section{padding:65px 20px}.price-card{padding:22px}.price-head{align-items:flex-start;gap:10px}.price-head b{text-align:center}.dialog-card{padding:30px 20px}footer{gap:20px}footer p{display:none}}
@media(max-width:600px){.faq-section{padding:62px 20px}.faq-list{grid-template-columns:1fr}.faq-list summary{font-size:16px}.pix-payment{grid-template-columns:1fr;text-align:center}.pix-payment>img{width:min(220px,100%);height:auto;justify-self:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.loader{animation:none!important;transition:none!important}.hero-media video{display:none}.hero-media{background:url('/site/0813-poster.webp') center/contain no-repeat}}
.active-access{display:grid;gap:9px;max-width:600px;margin-top:25px;padding:19px;background:#fff;border:1px solid #cfc6d3;border-left:5px solid var(--green);border-radius:13px;box-shadow:0 13px 35px #33273c10}.active-access>small{color:var(--green);font:8px/1.6 PressStart}.active-access>strong{font-size:20px}.active-access>span,.active-access>p{margin:0;color:var(--muted);font-size:13px}.active-access-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:6px}.active-access-actions .button{min-height:44px}.purchase-destinations{display:grid;gap:10px;margin-top:15px}.purchase-destinations small{min-height:16px;color:var(--muted);line-height:1.35}.purchase-destinations .button:disabled{cursor:not-allowed}
@media(max-width:600px){.active-access-actions{display:grid}.active-access-actions .button{width:100%}}

/* SEM T VOICER — landing collage v2. The previous landing is preserved in
   web/site-legacy-the-choicer-voicer-2026-08-17. */
:root{--collage-paper:#f3e8d5;--collage-black:#121212;--collage-blue:#2d6fbd;--collage-teal:#53b9b0;--collage-red:#dd4a2f;--collage-yellow:#efb51c}
body{max-width:100%;overflow-x:hidden;background:var(--collage-paper) url('/site/collage/paper-texture.svg') center top/600px 600px repeat}
.site-header{position:absolute;top:0;left:0;right:0;z-index:30;min-height:112px;padding:14px clamp(28px,4.8vw,82px);background:transparent;border:0;backdrop-filter:none}
.collage-brand{flex:0 0 auto;width:clamp(205px,24vw,350px);height:96px;filter:drop-shadow(0 8px 5px #2d21172c)}
.collage-brand img{width:100%;height:100%;object-fit:contain;object-position:left center}
.main-nav{position:absolute;left:50%;top:38px;display:flex;align-items:center;gap:clamp(28px,4vw,65px);transform:translateX(-39%);font:700 clamp(16px,1.45vw,23px)/1.1 "Segoe Print","Comic Sans MS",cursive;white-space:nowrap}
.main-nav a{position:relative;text-decoration:none}.main-nav a::after{content:"";position:absolute;left:5%;right:5%;bottom:-10px;height:4px;background:var(--collage-blue);border-radius:70% 35%;transform:scaleX(0) rotate(-1deg);transition:transform .2s ease}.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1) rotate(-1deg)}
.site-header .header-actions{margin-left:auto;gap:14px}.site-header .torn-button{min-width:122px;min-height:48px;padding:0 22px;border-radius:0;background:var(--collage-black);clip-path:polygon(3% 10%,97% 0,94% 91%,4% 100%,0 53%);font:700 20px/1 "Segoe Print","Comic Sans MS",cursive;box-shadow:none}.site-header .desktop-download-link{color:#28211c;font:700 14px "Segoe Print","Comic Sans MS",cursive;text-decoration:underline;text-underline-offset:5px;background:none!important}
.collage-hero{position:relative;min-height:940px;display:grid;grid-template-columns:minmax(380px,.76fr) minmax(610px,1.24fr);align-items:center;gap:0;padding:128px clamp(24px,4.8vw,82px) 38px;overflow:hidden;background:transparent}
.collage-hero::after{content:"";position:absolute;z-index:20;left:-3%;right:-3%;bottom:-28px;height:78px;background:#203b66;clip-path:polygon(0 35%,8% 13%,19% 30%,31% 3%,47% 31%,58% 7%,72% 34%,84% 10%,100% 29%,100% 100%,0 100%)}
.collage-hero .hero-copy{position:relative;z-index:15;min-width:0;width:100%;align-self:center;padding-top:52px}
.collage-hero .hero-copy::before{content:"";position:absolute;top:25px;left:-35px;width:50px;height:42px;background:url('/site/collage/doodles.svg') 0 0/450px auto no-repeat;transform:rotate(-12deg)}
.collage-hero h1{display:grid;justify-items:start;gap:0;margin:0;font:900 clamp(43px,4.3vw,73px)/.98 Arial Black,Impact,sans-serif;letter-spacing:-.045em;text-shadow:0 4px 1px #0002;transform:rotate(-.7deg)}
.collage-hero h1 .headline-strip{position:relative;display:inline-block;width:max-content;max-width:calc(100vw - 40px);padding:5px 21px 9px;color:#f8f0e1;filter:drop-shadow(0 7px 4px #382a2133);clip-path:polygon(1% 8%,97% 0,100% 83%,91% 94%,71% 91%,52% 100%,31% 94%,3% 100%,0 44%)}
.strip-black{z-index:4;background:#151515;transform:rotate(-1.2deg)}.strip-blue{z-index:3;margin-top:-3px;background:var(--collage-blue);transform:translateX(14px) rotate(.4deg)}.strip-teal{z-index:2;margin-top:-4px;background:var(--collage-teal);transform:translateX(33px) rotate(-.3deg)}.strip-red{z-index:1;margin-top:-5px;background:var(--collage-red);transform:translateX(-6px) rotate(.7deg)}
.collage-hero .hero-lead{max-width:485px;margin:30px 0 25px 20px;color:#211d18;font:600 clamp(18px,1.45vw,24px)/1.45 Arial,sans-serif}.collage-hero .hero-lead mark{padding:0 5px;background:var(--collage-yellow);font-weight:900}
.collage-hero .hero-actions{display:grid;justify-items:start;gap:13px;margin-left:0}.paper-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:410px;min-height:78px;padding:10px 36px;color:#15120f;background:#efb521;clip-path:polygon(1% 12%,24% 3%,43% 9%,63% 1%,82% 8%,99% 2%,96% 88%,70% 96%,48% 91%,23% 100%,2% 91%);filter:drop-shadow(0 8px 5px #3325153f);font:800 clamp(25px,2.15vw,37px)/1 "Segoe Print","Comic Sans MS",cursive;text-decoration:none;transform:rotate(-1deg);transition:transform .18s ease}.paper-cta:hover{transform:translateY(-3px) rotate(.4deg)}.paper-cta span{margin-left:16px;font-size:36px;transform:rotate(-25deg)}
.how-link{margin-left:155px;color:#191613;font:700 20px "Segoe Print","Comic Sans MS",cursive;text-decoration:underline 4px var(--collage-blue);text-underline-offset:9px}.how-link span{display:inline-block;margin-left:12px;font:900 31px Arial;transform:rotate(5deg)}
.collage-hero .hero-note{margin:30px 0 0 22px;color:#51483e;font:700 15px Arial,sans-serif}.collage-hero .hero-note b{color:#176b63}
.collage-hero .hero-media{position:relative;z-index:5;align-self:end;width:min(850px,60vw);min-height:760px;justify-self:end;overflow:visible}
.paper-shape{position:absolute;display:block;filter:drop-shadow(0 11px 5px #33251925)}.shape-blue{z-index:0;top:40px;right:-80px;width:500px;height:430px;background:#3c91c9;clip-path:polygon(7% 7%,25% 0,42% 7%,60% 2%,78% 9%,94% 4%,100% 28%,95% 49%,100% 70%,89% 94%,63% 89%,45% 100%,23% 92%,0 98%,5% 67%,0 44%)}.shape-teal{z-index:0;right:-88px;bottom:50px;width:430px;height:350px;background:#62bcb4;clip-path:polygon(4% 8%,26% 0,48% 7%,69% 2%,96% 12%,91% 35%,100% 60%,93% 91%,67% 100%,44% 94%,20% 100%,0 87%,7% 61%,0 31%)}.shape-red{z-index:8;left:80px;right:-100px;bottom:-8px;height:95px;background:var(--collage-red);clip-path:polygon(0 26%,9% 5%,22% 24%,34% 0,48% 22%,61% 7%,72% 28%,84% 5%,100% 23%,100% 100%,0 100%)}
.collage img.person,.collage img.microphone{position:absolute;display:block;max-width:none;filter:drop-shadow(0 14px 8px #31211734)}.person-left{z-index:2;left:-8%;top:85px;width:49%;transform:rotate(-4deg)}.person-summer{z-index:1;right:-1%;top:12px;width:38%;transform:rotate(4deg)}.person-main{z-index:4;left:25%;top:36px;width:61%;transform:rotate(1deg)}.person-right{z-index:6;right:-4%;bottom:75px;width:41%;transform:rotate(2deg)}.collage .microphone{z-index:7;left:-2%;bottom:-30px;width:42%;transform:rotate(8deg)}
.doodles{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none}.voice-note{position:absolute;z-index:9;left:41%;bottom:40px;display:flex;align-items:center;gap:14px;width:315px;padding:12px 18px 16px;background:#f7f0df url('/site/collage/paper-texture.svg') center/500px;clip-path:polygon(1% 8%,19% 0,39% 6%,59% 1%,78% 7%,99% 2%,96% 92%,75% 100%,55% 94%,34% 99%,2% 91%);transform:rotate(-2deg);filter:drop-shadow(0 8px 5px #32261e42)}.voice-note img{width:70px}.voice-note p{margin:0;font:700 25px/1.38 "Segoe Print","Comic Sans MS",cursive}.voice-note mark,.voice-note em,.voice-note strong{padding:0 5px;color:#171412;font-style:normal}.voice-note mark{background:var(--collage-yellow)}.voice-note em{background:var(--collage-blue)}.voice-note strong{background:var(--collage-red)}.clapper{position:absolute;z-index:10;right:1%;bottom:25px;width:160px;transform:rotate(3deg);filter:drop-shadow(0 9px 5px #1b16134a)}
.store-showcase{border-top:10px solid #172945}.footer-brand{width:145px}.footer-brand img{width:100%!important;height:auto!important}.footer-brand+span{display:none}

@media(max-width:1180px){.main-nav{gap:24px;transform:translateX(-33%)}.collage-hero{grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr)}.collage-hero .hero-media{width:650px;min-height:700px}.collage-hero h1{font-size:52px}.paper-cta{min-width:350px}.voice-note{left:36%;width:280px}.clapper{width:130px}}
@media(max-width:900px){.site-header{min-height:92px;padding:10px 22px}.collage-brand{width:210px;height:75px}.main-nav{display:none}.site-header .desktop-download-link{display:none}.site-header .torn-button{min-width:100px;min-height:42px;font-size:17px}.collage-hero{min-height:auto;grid-template-columns:minmax(0,1fr);padding:108px 20px 55px}.collage-hero .hero-copy{padding-top:20px}.collage-hero h1{font-size:clamp(42px,8vw,63px)}.collage-hero .hero-lead{max-width:600px}.collage-hero .hero-media{width:min(760px,100%);min-height:690px;margin-top:0;justify-self:center}.collage-hero::after{bottom:-31px}.paper-cta{min-width:min(410px,100%)}.how-link{margin-left:80px}}
@media(max-width:600px){.site-header{width:100vw;align-items:center;flex-direction:row}.collage-brand{width:156px;height:70px}.site-header .header-actions{position:absolute;right:16px;width:auto}.site-header .torn-button{display:flex;min-width:78px;padding:0 12px;font-size:14px}.collage-hero{width:100%;padding:96px 12px 42px}.collage-hero .hero-copy{display:grid;max-width:100%;justify-items:start}.collage-hero h1{min-width:0;width:100%;font-size:clamp(29px,9.5vw,39px)}.collage-hero h1 .headline-strip{max-width:100%;padding:4px 10px 7px;white-space:nowrap}.strip-blue{transform:translateX(7px)}.strip-teal{transform:translateX(16px)}.strip-red{transform:translateX(0)}.collage-hero .hero-lead{width:calc(100% - 28px);max-width:none;margin:24px 14px 22px;overflow-wrap:anywhere;font-size:16px}.collage-hero .hero-actions{width:100%}.paper-cta{width:100%;min-width:0;min-height:62px;padding-inline:15px;font-size:clamp(21px,6.7vw,27px)}.how-link{margin:0 auto;font-size:17px}.collage-hero .hero-note{width:calc(100% - 20px);max-width:none;margin:25px 10px 0;font-size:13px}.collage-hero .hero-media{min-height:520px;margin-top:10px}.shape-blue{top:38px;right:-75px;width:310px;height:260px}.shape-teal{right:-35px;bottom:45px;width:260px;height:210px}.person-left{left:-10%;top:70px;width:48%}.person-summer{right:-3%;top:30px;width:37%}.person-main{left:20%;top:55px;width:62%}.person-right{right:-6%;bottom:55px;width:42%}.collage .microphone{left:-4%;bottom:-5px;width:43%}.voice-note{left:34%;bottom:23px;width:205px;gap:6px;padding:8px 11px}.voice-note img{width:48px}.voice-note p{font-size:16px}.clapper{right:-3%;bottom:10px;width:94px}.shape-red{left:0;bottom:-5px;height:58px}.doodles{display:none}.store-showcase{padding-top:58px}}
@media(prefers-reduced-motion:reduce){.collage-hero .hero-media{background:none}.paper-cta{transition:none}}

/* SEM T VOICER — reference-accurate hero v2 */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.reference-hero{position:relative;display:block;width:100%;min-height:0;padding:0;overflow:hidden;background:#f2e7d3 url('/site/collage/paper-texture.svg') center/600px repeat}
.reference-canvas{position:relative;width:min(100%,177.68svh);margin:0 auto;aspect-ratio:1672/941}
.reference-art{display:block;width:100%}.reference-art img{display:block;width:100%;height:auto}
.reference-hotspot{position:absolute;z-index:40;display:block;color:transparent!important;background:transparent!important;border:0!important;font-size:0!important;text-decoration:none!important;cursor:pointer}
.reference-cta{left:2.25%;top:78.8%;width:28.5%;height:11.2%}.reference-how{left:15.4%;top:90.2%;width:17%;height:6.7%}.reference-mobile-menu{display:none}
.reference-cta:focus-visible,.reference-how:focus-visible,.reference-mobile-menu:focus-visible{outline:5px solid #2469b9;outline-offset:4px;border-radius:8px!important}
.reference-hero+.store-showcase{border-top:0}
body:has(.reference-hero) .site-header{position:absolute;top:0;left:50%;right:auto;z-index:45;width:min(100%,177.68svh);height:min(13vw,13svh);min-height:0;max-height:150px;padding:0;background:transparent;border:0;pointer-events:none;transform:translateX(-50%)}
body:has(.reference-hero) .site-header .collage-brand{position:absolute;left:2.5%;top:7%;width:29%;height:88%;opacity:0;pointer-events:auto}
body:has(.reference-hero) .site-header .main-nav{top:31%;opacity:0;pointer-events:none}
body:has(.reference-hero) .site-header .main-nav a{pointer-events:auto}
body:has(.reference-hero) .site-header .header-actions{position:absolute;top:19%;right:3.7%;width:12%;height:60%;margin:0;pointer-events:none}
body:has(.reference-hero) .site-header .torn-button{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:auto}
body:has(.reference-hero) .site-header .desktop-download-link{position:absolute;top:76%;right:0;display:block;color:#18130f!important;background:#f2e7d3cc!important;font:700 clamp(9px,.75vw,13px)/1.1 "Segoe Print","Comic Sans MS",cursive;text-decoration:underline;text-underline-offset:3px;pointer-events:auto}
@media(max-width:700px){.reference-canvas{width:100%;aspect-ratio:864/1821}.reference-art img{width:100%}.reference-cta{left:10.5%;top:43.1%;width:58%;height:7%}.reference-how{display:none}.reference-mobile-menu{display:block;right:6.2%;top:3.4%;width:17%;height:6.5%}body:has(.reference-hero) .site-header{display:none}.reference-hero+.store-showcase{border-top:8px solid #cf3b27}}

/* SEM T VOICER — identidade de colagem aplicada ao restante da landing */
body:has(.reference-hero){--ink:#171411;--cream:#f3e7d2;--blue:#2c70bd;--teal:#55bcb2;--red:#dd4a30;--yellow:#f2b91d;--hand:"Segoe Print","Comic Sans MS",cursive;--heavy:"Arial Black",Impact,sans-serif;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
body:has(.reference-hero) main>section:not(.reference-hero){position:relative;isolation:isolate;overflow:hidden}
body:has(.reference-hero) .eyebrow{position:relative;display:inline-block;margin-bottom:18px;padding:4px 10px;color:var(--ink);background:var(--yellow);clip-path:polygon(2% 10%,98% 0,96% 93%,3% 100%);font:800 15px/1.2 var(--hand);letter-spacing:0;transform:rotate(-1deg)}
body:has(.reference-hero) .button{border-radius:0;font-family:var(--hand);font-weight:900;clip-path:polygon(2% 8%,97% 0,100% 87%,3% 100%);box-shadow:5px 6px 0 #171411!important}
body:has(.reference-hero) .button.primary{color:#171411;background:var(--yellow)}body:has(.reference-hero) .button.ghost{color:#fff;background:var(--blue);border:0}
.section-character{position:absolute;z-index:1;display:block;max-width:none;filter:drop-shadow(0 15px 8px #31211635);pointer-events:none;user-select:none}

body:has(.reference-hero) .store-showcase{min-height:720px;grid-template-columns:minmax(330px,.65fr) minmax(600px,1.35fr);gap:70px;padding:105px clamp(45px,6vw,105px) 90px;color:var(--ink);background:var(--cream) url('/site/collage/paper-texture.svg') center/600px repeat;border:0}
body:has(.reference-hero) .store-showcase::before{content:"";position:absolute;z-index:-1;right:-4%;top:8%;width:63%;height:83%;background:var(--blue);clip-path:polygon(3% 5%,19% 0,38% 4%,57% 1%,77% 5%,97% 1%,100% 24%,96% 47%,100% 70%,96% 98%,75% 94%,55% 100%,35% 96%,15% 100%,0 93%,4% 67%,0 43%)}
body:has(.reference-hero) .store-showcase::after{content:"";position:absolute;z-index:-1;left:-2%;right:-2%;bottom:-34px;height:78px;background:var(--red);clip-path:polygon(0 28%,8% 4%,20% 23%,34% 0,48% 26%,61% 5%,74% 27%,86% 2%,100% 24%,100% 100%,0 100%)}
body:has(.reference-hero) .store-showcase-copy,body:has(.reference-hero) .store-gallery{position:relative;z-index:3}
body:has(.reference-hero) .store-showcase-copy h2{display:grid;justify-items:start;gap:0;margin:0;font:900 clamp(43px,4.6vw,73px)/.98 var(--heavy);letter-spacing:-.05em}
body:has(.reference-hero) .store-showcase-copy h2 br{display:none}body:has(.reference-hero) .store-showcase-copy h2::first-line{background:#171411;color:#fff}
body:has(.reference-hero) .store-showcase-copy h2 span{display:inline-block;margin-top:4px;padding:4px 14px 10px;color:#fff;background:var(--teal);clip-path:polygon(1% 8%,98% 0,100% 88%,3% 100%);transform:rotate(-1deg)}
body:has(.reference-hero) .store-showcase-copy>p:not(.eyebrow){max-width:500px;margin:27px 0;color:var(--ink);font:600 18px/1.55 Arial,sans-serif}body:has(.reference-hero) .store-showcase-copy>p strong{background:var(--yellow)}
body:has(.reference-hero) .store-perks{gap:12px}body:has(.reference-hero) .store-perks span{color:var(--ink);font:700 16px Arial,sans-serif}body:has(.reference-hero) .store-perks b{color:#fff;background:#171411;border-radius:0;clip-path:polygon(50% 0,92% 17%,100% 66%,65% 100%,16% 91%,0 43%,19% 8%)}
body:has(.reference-hero) .store-gallery{gap:25px;align-items:center}body:has(.reference-hero) .store-shot{overflow:visible;background:#fff8e9;border:8px solid #fff8e9;border-radius:0;box-shadow:12px 15px 0 #17141145}body:has(.reference-hero) .store-shot::before{content:"";position:absolute;z-index:4;top:-19px;left:35%;width:92px;height:30px;background:#d8bd8cbd;transform:rotate(-3deg)}body:has(.reference-hero) .store-shot img{border:2px solid #171411}body:has(.reference-hero) .store-shot figcaption{padding:14px 10px 8px;background:#fff8e9}body:has(.reference-hero) .store-shot figcaption b{font:800 17px var(--hand)}body:has(.reference-hero) .store-shot figcaption span{font:600 13px Arial,sans-serif}.store-character{z-index:2;left:31%;bottom:-45px;width:210px;transform:rotate(4deg)}

body:has(.reference-hero) .game-tour{padding:120px clamp(30px,8vw,135px) 110px;background:var(--cream) url('/site/collage/paper-texture.svg') center/600px repeat}
body:has(.reference-hero) .game-tour::before{content:"";position:absolute;z-index:-1;left:-4%;top:17%;width:33%;height:46%;background:var(--yellow);clip-path:polygon(5% 2%,95% 8%,100% 91%,8% 100%,0 49%);transform:rotate(-4deg)}
body:has(.reference-hero) .game-tour-heading{position:relative;z-index:3;max-width:970px;margin-bottom:58px}body:has(.reference-hero) .game-tour-heading h2{font:900 clamp(41px,5vw,72px)/1.02 var(--heavy);letter-spacing:-.055em}body:has(.reference-hero) .game-tour-heading h2 span{display:inline-block;margin-top:7px;padding:3px 18px 10px;color:#fff;background:var(--red);clip-path:polygon(1% 7%,98% 0,100% 90%,3% 100%);transform:rotate(-.7deg)}body:has(.reference-hero) .game-tour-heading>p:not(.eyebrow){color:var(--ink);font:600 19px/1.5 Arial,sans-serif}
body:has(.reference-hero) .tour-live,body:has(.reference-hero) .tour-stills figure{position:relative;z-index:3;overflow:visible;background:#fff8e9;border:10px solid #fff8e9;border-radius:0;box-shadow:13px 16px 0 #1714113d}body:has(.reference-hero) .tour-live{transform:rotate(.35deg)}body:has(.reference-hero) .tour-live::before,body:has(.reference-hero) .tour-stills figure::before{content:"";position:absolute;z-index:4;top:-23px;left:42%;width:105px;height:35px;background:#d5bb8bc7;transform:rotate(-2deg)}body:has(.reference-hero) .tour-live figcaption,body:has(.reference-hero) .tour-stills figcaption{border-top:0;background:#fff8e9;font-family:Arial,sans-serif}body:has(.reference-hero) .tour-live figcaption b,body:has(.reference-hero) .tour-stills figcaption b{font-family:var(--hand);font-weight:900}body:has(.reference-hero) .tour-stills{position:relative;z-index:3;gap:28px;margin-top:38px}body:has(.reference-hero) .tour-stills figure:nth-child(1){transform:rotate(-1.3deg)}body:has(.reference-hero) .tour-stills figure:nth-child(2){transform:translateY(12px) rotate(.8deg)}body:has(.reference-hero) .tour-stills figure:nth-child(3){transform:rotate(-.5deg)}.tour-character{z-index:2;right:-70px;top:120px;width:260px;transform:rotate(8deg)}

body:has(.reference-hero) .pricing-section{min-height:830px;grid-template-columns:minmax(360px,1fr) minmax(390px,470px);gap:clamp(100px,13vw,230px);padding:110px clamp(35px,8vw,135px);background:var(--teal) url('/site/collage/paper-texture.svg') center/600px repeat}
body:has(.reference-hero) .pricing-section::before{content:"";position:absolute;z-index:-1;left:-3%;top:-28px;width:58%;height:106%;background:var(--blue);clip-path:polygon(0 4%,21% 0,42% 4%,62% 1%,83% 5%,100% 1%,96% 28%,100% 50%,96% 73%,100% 96%,77% 100%,57% 96%,36% 100%,17% 96%,0 100%)}
body:has(.reference-hero) .pricing-copy,body:has(.reference-hero) .price-card{position:relative;z-index:3}body:has(.reference-hero) .pricing-copy{color:#fff}body:has(.reference-hero) .pricing-copy h2{font:900 clamp(42px,4.7vw,70px)/1.02 var(--heavy);letter-spacing:-.055em;text-shadow:4px 4px 0 #171411}body:has(.reference-hero) .pricing-copy>p:not(.eyebrow){color:#fff;font:600 19px/1.5 Arial,sans-serif}body:has(.reference-hero) .pricing-copy ul{color:#fff;font:700 16px/1.35 Arial,sans-serif}body:has(.reference-hero) .pricing-copy li::before{content:"✓";color:#171411;background:var(--yellow);border-radius:0;clip-path:polygon(50% 0,92% 17%,100% 66%,65% 100%,16% 91%,0 43%,19% 8%)}
body:has(.reference-hero) .price-card{padding:32px;background:#fff4dc url('/site/collage/paper-texture.svg') center/600px;border:4px solid #171411;border-radius:0;box-shadow:14px 16px 0 #171411;transform:rotate(1deg)}body:has(.reference-hero) .price-card::before{content:"";position:absolute;top:-21px;left:34%;width:120px;height:35px;background:#d3b680cf;transform:rotate(-4deg)}body:has(.reference-hero) .price-head>span{color:var(--ink);font:900 14px var(--hand)}body:has(.reference-hero) .price-head b{color:#171411;background:var(--yellow);border-radius:0}body:has(.reference-hero) .price strong{font:900 72px/1 var(--heavy)}body:has(.reference-hero) .purchase-kind{background:#ded1bd;border-radius:0}body:has(.reference-hero) .purchase-kind button{border-radius:0}body:has(.reference-hero) .purchase-kind button.active{background:var(--red)}body:has(.reference-hero) .price-card input,body:has(.reference-hero) .dialog-card input{border:3px solid #171411;border-radius:0;background:#fffdf5;box-shadow:4px 4px 0 #17141122}body:has(.reference-hero) .payment-security{border-top:3px dashed #171411}.pricing-character{z-index:2;left:43%;bottom:-65px;width:245px;transform:rotate(-5deg)}

body:has(.reference-hero) .faq-section{padding:120px clamp(30px,8vw,135px);background:var(--cream) url('/site/collage/paper-texture.svg') center/600px repeat}body:has(.reference-hero) .faq-section::before{content:"?";position:absolute;z-index:-1;right:3%;top:-2%;color:var(--yellow);font:900 420px/1 var(--heavy);transform:rotate(8deg)}body:has(.reference-hero) .faq-heading{position:relative;z-index:2;margin-bottom:55px}body:has(.reference-hero) .faq-heading h2{display:inline-block;padding:7px 22px 13px;color:#fff;background:#171411;clip-path:polygon(1% 8%,98% 0,100% 89%,3% 100%);font:900 clamp(40px,4.8vw,68px)/1.04 var(--heavy);letter-spacing:-.05em;transform:rotate(-.6deg)}body:has(.reference-hero) .faq-heading>p:not(.eyebrow){color:var(--ink);font:600 19px Arial,sans-serif}body:has(.reference-hero) .faq-list{position:relative;z-index:2;gap:22px}body:has(.reference-hero) .faq-list details{background:#fff6e2;border:3px solid #171411;border-radius:0;box-shadow:7px 8px 0 var(--blue);transform:rotate(-.25deg)}body:has(.reference-hero) .faq-list details:nth-child(3n+2){box-shadow:7px 8px 0 var(--red);transform:rotate(.35deg)}body:has(.reference-hero) .faq-list details:nth-child(3n){box-shadow:7px 8px 0 var(--teal)}body:has(.reference-hero) .faq-list summary{font:800 18px/1.3 var(--hand)}body:has(.reference-hero) .faq-list summary::after{color:#fff;background:#171411;border-radius:0}body:has(.reference-hero) .faq-list p{color:#28231e;font:600 15px/1.55 Arial,sans-serif}
body:has(.reference-hero) .legal{max-width:none;padding:45px clamp(30px,10vw,180px);background:#171411;color:#fff}body:has(.reference-hero) .legal details{border-bottom:2px dashed #eee0c9}body:has(.reference-hero) .legal summary{font:800 18px var(--hand)}body:has(.reference-hero) .legal p{color:#eee0c9;font-family:Arial,sans-serif}
body:has(.reference-hero) footer{position:relative;padding:35px clamp(30px,7vw,110px);background:var(--red);overflow:hidden}body:has(.reference-hero) footer::before{content:"";position:absolute;left:-2%;right:-2%;top:-25px;height:45px;background:var(--blue);clip-path:polygon(0 40%,12% 0,24% 40%,37% 5%,50% 42%,63% 4%,76% 39%,88% 1%,100% 38%,100% 100%,0 100%)}body:has(.reference-hero) footer p{color:#fff;font:800 22px var(--hand)}body:has(.reference-hero) .footer-brand{width:210px;filter:drop-shadow(5px 7px 0 #17141144)}
body:has(.reference-hero) dialog{border-radius:0;background:#fff4dc;box-shadow:14px 16px 0 #171411}body:has(.reference-hero) .dialog-card{background:#fff4dc url('/site/collage/paper-texture.svg') center/600px}body:has(.reference-hero) .dialog-card h2{font:900 32px/1.1 var(--heavy)}body:has(.reference-hero) .dialog-close{color:#fff;background:#171411;border-radius:0}

@media(max-width:1050px){body:has(.reference-hero) .store-showcase{grid-template-columns:1fr;padding-top:90px}body:has(.reference-hero) .store-showcase::before{left:25%;right:-10%;top:41%;width:auto;height:57%}.store-character{left:auto;right:-30px;top:30px;width:180px}body:has(.reference-hero) .pricing-section{grid-template-columns:1fr;gap:70px}.pricing-character{left:auto;right:-45px;top:90px;width:210px}}
@media(max-width:700px){body:has(.reference-hero) .store-showcase,body:has(.reference-hero) .game-tour,body:has(.reference-hero) .pricing-section,body:has(.reference-hero) .faq-section{padding:75px 20px}body:has(.reference-hero) .store-showcase{display:grid;min-height:0}body:has(.reference-hero) .store-showcase-copy h2,body:has(.reference-hero) .game-tour-heading h2,body:has(.reference-hero) .pricing-copy h2,body:has(.reference-hero) .faq-heading h2{font-size:clamp(36px,11vw,52px)}body:has(.reference-hero) .store-gallery{grid-template-columns:1fr}body:has(.reference-hero) .store-showcase::before{left:7%;top:49%;height:48%}.store-character{right:-50px;top:18px;width:145px;opacity:.85}.tour-character{right:-55px;top:65px;width:150px;opacity:.85}body:has(.reference-hero) .tour-live,body:has(.reference-hero) .tour-stills figure{border-width:6px;box-shadow:7px 9px 0 #1714113d}body:has(.reference-hero) .tour-stills figure:nth-child(n){transform:none}.pricing-character{right:-60px;top:55px;width:150px;opacity:.8}body:has(.reference-hero) .price-card{padding:23px;transform:none;box-shadow:8px 10px 0 #171411}body:has(.reference-hero) .faq-list{grid-template-columns:1fr}body:has(.reference-hero) footer{padding-top:45px}body:has(.reference-hero) footer p{font-size:16px}}
@media(min-width:1051px){.store-character{left:29.5%;bottom:-18px;width:260px}.pricing-character{left:51.5%;bottom:-18px;width:220px}}

/* Composição mobile dedicada — colagem legível, compacta e confortável ao toque. */
@media(max-width:700px){
  body:has(.reference-hero){background-color:var(--cream)}
  body:has(.reference-hero) main>section:not(.reference-hero){overflow:hidden}
  body:has(.reference-hero) .eyebrow{margin-bottom:13px;padding:4px 9px;font-size:13px}
  body:has(.reference-hero) .button{min-height:52px;font-size:16px}

  .reference-hero{background-color:var(--cream)}
  .reference-canvas{max-width:480px}
  .reference-hero+.store-showcase{border-top:7px solid var(--red)}

  body:has(.reference-hero) .store-showcase{
    min-height:0;grid-template-columns:1fr;gap:34px;padding:58px 16px 72px;
    background:var(--cream) url('/site/collage/paper-texture.svg') center/520px repeat
  }
  body:has(.reference-hero) .store-showcase::before{
    left:-12%;right:auto;top:48%;width:124%;height:51%;
    clip-path:polygon(2% 4%,17% 0,34% 4%,51% 1%,69% 5%,87% 1%,100% 6%,97% 31%,100% 58%,96% 96%,78% 92%,57% 100%,37% 95%,17% 100%,0 94%)
  }
  body:has(.reference-hero) .store-showcase::after{bottom:-24px;height:62px}
  body:has(.reference-hero) .store-showcase-copy{padding-right:0}
  body:has(.reference-hero) .store-showcase-copy h2{font-size:clamp(38px,12vw,48px);line-height:1;letter-spacing:-.045em}
  body:has(.reference-hero) .store-showcase-copy h2 span{max-width:100%;padding:4px 10px 9px}
  body:has(.reference-hero) .store-showcase-copy>p:not(.eyebrow){margin:22px 0;font-size:17px;line-height:1.48}
  body:has(.reference-hero) .store-perks{gap:11px;padding:14px;background:#fff4dc;border:3px solid #171411;box-shadow:5px 6px 0 #171411}
  body:has(.reference-hero) .store-perks span{font-size:15px;line-height:1.25}
  body:has(.reference-hero) .store-gallery{gap:30px;margin-top:8px;padding:0 4px}
  body:has(.reference-hero) .store-shot{width:100%;border-width:6px;box-shadow:8px 10px 0 #171411}
  body:has(.reference-hero) .store-shot:nth-child(1){transform:rotate(-.5deg)!important}
  body:has(.reference-hero) .store-shot:nth-child(2){transform:rotate(.5deg)!important}
  body:has(.reference-hero) .store-shot::before{top:-15px;left:34%;width:86px;height:25px}
  body:has(.reference-hero) .store-shot figcaption{min-height:0;padding:12px 9px 9px}
  .store-character{right:-26px;top:16px;width:112px;opacity:.96;transform:rotate(7deg)}

  body:has(.reference-hero) .game-tour{
    padding:72px 16px 78px;background:var(--cream) url('/site/collage/paper-texture.svg') center/520px repeat
  }
  body:has(.reference-hero) .game-tour::before{left:-18%;top:20%;width:62%;height:43%;opacity:.95}
  body:has(.reference-hero) .game-tour-heading{max-width:none;margin:0 auto 38px;padding:0 2px;text-align:left}
  body:has(.reference-hero) .game-tour-heading h2{font-size:clamp(36px,11.5vw,47px);line-height:1.02;text-align:left}
  body:has(.reference-hero) .game-tour-heading h2 br{display:none}
  body:has(.reference-hero) .game-tour-heading h2 span{display:block;width:max-content;max-width:100%;margin-top:7px;padding:5px 10px 10px}
  body:has(.reference-hero) .game-tour-heading>p:not(.eyebrow){margin:20px 0 0;padding-right:56px;font-size:17px;line-height:1.45;text-align:left}
  .tour-character{right:-35px;top:132px;width:112px;opacity:.95;transform:rotate(7deg)}
  body:has(.reference-hero) .tour-live,body:has(.reference-hero) .tour-stills figure{border-width:6px;box-shadow:7px 9px 0 #171411;transform:none!important}
  body:has(.reference-hero) .tour-live img,body:has(.reference-hero) .tour-stills img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center top;background:#30263a}
  body:has(.reference-hero) .tour-live::before,body:has(.reference-hero) .tour-stills figure::before{top:-16px;left:35%;width:92px;height:27px}
  body:has(.reference-hero) .tour-live figcaption,body:has(.reference-hero) .tour-stills figcaption{min-height:0;padding:13px 12px 10px}
  body:has(.reference-hero) .tour-live figcaption b,body:has(.reference-hero) .tour-stills figcaption b{font-size:17px;line-height:1.25}
  body:has(.reference-hero) .tour-live figcaption span,body:has(.reference-hero) .tour-stills figcaption span{font-size:13px;line-height:1.35}
  body:has(.reference-hero) .tour-stills{gap:28px;margin-top:30px}

  body:has(.reference-hero) .pricing-section{
    min-height:0;grid-template-columns:1fr;gap:42px;padding:72px 16px 82px;
    color:#fff;background:var(--blue)
  }
  body:has(.reference-hero) .pricing-section::before{
    left:-8%;top:-25px;width:116%;height:64px;background:var(--yellow);
    clip-path:polygon(0 42%,12% 5%,26% 38%,40% 0,56% 40%,70% 5%,85% 39%,100% 2%,100% 100%,0 100%)
  }
  body:has(.reference-hero) .pricing-copy{padding-top:15px;color:#fff}
  body:has(.reference-hero) .pricing-copy h2{max-width:320px;font-size:clamp(39px,12vw,49px);line-height:.98;text-shadow:4px 4px 0 #171411}
  body:has(.reference-hero) .pricing-copy>p:not(.eyebrow){margin:21px 0;color:#fff;font-size:17px;line-height:1.45}
  body:has(.reference-hero) .pricing-copy ul{gap:12px;margin:24px 0 0;font-size:15px;line-height:1.35}
  body:has(.reference-hero) .pricing-copy li{display:flex;align-items:flex-start}
  body:has(.reference-hero) .pricing-copy li::before{flex:0 0 22px;margin-top:0}
  .pricing-character{right:-31px;top:70px;width:112px;opacity:.92;transform:rotate(-5deg)}
  body:has(.reference-hero) .active-access{margin-top:26px;color:var(--ink);border:3px solid #171411;border-left:7px solid var(--teal);border-radius:0;box-shadow:7px 8px 0 #171411}
  body:has(.reference-hero) .price-card{width:100%;padding:24px 17px 22px;color:var(--ink);border-width:3px;box-shadow:8px 10px 0 #171411;transform:none}
  body:has(.reference-hero) .price-card::before{top:-17px;left:31%;width:105px;height:28px}
  body:has(.reference-hero) .price-head{align-items:flex-start;gap:9px}
  body:has(.reference-hero) .price-head>span{font-size:13px;line-height:1.25}
  body:has(.reference-hero) .price-head b{padding:6px;font-size:8px;line-height:1.25}
  body:has(.reference-hero) .price{margin-top:15px}
  body:has(.reference-hero) .price strong{color:var(--ink);font-size:64px}
  body:has(.reference-hero) .price-card>p,body:has(.reference-hero) .price-card label>span,body:has(.reference-hero) .checkout-note,body:has(.reference-hero) .payment-security{color:var(--ink)}
  body:has(.reference-hero) .purchase-kind{grid-template-columns:1fr}
  body:has(.reference-hero) .purchase-kind button{min-height:48px;padding:7px 9px;line-height:1.2}
  body:has(.reference-hero) .price-card input{height:52px;font-size:16px}
  body:has(.reference-hero) .price-card .consent{align-items:flex-start}
  body:has(.reference-hero) .price-card .consent input{width:22px;height:22px}
  body:has(.reference-hero) .payment-security{align-items:flex-start}

  body:has(.reference-hero) .faq-section{padding:72px 16px 76px;background-size:520px}
  body:has(.reference-hero) .faq-section::before{right:-12%;top:0;font-size:260px;opacity:.9}
  body:has(.reference-hero) .faq-heading{margin-bottom:38px;text-align:left}
  body:has(.reference-hero) .faq-heading h2{max-width:100%;padding:7px 13px 12px;font-size:clamp(38px,11.5vw,48px);line-height:1;text-align:left}
  body:has(.reference-hero) .faq-heading>p:not(.eyebrow){margin:18px 0 0;font-size:17px;line-height:1.4;text-align:left}
  body:has(.reference-hero) .faq-list{gap:17px}
  body:has(.reference-hero) .faq-list details{box-shadow:5px 6px 0 var(--blue);transform:none!important}
  body:has(.reference-hero) .faq-list summary{min-height:62px;padding:15px 52px 15px 15px;font-size:16px;line-height:1.3}
  body:has(.reference-hero) .faq-list p{padding:0 15px 17px;font-size:15px}

  body:has(.reference-hero) .legal{padding:32px 16px 38px}
  body:has(.reference-hero) .legal details{padding:17px 0}
  body:has(.reference-hero) .legal summary{font-size:17px}
  body:has(.reference-hero) footer{justify-content:center;min-height:150px;padding:45px 20px 25px}
  body:has(.reference-hero) .footer-brand{width:190px}
  body:has(.reference-hero) dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);overflow:auto;box-shadow:7px 8px 0 #171411}
  body:has(.reference-hero) .dialog-card{padding:28px 17px 22px}
  body:has(.reference-hero) .dialog-card h2{font-size:27px}
  .toast{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:none}
}

@media(max-width:380px){
  body:has(.reference-hero) .store-showcase,body:has(.reference-hero) .game-tour,body:has(.reference-hero) .pricing-section,body:has(.reference-hero) .faq-section{padding-left:13px;padding-right:13px}
  body:has(.reference-hero) .store-showcase-copy h2,body:has(.reference-hero) .game-tour-heading h2,body:has(.reference-hero) .pricing-copy h2,body:has(.reference-hero) .faq-heading h2{font-size:36px}
  .store-character,.tour-character,.pricing-character{width:98px}
  body:has(.reference-hero) .price strong{font-size:57px}
}

/* Landing v3: tipografia legivel e composicao mobile orientada a uma acao por vez. */
body:has(.reference-hero){
  --landing-font:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --landing-display:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-family:var(--landing-font);
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body:has(.reference-hero) button,
body:has(.reference-hero) input,
body:has(.reference-hero) textarea,
body:has(.reference-hero) select,
body:has(.reference-hero) summary,
body:has(.reference-hero) .eyebrow,
body:has(.reference-hero) .button,
body:has(.reference-hero) .store-shot figcaption b,
body:has(.reference-hero) .store-shot figcaption span,
body:has(.reference-hero) .tour-live figcaption,
body:has(.reference-hero) .tour-stills figcaption,
body:has(.reference-hero) .tour-live figcaption b,
body:has(.reference-hero) .tour-stills figcaption b,
body:has(.reference-hero) .price-head>span,
body:has(.reference-hero) .faq-list summary,
body:has(.reference-hero) .faq-list p,
body:has(.reference-hero) .legal summary,
body:has(.reference-hero) .legal p,
body:has(.reference-hero) footer p{font-family:var(--landing-font)}
body:has(.reference-hero) .store-showcase-copy h2,
body:has(.reference-hero) .game-tour-heading h2,
body:has(.reference-hero) .pricing-copy h2,
body:has(.reference-hero) .faq-heading h2,
body:has(.reference-hero) .price strong,
body:has(.reference-hero) .dialog-card h2{
  font-family:var(--landing-display);
  font-weight:900;
  letter-spacing:-.045em;
}
body:has(.reference-hero) .eyebrow{
  padding:0;
  color:#087b73;
  background:transparent;
  clip-path:none;
  font-size:13px;
  font-weight:850;
  letter-spacing:.09em;
  transform:none;
}
body:has(.reference-hero) .button{
  clip-path:none;
  border:2px solid var(--ink);
  border-radius:8px;
  box-shadow:4px 4px 0 var(--ink)!important;
  font-weight:800;
  letter-spacing:.01em;
}

@media(max-width:700px){
  body:has(.reference-hero){font-size:16px;background:#f7efe1}
  body:has(.reference-hero) main>section:not(.reference-hero){
    width:100%;
    padding:56px 18px;
    overflow:hidden;
  }
  body:has(.reference-hero) .section-character,
  body:has(.reference-hero) main>section:not(.reference-hero)::before,
  body:has(.reference-hero) main>section:not(.reference-hero)::after{display:none!important}

  /* No celular, mostramos apenas caminhos que funcionam no navegador. */
  body:has(.reference-hero) .desktop-download-link,
  body:has(.reference-hero) #download-windows-active,
  body:has(.reference-hero) #download-purchase,
  body:has(.reference-hero) #desktop-download-active-status,
  body:has(.reference-hero) #desktop-download-purchase-status{display:none!important}

  body:has(.reference-hero) .eyebrow{
    display:block;
    margin:0 0 10px;
    padding:0;
    font-size:12px;
    line-height:1.35;
  }
  body:has(.reference-hero) :where(.store-showcase-copy h2,.game-tour-heading h2,.pricing-copy h2,.faq-heading h2){
    margin:0;
    font-size:clamp(30px,9.4vw,40px);
    line-height:1.08;
    letter-spacing:-.045em;
    text-align:left;
    text-shadow:none;
  }
  body:has(.reference-hero) :where(.store-showcase-copy h2 span,.game-tour-heading h2 span,.faq-heading h2){
    display:inline;
    margin:0;
    padding:0;
    color:inherit;
    background:transparent;
    clip-path:none;
    transform:none;
  }
  body:has(.reference-hero) :where(.store-showcase-copy>p:not(.eyebrow),.game-tour-heading>p:not(.eyebrow),.pricing-copy>p:not(.eyebrow),.faq-heading>p:not(.eyebrow)){
    max-width:none;
    margin:16px 0 0;
    padding:0;
    color:#4c443b;
    font-size:16px;
    font-weight:450;
    line-height:1.55;
    text-align:left;
  }

  body:has(.reference-hero) .store-showcase{
    display:block;
    min-height:0;
    color:var(--ink);
    background:#f7efe1;
    border-top:6px solid var(--red);
  }
  body:has(.reference-hero) .store-perks{
    gap:10px;
    margin-top:24px;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  body:has(.reference-hero) .store-perks span{color:#332e28;font-size:15px;font-weight:650}
  body:has(.reference-hero) .store-perks b{
    flex:0 0 24px;
    width:24px;
    height:24px;
    color:#fff;
    background:#087b73;
    clip-path:none;
    border-radius:50%;
  }
  body:has(.reference-hero) .store-gallery{display:grid;gap:18px;margin:34px 0 0;padding:0}

  body:has(.reference-hero) :where(.store-shot,.tour-live,.tour-stills figure){
    width:100%;
    overflow:hidden;
    background:#fff;
    border:2px solid var(--ink);
    border-radius:10px;
    box-shadow:4px 5px 0 #17141122;
    transform:none!important;
  }
  body:has(.reference-hero) :where(.store-shot,.tour-live,.tour-stills figure)::before{display:none}
  body:has(.reference-hero) :where(.store-shot figcaption,.tour-live figcaption,.tour-stills figcaption){
    min-height:0;
    padding:14px;
    background:#fff;
    border:0;
  }
  body:has(.reference-hero) :where(.store-shot figcaption b,.tour-live figcaption b,.tour-stills figcaption b){font-size:16px;line-height:1.25}
  body:has(.reference-hero) :where(.store-shot figcaption span,.tour-live figcaption span,.tour-stills figcaption span){font-size:13px;line-height:1.4}

  body:has(.reference-hero) .game-tour{background:#fff}
  body:has(.reference-hero) .game-tour-heading{margin:0 0 30px;padding:0;text-align:left}
  body:has(.reference-hero) .tour-stills{display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px}
  body:has(.reference-hero) :where(.tour-live img,.tour-stills img){aspect-ratio:16/10;object-fit:cover;object-position:center top}

  body:has(.reference-hero) .pricing-section{
    display:grid;
    grid-template-columns:1fr;
    gap:32px;
    min-height:0;
    color:var(--ink);
    background:#e8f4f1;
  }
  body:has(.reference-hero) .pricing-copy{padding:0;color:var(--ink)}
  body:has(.reference-hero) .pricing-copy h2{max-width:none;color:var(--ink)}
  body:has(.reference-hero) .pricing-copy ul{gap:11px;margin:22px 0 0;color:#332e28;font-size:15px;font-weight:600}
  body:has(.reference-hero) .pricing-copy li::before{clip-path:none;border-radius:50%;background:var(--yellow)}
  body:has(.reference-hero) .active-access{margin-top:24px;border:2px solid var(--ink);border-left:6px solid var(--teal);box-shadow:4px 5px 0 #17141122}
  body:has(.reference-hero) .active-access-actions{display:grid}
  body:has(.reference-hero) .active-access-actions .button{width:100%}
  body:has(.reference-hero) .price-card{
    width:100%;
    padding:24px 18px;
    color:var(--ink);
    background:#fff;
    border:2px solid var(--ink);
    border-radius:12px;
    box-shadow:5px 6px 0 var(--ink);
    transform:none;
  }
  body:has(.reference-hero) .price-card::before{display:none}
  body:has(.reference-hero) .price-head>span{font-size:13px;font-weight:850}
  body:has(.reference-hero) .price-head b{padding:6px 8px;border-radius:5px;font-size:10px}
  body:has(.reference-hero) .price strong{font-size:58px;letter-spacing:-.06em}
  body:has(.reference-hero) .purchase-kind{padding:0;background:transparent}
  body:has(.reference-hero) .purchase-kind button{min-height:48px;color:#fff;background:var(--red);border-radius:7px;font-weight:800}
  body:has(.reference-hero) .price-card input{height:52px;border:2px solid #514a43;border-radius:7px;font-size:16px;box-shadow:none}
  body:has(.reference-hero) .price-card .button{width:100%;min-height:54px;font-size:15px}

  body:has(.reference-hero) .faq-section{background:#f7efe1}
  body:has(.reference-hero) .faq-heading{margin:0 0 28px;text-align:left}
  body:has(.reference-hero) .faq-list{display:grid;grid-template-columns:1fr;gap:12px}
  body:has(.reference-hero) .faq-list details{
    background:#fff;
    border:2px solid #514a43;
    border-radius:8px;
    box-shadow:none;
    transform:none!important;
  }
  body:has(.reference-hero) .faq-list summary{min-height:58px;padding:15px 48px 15px 15px;font-size:16px;font-weight:750}
  body:has(.reference-hero) .faq-list summary::after{right:14px;color:#fff;background:#087b73;border-radius:50%}
  body:has(.reference-hero) .faq-list p{padding:0 15px 16px;color:#4c443b;font-size:15px;font-weight:400;line-height:1.55}

  body:has(.reference-hero) .legal{padding:28px 18px;background:#171411}
  body:has(.reference-hero) .legal summary{font-size:16px;font-weight:750}
  body:has(.reference-hero) footer{min-height:130px;padding:34px 18px 24px;background:var(--red)}
  body:has(.reference-hero) footer::before{display:none}
  body:has(.reference-hero) .footer-brand{width:170px}

  body:has(.reference-hero) dialog{border-radius:12px;box-shadow:6px 7px 0 #171411}
  body:has(.reference-hero) .dialog-card{padding:28px 18px;background:#fff}
  body:has(.reference-hero) .dialog-card h2{font-size:27px;letter-spacing:-.03em}
}

@media(max-width:380px){
  body:has(.reference-hero) main>section:not(.reference-hero){padding-left:14px;padding-right:14px}
  body:has(.reference-hero) :where(.store-showcase-copy h2,.game-tour-heading h2,.pricing-copy h2,.faq-heading h2){font-size:30px}
  body:has(.reference-hero) .price strong{font-size:52px}
}

/* Landing HTML v3 — conteúdo real, hierarquia limpa e retratos rotativos. */
body.modern-landing{
  --ink:#171512;--muted:#655f58;--paper:#f8f3e9;--soft:#eee5d7;--line:#d8cdbc;
  --purple:#227c7d;--purple-dark:#145f61;--green:#13766c;--green-soft:#d7eee8;--yellow:#f4bb20;
  color:var(--ink);background:var(--paper);font-family:"Segoe UI",Arial,sans-serif
}
body.modern-landing .site-header{
  position:sticky;top:0;left:auto;right:auto;z-index:50;width:100%;min-height:82px;height:auto;max-height:none;
  padding:10px clamp(20px,5vw,76px);background:#f8f3e9ed;border-bottom:1px solid #d8cdbc;backdrop-filter:blur(15px);
  transform:none;pointer-events:auto
}
body.modern-landing .collage-brand{width:168px;height:60px;filter:none}
body.modern-landing .collage-brand img{width:100%;height:100%;object-fit:contain;object-position:left center}
body.modern-landing .main-nav{
  position:static;display:flex;gap:clamp(22px,3vw,44px);margin-left:auto;transform:none;
  font:650 15px/1.2 "Segoe UI",Arial,sans-serif
}
body.modern-landing .main-nav a::after{bottom:-8px;height:2px;background:#13766c}
body.modern-landing .site-header .header-actions{position:static;width:auto;height:auto;margin-left:24px;pointer-events:auto}
body.modern-landing .site-header .torn-button{
  position:static;inset:auto;width:auto;height:auto;min-width:96px;min-height:44px;padding:0 20px;opacity:1;
  color:#fff;background:#171512;border-radius:9px;clip-path:none;box-shadow:none;font:700 15px/1 "Segoe UI",Arial,sans-serif;pointer-events:auto
}
body.modern-landing .site-header .desktop-download-link{
  position:static;display:block;padding:7px 2px;color:#4c4640!important;background:transparent!important;
  font:650 13px/1 "Segoe UI",Arial,sans-serif;text-underline-offset:4px;pointer-events:auto
}
body.modern-landing main>section{position:relative;isolation:isolate}

body.modern-landing .html-hero{
  min-height:720px;display:grid;grid-template-columns:minmax(390px,.94fr) minmax(460px,1.06fr);
  align-items:center;gap:clamp(42px,6vw,96px);padding:64px max(24px,calc((100vw - 1360px)/2));
  overflow:hidden;background:#f8f3e9
}
body.modern-landing .html-hero::before{
  display:none
}
body.modern-landing .html-hero .hero-copy{position:relative;z-index:5;max-width:620px}
body.modern-landing .hero-kicker{
  display:inline-flex;margin:0 0 20px;padding:8px 12px;color:#0e625f;background:#d8eee8;border-radius:999px;
  font:800 12px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.09em
}
body.modern-landing .html-hero h1{
  margin:0;color:#171512;font:900 clamp(54px,5vw,80px)/.93 "Arial Black","Segoe UI",sans-serif;
  letter-spacing:-.068em;text-shadow:none;transform:none
}
body.modern-landing .html-hero h1 span{color:#277f7c}
body.modern-landing .html-hero .hero-lead{
  max-width:540px;margin:28px 0 30px;color:#554f48;font:450 clamp(18px,1.55vw,22px)/1.55 "Segoe UI",Arial,sans-serif
}
body.modern-landing .html-hero .hero-actions{display:flex;align-items:center;gap:22px;margin:0}
body.modern-landing .html-hero .paper-cta{
  min-width:0;min-height:58px;padding:0 25px;color:#171512;background:#f4bb20;border-radius:10px;clip-path:none;
  filter:none;box-shadow:0 7px 0 #b98709;font:800 17px/1 "Segoe UI",Arial,sans-serif;transform:none
}
body.modern-landing .html-hero .paper-cta:hover{transform:translateY(-2px);box-shadow:0 9px 0 #b98709}
body.modern-landing .html-hero .paper-cta span{margin:0;font-size:20px;transform:none}
body.modern-landing .html-hero .how-link{
  margin:0;color:#28241f;font:700 15px/1.3 "Segoe UI",Arial,sans-serif;text-decoration:underline;text-decoration-color:#277f7c;text-underline-offset:6px
}
body.modern-landing .html-hero .hero-note{margin:25px 0 0;color:#746d64;font:500 14px/1.4 "Segoe UI",Arial,sans-serif}
body.modern-landing .html-hero .hero-note b{color:#146d65}

body.modern-landing .hero-visual{position:relative;display:grid;place-items:center;min-width:0;min-height:640px}
body.modern-landing .dubbing-showcase{
  position:relative;z-index:3;width:min(760px,100%);margin:0;padding:9px;background:#171512;border:1px solid #171512;
  border-radius:18px;box-shadow:0 28px 70px #35291e24;transform:rotate(.35deg)
}
body.modern-landing .dubbing-window-bar{height:35px;display:flex;align-items:center;gap:7px;padding:0 8px;color:#eee5d7}
body.modern-landing .dubbing-window-bar span{width:9px;height:9px;border-radius:50%;background:#ef4731}
body.modern-landing .dubbing-window-bar span:nth-child(2){background:#f0b81d}
body.modern-landing .dubbing-window-bar span:nth-child(3){background:#53b9b0}
body.modern-landing .dubbing-window-bar strong{margin-left:auto;font-size:10px;letter-spacing:.09em}
body.modern-landing .dubbing-showcase>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:10px;background:#eee5d7}
body.modern-landing .dubbing-showcase figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 12px 8px;color:#fff}
body.modern-landing .dubbing-showcase figcaption strong{font-size:16px}
body.modern-landing .dubbing-showcase figcaption span{color:#bdb4a8;font-size:13px}
body.modern-landing .hero-wave{
  position:absolute;z-index:5;left:-34px;right:28px;bottom:25px;height:84px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  padding:8px 15px;color:#fff;background:#202d35;border:4px solid #2d83c8;border-radius:12px;box-shadow:7px 8px 0 #171512
}
body.modern-landing .hero-wave span,body.modern-landing .hero-wave b{font-size:10px;letter-spacing:.05em}
body.modern-landing .hero-wave span{color:#f02ad7}.hero-wave b{color:#fff}
body.modern-landing .hero-wave svg{width:100%;height:56px}.hero-wave path{fill:none;stroke:#f02ad7;stroke-width:3;vector-effect:non-scaling-stroke}
body.modern-landing .hero-illustration{
  min-height:620px;overflow:visible
}
body.modern-landing .hero-illustration>img{
  display:block;width:min(790px,112%);max-width:none;height:auto;mix-blend-mode:multiply;
  filter:none;transform:rotate(.25deg)
}
body.modern-landing .portrait-stage{
  position:relative;width:min(570px,100%);height:640px;overflow:hidden;border-radius:30px;
  background:#dcece7;box-shadow:0 26px 70px #35291e1c
}
body.modern-landing .portrait-stage::before{
  content:"";position:absolute;right:0;top:0;width:31%;height:100%;background:#347bc1
}
body.modern-landing .portrait-stage::after{
  content:"";position:absolute;left:-9%;bottom:-14%;width:290px;height:290px;border-radius:50%;background:#f0b81d
}
body.modern-landing .portrait-shape{
  display:none
}
body.modern-landing .rotating-portrait{
  position:absolute;z-index:3;left:50%;bottom:-2%;width:96%;height:96%;object-fit:contain;object-position:center bottom;
  opacity:0;transform:translateX(-50%) scale(.96);filter:drop-shadow(0 18px 12px #30211630);
  transition:opacity .45s ease,transform .65s cubic-bezier(.2,.8,.2,1)
}
body.modern-landing .rotating-portrait.is-active{opacity:1;transform:translateX(-50%) scale(1)}
body.modern-landing .rotating-portrait[src*="tiago-side"]{width:118%;height:100%;object-fit:cover;object-position:58% center}
body.modern-landing .portrait-controls{position:absolute;z-index:8;left:50%;bottom:22px;display:flex;gap:8px;transform:translateX(-50%)}
body.modern-landing .portrait-controls button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#fff9;cursor:pointer;transition:.2s ease}
body.modern-landing .portrait-controls button.is-active{width:27px;border-radius:999px;background:#fff}

body.modern-landing :where(.store-showcase-copy h2,.game-tour-heading h2,.pricing-copy h2,.faq-heading h2){
  font-family:"Arial Black","Segoe UI",sans-serif;letter-spacing:-.045em
}
body.modern-landing .eyebrow{font-family:"Segoe UI",Arial,sans-serif;font-size:12px;font-weight:850;letter-spacing:.08em}
body.modern-landing :where(.button,input,textarea,select,summary){font-family:"Segoe UI",Arial,sans-serif}
body.modern-landing .section-character{
  height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center bottom;
  filter:none
}
body.modern-landing .store-showcase{background:#173d3b}
body.modern-landing :where(.store-shot,.tour-live,.tour-stills figure,.price-card,.faq-list details){border-radius:14px;box-shadow:0 18px 45px #241b1517}
body.modern-landing .store-character{left:31%;right:auto;bottom:-65px;width:260px;opacity:1;transform:none}
body.modern-landing .tour-character{right:10px;top:82px;width:205px;opacity:1;transform:none}
body.modern-landing .pricing-character{left:46%;bottom:-55px;width:210px;opacity:.14;transform:rotate(-4deg)}

@media(max-width:980px){
  body.modern-landing .main-nav{display:none}
  body.modern-landing .html-hero{grid-template-columns:1fr;min-height:0;padding-top:58px;text-align:center}
  body.modern-landing .html-hero .hero-copy{max-width:700px;margin:0 auto}
  body.modern-landing .html-hero .hero-lead{margin-inline:auto}
  body.modern-landing .html-hero .hero-actions{justify-content:center}
  body.modern-landing .hero-visual{min-height:570px}
  body.modern-landing .dubbing-showcase{width:min(760px,100%)}
  body.modern-landing .hero-illustration{min-height:535px}
  body.modern-landing .hero-illustration>img{width:min(780px,100%)}
}
@media(max-width:700px){
  body.modern-landing .site-header{min-height:68px;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:space-between;gap:12px;padding:7px 16px}
  body.modern-landing .collage-brand{width:132px;height:52px}
  body.modern-landing .site-header .header-actions{position:absolute;top:14px;right:16px;display:flex!important;width:auto;margin:0}
  body.modern-landing .site-header .desktop-download-link{display:none}
  body.modern-landing .site-header .torn-button{display:flex;min-width:76px;min-height:40px;padding:0 14px;font-size:14px}
  body.modern-landing .html-hero{width:100%;grid-template-columns:minmax(0,1fr);gap:30px;padding:42px 18px 34px;text-align:left}
  body.modern-landing .hero-kicker{margin-bottom:16px;font-size:10px}
  body.modern-landing .html-hero h1{font-size:clamp(51px,16.5vw,72px);line-height:.91}
  body.modern-landing .html-hero .hero-copy,body.modern-landing .html-hero .hero-lead{width:100%;min-width:0;max-width:calc(100vw - 36px)}
  body.modern-landing .html-hero .hero-lead{margin:22px 0 25px;white-space:normal;overflow-wrap:anywhere;font-size:17px;line-height:1.48}
  body.modern-landing .html-hero .hero-actions{display:grid;justify-content:stretch;gap:17px;width:100%}
  body.modern-landing .html-hero .paper-cta{width:100%;min-height:56px}
  body.modern-landing .html-hero .how-link{text-align:center}
  body.modern-landing .html-hero .hero-note{margin-top:20px;text-align:center}
  body.modern-landing .hero-visual{min-height:360px;align-items:start}
  body.modern-landing .dubbing-showcase{width:100%;padding:5px;border-radius:12px;transform:none}
  body.modern-landing .dubbing-window-bar{height:28px}.dubbing-window-bar strong{font-size:8px}
  body.modern-landing .dubbing-showcase figcaption{display:grid;gap:2px;padding:10px 8px 7px}
  body.modern-landing .dubbing-showcase figcaption strong{font-size:14px}.dubbing-showcase figcaption span{font-size:12px}
  body.modern-landing .hero-wave{left:10px;right:10px;bottom:4px;height:65px;padding:5px 9px;border-width:3px;box-shadow:4px 5px 0 #171512}
  body.modern-landing .hero-wave svg{height:42px}.hero-wave span,.hero-wave b{font-size:8px!important}
  body.modern-landing .hero-illustration{min-height:310px;align-items:center;margin:0 -16px;width:calc(100% + 32px)}
  body.modern-landing .hero-illustration>img{width:112%;max-width:112%;transform:none;filter:none}
  body.modern-landing .section-character{position:relative;inset:auto!important;display:block;width:min(210px,62vw)!important;height:auto;margin:18px auto -34px;opacity:1!important;transform:none!important;filter:none;grid-column:1/-1}
}
@media(max-width:390px){
  body.modern-landing .html-hero h1{font-size:49px}
  body.modern-landing .hero-visual{min-height:285px}
}
@media(prefers-reduced-motion:reduce){
  body.modern-landing .rotating-portrait{transition:none}
}

/* Planos: comparação limpa antes de solicitar dados de pagamento. */
body.modern-landing .plans-section{
  display:block;padding:96px max(22px,calc((100vw - 1120px)/2));background:#f4efe6
}
body.modern-landing .plans-heading{max-width:720px;margin:0 auto 42px;text-align:center}
body.modern-landing .plans-heading .eyebrow{margin-bottom:12px;color:#176d68}
body.modern-landing .plans-heading h2{
  margin:0;color:#171512;font:850 clamp(36px,4.4vw,58px)/1.04 "Arial Black","Segoe UI",sans-serif;
  letter-spacing:-.055em
}
body.modern-landing .plans-heading>p:not(.eyebrow){margin:18px auto 0;color:#655e55;font:450 18px/1.5 "Segoe UI",Arial,sans-serif}
body.modern-landing .plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:980px;margin:0 auto}
body.modern-landing .plan-card{
  display:flex;min-width:0;flex-direction:column;padding:30px;border:1px solid #d8d0c4;border-radius:18px;
  background:#fffdfa;box-shadow:0 16px 45px #382c2010
}
body.modern-landing .plan-complete{border:2px solid #176d68;box-shadow:0 18px 50px #176d6819}
body.modern-landing .plan-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
body.modern-landing .plan-card-head>span{color:#176d68;font:850 12px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.08em}
body.modern-landing .plan-card-head small{padding:6px 9px;color:#5f574e;background:#eee8df;border-radius:999px;font:750 10px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.04em}
body.modern-landing .plan-complete .plan-card-head small{color:#664e00;background:#f7df8c}
body.modern-landing .plan-price{display:flex;align-items:baseline;gap:10px;margin:25px 0 13px;color:#171512}
body.modern-landing .plan-price strong{font:850 48px/1 "Segoe UI",Arial,sans-serif;letter-spacing:-.055em}
body.modern-landing .plan-price span{color:#766e64;font-size:13px}
body.modern-landing .plan-card>p:not(.plan-limit){min-height:52px;margin:0;color:#655e55;font:450 15px/1.45 "Segoe UI",Arial,sans-serif}
body.modern-landing .plan-card ul{display:grid;gap:12px;margin:24px 0;padding:0;list-style:none;color:#302c27;font:550 15px/1.35 "Segoe UI",Arial,sans-serif}
body.modern-landing .plan-card li{display:flex;gap:10px;align-items:flex-start}
body.modern-landing .plan-card li::before{content:"✓";flex:0 0 auto;color:#176d68;font-weight:900}
body.modern-landing .plan-limit{margin:auto 0 18px!important;padding-top:4px;color:#7b736a!important;font-size:12px!important;min-height:0!important}
body.modern-landing .plan-action{width:100%;min-height:52px;margin-top:auto;border-radius:9px;box-shadow:none;font:800 14px/1 "Segoe UI",Arial,sans-serif}
body.modern-landing .plan-action.ghost{color:#171512;background:#fff;border:1px solid #a9a198}
body.modern-landing .plan-complete .plan-action{color:#fff;background:#176d68;border-color:#176d68}
body.modern-landing .plans-section>.active-access{max-width:980px;margin:28px auto 0;box-shadow:none}
body.modern-landing .checkout-panel{
  max-width:760px;margin:32px auto 0;padding:28px;border:1px solid #d8d0c4;border-radius:16px;
  background:#fff;box-shadow:0 18px 55px #382c2012
}
body.modern-landing .checkout-panel[hidden]{display:none!important}
body.modern-landing .checkout-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid #e5ded4}
body.modern-landing .checkout-header>div:first-child{display:grid;gap:4px}
body.modern-landing .checkout-header span{color:#176d68;font-size:10px;font-weight:850;letter-spacing:.08em}
body.modern-landing .checkout-header strong{font-size:23px}
body.modern-landing .checkout-header .price{margin:0}.checkout-header .price strong{font:850 34px/1 "Segoe UI",Arial,sans-serif;letter-spacing:-.04em}.checkout-header .price small{margin-top:5px;font-size:13px}
body.modern-landing .checkout-close{width:38px;height:38px;padding:0;color:#514b44;border:1px solid #cfc7bd;border-radius:50%;background:#fff;font-size:24px;cursor:pointer}
body.modern-landing .checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:18px}
body.modern-landing .checkout-fields label:first-child{grid-column:1/-1}
body.modern-landing .checkout-panel label{display:grid;gap:6px;margin:10px 0}
body.modern-landing .checkout-panel label>span{font-size:12px;font-weight:750}
body.modern-landing .checkout-panel input{width:100%;height:48px;padding:0 13px;color:#171512;background:#fff;border:1px solid #bdb5aa;border-radius:8px;outline:0}
body.modern-landing .checkout-panel input:focus{border-color:#176d68;box-shadow:0 0 0 3px #176d6818}
body.modern-landing .checkout-panel .consent{grid-template-columns:auto 1fr;align-items:start;margin:15px 0}.checkout-panel .consent input{width:18px;height:18px;margin-top:1px}
body.modern-landing .checkout-panel>.button{min-height:52px;border-radius:8px;box-shadow:none}
body.modern-landing .checkout-panel .payment-security{margin-top:13px;padding-top:13px}

@media(max-width:760px){
  body.modern-landing .plans-section{padding:70px 18px}
  body.modern-landing .plans-heading{margin-bottom:30px;text-align:left}
  body.modern-landing .plans-heading h2{font-size:clamp(35px,11vw,48px)}
  body.modern-landing .plans-heading>p:not(.eyebrow){font-size:16px}
  body.modern-landing .plans-grid{grid-template-columns:1fr;gap:16px}
  body.modern-landing .plan-card{padding:23px}
  body.modern-landing .plan-price{margin-top:20px}.plan-price strong{font-size:43px!important}
  body.modern-landing .plan-card>p:not(.plan-limit){min-height:0}
  body.modern-landing .checkout-panel{padding:20px 16px}
  body.modern-landing .checkout-header{grid-template-columns:1fr auto;gap:12px}
  body.modern-landing .checkout-header .price{grid-column:1}.checkout-header .checkout-close{grid-column:2;grid-row:1}
  body.modern-landing .checkout-fields{grid-template-columns:1fr}.checkout-fields label:first-child{grid-column:auto}
}