.vibecoding-section{padding-top:70px}.vibecoding-section .section-head p{max-width:760px}.sssport-hero{background:radial-gradient(ellipse at 100% 0,rgba(36,139,246,.18),transparent 60%),linear-gradient(125deg,#102332,#101823)}.sssport-case .case-long-story .long-story-grid{grid-template-columns:1fr;max-width:850px}.sssport-case .case-stats strong{font-size:clamp(20px,2.1vw,30px)}.phone-showcase{margin:34px 24px 24px;padding:28px 28px 32px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(ellipse at 50% 40%,rgba(24,115,179,.16),transparent 72%),#090f18;overflow:hidden}.phone-showcase .carousel-head{margin-bottom:38px}.phone-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;align-items:start;max-width:1100px;margin:auto}.phone-shot{margin:0;min-width:0}.phone-shot:nth-child(2){padding-top:38px}.iphone-frame{position:relative;padding:7px;border:2px solid #5c626b;border-radius:48px;background:linear-gradient(125deg,#767c86,#161a22 18%,#333b47 70%,#858c97);box-shadow:0 20px 40px #0008,inset 0 0 0 2px #1a1e26}.iphone-frame:before,.iphone-frame:after{content:"";position:absolute;width:3px;border-radius:2px;background:#5e6570}.iphone-frame:before{height:42px;left:-4px;top:24%}.iphone-frame:after{height:56px;right:-4px;top:30%}.iphone-screen{container-type:inline-size;position:relative;overflow:hidden;aspect-ratio:430/932;border-radius:38px;background:#071b27;box-shadow:0 0 0 2px #030507}.iphone-status{position:relative;height:14.4186cqw;display:flex;align-items:center;justify-content:space-between;padding:0 7cqw;color:#fff;font-size:3.3cqw}.dynamic-island{position:absolute;left:50%;top:3cqw;transform:translateX(-50%);width:29cqw;height:8cqw;background:#000;border-radius:7cqw}.dynamic-island:after{content:"";position:absolute;right:2.6cqw;top:2.6cqw;width:2.7cqw;height:2.7cqw;border-radius:50%;background:#111b30;box-shadow:inset 0 0 0 2px #10131b}.phone-indicators{display:flex;align-items:center;gap:1.3cqw;font-size:2.7cqw}.phone-indicators svg{width:4cqw;fill:none;stroke:#fff;stroke-width:2.5}.phone-indicators i{width:5.5cqw;height:2.6cqw;background:#fff;border-radius:.6cqw;box-shadow:0 0 0 1px #fff8; border:1px solid #0a1e2a}.iphone-screen>img{display:block;width:100%;height:auto;aspect-ratio:430/838;object-fit:contain}.iphone-home{height:7.4419cqw;background:#05141b;position:relative}.iphone-home:after{content:"";position:absolute;bottom:2.3cqw;left:34%;width:32%;height:1cqw;border-radius:1cqw;background:#f4f5f7}.phone-shot figcaption{display:flex;gap:12px;align-items:baseline;margin-top:24px;color:#d6e0ed;font-size:14px;font-weight:600}.phone-shot figcaption>span{font-size:11px;color:#6a8eac;letter-spacing:.1em}.sssport-case .case-hero-link{margin-top:16px}.phone-showcase .carousel-head span{font-size:12px}
@media(min-width:1101px){.site-nav a{padding-left:10px;padding-right:10px;font-size:13px}}
@media(max-width:900px){.phone-gallery{gap:22px}.phone-showcase{padding:24px 18px}.iphone-frame{border-radius:35px;padding:5px}.iphone-screen{border-radius:28px}.phone-shot figcaption{font-size:12px;gap:8px}}
@media(max-width:650px){.vibecoding-section{padding-top:42px}.phone-showcase{margin:24px 14px 14px;padding:22px 14px}.phone-showcase .carousel-head{display:block;margin-bottom:24px}.phone-showcase .carousel-head span{display:block;margin-top:9px}.phone-gallery{grid-template-columns:1fr;max-width:300px;gap:34px}.phone-shot:nth-child(2){padding-top:0}.iphone-frame{border-radius:44px;padding:7px}.iphone-screen{border-radius:34px}.phone-shot figcaption{margin-top:16px;font-size:14px}}
/* Reuse the portfolio carousel and image viewer for the phone examples. */
.phone-gallery.carousel{display:flex;max-width:none;gap:28px;align-items:stretch;margin:0;padding:8px 4px 20px}
.phone-gallery.carousel .phone-shot{flex:0 0 calc(100% - 112px);max-width:calc(100% - 112px);padding:28px 20px 0;background:radial-gradient(ellipse at 50% 35%,#15314766,transparent 75%),#090f18;overflow:hidden}
.phone-gallery .iphone-frame{max-width:330px;margin:0 auto}
.phone-gallery.carousel .phone-shot:nth-child(2){padding-top:28px}
.phone-gallery.carousel .iphone-screen>img{height:auto;object-fit:contain;cursor:zoom-in}
.phone-gallery.carousel figcaption{display:flex;justify-content:center;min-height:0;margin:0;padding:24px 0;background:transparent}
.phone-showcase .carousel-controls{margin-top:12px}
@media(max-width:650px){
 .phone-gallery.carousel{gap:12px}
 .phone-gallery.carousel .phone-shot{flex-basis:88%;max-width:88%;padding:14px 6px 0}
 .phone-gallery.carousel .phone-shot:nth-child(2){padding-top:14px}
 .phone-gallery .iphone-frame{padding:5px;border-radius:34px}
 .phone-gallery .iphone-screen{border-radius:26px}
 .phone-gallery.carousel figcaption{padding:18px 0;font-size:12px}
}