.case-top{position:relative;margin-bottom:6rem}.case-top-headline{max-width:880px;margin:0 auto 3.5rem;font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,3vw,2.4rem);line-height:1.3;text-align:center;color:#fff}.case-top-muted{color:#fff6}.case-top-accent{color:var(--accent-red)}.case-top-scroll{position:relative}.case-phone-stage{height:100vh;min-height:560px;padding-top:90px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative}.case-phone-frame{height:min(620px,calc(100vh - 138px),76vh);width:calc(min(620px,calc(100vh - 138px),76vh) * 9 / 19.5);max-width:78vw;position:relative;z-index:2;container-type:inline-size;filter:drop-shadow(0 40px 80px rgba(0,0,0,.55))}.iphone-mockup{position:relative;width:100%;height:100%;border-radius:13.5cqw;padding:2.4cqw;background:linear-gradient(155deg,#4d4d51,#232326 16%,#050505 46%,#1a1a1c 78%,#5a5a5e);box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1.5px 2px #ffffff38,inset 0 -2px 5px #000000a6}.iphone-btn{position:absolute;border-radius:2px;background:linear-gradient(180deg,#5c5c60,#1a1a1c 60%,#050505);box-shadow:0 0 0 .5px #ffffff1a}.iphone-btn-action{left:-.9cqw;top:15%;width:.9cqw;height:4.4cqw}.iphone-btn-vol-up{left:-.9cqw;top:24%;width:.9cqw;height:8.6cqw}.iphone-btn-vol-down{left:-.9cqw;top:35.5%;width:.9cqw;height:8.6cqw}.iphone-btn-power{right:-.9cqw;top:22%;width:.9cqw;height:12.5cqw}.case-phone-screen{position:relative;width:100%;height:100%;border-radius:11cqw;overflow:hidden;background:var(--bg-light);z-index:1}.case-phone-scroll-img{position:absolute;top:0;left:0;width:100%;height:auto;display:block;will-change:transform}.iphone-dynamic-island{position:absolute;top:2.8cqw;left:50%;transform:translate(-50%);width:26cqw;height:7cqw;background:#000;border-radius:999px;z-index:3;box-shadow:inset 0 0 0 1px #ffffff0f}.case-float-label{position:absolute;font-family:var(--font-display);font-size:.66rem;font-weight:700;letter-spacing:.08em;line-height:1.45;color:#ffffff52;text-transform:uppercase;max-width:150px;z-index:1}.label-tl{top:12%;left:4%}.label-tr{top:12%;right:4%;text-align:right}.label-bl{bottom:12%;left:4%}.label-br{bottom:12%;right:4%;text-align:right}@media(max-width:1024px){.case-float-label{display:none}}.case-bottom{display:flex;flex-direction:column;gap:4rem}.case-bottom-video-block{display:flex;flex-direction:column}.case-bottom-subheading{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:#ffffff80;margin-bottom:1.5rem}.case-bottom-phones{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}.mini-phone-frame{background:#0a0a0a;border-radius:26px;border:6px solid #111417;aspect-ratio:9 / 18.5;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000073}.mini-phone-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:44px;height:12px;background:#000;border-radius:10px;z-index:3}.mini-phone-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mini-phone-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mini-phone-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.7rem;background:#0a040466;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s ease}.mini-phone-frame:hover .mini-phone-overlay{opacity:1;pointer-events:auto}.mini-phone-frame.is-playing .mini-phone-overlay{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.mp-btn{display:flex;align-items:center;justify-content:center;color:#fff;background:none;border:none;padding:0;cursor:pointer;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));transition:color .2s ease,transform .2s ease}.mp-btn:hover{color:var(--accent-red);transform:scale(1.1)}.mp-play-btn .icon-play{margin-left:3px}.mp-play-btn .icon-pause,.mp-play-btn[data-state=pause] .icon-play{display:none}.mp-play-btn[data-state=pause] .icon-pause{display:block;margin-left:0}.mp-volume-btn .icon-vol-on{display:none}.mp-volume-btn[data-state=on] .icon-vol-on{display:block}.mp-volume-btn[data-state=on] .icon-vol-off{display:none}@media(max-width:600px){.mini-phone-overlay{gap:.5rem}}@media(max-width:900px){.case-bottom-phones{grid-template-columns:repeat(2,1fr)}}.case-bottom-desktop{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:3rem}.case-imac-frame{position:relative;width:100%;filter:drop-shadow(0 40px 70px rgba(0,0,0,.5))}.case-imac-shell{position:relative;width:100%;height:auto;display:block;z-index:2;pointer-events:none}.case-imac-screen{position:absolute;left:1.67%;top:2.26%;width:96.66%;height:72.49%;border-radius:6px;overflow:hidden;background:#0a0a0a;background-size:cover;background-position:center;z-index:1}.case-imac-screen video{width:100%;height:100%;object-fit:cover;display:block}.case-bottom-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;color:#fff;margin-bottom:1rem}.case-bottom-desc{font-size:.9rem;line-height:1.6;color:#fff9;max-width:380px}@media(max-width:900px){.case-bottom-desktop{grid-template-columns:1fr;text-align:center}.case-imac-frame{max-width:340px;margin:0 auto}.case-bottom-desc{margin:0 auto}}