:root{--bg:#202124;--bg2:#1f2022;--text:#e8eaed;--muted:#9aa0a6;--green:#00a884;--green2:#00c49a;--line:#3c4043;--card:#26282b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Roboto,system-ui,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:50;background:#fff;color:#5f6368;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.brand-row{height:64px;display:flex;align-items:center;padding:0 26px;gap:32px}
.gp-logo{width:164px;height:auto;object-fit:contain}
.topnav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}
.topnav a{padding:22px 0;position:relative}
.topnav a.active{color:#00875f}
.topnav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#00a67d;border-radius:3px}
.topicons{margin-left:auto;display:flex;align-items:center;gap:18px}
.topicons button{border:0;background:none;font-size:24px;color:#5f6368;cursor:pointer}
.profile-dot{width:32px;height:32px;border-radius:50%;background:linear-gradient(#eee,#ccc)}
.hero{padding:42px 0 28px;background:#202124}
.hero-inner{max-width:1300px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.app-copy{padding-top:22px}
h1{font-size:64px;line-height:1;margin:0 0 22px;font-weight:500}
.publisher{color:#00b88a;font-weight:700;font-size:18px}
.iap{color:#aab0b5;margin-top:6px;font-size:15px}
.stats-row{display:flex;align-items:center;gap:18px;margin-top:38px}
.mini-icon{width:54px;height:54px;border-radius:13px;object-fit:cover}
.stat{display:flex;flex-direction:column;gap:4px}
.stat strong{font-size:16px}
.stat span{font-size:13px;color:#b3bbc0}
.divider{width:1px;height:34px;background:#4a4f53}
.actions{display:flex;align-items:center;gap:22px;margin-top:44px;flex-wrap:wrap}
.install-btn{background:#00a884;color:#10251f;font-weight:700;min-width:200px;padding:15px 34px;border-radius:8px;text-align:center;font-size:17px}
.install-btn:hover{background:#00b992}
.text-btn{border:0;background:none;color:#00b88a;font-size:16px;cursor:pointer;padding:8px}
.device-note{margin-top:28px;color:#b6bcc1;font-size:14px;display:flex;gap:12px;align-items:center}
.hero-visual img{width:100%;display:block;border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.28)}
.screens-wrap{max-width:1360px;margin:22px auto 0;position:relative;padding:0 54px}
.screens{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 0 26px}
.screens::-webkit-scrollbar{display:none}
.screens img{height:360px;width:auto;border-radius:14px;scroll-snap-align:start;box-shadow:0 4px 12px rgba(0,0,0,.28)}
.carousel-arrow{position:absolute;top:45%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:#3b3f43;color:#fff;font-size:30px;cursor:pointer;z-index:5}
.carousel-arrow.left{left:6px}.carousel-arrow.right{right:6px}
.content-grid{max-width:1300px;margin:20px auto 80px;padding:0 28px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px}
.section{padding:28px 0;border-top:1px solid #373b3e}
.section h2{font-size:24px;margin:0 0 18px}
.section p{color:#c1c5c9;line-height:1.7}
.ratings-layout{display:flex;gap:40px;align-items:center}
.big-number{font-size:58px}.stars,.review-stars{color:#00b88a;letter-spacing:2px}.rating-count{color:#aaa;margin-top:8px}
.bars{flex:1;max-width:420px}
.bars div{display:flex;align-items:center;gap:10px;margin:8px 0}
.bars span{width:12px;color:#bbb}
.bars div:after{content:"";height:8px;flex:1;background:#32363a;border-radius:99px}
.bars i{position:absolute;height:8px;background:#00a884;border-radius:99px}
.bars div{position:relative}
.bars i{left:26px;max-width:calc(100% - 26px)}
.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.review-card{background:#292b2f;border-radius:14px;padding:18px;min-height:205px}
.review-head{display:flex;gap:12px;align-items:center}
.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#3a3e42;color:#fff;font-size:13px}
.review-head small{display:block;color:#9fa4a8;margin-top:3px}
.review-card p{font-size:14px;line-height:1.55}
.review-card>small{color:#8e9499}
.info-card{background:#292b2f;border-radius:14px;padding:20px}
.side-section{padding:24px 0;border-top:1px solid #373b3e}
.side-section h3{margin:0 0 18px}
.side-section>a{display:block;padding:10px 0;color:#00b88a}
.info-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;color:#bbb;border-bottom:1px solid #313437}
.info-row strong{text-align:right;color:#eee;font-size:13px}
footer{border-top:1px solid #363a3d;padding:34px 28px 50px;max-width:1300px;margin:0 auto;color:#aab0b4;font-size:14px}
.footer-links{display:flex;gap:18px;margin:14px 0}
.disclaimer{max-width:880px;line-height:1.5}
.sticky-install{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:100;background:#2a2d30;border:1px solid #45494d;border-radius:14px;padding:10px 12px;align-items:center;gap:10px;box-shadow:0 8px 25px rgba(0,0,0,.35)}
.sticky-install img{width:44px;height:44px;border-radius:10px}
.sticky-install div{display:flex;flex-direction:column}
.sticky-install span{font-size:12px;color:#aaa}
.sticky-install a{margin-left:auto;background:#00a884;color:#0b211b;padding:10px 18px;border-radius:8px;font-weight:700}
@media(max-width:980px){
 .topnav{display:none}.gp-logo{width:145px}
 .hero-inner{grid-template-columns:1fr}.hero-visual{order:-1}
 h1{font-size:48px}.content-grid{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .review-cards{grid-template-columns:1fr}.screens img{height:320px}
}
@media(max-width:640px){
 .brand-row{padding:0 14px;height:58px}.gp-logo{width:132px}.topicons{gap:8px}.topicons button{font-size:20px}
 .hero{padding-top:22px}.hero-inner{padding:0 18px;gap:24px}.hero-visual img{border-radius:12px}
 h1{font-size:40px}.stats-row{gap:12px;overflow-x:auto;padding-bottom:4px}.mini-icon{width:48px;height:48px}.divider{height:28px}
 .actions{gap:10px;margin-top:28px}.install-btn{width:100%}.text-btn{font-size:14px}
 .screens-wrap{padding:0 18px}.carousel-arrow{display:none}.screens{gap:12px}.screens img{height:300px}
 .content-grid{padding:0 18px;margin-bottom:110px}.side-column{grid-template-columns:1fr}.ratings-layout{align-items:flex-start}.review-cards{grid-template-columns:1fr}
 .sticky-install{display:flex}
}