.iph-section{z-index:1;background:#06060a;border-top:1px solid #ffffff0f;padding:clamp(80px,10vw,150px) clamp(24px,8vw,120px);position:relative;overflow:hidden}.iph-bg{pointer-events:none;background:radial-gradient(640px 420px at 88% 6%,#ec48991a,#0000 60%),radial-gradient(620px 460px at 8% 60%,#a855f714,#0000 58%),radial-gradient(560px 420px at 50% 102%,#00d4ff0f,#0000 60%);position:absolute;inset:0}.iph-inner{z-index:1;max-width:1180px;margin:0 auto;position:relative}.iph-header{max-width:720px;margin-bottom:clamp(44px,5vw,70px)}.iph-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#ec4899;align-items:center;gap:12px;margin-bottom:18px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.iph-eyebrow-line{background:linear-gradient(90deg,#ec4899,#0000);width:34px;height:1px}.iph-h2{letter-spacing:-.02em;color:#fff;margin-bottom:20px;font-family:Syne,sans-serif;font-size:clamp(34px,5vw,62px);font-weight:800;line-height:1.04}.iph-h2-grad{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.iph-sub{color:var(--text-muted);max-width:600px;font-family:DM Sans,sans-serif;font-size:clamp(16px,1.4vw,19px);line-height:1.65}.iph-handle-link{color:#ec4899;border-bottom:1px solid #ec489973;font-weight:600;text-decoration:none}.iph-handle-link:hover{border-bottom-color:#ec4899}.iph-stage{grid-template-columns:repeat(4,1fr);align-items:center;gap:clamp(16px,2.4vw,34px);padding:clamp(8px,1.6vw,24px) 0;display:grid}.iph-card{-webkit-tap-highlight-color:transparent;text-decoration:none;display:block}.iph-card:focus-visible{outline:none}.iph-phone{aspect-ratio:9/19.5;width:100%;transform:translateZ(0) translateY(calc(var(--iph-i,0) * -6px)) rotate(calc((var(--iph-i,0) - 1.5) * 1.1deg));will-change:transform;background:linear-gradient(145deg,#2a2a32 0%,#0c0c10 42%,#18181d 100%);border-radius:14%/6.4%;padding:clamp(5px,.7vw,8px);transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s;display:block;position:relative;box-shadow:0 30px 60px -30px #000000e6,0 8px 22px -12px #000c,inset 0 0 0 1px #ffffff0f}.iph-card:hover .iph-phone,.iph-card:focus-visible .iph-phone{filter:drop-shadow(0 0 22px #ec489947);transform:translateZ(0)translateY(-14px)rotate(0)scale(1.03)}.iph-bezel{border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px 1px #ffffff29}.iph-phone:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(150deg,#00d4ff,#a855f7 50%,#ec4899);padding:1px;transition:opacity .4s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.iph-card:hover .iph-phone:after,.iph-card:focus-visible .iph-phone:after{opacity:.85}.iph-btn-power,.iph-btn-vol{pointer-events:none;background:linear-gradient(#34343c,#131318);border-radius:2px;width:2px;position:absolute}.iph-btn-power{height:12%;top:26%;right:-2px}.iph-btn-vol{left:-2px}.iph-btn-vol--up{height:9%;top:22%}.iph-btn-vol--down{height:9%;top:33%}.iph-screen{background:#0b0b12;border-radius:12.4%/6%;width:100%;height:100%;display:block;position:relative;overflow:hidden}.iph-cover-bg{object-fit:cover;object-position:center;filter:blur(22px)brightness(.55)saturate(1.1);z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.18)}.iph-cover{object-fit:contain;object-position:center;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.iph-island{z-index:3;background:#000;border-radius:999px;width:30%;max-width:64px;height:clamp(13px,1.6vw,19px);position:absolute;top:clamp(7px,1vw,11px);left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0d}.iph-placeholder{text-align:center;background:linear-gradient(150deg,#00d4ff 0%,#a855f7 50%,#ec4899 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:0}.iph-ph-icon{color:#fff;width:46px;height:46px}.iph-ph-icon svg{width:100%;height:100%}.iph-ph-handle{color:#fff;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.iph-overlay{z-index:2;background:linear-gradient(#00000080 0%,#0000 26% 56%,#000000d1 100%);flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,40px) clamp(11px,1.3vw,15px) clamp(12px,1.4vw,16px);display:flex;position:absolute;inset:0}.iph-overlay-top{align-items:center;gap:7px;display:flex}.iph-ig-mark{color:#fff;flex-shrink:0;width:20px;height:20px}.iph-ig-mark svg{width:100%;height:100%}.iph-handle{color:#fff;text-shadow:0 1px 4px #00000080;text-overflow:ellipsis;white-space:nowrap;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;overflow:hidden}.iph-cta{color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-self:stretch;align-items:center;gap:6px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:background .3s,border-color .3s;display:inline-flex}.iph-cta svg{width:15px;height:15px;transition:transform .3s}.iph-card:hover .iph-cta,.iph-card:focus-visible .iph-cta{background:#ec4899d9;border-color:#ec4899}.iph-card:hover .iph-cta svg,.iph-card:focus-visible .iph-cta svg{transform:translate(2px,-2px)}.iph-footnote{text-align:center;color:#ffffff6b;margin-top:clamp(32px,4vw,48px);font-family:DM Sans,sans-serif;font-size:14px}@media (max-width:900px){.iph-stage{grid-template-columns:repeat(2,1fr);gap:clamp(18px,5vw,30px);max-width:560px;margin:0 auto;padding:0}.iph-phone{max-width:230px;margin:0 auto;transform:translateZ(0)}.iph-card:hover .iph-phone,.iph-card:focus-visible .iph-phone{transform:translateZ(0)translateY(-8px)scale(1.02)}}@media (max-width:767px){.iph-section{padding:clamp(56px,12vw,90px) 20px}.iph-phone{max-width:180px}}@media (prefers-reduced-motion:reduce){.iph-phone,.iph-phone:after,.iph-cta,.iph-cta svg{transition:none!important}.iph-card:hover .iph-phone,.iph-card:focus-visible .iph-phone{transform:translateZ(0)}}