/* Green Hero app phone, shared by /app/, /infinity/ and the product pages: app
   captures inside Apple's product bezel, straight-on and unmodified (no tilt,
   shadow, glare or device motion, per Apple's marketing guidelines). */
.ghp-stage{display:grid;place-items:center;position:relative}
.ghp{--ghp-w:300px;position:relative;width:var(--ghp-w);max-width:100%}
.ghp-screen{position:absolute;overflow:hidden;background:#000}
.ghp-screen--bare{position:relative;width:100%;aspect-ratio:1206/2622;border-radius:calc(var(--ghp-w)*.12)}
.ghp-screen img,.ghp-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .7s ease}
.ghp-screen .on{opacity:1}
.ghp-screen iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#000}
.ghp-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none}
.ghp-dots{display:flex;gap:7px;justify-content:center;margin-top:26px}
.ghp-dots button{width:22px;height:3px;border:0;padding:0;border-radius:2px;background:rgba(160,185,160,.4);cursor:pointer}
.ghp-dots button[aria-pressed=true]{background:#b9ef8f}
.ghp-note{font-size:10px;letter-spacing:.4px;opacity:.65;margin-top:12px;text-align:center}

/* App band on product pages */
.app-band{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;background:radial-gradient(120% 90% at 85% 10%,#2c6b35 0,#173a22 38%,#0f2316 70%);color:#f1f5e9;border-radius:18px;padding:56px 56px 40px;margin:20px 0 75px;overflow:hidden;position:relative}
.app-band:before{content:'';position:absolute;inset:-40% -10% auto 40%;height:80%;background:radial-gradient(closest-side,rgba(130,240,120,.22),transparent);filter:blur(30px);pointer-events:none}
.app-band h2{font-size:clamp(32px,3.2vw,50px);line-height:1.06;letter-spacing:-1.5px;margin:0 0 18px}
.app-band p{color:#c3d6c0;line-height:1.85;font-size:15px;max-width:520px}
.app-band .site-eyebrow{color:#9fc79f}
.app-band .app-band-lines{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.app-band .app-band-lines li{display:flex;gap:12px;align-items:baseline;font-size:14px;color:#e2ecdc}
.app-band .app-band-lines li:before{content:'';width:7px;height:7px;border-radius:50%;background:#9be37a;flex-shrink:0;transform:translateY(-2px)}
.app-band .site-primary{background:#b9ef8f;color:#10281a;margin-top:30px}
.app-band .app-links{margin-top:18px}
.app-band .ghp{--ghp-w:min(300px,62vw)}
.app-band .site-fine{color:#97ac94;font-size:10px;margin-top:22px}
@media(max-width:860px){.app-band{grid-template-columns:1fr;padding:34px 22px 30px;gap:34px}.app-band .ghp-stage{order:-1}}
@media(prefers-reduced-motion:reduce){.ghp-screen img,.ghp-screen video{transition:none!important}}