.mobile-phone-wrapper{display:flex;justify-content:center;align-items:center;transform-origin:center center}.mobile-phone-frame{position:relative;width:300px;height:620px}.mobile-phone-bezel{width:100%;height:100%;border-radius:45px;background:linear-gradient(135deg,#71717a,#52525b 20%,#3f3f46 50%,#27272a 80%,#18181b);padding:3px;box-shadow:0 50px 100px -20px rgba(0,0,0,.7),0 30px 60px -10px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -1px 0 rgba(0,0,0,.3)}.mobile-phone-inner{width:100%;height:100%;border-radius:42px;background:linear-gradient(180deg,#27272a,#18181b);padding:2px}.mobile-phone-screen{width:100%;height:100%;border-radius:40px;background:var(--background,#0a0a0b);overflow:hidden;position:relative;display:flex;flex-direction:column}.mobile-dynamic-island{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:90px;height:28px;background:#000;border-radius:20px;z-index:30;display:flex;align-items:center;justify-content:center;gap:8px}.island-camera{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3f3f46 0,#18181b 100%);box-shadow:inset 0 0 2px hsla(0,0%,100%,.1)}.island-sensor{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#27272a 0,#0a0a0a 100%);box-shadow:inset 0 0 3px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.05)}.mobile-status-bar{height:48px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--foreground,#fafafa);flex-shrink:0}.status-time{font-size:14px;font-weight:600;letter-spacing:-.3px}.status-icons{display:flex;align-items:center;gap:6px}.status-signal{display:flex;align-items:flex-end;gap:1px}.signal-bar{width:3px;background:hsla(0,0%,100%,.3);border-radius:1px}.signal-bar.active{background:var(--foreground,#fafafa)}.status-network{font-size:11px;font-weight:600;margin-left:2px}.status-battery{display:flex;align-items:center;gap:1px}.battery-body{width:22px;height:10px;border:1.5px solid hsla(0,0%,100%,.5);border-radius:3px;padding:1px;position:relative}.battery-fill{width:75%;height:100%;background:#22c55e;border-radius:1px}.battery-cap{width:2px;height:5px;background:hsla(0,0%,100%,.5);border-radius:0 1px 1px 0}.mobile-screen-content{flex:1;overflow:hidden;position:relative}.mobile-home-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:120px;height:5px;background:hsla(0,0%,100%,.3);border-radius:3px}.mobile-btn-silent{top:100px;height:24px}.mobile-btn-silent,.mobile-btn-volume-up{position:absolute;left:-3px;width:3px;background:linear-gradient(180deg,#52525b,#3f3f46);border-radius:2px 0 0 2px}.mobile-btn-volume-up{top:140px;height:48px}.mobile-btn-volume-down{left:-3px;top:200px;height:48px;border-radius:2px 0 0 2px}.mobile-btn-power,.mobile-btn-volume-down{position:absolute;width:3px;background:linear-gradient(180deg,#52525b,#3f3f46)}.mobile-btn-power{right:-3px;top:160px;height:80px;border-radius:0 2px 2px 0}.mobile-demo-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 24px;position:relative;overflow:hidden}.mobile-demo-section-inner{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.mobile-demo-section.reverse .mobile-demo-section-inner{direction:rtl}.mobile-demo-section.reverse .mobile-demo-section-inner>*{direction:ltr}.mobile-demo-text{display:flex;flex-direction:column;gap:16px}.mobile-demo-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:100px;font-size:12px;font-weight:600;color:#10b981;text-transform:uppercase;letter-spacing:.5px;width:-moz-fit-content;width:fit-content}.mobile-demo-title{font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.02em}.mobile-demo-description{font-size:18px;line-height:1.6;opacity:.7;max-width:480px}.mobile-demo-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.mobile-demo-feature{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;font-size:13px;font-weight:500}.mobile-demo-feature svg{width:14px;height:14px;color:#10b981}.mobile-demo-phone{display:flex;justify-content:center;align-items:center}@media (max-width:1024px){.mobile-demo-section-inner{grid-template-columns:1fr;gap:48px;text-align:center}.mobile-demo-section.reverse .mobile-demo-section-inner{direction:ltr}.mobile-demo-text{align-items:center}.mobile-demo-badge,.mobile-demo-description{margin:0 auto}.mobile-demo-features{justify-content:center}}@media (max-width:768px){.mobile-phone-frame{transform:scale(.85)}.mobile-demo-section{padding:60px 16px;min-height:auto}}@media (max-width:480px){.mobile-phone-frame{transform:scale(.72)}}@media (max-width:375px){.mobile-phone-frame{transform:scale(.65)}}.screen-header{padding:8px 20px 16px;display:flex;align-items:center;justify-content:space-between}.screen-title{font-size:20px;font-weight:700}.screen-subtitle{font-size:12px;opacity:.6}.screen-body{flex:1;padding:0 20px 100px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.screen-body::-webkit-scrollbar{display:none}.screen-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:16px;margin-bottom:12px}.screen-btn,.screen-card-gradient{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);border:none;color:#fff}.screen-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer}.screen-bottom-nav{position:absolute;bottom:0;left:0;right:0;height:80px;background:rgba(10,10,11,.95);backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.1);display:flex;align-items:flex-start;justify-content:space-around;padding-top:10px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:hsla(0,0%,100%,.5);font-size:10px;background:none;border:none;cursor:pointer;padding:0}.nav-item.active{color:var(--primary)}.nav-item-center{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);color:#fff;margin-top:-20px;box-shadow:0 4px 20px rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center}.light-theme .mobile-phone-screen{background:#fff}.light-theme .mobile-status-bar{color:#18181b}.light-theme .signal-bar.active{background:#18181b}.light-theme .battery-body{border-color:rgba(0,0,0,.5)}.light-theme .battery-cap{background:rgba(0,0,0,.5)}.light-theme .mobile-home-indicator{background:rgba(0,0,0,.2)}.light-theme .screen-card{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)}.light-theme .screen-bottom-nav{background:hsla(0,0%,100%,.95);border-color:rgba(0,0,0,.1)}.light-theme .nav-item{color:rgba(0,0,0,.4)}