/* One app promotion component for ATIZA public and customer pages.
   The official badge already has transparency and white lettering. */
.atiza-play-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;line-height:0;text-decoration:none}
.atiza-play-badge img,.customer-shell:not(.customer-guest-shell) .atiza-play-badge img{display:block;width:auto;height:var(--atiza-play-badge-height,48px);max-width:100%;object-fit:contain;margin:0}
.atiza-app-actions,.atiza-app-footer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;min-width:0}
.atiza-app-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;line-height:1.45;color:var(--accent-light,#ffb779);text-decoration:underline;text-underline-offset:4px}
.atiza-play-badge:focus-visible,.atiza-app-text-link:focus-visible{outline:3px solid var(--accent,#fb6d01);outline-offset:4px}
/* Same transparent surface, typography, rhythm and action order in every context. */
.atiza-app-promo,.atiza-app-footer{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,480px) auto;align-items:center;justify-content:start;column-gap:32px;row-gap:12px;min-width:0;width:100%;padding:24px 0;margin:0;border:0;border-top:1px solid var(--border,#303030);border-radius:0;background:transparent;text-align:left;font-family:Raleway,system-ui,sans-serif}
.atiza-app-promo-copy,.atiza-app-footer-copy{min-width:0}
.atiza-app-promo h2,.atiza-app-footer h2{margin:0 0 6px;color:var(--text,#f6f3ee);font-size:20px;font-weight:700;line-height:1.3;text-transform:none;letter-spacing:-.02em}
.atiza-app-promo p,.atiza-app-footer p{margin:0;color:var(--muted,#bdb9b2);font-size:14px;line-height:1.6}
.atiza-app-promo .section-kicker{margin:0 0 10px;color:var(--accent-light,#ffb779);font-size:11px;font-weight:700;letter-spacing:.08em}
.atiza-app-promo--home_promo{margin:40px 0;border-bottom:1px solid var(--border,#303030)}
.atiza-app-promo--home_promo h2{font-size:clamp(24px,2.5vw,32px)}
/* Footer modules span existing footer grids, after contact/navigation, before copyright. */
footer>.atiza-app-promo,footer>.atiza-app-footer{grid-column:1/-1;flex-basis:100%;margin:16px 0 0;padding:16px 0}
.customer-member-footer>.atiza-app-promo,.guest-footer>.atiza-app-promo{order:0}
.atiza-app-footer .atiza-app-text-link{font-size:14px}
@media(max-width:800px){.atiza-app-promo,.atiza-app-footer{grid-template-columns:minmax(0,1fr);padding:20px 0;gap:12px}.atiza-app-promo--home_promo{margin:28px 0}.atiza-app-actions,.atiza-app-footer-actions{gap:6px 16px}}

.atiza-app-hero{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;padding-block:56px}.atiza-app-hero h1{font-size:clamp(42px,5vw,76px);line-height:1.05;max-width:650px;letter-spacing:-.035em}.atiza-app-hero p{max-width:650px;line-height:1.65}.atiza-app-hero .lead{font-size:clamp(20px,2vw,26px)}.atiza-app-note,.atiza-app-capture figcaption{font-size:13px;color:var(--muted,#bdb9b2)}.atiza-app-capture{margin:0;text-align:center}.atiza-app-capture img{display:block;max-height:660px;width:auto;max-width:100%;margin:auto;border:1px solid var(--border,#303030);border-radius:14px}.atiza-app-capture figcaption{margin:12px}.atiza-app-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.atiza-app-features article{padding:24px;border-radius:14px;border:1px solid var(--border,#303030);background:var(--surface,#101010)}.atiza-app-features h2{font-size:21px;margin-top:0}.atiza-app-features p{line-height:1.65;color:var(--muted,#bdb9b2)}.atiza-app-highlight{padding-block:56px;border-bottom:1px solid var(--border,#303030)}.atiza-app-highlight h2{font-size:clamp(28px,3vw,40px)}.atiza-app-highlight p{line-height:1.65}.atiza-app-page .atiza-app-actions{margin-top:24px}

/* Editorial-quality presentation for the authentic Android screen.
   The screenshot is real; all device framing, warm lighting and depth are CSS,
   not a fabricated screenshot or a modified ATIZA logo. */
.atiza-app-page .atiza-app-hero {
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:clamp(28px,5.5vw,92px);
  align-items:center;
}
.atiza-app-page .atiza-app-hero > div:first-child {min-width:0}
.atiza-app-page .atiza-app-hero h1 {
  max-width:13ch;
  font-size:clamp(42px,5.1vw,72px);
  line-height:1.06;
  letter-spacing:-.045em;
  margin:12px 0 18px;
}
.atiza-app-page .atiza-app-hero .lead {max-width:36ch;line-height:1.4}
.atiza-app-page .atiza-app-hero .atiza-app-actions {gap:12px 20px;align-items:center}
.atiza-app-page .atiza-app-capture {
  position:relative;
  isolation:isolate;
  min-width:0;
  width:100%;
  margin:0;
  padding:0;
}
.atiza-app-page .atiza-app-device-stage {
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:28px 12px 14px;
  overflow:visible;
  background-image:url('/images/app/atiza-app-ambient.svg');
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
}
.atiza-app-page .atiza-app-device-stage::before {
  content:"";
  position:absolute;
  z-index:-1;
  left:5%;
  right:5%;
  top:13%;
  bottom:14%;
  border-radius:48% 52% 45% 55%;
  background:
    radial-gradient(ellipse at 42% 36%,rgba(251,109,1,.29),transparent 62%),
    radial-gradient(ellipse at 75% 68%,rgba(169,53,4,.18),transparent 68%);
  filter:blur(18px);
  pointer-events:none;
}
.atiza-app-page .atiza-app-device {
  position:relative;
  display:block;
  width:min(100%,306px);
  min-width:0;
  padding:7px;
  margin-inline:auto;
  overflow:hidden;
  background:linear-gradient(155deg,#393735 0%,#0c0c0d 46%,#282421 100%);
  border:1px solid #6c6159;
  border-radius:42px;
  transform:rotate(-2deg);
  box-shadow:
    0 32px 70px rgba(0,0,0,.72),
    0 0 0 2px #151313,
    11px 5px 48px rgba(251,109,1,.12),
    inset 2px 0 rgba(255,255,255,.15);
}
.atiza-app-page .atiza-app-device::before {
  content:"";
  position:absolute;
  inset:2px;
  z-index:2;
  border:1px solid rgba(255,255,255,.11);
  border-radius:40px;
  pointer-events:none;
}
.atiza-app-page .atiza-app-device-camera {
  position:absolute;
  z-index:3;
  top:15px;
  left:50%;
  transform:translateX(-50%);
  width:36px;
  height:6px;
  border-radius:9px;
  background:#121212;
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
  pointer-events:none;
}
.atiza-app-page .atiza-app-capture .atiza-app-device-screen {
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  max-height:none;
  margin:0;
  object-fit:contain;
  border:0;
  border-radius:35px;
  background:#000;
}
.atiza-app-page .atiza-app-stage-caption {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:24px;
  color:var(--accent-light,#ffb779);
  font-size:10px;
  font-weight:700;
  letter-spacing:.13em;
  line-height:1.4;
  text-transform:uppercase;
}
.atiza-app-page .atiza-app-stage-caption span {
  display:block;
  width:22px;
  height:1px;
  background:var(--accent,#fb6d01);
}
.atiza-app-page .atiza-app-capture figcaption {
  max-width:34ch;
  margin:6px auto 0;
  font-size:12px;
  line-height:1.45;
  color:var(--muted,#bdb9b2);
  text-align:center;
}
.atiza-app-page .atiza-app-features article {
  position:relative;
  padding:25px 23px;
  border:1px solid var(--border,#303030);
  border-radius:14px;
  background:linear-gradient(145deg,#191512,#101010);
}
.atiza-app-page .atiza-app-features article::before {
  content:"";
  display:block;
  width:22px;
  height:3px;
  margin-bottom:16px;
  border-radius:3px;
  background:var(--accent,#fb6d01);
}
.atiza-app-page .atiza-app-features h2 {font-size:19px;line-height:1.24}
.atiza-app-page .atiza-app-features p {font-size:14px;line-height:1.6}
.atiza-app-page .atiza-app-highlight {padding-block:clamp(28px,3.5vw,50px)}
@media(max-width:760px) {
  .atiza-app-page .atiza-app-hero {grid-template-columns:minmax(0,1fr);gap:20px}
  .atiza-app-page .atiza-app-hero h1 {font-size:clamp(38px,9vw,54px);max-width:17ch}
  .atiza-app-page .atiza-app-device-stage {padding-block:18px}
  .atiza-app-page .atiza-app-device {width:min(78%,294px);transform:rotate(-1deg)}
}
@media(max-width:460px) {
  .atiza-app-page .atiza-app-device {width:min(79%,260px);transform:none}
  .atiza-app-page .atiza-app-device-stage {padding-inline:0}
}

@media(max-width:760px){.atiza-app-features{grid-template-columns:repeat(2,minmax(0,1fr))}.atiza-app-highlight{padding-block:36px}}
@media(max-width:460px){.atiza-app-features{grid-template-columns:1fr}}
.customer-qr-app-choice{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px;margin-bottom:16px;border:1px solid var(--border,#303030);border-radius:14px}.customer-qr-app-choice .atiza-app-actions{flex-wrap:wrap;gap:12px}.customer-qr-app-choice .btn{min-height:48px}.customer-qr-app-choice h2{font-size:18px}.customer-qr-app-choice .atiza-app-text-link{min-height:44px;display:inline-flex;align-items:center}


/* Official Google Play badge sizing is centralized and reusable; no inline style attributes. */
.atiza-play-badge--40{--atiza-play-badge-height:40px}
.atiza-play-badge--44{--atiza-play-badge-height:44px}
.atiza-play-badge--48{--atiza-play-badge-height:48px}
.atiza-play-badge--52{--atiza-play-badge-height:52px}
.atiza-play-badge--56{--atiza-play-badge-height:56px}