/* Page /application/ — complète site.css (variables, .wrap, .btn, .kicker, .card, .logos, .adopt, .video…) */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.app-page .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.store-badges{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.store-badges a{display:block;border-radius:10px}
.store-badges img{display:block;height:52px;width:auto;border-radius:10px}

.app-hero .hero-grid{grid-template-columns:1.15fr .85fr}
.app-hero h1{max-width:18ch}
.phone img{width:100%;max-width:340px;margin-inline:auto;height:auto;background:none;box-shadow:none;border-radius:0;filter:drop-shadow(0 18px 30px rgba(40,20,40,.22))}
.store-box{margin-top:2rem;padding:1.4rem 1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.store-box h2{font-size:1.15rem;margin-bottom:.4rem}
.store-box p{color:var(--muted);margin-bottom:0}

.screens{padding:clamp(40px,7vw,96px) 0;background:var(--surface)}
.screens h2{max-width:22ch}
.screen-grid{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.screen.card{display:flex;flex-direction:column;padding:0;overflow:hidden;background:var(--bg);box-shadow:none}
.screen img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;border-bottom:1px solid var(--line)}
.screen-body{padding:1.2rem 1.4rem 1.4rem;position:relative}
.screen-body h3{font-size:1.1rem;margin-bottom:.5rem}
.screen-body p{color:var(--muted);font-size:.97rem}
.screen-body p:last-child{margin-bottom:0}
.screen-body .step{position:absolute;top:-18px;right:16px;margin:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:#fff;font:700 .95rem var(--font-head)}

.history{padding:clamp(40px,7vw,96px) 0}
.history .two-col{grid-template-columns:1.1fr .9fr}
.history h3{font-size:1.15rem;margin-top:1.4rem}
.shot{margin:0}
.shot img{width:100%;height:auto;display:block;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}

.supporters{padding-block:clamp(32px,5vw,56px)}
.supporters h2{font-size:1.3rem}
.gov-note{margin:1.5rem 0 0;color:var(--muted);font-size:.95rem}


.distributors{background:var(--surface)}
.supporters{background:var(--bg)}
.closing{padding:clamp(40px,6vw,72px) 0;text-align:center;background:linear-gradient(180deg,var(--bg),var(--surface))}
.closing .store-badges{justify-content:center}

@media (max-width:980px){
  .app-hero .hero-grid,.history .two-col{grid-template-columns:1fr}
  .screen-grid{grid-template-columns:repeat(2,1fr)}
  .app-hero h1{max-width:none}
}
@media (max-width:620px){
  .screen-grid{grid-template-columns:1fr}
  .store-badges img{height:48px}
}