.apps-hero { background:#030e29; color:#fff; overflow:hidden; }
.apps-hero__inner { max-width:1320px; margin:auto; display:grid; grid-template-columns:46% 54%; align-items:center; min-height:650px; padding:38px 32px; }
.apps-hero__copy { position:relative; z-index:1; padding:10px 0 20px 16px; }
.apps-eyebrow { color:#8bdfd6; font-size:12px; font-weight:750; letter-spacing:.16em; margin:0 0 26px; }
.apps-hero h1 { font-size:clamp(46px,5.5vw,76px); line-height:1.04; letter-spacing:-.045em; color:#fff; margin:0 0 25px; font-weight:750; }
.apps-hero h1 span { color:#8fe0d9; }
.apps-hero__intro { color:#f2f6fa; font-size:clamp(18px,1.7vw,22px); max-width:410px; line-height:1.48; margin:0 0 17px; }
.apps-hero__detail { max-width:425px; color:#b7c6d8; line-height:1.7; font-size:16px; margin:0 0 27px; }
.apps-hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; }
.apps-button { display:inline-flex; gap:22px; align-items:center; background:#9ce9da; color:#092a35; font-size:14px; font-weight:750; text-decoration:none; border-radius:8px; padding:16px 20px; }
.apps-button:hover { background:#c4f4ea; color:#092a35; }
.apps-text-link { color:#fff; font-size:13px; text-decoration:none; border-bottom:1px solid #5e788e; padding:8px 0; }
.apps-text-link:hover { color:#9ce9da; }
.apps-hero__small { margin:28px 0 0; color:#8fa8bf; font-size:12px; }
.apps-hero__visual { margin:0 -75px 0 -50px; align-self:stretch; display:flex; flex-direction:column; justify-content:center; position:relative; }
.apps-hero__visual img { width:100%; height:auto; display:block; border:0; border-radius:0; mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 5%,#000 94%,transparent 100%); mask-composite:intersect; }
.apps-hero__visual figcaption { color:#b0cbda; text-align:center; padding:15px 10px 0; font-size:11px; letter-spacing:.025em; }
.apps-preview-dot { display:inline-block; height:6px; width:6px; background:#78d9d1; border-radius:50%; margin:0 6px 1px 0; }
.apps-access-strip { display:grid; grid-template-columns:repeat(3,1fr); max-width:1180px; margin:auto; padding:24px 30px; border-bottom:1px solid #dce7ea; gap:30px; }
.apps-access-strip p { font-size:13px; color:#284558; margin:0; }
.apps-access-strip span { font-size:11px; color:#178c87; margin-right:12px; font-weight:750; }
#mobile-access { scroll-margin-top:100px; }
body .content-shell { padding-top:50px; }
.apps-button:focus-visible,.apps-text-link:focus-visible { outline:3px solid #fff; outline-offset:5px; }
@media(min-width:901px) and (prefers-reduced-motion:no-preference) {
  .apps-hero__visual img { animation:apps-arrive .85s ease-out both; }
  @keyframes apps-arrive { from { opacity:0; transform:translateY(14px) rotate(-1deg); } to { opacity:1; transform:none; } }
}
@media(max-width:1050px) { .apps-hero__actions { align-items:flex-start; flex-direction:column; gap:12px; } .apps-hero__inner { min-height:610px; } }
@media(max-width:760px) {
  .apps-review { gap:12px; padding:9px 14px; font-size:10px; }
  .apps-hero__inner { grid-template-columns:1fr; padding:36px 24px 22px; min-height:0; }
  .apps-hero__copy { padding:0; }
  .apps-eyebrow { font-size:10px; margin-bottom:20px; }
  .apps-hero h1 { font-size:clamp(36px,11.4vw,54px); margin-bottom:20px; }
  .apps-hero__intro { font-size:19px; }
  .apps-hero__detail { font-size:14px; line-height:1.7; margin-bottom:22px; }
  .apps-hero__actions { gap:13px; }
  .apps-hero__small { margin-top:21px; }
  .apps-hero__visual { margin:20px -24px 0; }
  .apps-hero__visual img { width:100%; }
  .apps-hero__visual figcaption { font-size:10px; padding-top:4px; }
  .apps-access-strip { grid-template-columns:1fr; padding:22px 24px; gap:14px; }
  body .content-shell { padding-top:28px; }
}