.app-page{background:#070708}.app-header{position:absolute;inset:0 0 auto;z-index:10;height:78px;border-bottom:1px solid rgba(255,255,255,.045);background:linear-gradient(180deg,rgba(4,4,5,.84),transparent)}.app-header .container{height:100%;display:flex;align-items:center;justify-content:space-between}.back-link{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#aaa5a7;font-size:11px;font-weight:700;transition:border-color .2s,color .2s,transform .2s}.back-link:hover{transform:translateX(-2px);border-color:rgba(255,89,32,.4);color:var(--orange2)}

.app-hero{position:relative;min-height:650px;display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 22% 48%,rgba(201,45,13,.22),transparent 28%),radial-gradient(circle at 82% 42%,rgba(255,74,34,.08),transparent 30%),linear-gradient(145deg,#060607,#10090a)}.app-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle,#000,transparent 78%)}.app-glow{position:absolute;left:-130px;top:18%;width:520px;aspect-ratio:1;border-radius:50%;background:rgba(202,37,11,.13);filter:blur(100px)}.app-overview{position:relative;z-index:2;display:grid;grid-template-columns:minmax(190px,310px) 1fr;gap:clamp(38px,7vw,95px);align-items:center;padding-top:90px}.app-icon-card{position:relative;width:min(310px,100%);margin:0}.app-icon-card::before{content:"";position:absolute;inset:10%;z-index:-1;border-radius:40%;background:#e32f16;filter:blur(50px);opacity:.24}.app-icon-card img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid rgba(255,99,47,.32);border-radius:26%;box-shadow:0 30px 75px rgba(0,0,0,.58)}.app-icon-card span{position:absolute;right:8%;bottom:-13px;padding:7px 11px;border:1px solid rgba(255,100,48,.35);border-radius:999px;background:#0d0d0f;color:#ff8755;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 8px 30px #000}.app-copy{max-width:720px}.app-copy h1{margin:0 0 7px;font-size:clamp(52px,7.6vw,94px);letter-spacing:-.07em;text-shadow:0 10px 40px rgba(0,0,0,.38)}.app-copy h1 span{display:block;color:var(--orange2);font-size:.38em;letter-spacing:-.02em}.app-subtitle{margin:18px 0 12px;color:#f3efec;font-size:18px;font-weight:750}.app-lead{max-width:680px;color:#aaa5a7;font-size:15px;line-height:1.8}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:8px;margin:24px 0 28px;padding:0;list-style:none}.feature-list li{position:relative;padding:10px 12px 10px 31px;border:1px solid var(--line);border-radius:8px;color:#b7b2b4;background:rgba(255,255,255,.02);font-size:10px}.feature-list li::before{content:"◇";position:absolute;left:12px;color:var(--orange2)}.play-button{display:inline-flex;align-items:center;gap:12px;min-height:60px;padding:8px 19px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:#050506;box-shadow:0 12px 35px rgba(0,0,0,.35);transition:transform .2s,border-color .2s,box-shadow .2s}.play-button:hover{transform:translateY(-3px);border-color:rgba(255,103,54,.62);box-shadow:0 15px 40px rgba(0,0,0,.42),0 0 26px rgba(255,65,22,.12)}.play-button svg{width:29px;height:33px;flex:none}.play-button span{display:grid;line-height:1}.play-button small{font-size:7px;letter-spacing:.12em}.play-button strong{margin-top:4px;font-size:18px}

.screenshots{position:relative;padding:110px 0 120px;overflow:hidden;background:radial-gradient(circle at 72% 45%,rgba(170,25,7,.15),transparent 30%),#0a0a0c}.screenshots::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.015) 35.2%,transparent 35.4%);pointer-events:none}.screenshots-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,520px);gap:clamp(55px,8vw,105px);align-items:center}.screenshots-copy{max-width:570px}.screenshots-copy h2{margin-bottom:20px;font-size:clamp(42px,5vw,66px);letter-spacing:-.055em}.screenshots-copy h2 span{color:var(--orange2)}.screenshots-copy>p:last-of-type{color:#999396;line-height:1.85}.screen-tabs{display:grid;gap:10px;margin-top:36px}.screen-tabs button{position:relative;width:100%;display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;padding:14px 15px;border:1px solid var(--line);border-radius:12px;color:#928d90;background:#101013;text-align:left;cursor:pointer;transition:transform .25s,border-color .25s,background .25s,color .25s}.screen-tabs button::after{content:"→";position:absolute;right:17px;color:#555157;transition:transform .25s,color .25s}.screen-tabs button:hover,.screen-tabs button.active{transform:translateX(5px);border-color:rgba(255,81,28,.48);color:#fff;background:linear-gradient(100deg,rgba(97,25,13,.45),#121215)}.screen-tabs button.active::after{transform:translateX(3px);color:var(--orange2)}.screen-tabs button b{height:42px;display:grid;place-items:center;border-radius:9px;color:var(--orange2);background:rgba(255,78,28,.1);font-size:10px}.screen-tabs button span{display:grid;font-size:13px;font-weight:800}.screen-tabs button small{margin-top:3px;color:#777277;font-size:9px;font-weight:500}

.carousel{width:100%;max-width:520px;margin-inline:auto}.carousel-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:14px;align-items:center}.carousel-arrow{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,91,38,.3);border-radius:50%;color:#ff8755;background:#111114;box-shadow:0 12px 32px rgba(0,0,0,.3);font:300 33px/1 serif;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.carousel-arrow:hover{transform:scale(1.08);border-color:#ff673c;background:#1d1110}.phone-shell{position:relative;width:100%;max-width:390px;margin-inline:auto;padding:10px;border:1px solid rgba(255,98,45,.36);border-radius:38px;background:linear-gradient(145deg,#232329,#09090a 38%,#1a1a1e);box-shadow:0 40px 100px rgba(0,0,0,.65),0 0 60px rgba(255,48,15,.1)}.phone-shell::after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.09);border-radius:33px;pointer-events:none}.phone-speaker{position:absolute;z-index:4;top:16px;left:50%;width:70px;height:6px;translate:-50% 0;border-radius:999px;background:#242429;box-shadow:inset 0 1px 2px #000}.carousel-viewport{position:relative;overflow:hidden;aspect-ratio:9/18.2;border-radius:29px;background:#080808}.carousel-track{height:100%;display:flex;transition:transform .55s cubic-bezier(.22,.75,.22,1);will-change:transform}.app-screen{position:relative;min-width:100%;height:100%;overflow:hidden;padding:32px 13px 76px;background:radial-gradient(circle at 8% 18%,rgba(151,50,5,.25),transparent 30%),linear-gradient(180deg,#080807,#0c0805 55%,#030303);color:#f8f5f2;font-family:Inter,"Segoe UI",sans-serif}.screen-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.screen-brand{display:flex;align-items:center;gap:8px;color:#ff315a}.screen-brand img{width:39px;height:39px;border-radius:11px;object-fit:cover}.screen-brand strong{font-size:15px}.screen-actions{display:flex;gap:6px}.screen-actions span{width:37px;height:37px;display:grid;place-items:center;border:1px solid #2d3339;border-radius:13px;color:#c8c8c8;background:#101317;font-size:18px}.screen-kicker{margin:0 0 4px;color:#ffd064;font-size:8px;font-weight:900}.app-screen h3{margin:0 0 14px;color:#ff1752;font-size:27px;letter-spacing:-.05em}.featured-wallpaper{position:relative;height:162px;margin:0 0 12px;overflow:hidden;border:1px solid rgba(255,26,80,.55);border-radius:19px;background:#16121e}.featured-wallpaper::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(20,5,11,.88))}.featured-wallpaper img{width:100%;height:100%;object-fit:cover}.featured-wallpaper figcaption{position:absolute;z-index:2;left:15px;bottom:13px;display:grid}.featured-wallpaper figcaption strong{font-size:18px}.featured-wallpaper figcaption span{color:#ffbdc7;font-size:10px;font-weight:700}.featured-wallpaper>b{position:absolute;z-index:2;top:13px;right:13px;padding:8px 10px;border-radius:10px;background:#ec0a43;font-size:13px}.fake-search{height:49px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid #382c1d;border-radius:17px;color:#999;background:#0e0e0f;font-size:24px}.fake-search span{overflow:hidden;font-size:12px;white-space:nowrap}.fake-segments{height:48px;display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-top:10px;padding:4px;border:1px solid #3a2e20;border-radius:17px;text-align:center;font-size:12px}.fake-segments strong{height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(100deg,#ff0b49,#bc002f);box-shadow:0 5px 20px rgba(255,0,60,.25)}.fake-segments span{color:#9e9998;font-weight:700}.screen-section-label{margin:13px 0 2px;color:#ffc65a;font-size:7px;font-weight:900}.app-screen h4{margin:0 0 7px;font-size:18px}.mini-grid{display:grid;gap:7px}.mini-grid-three{grid-template-columns:repeat(3,1fr)}.mini-grid img{width:100%;height:84px;object-fit:cover;border:1px solid #3b2520;border-radius:10px}.screen-nav{position:absolute;z-index:3;right:8px;bottom:8px;left:8px;height:65px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:5px;border:1px solid #25272b;border-radius:23px;background:rgba(3,3,4,.96);box-shadow:0 -12px 30px rgba(0,0,0,.55)}.screen-nav span{height:52px;display:grid;place-items:center;align-content:center;color:#d7d4d4;font-size:22px;line-height:1}.screen-nav small{margin-top:5px;font-size:7px;font-weight:700}.screen-nav .selected{border:1px solid rgba(255,32,79,.58);border-radius:17px;color:#ff315b;background:linear-gradient(145deg,#a2002b,#3a0616);box-shadow:0 0 18px rgba(255,0,64,.22)}

.app-screen-explore h3{margin-bottom:9px}.app-screen-explore .fake-search{height:43px;margin-bottom:12px}.wallpaper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.wallpaper-grid figure{position:relative;height:134px;margin:0;overflow:hidden;border:1px solid #3a3134;border-radius:11px}.wallpaper-grid img{width:100%;height:100%;object-fit:cover}.wallpaper-grid b{position:absolute;left:5px;bottom:5px;padding:2px 5px;border:1px solid #ffdf00;border-radius:5px;color:#ffe600;background:#080808;font-size:7px}.wallpaper-grid i{position:absolute;top:4px;right:5px;color:#fff;font-size:14px;font-style:normal;text-shadow:0 2px 5px #000}.app-screen-favorites h3{margin:9px 0 0;color:#fff;font-size:36px}.favorites-lead{margin:0 0 14px;color:#c8c3c0;font-size:16px}.app-screen-favorites h4{font-size:25px}.favorite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.favorite-grid figure{position:relative;height:172px;margin:0;overflow:hidden;border:1px solid #333;border-radius:14px}.favorite-grid figure:last-child{grid-column:1}.favorite-grid img{width:100%;height:100%;object-fit:cover}.favorite-grid figcaption{position:absolute;right:0;bottom:0;left:0;padding:28px 7px 7px;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#ffc65a;font-size:9px}.favorite-grid i{float:right;width:25px;height:25px;display:grid;place-items:center;margin-top:-7px;border-radius:50%;color:#ffc65a;background:#282727;font-size:13px;font-style:normal}.carousel-footer{display:flex;align-items:center;justify-content:space-between;margin:18px 62px 0}.carousel-dots{display:flex;gap:7px}.carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#514d50;cursor:pointer;transition:width .25s,background .25s}.carousel-dots button.active{width:30px;background:var(--orange2)}.carousel-footer p{margin:0;color:#777277;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.carousel-footer p span{color:#d2cdcf}.carousel-footer p b{margin-left:7px;color:var(--orange2)}

.app-info{padding:105px 0;background:#070708}.app-info header{max-width:650px;margin-bottom:45px}.app-info h2{font-size:clamp(37px,5vw,58px)}.app-info h2 span{color:var(--orange2)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.info-grid article{min-height:210px;padding:27px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#151518,#0e0e10);transition:transform .25s,border-color .25s}.info-grid article:hover{transform:translateY(-5px);border-color:rgba(255,84,29,.35)}.info-grid b{color:var(--orange2);font-size:9px}.info-grid h3{margin:40px 0 10px;font-size:21px}.info-grid p{color:#8f8a8c;font-size:12px}.download{padding:95px 0;background:#0a0a0c}.download-panel{display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center;padding:40px;border:1px solid rgba(255,81,28,.3);border-radius:19px;background:linear-gradient(110deg,rgba(67,20,12,.55),#111114);box-shadow:var(--shadow)}.download-panel>img{width:100px;height:100px;border-radius:23%;object-fit:cover;filter:drop-shadow(0 0 17px rgba(255,72,28,.2))}.download-panel h2{margin:0 0 8px;font-size:31px}.download-panel p:last-child{margin:0;color:#8f898c}.app-footer{padding:25px 0;border-top:1px solid var(--line);color:#6f6a6d;background:#050506;font-size:10px}.app-footer .container{display:flex;justify-content:space-between}.app-footer p{margin:0}

@media(max-width:920px){.app-hero{min-height:580px;padding:115px 0 70px}.app-overview{grid-template-columns:190px 1fr;padding-top:0}.app-copy h1{font-size:58px}.screenshots-grid{grid-template-columns:1fr}.screenshots-copy{max-width:700px;margin-inline:auto;text-align:center}.screen-tabs{grid-template-columns:repeat(3,1fr)}.screen-tabs button{grid-template-columns:34px 1fr;padding:10px}.screen-tabs button::after{display:none}.screen-tabs button:hover,.screen-tabs button.active{transform:translateY(-3px)}.carousel{max-width:520px}.info-grid{grid-template-columns:1fr}.download-panel{grid-template-columns:auto 1fr}.download-panel .play-button{grid-column:span 2;justify-self:start}}
@media(max-width:650px){.app-header{height:68px}.app-header .brand span{display:none}.back-link{padding:8px 10px}.app-hero{min-height:0;padding:100px 0 62px}.app-overview{grid-template-columns:92px 1fr;gap:18px;align-items:start}.app-icon-card{margin-top:19px}.app-icon-card img{border-radius:23%}.app-icon-card span{display:none}.app-copy h1{font-size:clamp(35px,10vw,48px)}.app-copy h1 span{font-size:.43em}.app-subtitle{margin:12px 0 8px;font-size:14px}.app-lead{grid-column:1/-1;font-size:13px}.feature-list{grid-column:1/-1;grid-template-columns:1fr 1fr;margin:16px 0 22px}.app-copy{display:contents}.app-copy>.eyebrow,.app-copy>h1,.app-copy>.app-subtitle{grid-column:2}.app-copy>.eyebrow{margin-top:20px;margin-bottom:7px;font-size:7px}.app-copy>.app-lead,.app-copy>.feature-list,.app-copy>.play-button{grid-column:1/-1}.play-button{justify-self:stretch;justify-content:center}.screenshots{padding:75px 0}.screenshots-grid{gap:38px}.screenshots-copy h2{font-size:38px}.screenshots-copy>p:last-of-type{font-size:13px}.screen-tabs{display:flex;gap:7px;overflow-x:auto;margin-top:25px;padding:3px 3px 9px;scrollbar-width:none}.screen-tabs::-webkit-scrollbar{display:none}.screen-tabs button{min-width:145px}.carousel-stage{grid-template-columns:1fr;position:relative}.carousel-arrow{position:absolute;z-index:6;top:46%;width:42px;height:42px;background:rgba(15,15,17,.88);backdrop-filter:blur(8px)}.carousel-prev{left:-7px}.carousel-next{right:-7px}.phone-shell{width:min(360px,calc(100vw - 40px))}.carousel-footer{margin-inline:10px}.download-panel{grid-template-columns:70px 1fr;padding:27px}.download-panel>img{width:70px;height:70px}.download-panel h2{font-size:24px}.download-panel .play-button{grid-column:1/-1}.app-footer .container{gap:20px}}
@media(max-width:390px){.app-overview{grid-template-columns:78px 1fr}.app-copy h1{font-size:33px}.feature-list{grid-template-columns:1fr}.phone-shell{width:calc(100vw - 30px);padding:8px;border-radius:31px}.carousel-viewport{border-radius:24px}.app-screen{padding-inline:11px}.wallpaper-grid figure{height:120px}.favorite-grid figure{height:158px}.screenshots-copy h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.carousel-track{transition:none}.screen-tabs button,.carousel-arrow{transition:none}}

/* Apresentação inspirada na vitrine oficial do aplicativo */
.app-hero{min-height:760px;background:radial-gradient(circle at 72% 40%,rgba(190,20,10,.2),transparent 30%),linear-gradient(105deg,#050708 0%,#09090a 66%,#170505 100%)}.hero-backdrop{position:absolute;right:-8%;top:0;width:54%;height:100%;object-fit:cover;object-position:center;opacity:.23;filter:saturate(1.2) contrast(1.15);mask-image:linear-gradient(90deg,transparent,#000 32%)}.app-overview{grid-template-columns:minmax(150px,230px) minmax(350px,1fr) minmax(285px,365px);gap:clamp(25px,4vw,58px);padding-top:95px}.app-copy h1{font-size:clamp(54px,5.7vw,78px)}.app-copy h1 span{font-size:.7em;color:#ff2d3f}.app-subtitle{font-size:19px}.feature-list{display:none}.app-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0 28px;border-block:1px solid rgba(255,255,255,.08)}.app-metrics span{display:grid;padding:15px 13px;border-right:1px solid rgba(255,255,255,.08)}.app-metrics span:last-child{border:0}.app-metrics b{font-size:13px}.app-metrics small{margin-top:3px;color:#807b7e;font-size:8px}.hero-phone{position:relative;width:100%;aspect-ratio:9/17.5;padding:28px 18px 72px;border:2px solid #34343a;border-radius:48px;background:linear-gradient(180deg,#030405,#0b0b0d);box-shadow:0 35px 90px #000,0 0 50px rgba(255,30,25,.13);transform:rotate(5deg)}.hero-phone::before{content:"";position:absolute;top:10px;left:50%;width:62px;height:5px;translate:-50%;border-radius:10px;background:#202126}.hero-phone-top{display:flex;align-items:center;gap:7px;margin-bottom:17px}.hero-phone-top img{width:36px;height:36px;border-radius:9px}.hero-phone-top strong{font-size:13px;letter-spacing:.06em}.hero-phone-top span{margin-left:auto;font-size:23px}.hero-phone h2{margin:12px 0 8px;font-size:15px}.hero-categories,.hero-wallpapers{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.hero-categories figure{position:relative;height:92px;margin:0;overflow:hidden;border:1px solid #39393f;border-radius:9px}.hero-categories img,.hero-wallpapers img{width:100%;height:100%;object-fit:cover}.hero-categories figcaption{position:absolute;right:0;bottom:0;left:0;padding:18px 3px 5px;background:linear-gradient(transparent,#050505);font-size:7px;text-align:center}.hero-wallpapers img{height:104px;border:1px solid #38383c;border-radius:8px}.hero-phone-nav{position:absolute;right:12px;bottom:12px;left:12px;height:54px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border:1px solid #292a2e;border-radius:20px;background:#050506}.hero-phone-nav b{display:grid;place-items:center;color:#ccc;font-size:17px}.hero-phone-nav b:first-child{color:#ff4654}.hero-phone-nav small{font-size:6px}

.screenshots{display:none}.app-gallery-section{padding:88px 0 100px;background:radial-gradient(circle at 10% 30%,rgba(255,55,25,.08),transparent 28%),#080b0d}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.gallery-heading h2{margin-bottom:8px;font-size:clamp(32px,4vw,48px)}.gallery-heading h2 span{color:#ff3344}.gallery-heading>div>p:last-child{margin:0;color:#918c8f}.gallery-arrows{display:flex;gap:9px}.gallery-arrows button{width:46px;height:46px;border:1px solid rgba(255,55,50,.5);border-radius:50%;color:#ff4350;background:#111417;font-size:18px;cursor:pointer;transition:.2s}.gallery-arrows button:hover{border-color:#ff4350;background:#251013;transform:translateY(-2px)}.app-shots{display:flex;gap:18px;overflow-x:auto;padding:8px 4px 24px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#6d2022 #111}.app-shot{position:relative;min-width:240px;height:470px;overflow:hidden;padding:18px 14px 55px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:linear-gradient(180deg,#07090a,#0a0707);box-shadow:0 18px 45px rgba(0,0,0,.38);scroll-snap-align:start}.app-shot::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 45px rgba(255,40,25,.035);pointer-events:none}.shot-cover{display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle at 50% 38%,rgba(255,24,30,.22),transparent 37%),#050607}.shot-cover>img{width:145px;border-radius:28%;box-shadow:0 0 45px rgba(255,30,24,.25)}.shot-cover>div{display:grid;margin-top:25px}.shot-cover strong{font-size:16px;letter-spacing:.16em}.shot-cover small{color:#ff3344;font-size:8px;letter-spacing:.25em}.shot-cover p{position:absolute;bottom:42px;margin:0;color:#c8c4c5;font-size:11px}.shot-bar{height:39px;display:flex;align-items:center;gap:8px;margin-bottom:18px}.shot-bar img{width:36px;height:36px;border-radius:9px}.shot-bar b{color:#ff3850;font-size:12px}.app-shot h3{margin-bottom:12px;font-size:21px}.shot-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.shot-category-grid figure{position:relative;height:145px;margin:0;overflow:hidden;border:1px solid #303238;border-radius:10px}.shot-category-grid img,.shot-wall-grid img{width:100%;height:100%;object-fit:cover}.shot-category-grid span{position:absolute;right:0;bottom:0;left:0;padding:25px 5px 6px;background:linear-gradient(transparent,#050506);font-size:9px;text-align:center}.shot-wall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.shot-wall-grid img{height:137px;border:1px solid #33353a;border-radius:8px}.shot-nav{position:absolute;right:7px;bottom:7px;left:7px;height:40px;display:grid;place-items:center;border:1px solid #292b30;border-radius:14px;color:#dbd8d9;background:#050506;font-size:16px;letter-spacing:.25em}.shot-detail{padding:0;background:#050505}.shot-detail-art{width:100%;height:100%;object-fit:cover}.shot-detail::before{content:"";position:absolute;z-index:1;inset:55% 0 0;background:linear-gradient(transparent,#050506 90%)}.shot-detail-actions{position:absolute;z-index:2;left:16px;bottom:72px;display:grid;gap:8px}.shot-detail-actions button{width:36px;height:36px;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;background:rgba(5,5,6,.82)}.apply-button{position:absolute;z-index:2;right:13px;bottom:17px;left:13px;height:42px;border:0;border-radius:11px;color:#fff;background:linear-gradient(100deg,#ff2643,#c50c28);font-size:9px;font-weight:800}.shot-favorites>p{color:#ff6a70;font-size:9px}.shot-settings ul{display:grid;gap:8px;padding:0;list-style:none}.shot-settings li{display:grid;grid-template-columns:32px 1fr 10px;gap:8px;align-items:center;padding:9px;border:1px solid #23252a;border-radius:9px;background:#101114}.shot-settings li>b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#ff3b43;background:#321014;font-size:9px}.shot-settings li>span{display:grid;font-size:9px;font-weight:700}.shot-settings li small{color:#777;font-size:6px;font-weight:400}.shot-settings li i{color:#777;font-style:normal}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;padding:25px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:#0c0f11}.feature-strip article{display:flex;align-items:center;gap:14px;padding:0 22px;border-right:1px solid rgba(255,255,255,.1)}.feature-strip article:last-child{border:0}.feature-strip article>b{width:44px;height:44px;display:grid;place-items:center;flex:none;border:1px solid rgba(255,56,50,.5);border-radius:12px;color:#ff3e46;background:#251013;font-size:20px}.feature-strip article>span{display:grid}.feature-strip strong{font-size:11px}.feature-strip small{margin-top:3px;color:#7f7b7d;font-size:8px}

@media(max-width:1050px){.app-overview{grid-template-columns:150px 1fr 300px}.app-copy h1{font-size:54px}.app-metrics{grid-template-columns:1fr}.app-metrics span{padding:7px 10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.app-metrics span:last-child{border:0}.hero-phone{border-radius:39px}.feature-strip{grid-template-columns:1fr 1fr;gap:22px}.feature-strip article:nth-child(2){border-right:0}}
@media(max-width:820px){.app-hero{padding-bottom:80px}.hero-backdrop{width:100%;right:-28%;opacity:.12}.app-overview{grid-template-columns:105px 1fr;align-items:start}.app-icon-card{grid-row:1}.app-copy{display:block;grid-column:2}.hero-phone{grid-column:1/-1;width:min(330px,85vw);margin:25px auto 0;transform:rotate(2deg)}.app-metrics{grid-template-columns:repeat(3,1fr)}.app-metrics span{border-right:1px solid rgba(255,255,255,.08);border-bottom:0}.app-metrics span:last-child{border:0}.app-shot{min-width:220px;height:440px}.shot-category-grid figure{height:132px}.shot-wall-grid img{height:126px}}
@media(max-width:600px){.app-hero{padding:88px 0 58px}.app-overview{grid-template-columns:102px minmax(0,1fr);gap:14px 16px;align-items:start}.app-icon-card{width:102px;margin:5px 0 0;align-self:start}.app-icon-card img{width:102px;height:102px;aspect-ratio:1;object-fit:cover}.app-copy{display:contents}.app-title-group{grid-column:2;align-self:center;min-width:0}.app-title-group .eyebrow{margin:0 0 7px;font-size:6px;letter-spacing:.14em;white-space:nowrap}.app-title-group h1{margin-bottom:5px;font-size:clamp(28px,8.4vw,35px);line-height:.98}.app-title-group h1 span{font-size:.65em}.app-title-group .app-subtitle{margin:9px 0 0;font-size:12px;line-height:1.35}.app-copy>.app-lead,.app-copy>.app-metrics,.app-copy>.play-button{grid-column:1/-1}.app-lead{margin:6px 0 0;font-size:13px;line-height:1.7}.app-metrics{margin:4px 0 8px}.app-metrics span{padding:11px 8px}.app-metrics b{font-size:11px}.app-metrics small{font-size:7px}.play-button{width:auto;min-width:205px;justify-self:start}.hero-phone{grid-column:1/-1;width:min(286px,84vw);height:510px;aspect-ratio:auto;margin:12px auto 0;padding:27px 15px 66px;border-radius:38px;transform:none}.hero-phone h2{margin:9px 0 6px}.hero-categories figure{height:78px}.hero-wallpapers img{height:87px}.gallery-heading{align-items:start}.gallery-heading>div>p:last-child{font-size:12px}.gallery-arrows{display:none}.app-shots{margin-right:calc((100vw - 100%)/-2);padding-right:28px}.app-shot{min-width:205px;height:410px}.shot-category-grid figure{height:119px}.shot-wall-grid img{height:114px}.feature-strip{grid-template-columns:1fr;padding:18px}.feature-strip article{padding:0 4px 14px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.feature-strip article:last-child{padding-bottom:0;border-bottom:0}}

.mobile-gallery-label{display:none}
.app-gallery-section{padding:24px 0 32px}
.app-shots{gap:12px;padding-top:0;padding-bottom:14px}
.download{padding:60px 0}
.hero-screen-grid{position:absolute;top:28px;right:18px;bottom:18px;left:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;overflow:hidden;border-radius:25px}
.hero-screen-grid img{width:100%;height:100%;min-height:0;object-fit:cover;border:1px solid rgba(255,86,50,.24);border-radius:11px;filter:saturate(1.08) contrast(1.04)}

/* No celular, a prévia do aplicativo vira uma miniatura no canto do destaque. */
@media(max-width:600px){
  .app-hero{padding-bottom:84px}
  .mobile-gallery-label{position:absolute;z-index:4;right:16px;bottom:18px;left:16px;display:block;pointer-events:none}
  .mobile-gallery-label h2{margin:0;color:#f4f1f0;font-size:19px;line-height:1.05;letter-spacing:-.025em}
  .mobile-gallery-label p{margin:5px 0 0;color:#8c8789;font-size:9px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}
  .app-gallery-section{padding:28px 0 20px}
  .app-shots{gap:9px;margin-top:0;padding-bottom:9px}
  .download{padding:38px 0}
  .app-overview{position:relative}
  .app-title-group h1{font-size:clamp(24px,7.2vw,30px);line-height:.94}
  .app-title-group h1 span{font-size:.61em}
  .app-icon-card,.app-title-group{grid-row:1}
  .app-copy>.app-lead{grid-row:2;width:calc(100% - 142px);min-height:158px;padding-right:2px;font-size:12px;line-height:1.6}
  .app-copy>.play-button{grid-row:3;width:calc(100% - 142px);min-width:0;min-height:54px;padding:7px 10px;gap:8px;justify-self:start}
  .app-copy>.play-button svg{width:24px;height:28px}
  .app-copy>.play-button strong{font-size:15px}
  .app-copy>.play-button small{font-size:6px}
  .app-copy>.app-metrics{grid-row:4}
  .hero-phone{position:absolute;z-index:3;top:104px;right:0;width:124px;height:242px;margin:0;padding:0;border-width:1px;border-radius:24px;transform:rotate(2deg);box-shadow:0 20px 48px rgba(0,0,0,.62),0 0 30px rgba(255,30,25,.11)}
  .hero-screen-grid{top:17px;right:7px;bottom:7px;left:7px;gap:3px;border-radius:16px}
  .hero-screen-grid img{border-radius:5px}
  .hero-phone::before{top:7px;width:34px;height:3px}
  .hero-phone-top{gap:5px;margin-bottom:7px}
  .hero-phone-top img{width:23px;height:23px;border-radius:6px}
  .hero-phone-top strong{font-size:8px}
  .hero-phone-top span{font-size:13px}
  .hero-phone h2{margin:6px 0 4px;font-size:9px}
  .hero-categories,.hero-wallpapers{gap:3px}
  .hero-categories figure{height:43px;border-radius:5px}
  .hero-categories figcaption{padding:10px 1px 2px;font-size:4px}
  .hero-wallpapers img{height:47px;border-radius:5px}
  .hero-phone .app-bottom-bar{right:6px;bottom:6px;left:6px;height:39px;padding:2px 3px;border-radius:14px}
  .hero-phone .app-bottom-bar span{height:32px;gap:2px}
  .hero-phone .app-bottom-bar svg{width:10px;height:10px;stroke-width:1.9}
  .hero-phone .app-bottom-bar small{font-size:4px}
}
@media(max-width:370px){
  .app-copy>.app-lead{width:calc(100% - 130px);min-height:164px;font-size:11px}
  .app-copy>.play-button{width:calc(100% - 130px)}
  .hero-phone{top:108px;width:114px;height:230px}
  .app-title-group h1{font-size:24px}
}

/* Barra inferior fiel ao aplicativo */
.app-bottom-bar{position:absolute;z-index:5;right:12px;bottom:12px;left:12px;height:58px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:4px 8px;border:1px solid #24272c;border-radius:22px;background:rgba(3,4,5,.97);box-shadow:0 -8px 24px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.025)}.app-bottom-bar span{min-width:0;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#9b9da2}.app-bottom-bar svg{width:16px;height:16px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-bottom-bar small{font-size:6px;font-weight:650;line-height:1;color:inherit}.app-bottom-bar span.active{color:#ff2d49}.app-bottom-bar span.active small{font-weight:850}.shot-bottom-bar{right:7px;bottom:7px;left:7px;height:47px;padding:3px 5px;border-radius:15px}.shot-bottom-bar span{height:39px;gap:3px}.shot-bottom-bar svg{width:13px;height:13px;stroke-width:1.9}.shot-bottom-bar small{font-size:5px}.hero-phone-nav,.shot-nav{display:none}
