.mobile-hero{height:720px;min-height:720px;position:relative;overflow:hidden;color:#fff;background:var(--navy)}
.mobile-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.mobile-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,19,.86) 0%,rgba(10,14,19,.66) 42%,rgba(10,14,19,.18) 70%,rgba(10,14,19,.08) 100%)}
.mobile-hero-copy h1,.mobile-hero-copy>p:not(.hero-kicker){text-shadow:0 1px 2px rgba(0,0,0,.55),0 8px 24px rgba(0,0,0,.4)}
.mobile-hero-inner{position:relative;z-index:2;width:min(1220px,calc(100% - 80px));height:100%;margin:auto;display:flex;align-items:center;padding-top:72px}
.mobile-hero-copy{max-width:650px}
.mobile-hero-copy h1{max-width:780px;margin:0;font-family:var(--display);font-size:clamp(64px,7vw,104px);font-weight:400;line-height:.88;letter-spacing:-.065em}
.mobile-hero-copy>p:not(.hero-kicker){max-width:580px;margin:26px 0 0;color:rgba(255,255,255,.76);font-size:17px;line-height:1.58}
.mobile-overview{padding-top:125px}
.phone-pair{position:relative;height:720px;display:flex;align-items:flex-start;justify-content:center;gap:28px;overflow:hidden}
.phone-pair-image{display:block;width:auto;max-width:none;height:calc(100% - 100px);object-fit:contain;transform:translateX(-220px)}
.phone-pair .phone-device{position:relative;width:min(43%,290px);aspect-ratio:9/19.5;padding:9px;border:4px solid #18191c;border-radius:40px;background:#111215;box-shadow:0 25px 58px rgba(20,32,46,.22),inset 0 0 0 1px rgba(255,255,255,.16);overflow:hidden}
.phone-pair .phone-device::before{content:"";position:absolute;z-index:3;top:11px;left:50%;width:36%;height:23px;transform:translateX(-50%);border-radius:999px;background:#08090b;box-shadow:0 1px 1px rgba(255,255,255,.08)}
.phone-pair .phone-device::after{content:"";position:absolute;z-index:4;top:19px;left:56%;width:6px;height:6px;border-radius:50%;background:#252d38;box-shadow:inset 0 0 0 1px rgba(118,147,180,.22)}
.phone-pair .phone-screen{height:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:31px;border-radius:30px;overflow:hidden;background:#f7f8fb}
.phone-pair .phone-device:nth-of-type(2) .phone-screen{background:#0d1525}
.phone-pair .phone-screen img{width:auto;height:calc(100% - 31px);max-width:100%;object-fit:contain;object-position:center top}
.phone-pair .phone-device:last-of-type{margin-top:76px}
.phone-pair figcaption{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);white-space:nowrap}
.role-views .india-grid{grid-template-columns:repeat(3,1fr)}
.mobile-export video{object-position:center}
@media(max-width:900px){.mobile-hero-inner{width:min(100% - 48px,1220px)}.mobile-hero-copy{max-width:530px}.mobile-hero-copy h1{font-size:68px}.phone-pair{grid-row:1;height:640px}.mobile-overview{padding-top:90px}}
@media(max-width:620px){.mobile-hero{height:780px;min-height:720px}.mobile-hero-media{object-position:68% center}.mobile-hero-shade{background:linear-gradient(0deg,rgba(10,14,19,.92) 0%,rgba(10,14,19,.66) 56%,rgba(10,14,19,.15) 100%)}.mobile-hero-inner{width:calc(100% - 40px);display:block;padding-top:118px}.mobile-hero-copy{position:relative;z-index:2;max-width:none}.mobile-hero-copy h1{font-size:56px}.mobile-hero-copy>p:not(.hero-kicker){font-size:15px}.phone-pair{height:500px;gap:12px}.phone-pair-image{height:360px;transform:translateX(-130px)}.role-views .india-grid{grid-template-columns:1fr}}