/* Homepage only: keep the dedicated Protect pages unchanged. */
.site-home .ios-app-promo{isolation:isolate;min-height:350px;margin:0 auto 32px;padding:38px 32px;display:flex;align-items:center;gap:0;border-radius:24px;background:linear-gradient(115deg,#0b1827 0%,#0b1827 44%,#102134 100%);box-shadow:none;transition:border-color .2s ease}
.site-home .ios-app-promo:hover,.site-home .ios-app-promo:focus-visible{transform:none;box-shadow:none}
.site-home .ios-app-promo::after{display:none}
.site-home .ios-app-copy{position:relative;z-index:2;width:62%;max-width:620px}
.site-home .ios-app-copy h2{margin:10px 0 14px;font-size:clamp(26px,2.7vw,32px);line-height:1.15;letter-spacing:-.025em}
.site-home .ios-app-copy>p{max-width:550px;font-size:16px;line-height:1.65}
.site-home .ios-app-actions{margin-top:22px}
.site-home .ios-app-visual-pair{position:absolute;z-index:0;top:50%;right:-64px;width:660px;min-height:0;padding:0;display:block;transform:translateY(-50%);pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 32%,#000 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 32%,#000 88%,transparent 100%)}
.site-home .ios-app-screenshot-pair{gap:18px;opacity:.52;filter:brightness(.9) saturate(.65);transform:perspective(1000px) rotateX(14deg) rotateY(-28deg) rotateZ(-16deg);transform-origin:center;transition:transform .45s ease;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 65%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 65%,transparent 100%)}
.site-home .ios-app-screenshot-pair .ios-app-screenshot{flex:0 0 270px;width:270px;max-width:none;height:auto;transform:none;box-shadow:none}
@media(max-width:850px){.site-home .ios-app-copy{width:72%}.site-home .ios-app-copy h2{font-size:27px}.site-home .ios-app-visual-pair{right:-140px;width:580px}.site-home .ios-app-screenshot-pair{opacity:.4}}
@media(max-width:620px){.site-home .ios-app-promo{min-height:0;margin:0 16px 28px;padding:28px 22px}.site-home .ios-app-copy{width:100%}.site-home .ios-app-copy h2{font-size:26px}.site-home .ios-app-visual-pair{right:-190px;width:460px}.site-home .ios-app-screenshot-pair{opacity:.16}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.site-home .ios-app-promo:hover .ios-app-screenshot-pair,.site-home .ios-app-promo:focus-within .ios-app-screenshot-pair{transform:perspective(1000px) translateY(-4px) rotateX(14deg) rotateY(-25deg) rotateZ(-13deg)}}
@media(prefers-reduced-motion:reduce){.site-home .ios-app-screenshot-pair{transition:none}}
