/* Hero Iphone Fans — isolated so it can live beside the original hero. */
#sf-parallax-track[hidden],#sf-fans-track[hidden]{display:none!important}
.sf-fans-track{height:250vh;position:relative;background:#151515}
.sf-fans-hero{height:calc(100svh - 55px);min-height:660px;position:sticky;top:55px;overflow:hidden;background:#030303;color:#fff;border-radius:0 0 clamp(0px,2.6vw,40px) clamp(0px,2.6vw,40px);isolation:isolate;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.sf-fans-topline{position:absolute;z-index:20;left:4.2%;right:4.2%;top:5%;display:flex;align-items:center;justify-content:space-between;color:#a7a7a7;font-size:clamp(15px,2vw,28px);font-weight:300;letter-spacing:-.045em}
.sf-fans-topline a{font-size:52px;color:#fff;line-height:1}
.sf-fans-copy{position:absolute;z-index:10;top:12%;width:100%;text-align:center;pointer-events:none}
.sf-fans-copy h1{margin:0;font-size:clamp(52px,7.8vw,112px);line-height:.94;letter-spacing:-.075em;font-weight:650}
.sf-fans-copy h1 span{display:block;color:#747474}
.sf-fans-chips{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:28px 20px}
.sf-fans-chips span{border:1px solid #5b5b5b;border-radius:99px;padding:9px 19px;font-size:clamp(12px,1.15vw,17px);white-space:nowrap}
.sf-fans-phones{position:absolute;inset:0;z-index:4;perspective:1300px;pointer-events:none}
.sf-fans-phone{--x:0px;--y:0px;--rot:0deg;position:absolute;left:50%;top:51%;width:clamp(160px,19.5vw,270px);aspect-ratio:.49;border:3px solid #9a9a9a;border-radius:clamp(27px,3.7vw,49px);background:#121212;box-shadow:inset 0 0 0 3px #242424,0 20px 45px #000b;overflow:hidden;transform:translate(-50%,-1%) translate(var(--x),var(--y)) rotate(var(--rot));transform-origin:50% 35%;will-change:transform,opacity}
.sf-fans-phone:before{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:30%;height:22px;background:#020202;border-radius:25px;z-index:3}
.sf-fans-screen{position:absolute;inset:5px;border-radius:inherit;overflow:hidden;background:linear-gradient(145deg,#181818,#0b0b0b);display:flex;flex-direction:column;padding:50px 16px 20px}
.sf-fans-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.sf-fans-mock-top{font-size:12px;display:flex;justify-content:space-between;font-weight:600}.sf-fans-mock-icon{margin:auto auto 10px;font-size:48px}.sf-fans-mock-title{font-weight:800;line-height:1.05;font-size:clamp(19px,2.5vw,33px);letter-spacing:-.045em}.sf-fans-mock-small{font-size:12px;margin-top:10px;opacity:.8}.sf-fans-mock-bar{height:9px;border-radius:30px;background:#ffffff44;margin:18px 0 0}
.sf-fans-phone:nth-child(1){--x:-465px;--y:155px;--rot:-23deg;z-index:1}.sf-fans-phone:nth-child(2){--x:-325px;--y:75px;--rot:-16deg;z-index:2}.sf-fans-phone:nth-child(3){--x:-170px;--y:15px;--rot:-8deg;z-index:3}.sf-fans-phone:nth-child(4){--x:0px;--y:-25px;--rot:0deg;z-index:7;box-shadow:inset 0 0 0 3px #242424,0 0 65px #ff741720,0 30px 60px #000}.sf-fans-phone:nth-child(5){--x:170px;--y:15px;--rot:8deg;z-index:3}.sf-fans-phone:nth-child(6){--x:325px;--y:75px;--rot:16deg;z-index:2}.sf-fans-phone:nth-child(7){--x:465px;--y:155px;--rot:23deg;z-index:1}
.sf-fans-phone:nth-child(1) .sf-fans-screen{background:radial-gradient(circle at 50% 38%,#fb7b1c,#240d04 70%)}.sf-fans-phone:nth-child(2) .sf-fans-screen{background:radial-gradient(circle at 50% 35%,#a7ee32,#142007 72%)}.sf-fans-phone:nth-child(3) .sf-fans-screen{background:radial-gradient(circle at 50% 40%,#ff573d,#21070b 75%)}.sf-fans-phone:nth-child(4) .sf-fans-screen{background:radial-gradient(circle at 50% 70%,#274e37,#050907 72%)}.sf-fans-phone:nth-child(5) .sf-fans-screen{background:radial-gradient(circle at 50% 40%,#d9ff78,#283a08 75%);color:#080808}.sf-fans-phone:nth-child(6) .sf-fans-screen{background:radial-gradient(circle at 50% 40%,#268bfa,#07182d 75%)}.sf-fans-phone:nth-child(7) .sf-fans-screen{background:radial-gradient(circle at 50% 40%,#39aa70,#061a10 75%)}
.sf-fans-phone:nth-child(4) .sf-fans-mock-title{font-size:34px;color:#b8f34b}.sf-fans-phone:nth-child(4) .sf-fans-metric{font-size:48px;font-weight:800;letter-spacing:-.06em;color:#fff;margin-top:25px}.sf-fans-phone:nth-child(4) .sf-fans-mock-bar{background:linear-gradient(90deg,#ff7417,#b8f34b);height:13px}
.sf-fans-scroll-label{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);z-index:15;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#ccc;opacity:0}.sf-fans-footer{position:absolute;bottom:0;left:3.5%;right:3.5%;border-top:1px solid #5557;z-index:15;display:flex;justify-content:space-between;gap:20px;padding:19px 0 25px;color:#a9a9a9;font-size:clamp(12px,1.3vw,18px)}
@media(max-width:850px){.sf-fans-hero{min-height:580px}.sf-fans-copy{top:16%}.sf-fans-copy h1{font-size:clamp(48px,9vw,75px)}.sf-fans-chips{margin-top:18px}.sf-fans-chips span{padding:6px 10px}.sf-fans-phone{width:clamp(170px,31vw,245px)}.sf-fans-phone:nth-child(1){--x:-300px}.sf-fans-phone:nth-child(2){--x:-220px}.sf-fans-phone:nth-child(3){--x:-120px}.sf-fans-phone:nth-child(5){--x:120px}.sf-fans-phone:nth-child(6){--x:220px}.sf-fans-phone:nth-child(7){--x:300px}.sf-fans-footer span:last-child{display:none}}
@media(max-width:520px){.sf-fans-topline{top:4%;font-size:16px}.sf-fans-topline a{font-size:32px}.sf-fans-copy{top:17%}.sf-fans-copy h1{font-size:clamp(42px,11vw,60px)}.sf-fans-chips{gap:5px}.sf-fans-chips span{font-size:10px;padding:6px 9px}.sf-fans-phone{width:195px;top:56%}.sf-fans-phone:nth-child(1){--x:-230px;--y:130px}.sf-fans-phone:nth-child(2){--x:-180px;--y:75px}.sf-fans-phone:nth-child(3){--x:-105px;--y:15px}.sf-fans-phone:nth-child(4){--y:-15px}.sf-fans-phone:nth-child(5){--x:105px;--y:15px}.sf-fans-phone:nth-child(6){--x:180px;--y:75px}.sf-fans-phone:nth-child(7){--x:230px;--y:130px}.sf-fans-footer{font-size:12px;bottom:12px;padding-bottom:8px}.sf-fans-track{height:220vh}}
@media(prefers-reduced-motion:reduce){.sf-fans-phone{will-change:auto}}