@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--red:#0796a5;--bg:#090909;--muted:#949498;font-family:'DM Sans',Arial,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fafafa}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:5px}.skip{position:fixed;top:-100px;background:var(--red);padding:16px;z-index:10}.skip:focus{top:0}.header{height:96px;display:flex;align-items:center;padding:0 5%;gap:65px;border-bottom:1px solid #ffffff0a;position:relative;z-index:2;background:#090909}.brand{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:38px;line-height:1;letter-spacing:-1px;font-weight:800;color:var(--red)}.brand span{font-family:Arial;font-size:10px;vertical-align:top;display:inline-block;margin:5px 0 0 4px}.header nav{display:flex;align-items:center;gap:32px;height:100%;font-size:14px}.header nav a{color:#aaa;position:relative;height:100%;display:flex;align-items:center}.header nav a[aria-current]{color:white;font-weight:700}.header nav a[aria-current]:after{content:'';position:absolute;bottom:23px;height:3px;width:18px;background:var(--red)}.header-note{margin-left:auto;color:#858589;font-size:12px;display:flex;align-items:center;gap:25px}.mini-mark{background:#0c252a;border:1px solid #165460;color:#23c5d3;width:32px;height:32px;display:grid;place-items:center;border-radius:6px;font-weight:700}.hero{position:relative;min-height:650px;overflow:hidden;display:flex;align-items:center;padding:65px 5% 75px;background:radial-gradient(ellipse at 78% 40%,#08252c 0,transparent 52%)}.hero-content{z-index:1;position:relative;width:54%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.4px;display:flex;align-items:center;gap:10px;color:#a8a8ad}.eyebrow>span:first-child:not(.demo-label){width:6px;height:6px;display:inline-block;background:var(--red);border-radius:50%}.hero h1,.catalog h1{font-size:clamp(48px,5.25vw,82px);letter-spacing:-4px;line-height:1.035;margin:27px 0 24px;font-weight:700}.hero h1 em,.catalog h1 em{font-style:normal;color:var(--red)}.hero-content>p{font-size:15px;color:#a8a6a8;line-height:1.8;margin:0 0 28px}.button{border:0;border-radius:5px;padding:15px 23px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;min-height:49px}.button:hover{transform:translateY(-2px)}.primary{background:var(--red);color:white}.primary:hover{background:#0aaec0}.play{font-size:14px}.hero-meta{margin-top:36px;display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:1.5px}.hero-meta>span{color:#767478;border-right:1px solid #454045;padding-right:15px}.hero-meta b{font-size:11px;letter-spacing:.1px;color:#aaa4a4;font-weight:400}.hero-art{position:absolute;right:4%;top:75px;width:43%;height:460px;perspective:1100px}.hero-poster{position:absolute;width:51%;height:365px;top:25px;border-radius:12px;box-shadow:0 25px 80px #0008;overflow:hidden;border:1px solid #ffffff1a}.hero-poster .poster{height:100%;aspect-ratio:auto}.central{left:23%;z-index:2;transform:rotate(-7deg);top:8px}.left{left:-3%;transform:rotate(-17deg) scale(.82);filter:brightness(.55);top:49px}.right{right:-6%;transform:rotate(13deg) scale(.86);filter:brightness(.65);top:45px}.hero-poster .poster-copy strong{font-size:76px}.hero-poster .poster-icon{font-size:110px}.hero-poster .poster-copy{bottom:35px}.art-caption{position:absolute;bottom:5px;left:10%;right:0;text-align:center;font-size:10px;letter-spacing:3px;color:#6e5553}.hero-index{position:absolute;bottom:30px;right:5%;font-size:12px;letter-spacing:4px;color:#ccc}.hero-index span{color:#4d4d4d;margin:0 10px}.page-width{padding-left:5%;padding-right:5%}.featured{padding-top:35px;padding-bottom:65px;position:relative;background:linear-gradient(#0c0c0c,#090909)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.section-heading .eyebrow{font-size:10px;letter-spacing:2px;color:#77777c}h2{font-size:28px;letter-spacing:-.8px;margin:10px 0 0}h2>span{color:var(--red)}.carousel-controls{display:flex;gap:8px}.carousel-controls button{width:34px;height:34px;border:1px solid #333;background:#151515;border-radius:50%;color:#eee;font-size:24px;line-height:1}.carousel-controls button:disabled{opacity:.3}.carousel{display:flex;gap:20px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 12px;margin:0 -2px}.carousel::-webkit-scrollbar{display:none}.app-card{min-width:0}.carousel .app-card{flex:0 0 calc((100% - 80px)/5);scroll-snap-align:start}.poster-button{display:block;border:0;background:transparent;color:inherit;padding:0;width:100%;text-align:left;position:relative;border-radius:7px;overflow:hidden}.poster{aspect-ratio:4/5;position:relative;background:radial-gradient(ellipse at 70% 20%,color-mix(in srgb,var(--accent),white 12%),transparent 67%),linear-gradient(155deg,var(--accent),var(--deep));overflow:hidden;isolation:isolate}.poster:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0005,transparent 55%);z-index:-1}.poster-label{position:absolute;top:18px;left:18px;letter-spacing:2px;font-size:8px;font-weight:700;opacity:.65}.poster-icon{position:absolute;top:16%;left:0;width:100%;text-align:center;font-size:80px;line-height:1.3;color:#fff9;text-shadow:0 5px 30px #ffffff20}.poster-copy{position:absolute;bottom:26px;left:10%;right:6%}.poster-copy>span{font-size:7px;letter-spacing:2px;font-weight:600;opacity:.65}.poster-copy strong{display:block;font-size:clamp(35px,4.2vw,65px);font-weight:700;letter-spacing:-3px;line-height:1.13;margin-top:6px}.poster-copy strong i{font-style:normal;color:#ffffff80}.poster-copy p{font-size:10px;color:#ffffffb3;margin:8px 0 0}.poster-open{position:absolute;bottom:0;left:0;right:0;background:#000b;padding:13px 16px;display:flex;justify-content:space-between;font-size:12px;opacity:0;transform:translateY(100%);transition:.2s}.poster-button:hover .poster-open,.poster-button:focus-visible .poster-open{opacity:1;transform:none}.poster-button .poster{transition:filter .2s}.poster-button:hover .poster{filter:brightness(1.13)}.card-info{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.card-info h3{font-size:15px;margin:0 0 5px}.card-info p{font-size:12px;color:#838388;margin:0}.card-plus{border:1px solid #343437;background:transparent;border-radius:50%;width:28px;height:28px;color:#b6b6ba;font-size:19px;display:grid;place-items:center;padding:0}.card-plus:hover{background:var(--red);border-color:var(--red);color:white}.all-apps{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:26px}.secondary{background:#191919;border:1px solid #333;color:#f1f1f1;padding:14px 28px}.secondary:hover{background:#262626}.grid-icon{font-size:20px;color:#a1a1a5}.all-apps>span{font-size:12px;color:#68686e}footer{border-top:1px solid #222;margin:0 5%;padding:30px 0;display:flex;align-items:center;gap:28px}footer .brand{font-size:25px}footer p{color:#777;font-size:12px}footer>span{margin-left:auto;color:#555;font-size:11px}.catalog{padding-top:65px;padding-bottom:65px}.catalog h1{font-size:60px;margin-bottom:25px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;color:#96969b;margin-bottom:36px}.catalog-heading p{font-size:15px}.catalog-heading>span{font-size:12px}.app-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px 20px}dialog{padding:0;border:1px solid #333;background:#151515;color:white;border-radius:14px;width:min(600px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.close{position:absolute;right:16px;top:16px;width:36px;height:36px;background:#111b;color:white;border:1px solid #ffffff30;border-radius:50%;font-size:26px;z-index:3}.dialog-poster{height:235px;aspect-ratio:auto}.dialog-poster .poster-icon{font-size:145px;left:50%;width:40%;top:13%}.dialog-poster .poster-copy{left:32px;bottom:30px}.dialog-poster .poster-copy strong{font-size:68px}.dialog-poster .poster-copy>span{font-size:9px}.dialog-poster .poster-copy p{font-size:13px}.dialog-body{padding:30px 32px}.dialog-body h2{font-size:34px;margin:16px 0}.dialog-body>p{font-size:15px;color:#b2b2b8;line-height:1.75}.dialog-body .eyebrow{font-size:10px;letter-spacing:1px;justify-content:space-between}.demo-label{color:#888;font-size:9px}.app-specs{display:flex;gap:30px;padding:23px 0;margin:22px 0;border-top:1px solid #303030;border-bottom:1px solid #303030;font-size:11px;color:#888}.app-specs b{display:block;color:#ddd;font-size:12px;font-weight:500;margin-top:7px}.download{width:100%}.download:disabled{background:#822027;color:#f1c6c9;transform:none}.dialog-body .download-note{font-size:11px;text-align:center;color:#818187;margin-bottom:0}.modal-open{overflow:hidden}@media(min-width:1500px){.hero{min-height:740px}.hero-art{top:105px;height:490px}.hero-poster{height:410px}.hero-content{max-width:800px}}@media(max-width:1000px){.header{gap:40px}.header-note{font-size:0}.hero{min-height:600px}.hero h1{letter-spacing:-2.5px}.hero-art{right:2%;width:43%;top:110px;height:350px}.hero-poster{height:285px}.hero-poster .poster-copy strong{font-size:55px}.hero-poster .poster-icon{font-size:85px}.hero-meta{gap:10px;letter-spacing:1px}.hero-meta b{font-size:10px}.carousel .app-card{flex-basis:calc((100% - 60px)/3.5)}.app-grid{grid-template-columns:repeat(3,1fr)}.poster-copy strong{font-size:52px}}@media(max-width:640px){.header{height:76px;gap:30px;padding:0 6%}.brand{font-size:32px}.header nav{gap:22px;font-size:13px}.header nav a[aria-current]:after{bottom:14px}.header-note{display:none}.hero{padding:48px 6% 35px;display:block;min-height:initial}.hero-content{width:100%}.eyebrow{font-size:9px;letter-spacing:1.7px}.hero h1{font-size:52px;letter-spacing:-2.8px;margin-top:22px}.hero-content>p{font-size:13px}.hero-meta{margin-top:25px}.hero-art{position:relative;top:auto;right:auto;width:90%;margin:40px auto 0;height:290px}.hero-poster{height:240px;width:48%}.central{left:26%}.left{left:2%}.right{right:-2%}.hero-poster .poster-copy strong{font-size:48px}.hero-poster .poster-icon{font-size:72px}.hero-poster .poster-copy>span{font-size:6px}.hero-poster .poster-copy p{font-size:8px}.art-caption{bottom:0;font-size:8px}.hero-index{display:none}.page-width{padding-left:6%;padding-right:6%}.featured{padding-top:28px;padding-bottom:45px}.section-heading{gap:15px}h2{font-size:23px;letter-spacing:-.6px}.section-heading .eyebrow{font-size:8px}.carousel{gap:14px;margin-right:-6.8%;padding-right:6%}.carousel .app-card{flex-basis:61%}.poster-copy strong{font-size:54px}.poster-open{opacity:1;transform:none;padding:8px 12px;font-size:10px}.poster-button .poster-copy{bottom:42px}.carousel-controls button{height:29px;width:29px}.carousel-controls{gap:5px}.all-apps{margin-top:20px}footer{flex-wrap:wrap;gap:8px 20px;padding:26px 0}footer>span{width:100%;margin:5px 0;font-size:10px}footer p{font-size:10px}.catalog{padding-top:40px}.catalog h1{font-size:40px;letter-spacing:-2px}.catalog-heading{gap:20px;align-items:start}.catalog-heading p{font-size:13px;margin:0;max-width:220px}.catalog-heading>span{font-size:10px;white-space:nowrap}.app-grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}.app-grid .poster-copy strong{font-size:37px;letter-spacing:-2px}.app-grid .poster-copy>span{font-size:6px;letter-spacing:1px}.app-grid .poster-copy p{font-size:8px}.app-grid .poster-icon{font-size:60px}.app-grid .poster-label{font-size:6px;left:12px;top:12px}.dialog-body{padding:25px}.dialog-poster .poster-icon{font-size:110px}.app-specs{gap:22px}.demo-label{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Filmes compartilham o catálogo, com composição tipográfica de pôster. */
.movie-section{border-top:1px solid #202020;padding-top:45px}
.movie-poster .poster-icon{font-size:47px;opacity:.38;top:20%}
.movie-poster .poster-copy strong{font-family:'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;font-size:clamp(30px,3.1vw,48px);line-height:1;letter-spacing:-.5px;max-width:95%;margin-top:10px}
.movie-poster .poster-copy strong i{display:none}
.movie-poster .poster-copy>span{font-size:7px;letter-spacing:1.4px}
.movie-poster .poster-copy p{line-height:1.5;max-width:90%}
.movie-poster.dialog-poster .poster-copy strong{font-size:48px;max-width:75%}
.movie-poster.dialog-poster .poster-icon{font-size:85px;top:25%}
.movie-poster.dialog-poster .poster-copy{right:20px}
.whatsapp:not(:disabled){background:#188446}.whatsapp:not(:disabled):hover{background:#219c56}
@media(max-width:640px){.header{gap:22px}.header nav{gap:16px}.movie-poster .poster-copy strong,.app-grid .movie-poster .poster-copy strong{font-size:32px;letter-spacing:-.4px}.app-grid .movie-poster .poster-copy p{display:none}.app-grid .movie-poster .poster-copy>span{font-size:6px}.movie-poster.dialog-poster .poster-copy strong{font-size:40px;max-width:82%}.movie-poster.dialog-poster .poster-copy p{font-size:11px}.movie-section .section-heading h2{font-size:23px}.movie-poster .poster-icon,.app-grid .movie-poster .poster-icon{font-size:38px;top:17%}}
@media(max-width:370px){.header{gap:16px}.header .brand{font-size:27px}.header nav{gap:12px;font-size:12px}}
/* Degradês dos botões principais e de acesso ao conteúdo. */
.hero .button.primary{background:linear-gradient(115deg,#087e99 0%,#086379 48%,#063e68 100%);box-shadow:0 8px 28px #047b8d26}
.hero .button.primary:hover{background:linear-gradient(115deg,#09879f 0%,#087185 48%,#074b76 100%)}
.button.primary.download,.button.primary.download.whatsapp:not(:disabled){background:linear-gradient(115deg,#188548 0%,#10703e 50%,#064b30 100%);color:#fff;box-shadow:0 6px 22px #08763f20}
.button.primary.download:hover,.button.primary.download.whatsapp:not(:disabled):hover{background:linear-gradient(115deg,#198b4c 0%,#137b46 50%,#075a38 100%)}
.button.primary.download:disabled,.button.primary.download:disabled:hover{background:linear-gradient(115deg,#245b3d,#163e2c);color:#b5cabb;box-shadow:none;transform:none}
.related-apps{margin-top:32px;padding-top:26px;border-top:1px solid #ffffff20}.related-apps h3{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.4px}.related-apps>p{margin:8px 0 20px;color:var(--muted);font-size:13px;line-height:1.5}.related-apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related-app{display:flex;align-items:center;gap:12px;min-width:0;width:100%;padding:12px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff05;color:inherit;text-align:left}.related-app:hover{background:#ffffff0d;border-color:var(--red)}.related-app .related-app-icon{flex:0 0 56px;width:56px;height:56px;aspect-ratio:1;border-radius:12px}.related-app-icon img{width:100%;height:100%;object-fit:contain}.related-app-icon .poster-label,.related-app-icon .poster-copy{display:none}.related-app-icon .poster-icon{font-size:30px;top:8px}.related-app-info{display:flex;flex-direction:column;gap:5px;min-width:0}.related-app-info strong{font-size:14px;overflow-wrap:anywhere}.related-app-info>span{font-size:11px;color:var(--muted)}.related-app-arrow{margin-left:auto;color:var(--muted);font-size:24px}@media(max-width:480px){.related-apps-grid{grid-template-columns:1fr}}
