.mobile-install-prompt{display:none}

.hero-product{position:relative;display:flex;align-items:center;justify-content:center;min-height:650px;isolation:isolate}
.hero-product::before{content:'';position:absolute;inset:7% 4% 4%;z-index:-2;border-radius:44%;background:radial-gradient(circle at 50% 32%,rgba(0,102,255,.18),rgba(0,102,255,.045) 46%,transparent 72%)}
.hero-product::after{content:'';position:absolute;left:12%;right:12%;bottom:2%;height:52px;z-index:-1;border-radius:50%;background:rgba(17,17,17,.16);filter:blur(26px)}
.hero-product-device{width:min(332px,84%);padding:10px;border-radius:46px;background:#111;box-shadow:0 34px 78px -24px rgba(17,17,17,.36),0 0 0 1px rgba(17,17,17,.1);transform:rotate(1deg);animation:heroPhoneIn .7s cubic-bezier(.2,.8,.2,1) both}
.hero-product-device img{display:block;width:100%;height:auto;border-radius:36px;background:#fff}
.hero-product-platforms{position:absolute;right:4%;bottom:8%;padding:9px 13px;border:1px solid rgba(17,17,17,.08);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(17,17,17,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#111;font-size:11px;font-weight:800;letter-spacing:.25px}
.h-visual>.hi{display:none}
@keyframes heroPhoneIn{from{opacity:0;transform:translateY(28px) rotate(1deg) scale(.97)}to{opacity:1;transform:translateY(0) rotate(1deg) scale(1)}}

@media(max-width:1024px){
  .hero-product{min-height:620px}
  .hero-product-device{width:min(320px,78vw)}
}

@media(max-width:768px){
  .h{padding:78px 20px 60px}
  .h-inner{display:flex;flex-direction:column;gap:30px}
  .h-visual{order:1;width:100%}
  .h-text{order:2;width:100%}
  .hero-product{min-height:calc(100svh - 92px);margin:0}
  .hero-product-device{width:min(320px,86vw);padding:8px;border-radius:40px}
  .hero-product-device img{border-radius:32px}
  .hero-product-platforms{display:none}

  .mobile-install-prompt{display:block;position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:1200;pointer-events:none;opacity:0;transform:translateY(calc(100% + 24px));transition:opacity .28s ease,transform .38s cubic-bezier(.2,.8,.2,1)}
  .mobile-install-prompt.open{pointer-events:auto;opacity:1;transform:translateY(0)}
  .mobile-install-card{padding:14px;border:1px solid rgba(17,17,17,.09);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 18px 56px rgba(17,17,17,.2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobile-install-head{display:grid;grid-template-columns:48px minmax(0,1fr) 36px;align-items:center;gap:11px}
  .mobile-install-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#111;color:#fff;font-size:20px;font-weight:900;letter-spacing:-1px}
  .mobile-install-copy{min-width:0}
  .mobile-install-copy strong{display:block;font-size:15px;line-height:1.25;letter-spacing:-.2px}
  .mobile-install-copy span{display:block;margin-top:3px;color:#666;font-size:11.5px;line-height:1.35}
  .mobile-install-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#f1f2f4;color:#555;font:400 22px/1 Arial,sans-serif;cursor:pointer}
  .mobile-install-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:12px;border-radius:13px;background:#0066ff;color:#fff;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 8px 22px rgba(0,102,255,.24)}
}

@media(prefers-reduced-motion:reduce){
  .hero-product-device{animation:none}
  .mobile-install-prompt{transition:none}
}