body.android-landing{
  background:#08070d;
  color:#fff;
}
.android-landing main,
.android-landing #continut{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
.android-landing *{box-sizing:border-box}
.android-landing a{text-decoration:none}
.app-page{
  background:
    radial-gradient(circle at top left, rgba(125,58,215,.10), transparent 24%),
    radial-gradient(circle at bottom right, rgba(64,195,255,.05), transparent 22%),
    #08070d;
}
.app-shell{width:min(1240px,calc(100% - 48px));margin:0 auto}

.app-hero{
  padding:58px 0 82px;
  background:linear-gradient(180deg,#090811 0%,#0a0712 100%);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.app-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:48px;
  align-items:center;
}
.app-copy{max-width:620px}
.app-eyebrow,.app-kicker{
  display:inline-block;
  font-size:12px;
  letter-spacing:.14em;
  font-weight:900;
  color:#cfaeff;
  text-transform:uppercase;
}
.app-copy h1,
.app-section h2,
.app-final-cta h2{
  margin:18px 0 18px;
  letter-spacing:-.055em;
  line-height:1.02;
  font-weight:950;
}
.app-copy h1{font-size:clamp(42px,5.4vw,74px)}
.app-lead{
  font-size:clamp(20px,1.9vw,29px);
  line-height:1.35;
  font-weight:800;
  margin:0 0 14px;
  color:#fff;
}
.app-text{
  font-size:17px;
  line-height:1.8;
  color:#c6c0d7;
  margin:0;
}
.app-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:30px;
}
.xxl-store-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:62px;
  padding:14px 22px;
  border-radius:16px;
  font-weight:800;
  transition:all .2s ease;
}
.xxl-store-primary{
  background:linear-gradient(135deg,#b163ff,#6c3dde);
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 14px 34px rgba(108,61,222,.28);
}
.xxl-store-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(108,61,222,.36)}
.xxl-store-primary span{display:flex;flex-direction:column;align-items:flex-start}
.xxl-store-primary small{font-size:10px;letter-spacing:.08em;opacity:.92}
.xxl-store-primary strong{font-size:16px;line-height:1.2}
.xxl-store-secondary{
  background:#13101d;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.10);
}
.xxl-store-secondary:hover{background:#171322;border-color:rgba(255,255,255,.16)}
.app-meta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:22px 0 0;
  padding:0;
  list-style:none;
}
.app-meta li{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:#d1cae1;
  font-size:13px;
  font-weight:800;
}

