.android-page { --app-violet: #6d42e4; }
.android-page .content-shell { max-width: 1280px; }
.android-page .rail-group a.active { color: var(--purple); background: #efeaff; }
.app-header-link { justify-self: start; padding: 12px 17px; color: #5c5e6e; background: #f2f2f6; border-radius: 99px; font-size: 12px; font-weight: 850; }
.app-download { color: #fff !important; background: linear-gradient(135deg, #5b08ef, #7629f0) !important; }
.rail-download { display: none; }

.android-hero { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; min-height: 560px; overflow: hidden; color: #fff; background: linear-gradient(135deg, #171429, #34206e 58%, #6c39df); border-radius: 27px; box-shadow: 0 20px 50px rgb(32 21 71 / 18%); }
.android-hero::before { content: ""; position: absolute; width: 540px; height: 540px; right: -130px; bottom: -230px; border-radius: 50%; background: rgb(255 255 255 / 8%); }
.android-hero-copy { position: relative; z-index: 2; align-self: center; padding: 48px 0 48px 48px; }
.android-hero-copy h1 { max-width: 680px; margin: 18px 0 20px; font-size: clamp(46px, 5.3vw, 72px); line-height: .96; letter-spacing: -3.5px; }
.android-hero-copy > p { max-width: 610px; margin: 0; color: rgb(255 255 255 / 72%); line-height: 1.7; }
.hero-actions { display: flex; gap: 17px; align-items: center; margin-top: 30px; }
.android-button { display: inline-flex; gap: 12px; align-items: center; min-height: 60px; padding: 0 21px; color: #2d2738; background: #fff; border-radius: 17px; box-shadow: 0 14px 35px rgb(13 10 33 / 20%); }
.android-button > span { display: grid; place-items: center; width: 34px; height: 34px; color: #fff; background: var(--purple); border-radius: 11px; font-weight: 900; }
.android-button b { display: grid; gap: 1px; font-size: 13px; }.android-button small { color: #8a8993; font-size: 9px; }
.text-link { color: #fff; border-bottom: 1px solid rgb(255 255 255 / 40%); font-size: 11px; font-weight: 850; }
.android-hero-copy .hero-note { margin-top: 20px; color: rgb(255 255 255 / 52%); font-size: 10px; }

.phone-stage { position: relative; min-height: 560px; }
.phone-shadow { position: absolute; width: 390px; height: 110px; right: 3%; bottom: 32px; background: rgb(7 5 21 / 34%); border-radius: 50%; filter: blur(18px); }
.phone { position: absolute; overflow: hidden; width: 265px; height: 500px; padding: 10px; background: #14131a; border: 2px solid rgb(255 255 255 / 30%); border-radius: 42px; box-shadow: 0 30px 70px rgb(9 5 29 / 42%); }
.phone-back { right: 36%; top: 55px; background: linear-gradient(145deg, #8f78ff, #302163); transform: rotate(-13deg); opacity: .65; }
.phone-front { z-index: 2; right: 12%; top: 32px; transform: rotate(6deg); }
.phone-speaker { position: absolute; z-index: 3; top: 13px; left: 50%; width: 72px; height: 21px; background: #14131a; border-radius: 0 0 13px 13px; transform: translateX(-50%); }
.phone-screen { position: relative; height: 100%; padding: 30px 14px 15px; color: #1e1d29; background: #f7f7fb; border-radius: 31px; }
.mini-head { display: flex; gap: 8px; align-items: center; margin-bottom: 24px; }.mini-head span { display: grid; place-items: center; width: 31px; height: 31px; color: #fff; background: #171726; border-radius: 10px; font-weight: 900; }.mini-head i { display: block; width: 63px; height: 8px; background: #e1dfe9; border-radius: 99px; }.mini-head i:last-child { width: 28px; margin-left: auto; }
.phone-screen small { color: #8c8b98; font-size: 8px; font-weight: 850; text-transform: uppercase; }.mini-games { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 8px 0 24px; }.mini-games i { height: 91px; background: linear-gradient(145deg, #ef624f, #b42a81); border-radius: 13px; }.mini-games i:nth-child(2) { background: linear-gradient(145deg, #f5be44, #dc6332); }.mini-games i:nth-child(3) { background: linear-gradient(145deg, #58be7d, #176f67); }
.mini-promo { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; padding: 17px; color: #fff; background: linear-gradient(135deg, #764ce3, #5926ce); border-radius: 15px; }.mini-promo b { font-size: 28px; }.mini-promo span { font-size: 10px; font-weight: 850; }
.mini-nav { position: absolute; right: 14px; bottom: 16px; left: 14px; display: flex; justify-content: space-around; padding: 11px; background: #fff; border-radius: 13px; box-shadow: 0 8px 25px rgb(23 20 44 / 10%); }.mini-nav i { width: 13px; height: 13px; background: #d5d3dc; border-radius: 5px; }.mini-nav i:first-child { background: var(--purple); }
.floating-badge { position: absolute; z-index: 4; right: 2%; top: 90px; display: grid; gap: 2px; padding: 15px 18px; color: #352747; background: #fff; border-radius: 18px; box-shadow: 0 16px 38px rgb(13 9 32 / 28%); transform: rotate(-5deg); }.floating-badge span { color: var(--purple); font-size: 26px; font-weight: 950; }.floating-badge small { font-size: 8px; font-weight: 850; text-transform: uppercase; }

.app-benefits, .installation, .security-section, .app-description, .app-faq, .content-card { margin-top: 22px; background: #fff; border: 1px solid var(--line); border-radius: 25px; box-shadow: 0 8px 32px rgb(26 28 39 / 4%); }
.content-card { min-width: 0; padding: 40px; }
.content-card h2 { margin: 15px 0; font-size: 32px; line-height: 1.08; letter-spacing: -1.5px; }
.content-card h3 { margin: 26px 0 9px; font-size: 19px; }
.content-card p { margin: 0; color: var(--muted); line-height: 1.72; }
.content-card p + p { margin-top: 14px; }
.app-overview { display: grid; grid-template-columns: .9fr 1.1fr; gap: 50px; align-items: start; }
.overview-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; padding: 0; list-style: none; }
.overview-list li { display: grid; gap: 5px; min-height: 96px; padding: 17px; background: #f7f5fc; border-radius: 15px; }
.overview-list b { font-size: 12px; }.overview-list span { color: var(--muted); font-size: 10px; line-height: 1.5; }
.data-section > h2 { margin-bottom: 24px; }
.table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid #e7e4ef; border-radius: 17px; }
.app-table { width: 100%; border-collapse: collapse; background: #fff; font-size: 12px; }
.app-table th, .app-table td { padding: 15px 18px; border-bottom: 1px solid #ebe8f1; text-align: left; vertical-align: top; line-height: 1.5; }
.app-table tr:last-child th, .app-table tr:last-child td { border-bottom: 0; }
.app-table th { width: 31%; color: #29253a; background: #f8f7fb; font-weight: 900; }
.compare-table { min-width: 650px; }.compare-table thead th { width: auto; color: #fff; background: #31274d; }.compare-table tbody th { width: 29%; }
.data-section > p { margin-top: 20px; }
.app-benefits { padding: 38px; }.app-benefits > header { display: grid; grid-template-columns: .8fr 1.2fr; gap: 12px 60px; align-items: end; margin-bottom: 28px; }.app-benefits > header .eyebrow { grid-column: 1 / -1; width: max-content; }
.app-benefits h2, .installation h2, .security-section h2, .app-description h2 { margin: 0; font-size: 32px; line-height: 1.08; letter-spacing: -1.5px; }.app-benefits header p, .installation header p, .security-section > div p, .app-description p { margin: 0; color: var(--muted); line-height: 1.7; }
.benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }.benefit-grid article { min-height: 190px; padding: 22px; background: #f7f5fc; border-radius: 18px; }.benefit-grid article > span { display: grid; place-items: center; width: 47px; height: 47px; color: #fff; background: linear-gradient(135deg, #6c3de1, #883df0); border-radius: 15px; font-size: 17px; font-weight: 900; }.benefit-grid h3 { margin: 23px 0 8px; font-size: 17px; }.benefit-grid p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }

.mobile-bonus { display: grid; grid-template-columns: .82fr 1.18fr; gap: 46px; align-items: center; min-height: 390px; margin-top: 22px; padding: 40px; overflow: hidden; color: #fff; background: linear-gradient(135deg, #ec5066, #822fd8); border-radius: 25px; }
.bonus-orbit { position: relative; width: 270px; height: 270px; margin: auto; border: 1px solid rgb(255 255 255 / 20%); border-radius: 50%; }.bonus-orbit::before, .bonus-orbit::after { content: ""; position: absolute; border: 1px solid rgb(255 255 255 / 15%); border-radius: 50%; }.bonus-orbit::before { inset: 35px; }.bonus-orbit::after { inset: 70px; }.bonus-orbit span, .bonus-orbit i { position: absolute; z-index: 2; display: grid; place-items: center; color: #4b225e; background: #fff; box-shadow: 0 20px 40px rgb(66 18 79 / 25%); font-style: normal; }.bonus-orbit span { inset: 65px; border-radius: 35px; font-size: 54px; font-weight: 950; transform: rotate(-7deg); }.bonus-orbit i { right: 4px; bottom: 36px; width: 70px; height: 70px; border-radius: 50%; font-size: 30px; }
.mobile-bonus h2 { margin: 15px 0 12px; font-size: 36px; line-height: 1.03; letter-spacing: -1.8px; }.mobile-bonus > div:last-child > p { color: rgb(255 255 255 / 74%); line-height: 1.65; }.bonus-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin: 22px 0 14px; }.bonus-facts div { padding: 15px; background: rgb(255 255 255 / 12%); border-radius: 14px; }.bonus-facts b { display: block; font-size: 18px; }.bonus-facts span { color: rgb(255 255 255 / 65%); font-size: 9px; }.mobile-bonus .bonus-disclaimer { font-size: 10px; }.mobile-bonus .primary { margin-top: 9px; color: #31263b; background: #fff; box-shadow: none; }

.installation { padding: 40px; }.installation > header { max-width: 750px; margin-bottom: 28px; }.installation h2 { margin: 15px 0 12px; }.install-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin: 0; padding: 0; list-style: none; }.install-steps li { display: grid; grid-template-columns: auto 1fr; gap: 15px; min-height: 132px; padding: 21px; background: #f7f6fb; border-radius: 17px; }.install-steps li > span { display: grid; place-items: center; width: 42px; height: 42px; color: #fff; background: var(--purple); border-radius: 13px; font-size: 11px; font-weight: 900; }.install-steps h3 { margin: 2px 0 7px; font-size: 16px; }.install-steps p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.install-note { margin: 18px 0 0; padding: 17px 19px; color: #625d70; background: #f4f1fb; border-left: 4px solid var(--purple); border-radius: 0 13px 13px 0; font-size: 11px; line-height: 1.65; }
.install-cta { display: flex; justify-content: space-between; gap: 25px; align-items: center; margin-top: 16px; padding: 22px; color: #fff; background: #262337; border-radius: 17px; }.install-cta div { display: grid; gap: 4px; }.install-cta span { color: rgb(255 255 255 / 60%); font-size: 10px; }.install-cta .primary { flex: 0 0 auto; min-width: 225px; }

.security-section { display: grid; grid-template-columns: .78fr 1.22fr; gap: 50px; padding: 40px; }.security-section h2 { margin: 15px 0 12px; }.security-section ul { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; padding: 0; list-style: none; }.security-section li { display: grid; grid-template-columns: auto 1fr; gap: 11px; padding: 16px; background: #f7f5fc; border-radius: 15px; }.security-section li > span { display: grid; place-items: center; width: 27px; height: 27px; color: #fff; background: #2bb37b; border-radius: 9px; font-size: 11px; font-weight: 900; }.security-section li p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }.security-section li b { display: block; margin-bottom: 3px; color: var(--ink); font-size: 12px; }
.app-description { display: grid; grid-template-columns: 1fr 1fr; gap: 42px; padding: 40px; }.app-description h2 { margin-bottom: 15px; }.app-description p + p { margin-top: 14px; }.app-faq { padding: 38px; }.app-faq h2 { margin: 15px 0 19px; }
.app-guide { display: grid; min-width: 0; gap: 0; }
.app-guide > * { min-width: 0; }
.editorial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 25px; }
.editorial-grid > div { padding: 22px; background: #f7f5fc; border-radius: 17px; }
.editorial-grid h3 { margin-top: 0; }
.editorial-grid p { font-size: 11px; }
.split-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 46px; }
.split-copy ul { margin: 18px 0 0; padding-left: 20px; color: var(--muted); font-size: 11px; line-height: 1.65; }
.app-opinion { background: linear-gradient(145deg, #fff, #f5f1ff); }
.context-link { color: var(--purple); border-bottom: 1px solid currentColor; font-weight: 850; }
.app-final { display: grid; grid-template-columns: 1fr auto; gap: 34px; align-items: center; margin-top: 22px; padding: 38px; color: #fff; background: linear-gradient(135deg, #241945, #6531d5); border-radius: 25px; }.app-final span { display: inline-flex; padding: 6px 9px; color: #4a2389; background: #fff; border-radius: 99px; font-size: 10px; font-weight: 900; }.app-final h2 { margin: 12px 0 7px; font-size: 30px; }.app-final p { margin: 0; color: rgb(255 255 255 / 67%); }.app-final .primary { min-width: 250px; color: #2f2838; background: #fff; box-shadow: none; }

@media (max-width: 1080px) {
  .app-header-link { display: none; }.android-hero { grid-template-columns: 1fr; }.android-hero-copy { padding-right: 48px; }.phone-stage { min-height: 500px; }.phone-front { right: 24%; }.phone-back { right: 45%; }.floating-badge { right: 16%; }
  .app-overview { grid-template-columns: 1fr; }.benefit-grid { grid-template-columns: 1fr 1fr; }.mobile-bonus { grid-template-columns: 1fr; }.security-section { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .android-page .brand { min-height: 44px; }.android-page .mode-switch a { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; }
  .rail-download { display: grid; place-items: center; min-height: 60px; color: #fff; background: var(--purple); border-radius: 16px; font-size: 27px; font-weight: 900; }
  .android-hero { min-height: 0; border-radius: 19px; }.android-hero-copy { padding: 27px 20px 15px; }.android-hero-copy h1 { font-size: 37px; letter-spacing: -2px; }.android-hero-copy > p { font-size: 12px; }
  .hero-actions { align-items: flex-start; flex-direction: column; margin-top: 23px; }.android-button { width: 100%; min-height: 60px; }.text-link { display: inline-flex; min-height: 44px; align-items: center; }
  .phone-stage { min-height: 410px; }.phone { width: 190px; height: 360px; border-radius: 32px; }.phone-front { right: 10%; top: 22px; }.phone-back { right: 33%; top: 47px; }.phone-screen { padding: 28px 10px 12px; border-radius: 23px; }.phone-speaker { width: 54px; height: 16px; }.mini-games i { height: 62px; }.mini-promo { padding: 12px; }.mini-promo b { font-size: 20px; }.phone-shadow { right: -32%; bottom: 15px; }.floating-badge { right: 1%; top: 60px; padding: 12px; }.floating-badge span { font-size: 20px; }
  .app-benefits, .installation, .security-section, .app-description, .app-faq, .content-card { margin-top: 14px; padding: 24px 20px; border-radius: 19px; }.content-card h2, .app-benefits h2, .installation h2, .security-section h2, .app-description h2 { font-size: 26px; }.app-benefits > header { grid-template-columns: 1fr; gap: 13px; }.app-benefits > header .eyebrow { grid-column: auto; }.overview-list, .editorial-grid, .split-copy { grid-template-columns: 1fr; }.benefit-grid { grid-template-columns: 1fr; gap: 10px; }.benefit-grid article { min-height: 0; }.app-table th, .app-table td { padding: 13px 14px; }
  .mobile-bonus { grid-template-columns: 1fr; gap: 20px; min-height: 0; margin-top: 14px; padding: 24px 20px; border-radius: 19px; }.bonus-orbit { width: 210px; height: 210px; }.bonus-orbit span { inset: 50px; font-size: 39px; }.bonus-orbit i { width: 58px; height: 58px; }.mobile-bonus h2 { font-size: 29px; }.bonus-facts { grid-template-columns: 1fr; }.bonus-facts div { display: flex; justify-content: space-between; align-items: center; }
  .install-steps { grid-template-columns: 1fr; }.install-steps li { min-height: 0; }.install-cta { align-items: stretch; flex-direction: column; }.install-cta .primary { width: 100%; min-width: 0; }.security-section { gap: 24px; }.security-section ul { grid-template-columns: 1fr; }.app-description { grid-template-columns: 1fr; gap: 28px; }
  .app-final { grid-template-columns: 1fr; gap: 22px; margin-top: 14px; padding: 24px 20px; border-radius: 19px; }.app-final h2 { font-size: 26px; }.app-final .primary { width: 100%; min-width: 0; }
}

@media (prefers-reduced-motion: reduce) { .phone-front, .phone-back, .floating-badge { transform: none; } }