/* A transparent, locally rendered iPhone concept; no native-app availability is implied. */
.ios-teaser{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;margin-top:32px;padding:60px 55px 38px;overflow:hidden;border:1px solid #fff;border-radius:34px;background:linear-gradient(125deg,#f3f9e9e8,#e3f2ecdb 45%,#e7e2f4e6);box-shadow:0 18px 50px #41665e10}
.ios-teaser:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 85% 28%,#f7ddf977,transparent 60%),radial-gradient(ellipse at 25% 95%,#c9e9de80,transparent 60%)}
.ios-copy{position:relative;z-index:2;padding-bottom:28px}
.ios-copy>.eyebrow{font-size:8px;letter-spacing:.14em;gap:7px;color:#7b967b;line-height:1.7}
.ios-copy h2{font-size:clamp(36px,4vw,52px);font-weight:700;line-height:1.1;margin:19px 0 20px;letter-spacing:-.055em;color:#354f42}
.ios-copy h2>span{color:#788eab}
.ios-copy>p{font-size:12px;line-height:1.9;max-width:350px;color:#7b8b78}
.ios-platform{display:flex;align-items:center;gap:13px;margin:19px 0 24px;width:fit-content}
.ios-apple-logo{width:25px;height:60px;opacity:.78;object-fit:contain}
.ios-platform-rule{height:28px;width:1px;background:#82957e35;margin:0 3px}
.ios-store-logo{width:42px;height:42px;border-radius:10px;object-fit:contain;box-shadow:0 4px 12px #1578e720}
.ios-platform>div{display:flex;flex-direction:column;gap:6px}
.ios-platform strong{font-size:10px;font-weight:700;color:#536c58}
.ios-platform>div>span{font-size:9px;color:#8b9984}
.ios-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:390px;margin-bottom:22px}
.ios-games button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:11px 5px;border:1px solid #fff9;border-radius:16px;background:linear-gradient(130deg,#ffffff78,#ffffff30);box-shadow:0 3px 9px #44695806;transition:transform .3s,background .3s,box-shadow .3s;min-height:86px}
.ios-games button>img{object-fit:contain;filter:drop-shadow(0 3px 3px #3258641a);transition:transform .3s}
.ios-games button>span{font-size:8px;font-weight:700;color:#60745e;text-align:center;line-height:1.5}
.ios-games button:hover,.ios-games button:focus-visible{transform:translateY(-4px);background:#ffffffc4;box-shadow:0 8px 16px #42655710}
.ios-games button:hover img{transform:rotate(-7deg) scale(1.1)}
.ios-copy>.text-link{font-size:10px}
.ios-copy>.ios-availability{font-size:8px;line-height:1.8;margin-top:18px;max-width:330px;color:#7e8f80}
.ios-visual{position:relative;display:grid;place-items:center;margin:0;min-width:0;height:630px;align-self:center}
.ios-aura{position:absolute;width:120%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#bcead2b3,#d1bfe976 43%,transparent 70%);filter:blur(18px);opacity:.8;animation:ios-glow 9s ease-in-out infinite;pointer-events:none}
.ios-ring{position:absolute;width:112%;aspect-ratio:1;border:1px solid #ffffff80;border-radius:50%;transform:rotateX(64deg) rotateZ(-22deg);box-shadow:0 0 35px #fff4;pointer-events:none}
.ios-ring-one{bottom:25px}
.ios-ring-two{width:140%;bottom:-25px;border-color:#fff4}
.ios-phone{position:relative;z-index:1;max-width:100%;width:auto;height:615px;object-fit:contain;filter:drop-shadow(20px 27px 16px #43516527);animation:ios-hover 8s ease-in-out infinite;user-select:none}
.ios-float{position:absolute;z-index:2;object-fit:contain;filter:drop-shadow(0 10px 10px #546d6730);animation:ios-orbit 7s ease-in-out infinite;pointer-events:none}
.ios-float-dew{left:-8%;top:19%;width:75px;height:75px;rotate:-14deg;animation-delay:-2s}
.ios-float-flower{right:-9%;bottom:16%;width:95px;height:95px;rotate:14deg;animation-delay:-4s}
.ios-visual figcaption{position:absolute;bottom:7px;left:50%;z-index:3;translate:-50% 0;white-space:nowrap;display:flex;align-items:center;gap:8px;padding:12px 15px;border:1px solid #fff9;border-radius:99px;background:#f6fbf1ba;backdrop-filter:blur(12px);color:#728b75;font-size:7px;letter-spacing:.11em;box-shadow:0 7px 16px #51766e0c}
.ios-visual figcaption .dot{width:5px;height:5px}
.ios-trademark{grid-column:1/-1;font-size:7px;line-height:1.8;color:#8e9e8e;text-align:center;position:relative;z-index:2}
@keyframes ios-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1deg)}}
@keyframes ios-orbit{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-18px) rotate(7deg)}}
@keyframes ios-glow{0%,100%{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}
@media(max-width:1100px){.ios-teaser{padding:40px 32px 27px;gap:15px}.ios-visual{height:570px}.ios-phone{height:550px}.ios-float-dew{left:-5%;width:60px;height:60px}.ios-float-flower{right:-7%;width:75px;height:75px}.ios-copy h2{font-size:40px}.ios-copy>.eyebrow{font-size:7px}}
@media(max-width:800px){.ios-teaser{grid-template-columns:1fr;gap:0;padding:35px 30px 24px}.ios-copy{padding-bottom:0;text-align:center}.ios-copy>.eyebrow{justify-content:center}.ios-copy h2{font-size:43px;margin:17px 0}.ios-copy>p,.ios-copy>.ios-availability{margin-left:auto;margin-right:auto}.ios-platform{margin:16px auto 20px}.ios-games{margin:0 auto 20px;max-width:375px}.ios-visual{height:550px;width:min(400px,100%);margin:15px auto 16px}.ios-phone{height:525px}.ios-float-dew{left:0;top:20%}.ios-float-flower{right:0;bottom:20%}.ios-ring{width:100%}.ios-ring-two{width:120%}.ios-trademark{max-width:360px;margin:0 auto}.ios-copy>.ios-availability{font-size:8px;max-width:270px}}
@media(max-width:450px){.ios-teaser{padding:29px 20px 22px;margin-top:23px;border-radius:27px}.ios-copy>.eyebrow{font-size:6px;letter-spacing:.08em}.ios-copy h2{font-size:36px}.ios-copy>p{font-size:11px;max-width:250px}.ios-platform{gap:10px}.ios-platform strong{font-size:9px}.ios-platform>div>span{font-size:8px}.ios-store-logo{width:36px;height:36px}.ios-apple-logo{width:22px;height:52px}.ios-games{gap:7px}.ios-games button{padding:9px 3px;min-height:80px;border-radius:13px}.ios-games button>span{font-size:7px}.ios-games button>img{width:39px;height:39px}.ios-visual{height:480px}.ios-phone{height:460px}.ios-float-dew{left:-3%;width:51px;height:51px}.ios-float-flower{right:-3%;width:65px;height:65px}.ios-visual figcaption{font-size:6px;padding:10px 12px;bottom:0}.ios-trademark{font-size:6px}.ios-copy>.text-link{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ios-phone,.ios-float,.ios-aura{animation:none!important;transform:none!important}.ios-games button,.ios-games button>img{transition:none!important}}