.app-preview-wrap{position:relative}
.app-preview-card{
  background:linear-gradient(180deg,#161222 0%,#110f19 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  padding:24px;
  box-shadow:0 30px 70px rgba(0,0,0,.26);
}
.app-preview-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:18px;
}
.app-status,
.app-mini{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#d8d1e7;
  font-size:12px;
  font-weight:800;
}
.app-status span{width:8px;height:8px;border-radius:50%;background:#27e7aa;box-shadow:0 0 12px #27e7aa}
.app-preview-grid{
  display:grid;
  grid-template-columns:minmax(240px,280px) minmax(0,1fr);
  gap:24px;
  align-items:center;
}
.app-phone{
  position:relative;
  width:280px;
  max-width:100%;
  height:560px;
  margin:0 auto;
  padding:11px;
  border-radius:44px;
  background:linear-gradient(145deg,#b4add3,#1f1936 24%,#4e475f 70%,#bdb4d9);
  border:3px solid #9a92b4;
  box-shadow:0 22px 50px rgba(0,0,0,.42);
}
.app-camera{
  position:absolute;
  top:17px;
  left:50%;
  transform:translateX(-50%);
  width:84px;
  height:18px;
  border-radius:18px;
  background:#05050a;
  z-index:3;
}
.app-screen{
  height:100%;
  padding:32px 14px 14px;
  border-radius:34px;
  background:linear-gradient(180deg,#120a22 0%,#08050f 100%);
  overflow:hidden;
}
.app-screen-logo{display:flex;justify-content:center;align-items:center;height:136px}
.app-screen-logo img{width:96px;height:96px;object-fit:contain}
.app-screen-label{
  text-align:center;
  font-size:10px;
  letter-spacing:.14em;
  color:#c2a8e5;
  font-weight:900;
  margin:2px 0 14px;
}
.app-station{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 10px;
  margin:9px 0;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.app-station img{width:46px;height:46px;border-radius:10px;object-fit:cover}
.app-station span{display:flex;flex-direction:column;flex:1;min-width:0}
.app-station strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-station small{font-size:9px;color:#c6bdd6}
.app-station i{font-style:normal;font-size:12px;color:#d9b6ff}
.app-bottom{display:flex;justify-content:space-around;padding-top:12px;color:#cba8ff}
.app-bottom span{text-align:center;font-size:18px}
.app-bottom small{display:block;font-size:9px;color:#e8dbfa}
.app-preview-side{display:grid;gap:14px}
.app-side-box{
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.app-side-box strong{
  display:block;
  font-size:26px;
  line-height:1;
  margin-bottom:8px;
  color:#fff;
}
.app-side-box span{
  display:block;
  color:#c8c1d9;
  line-height:1.65;
  font-size:14px;
}

.app-section{
  padding:86px 0;
  background:#0a0911;
}
.app-section-head{
  max-width:760px;
  margin:0 auto 40px;
  text-align:center;
}
.app-section h2{font-size:clamp(34px,4vw,54px)}
.app-section-head p,
.app-steps-section p,
.app-faq-grid > div > p,
.app-final-cta p{
  color:#beb7d0;
  font-size:16px;
  line-height:1.8;
}
.app-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.app-card{
  padding:26px;
  border-radius:24px;
  background:linear-gradient(180deg,#15111f 0%,#100d17 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 40px rgba(0,0,0,.16);
}
.app-card img{width:82px;height:82px;border-radius:18px;object-fit:cover}
.app-card-type{display:block;margin:18px 0 8px;font-size:10px;letter-spacing:.12em;color:#bc92f5;font-weight:900}
.app-card h3{margin:0 0 10px;font-size:24px}
.app-card p{margin:0 0 18px;color:#c6bfd5;line-height:1.7}
.app-card a{font-weight:800;color:#dcc6ff}

.app-steps-section{background:linear-gradient(180deg,#100d18 0%,#0b0912 100%)}
.app-steps-grid,
.app-faq-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:68px;
  align-items:start;
}
.app-steps{list-style:none;margin:0;padding:0}
.app-steps li{
  display:flex;
  gap:18px;
  align-items:flex-start;
  padding:20px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.app-steps li:first-child{padding-top:0}
.app-steps b{font-size:34px;color:#9861d9;letter-spacing:-.06em;line-height:1}
.app-steps span{display:flex;flex-direction:column;gap:5px}
.app-steps strong{font-size:18px}
.app-steps small{color:#b8afca;font-size:14px;line-height:1.5}

.app-faq-list details{
  padding:20px 0;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.app-faq-list summary{
  cursor:pointer;
  list-style:none;
  font-size:17px;
  font-weight:800;
  position:relative;
  padding-right:26px;
}
.app-faq-list summary::-webkit-details-marker{display:none}
.app-faq-list summary::after{content:'+';position:absolute;right:0;top:-4px;font-size:24px;color:#c196ff}
.app-faq-list details[open] summary::after{content:'−'}
.app-faq-list p{margin:10px 0 0;color:#c0b7d1;line-height:1.8}
.app-faq-list a{color:#dcc6ff;text-decoration:underline}

.app-final-cta{
  padding:82px 0 96px;
  text-align:center;
  background:linear-gradient(180deg,#0b0912 0%,#09070d 100%);
  border-top:1px solid rgba(255,255,255,.05);
}
.app-final-cta img{width:92px;height:92px;object-fit:contain}
.app-final-cta h2{font-size:clamp(36px,4.8vw,62px);margin-bottom:14px}
.app-final-cta h2 span{background:linear-gradient(110deg,#f1c1ff,#b689ff 50%,#70ebef);-webkit-background-clip:text;background-clip:text;color:transparent}
.app-final-cta p{max-width:620px;margin:0 auto 28px}
.app-final-cta .xxl-store-primary{display:inline-flex}

.app-footer{
  padding:24px 0;
  background:#07060b;
  border-top:1px solid rgba(255,255,255,.06);
  color:#a9a0b7;
  font-size:13px;
}
.app-footer .app-shell{display:flex;justify-content:space-between;gap:20px;align-items:center}
.app-footer p{margin:0}
.app-footer nav{display:flex;gap:18px;flex-wrap:wrap}
.app-footer a{color:#d4c8e5}

.android-landing :focus-visible{outline:3px solid #77eced;outline-offset:4px}

@media (max-width:1100px){
  .app-hero-grid,
  .app-steps-grid,
  .app-faq-grid{grid-template-columns:1fr}
  .app-copy{max-width:720px;margin:0 auto;text-align:center}
  .app-actions,.app-meta{justify-content:center}
  .app-preview-wrap{max-width:860px;margin:0 auto}
}
@media (max-width:760px){
  .app-shell{width:min(100% - 24px,560px)}
  .app-hero{padding:34px 0 56px}
  .app-copy h1{font-size:clamp(32px,10.5vw,46px);line-height:1.04;margin:14px 0 14px}
  .app-lead{font-size:17px}
  .app-text{font-size:15px;line-height:1.72}
  .app-actions{flex-direction:column;align-items:stretch;margin-top:24px}
  .xxl-store-button{width:100%}
  .xxl-store-secondary{min-height:56px}
  .app-meta{display:grid;grid-template-columns:1fr;gap:10px}
  .app-preview-card{padding:18px 16px;border-radius:22px}
  .app-preview-top{justify-content:center;flex-wrap:wrap}
  .app-preview-grid{grid-template-columns:1fr;gap:18px}
  .app-phone{width:min(254px,76vw);height:500px}
  .app-preview-side{grid-template-columns:1fr}
  .app-section{padding:60px 0}
  .app-section h2{font-size:clamp(30px,9vw,42px)}
  .app-cards{grid-template-columns:1fr}
  .app-card{padding:22px}
  .app-footer .app-shell{flex-direction:column;text-align:center}
  .app-final-cta{padding:64px 0 78px}
}
@media (max-width:430px){
  .app-shell{width:min(100% - 16px,420px)}
  .app-hero{padding-top:14px}
  .app-eyebrow,.app-kicker{font-size:11px;letter-spacing:.1em}
  .app-copy h1{font-size:clamp(28px,10.8vw,40px)}
  .app-lead{font-size:16px}
  .app-text{font-size:14px}
  .xxl-store-button{padding:14px 16px;min-height:58px;border-radius:14px}
  .xxl-store-primary strong{font-size:15px}
  .app-phone{width:min(228px,74vw);height:456px;padding:10px;border-radius:40px}
  .app-screen{padding:28px 12px 12px;border-radius:30px}
  .app-screen-logo{height:122px}
  .app-screen-logo img{width:88px;height:88px}
  .app-preview-side{gap:10px}
  .app-side-box{padding:14px}
}
@media (prefers-reduced-motion:reduce){
  .android-landing *{transition:none !important;scroll-behavior:auto !important}
}

/* Isolated buttons: never inherit RADIO XXL homepage .app-btn absolute positioning */
.android-landing .xxl-store-button{position:relative;top:auto;right:auto;left:auto;bottom:auto;letter-spacing:normal;text-transform:none;flex-shrink:0}
@media(max-width:760px){.android-landing .app-meta{display:flex;justify-content:center;gap:7px}.android-landing .app-meta li{flex:0 0 auto;padding:8px 12px}.android-landing .app-hero{padding-top:26px}.android-landing .app-hero-grid{gap:26px}.android-landing .app-preview-side{display:none}}
@media(max-width:430px){.android-landing .app-meta{display:flex;gap:6px}.android-landing .app-meta li{font-size:11px;padding:7px 10px}.android-landing .app-copy h1{font-size:clamp(28px,8.3vw,38px)}.android-landing .app-lead{font-size:15px}.android-landing .app-text{font-size:14px}.android-landing .app-hero{padding-top:20px}}
