.ios-label,.ios-nav a.active,.ios-nav a:hover{color:#fff}:root{--bg-color:#F2F4F8;--primary-text:#1d1d1f}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg-color);font-family:Inter,sans-serif;width:100vw;height:100dvh;overflow:hidden;position:fixed}.desktop-wrapper{display:none!important}.mobile-wrapper{display:block;width:100%;height:100%}.blob-1,.blob-2{width:100vw;height:100vw}.background-container{position:fixed;inset:0;z-index:-1}.blob,.top-zone{position:absolute}.blob{border-radius:50%;filter:blur(80px);opacity:.6}.blob-1{top:-20%;left:-20%;background:#ccd5ff}.blob-2{bottom:-20%;right:-20%;background:#e0f2ff}.top-zone{top:0;left:0;width:100%;height:25%;display:flex;flex-direction:column;align-items:center;padding-top:15px;z-index:20}.dynamic-island-wrapper{width:100%;display:flex;justify-content:center;margin-bottom:15px}.dynamic-island{background:#000;border-radius:50px;height:35px;width:125px;position:relative;box-shadow:0 5px 25px rgba(0,0,0,.2);z-index:50;display:flex;align-items:center;justify-content:center;overflow:hidden}.island-camera{position:absolute;right:12px;width:10px;height:10px;background:#111;border-radius:50%;z-index:2;pointer-events:none}.island-content{display:none;width:100%;height:100%;justify-content:space-between;align-items:center;padding:0 20px;opacity:0}.island-left{display:flex;align-items:center;gap:8px}.ios-app-icon{width:20px;height:20px;border-radius:5px}.ios-label{font-size:12px;font-weight:600;opacity:.8}.ios-nav{display:flex;gap:15px}.ios-nav a{color:#888;text-decoration:none;font-size:13px;font-weight:500;transition:.2s}.title-container{text-align:center}.tag{font-size:.7rem;font-weight:800;color:#888;letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;display:block}.bottom-zone,.card-glass,.dock,.dock-item,.dock-wrapper,.icon-box,.status-bar{display:flex}.title-container h1{font-size:1.8rem;line-height:1.1;font-weight:800;color:#111}.stat .label,.text-box h3{color:#666;text-transform:uppercase}.bottom-zone{position:absolute;bottom:0;left:0;width:100%;height:75%;z-index:10;align-items:flex-end;justify-content:center}.phone-wrapper{width:330px;max-width:90%;height:105%;max-height:700px;position:relative;bottom:-20px;perspective:1200px;pointer-events:none;overflow:visible!important}.iphone-mockup,.screen-content{width:100%;height:100%;position:relative;overflow:visible!important}.iphone-mockup{pointer-events:auto;background:#d1d1d6;border-radius:55px 55px 0 0;border:5px solid #c0c0c5;border-bottom:none;box-shadow:0 -30px 70px rgba(0,0,0,.25);z-index:20}.screen-content{border-radius:48px 48px 0 0;background:#000}.wallpaper-bg{position:absolute;inset:0;border-radius:48px 48px 0 0;background:linear-gradient(180deg,#e3f2fd 0,#f0f4f8 100%);z-index:1;overflow:hidden}.swiper-mobile{z-index:100!important;width:180%;margin-left:-40%;margin-top:40px;height:450px;overflow:visible!important;-webkit-mask-image:linear-gradient(to right,transparent 5%,black 25%,black 75%,transparent 95%);mask-image:linear-gradient(to right,transparent 5%,black 25%,black 75%,transparent 95%)}.swiper-slide{width:250px;height:350px;display:flex;align-items:center;justify-content:center;opacity:.3;transform:scale(.8);filter:blur(2px);transition:.5s cubic-bezier(.25, 1, .5, 1)}.swiper-slide-active{opacity:1;transform:scale(1)!important;filter:blur(0);z-index:200;margin-top:0}.card-glass{width:100%;height:100%;border-radius:35px;background:rgba(255,255,255,.65);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 25px 50px rgba(0,0,0,.15);padding:25px;flex-direction:column;justify-content:space-between}.icon-box{width:60px;height:60px;border-radius:16px;background-size:cover!important;background-position:center!important;background-repeat:no-repeat;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.15);margin-bottom:15px}.text-box h3{font-size:12px;font-weight:600;margin-bottom:5px;letter-spacing:1px}.text-box h2{font-size:26px;color:#1d1d1f;line-height:1;margin-bottom:20px;font-weight:700;letter-spacing:-.5px}.status-bar,.text-box button{font-size:14px;font-weight:600}.text-box button{width:100%;padding:14px;background:#1d1d1f;color:#fff;border:none;border-radius:14px;cursor:pointer;transition:.2s}.text-box button:active{transform:scale(.98)}.status-bar{position:relative;z-index:101;justify-content:space-between;padding:18px 28px;color:#1d1d1f}.dock-wrapper{position:absolute;bottom:25px;width:100%;justify-content:center;z-index:200;pointer-events:none;transition:.3s}.dock{pointer-events:auto;background:rgba(255,255,255,.2);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);padding:18px 22px;border-radius:38px;gap:20px;box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 20px 40px rgba(0,0,0,.15);margin-bottom:5px}.dock-item{position:relative;flex-direction:column;align-items:center;text-decoration:none;transition:transform .3s cubic-bezier(.175, .885, .32, 1.275)}.app-icon,.badge{display:flex;align-items:center}.close-btn,.modal-action-btn{transition:.2s;cursor:pointer}.dock-item:hover{transform:translateY(-10px) scale(1.1)}.app-icon{width:58px;height:58px;border-radius:14px;justify-content:center;position:relative;box-shadow:0 4px 10px rgba(0,0,0,.1);background:0 0;overflow:hidden}.badge,.btn,.home-line{position:absolute}.app-icon img{width:100%;height:100%;object-fit:cover;display:block}.badge{top:-6px;right:-6px;background:#ff3b30;color:#fff;font-size:12px;font-weight:600;width:22px;height:22px;border-radius:50%;justify-content:center;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:10}.home-line{bottom:8px;left:50%;transform:translateX(-50%);width:130px;height:5px;background:#1d1d1f;border-radius:10px;opacity:.9;z-index:201;pointer-events:none}.btn{background:#b0b0b5;width:4px;left:-4px;border-radius:2px 0 0 2px}.vol-up{top:90px;height:40px}.vol-down{top:140px;height:40px}.pwr{right:-4px;left:auto;top:110px;height:60px;border-radius:0 2px 2px 0}@media (max-height:700px){.top-zone{height:20%}.bottom-zone{height:80%}.title-container h1{font-size:1.5rem}.swiper-mobile{margin-top:30px;height:350px}.swiper-slide{height:300px;width:230px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center;opacity:0;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.modal-glass{width:94%;max-width:420px;max-height:85dvh;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.5));backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;border:1px solid rgba(255,255,255,.45);box-shadow:0 15px 40px 0 rgba(0,0,0,.2);overflow:hidden;position:relative;display:flex;flex-direction:column;transform:scale(.9)}.close-btn{position:absolute;top:15px;right:15px;width:32px;height:32px;background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:20;font-size:16px;color:#333}.ios-app-view,.lightbox-overlay{top:0;left:0;opacity:0;pointer-events:none}.ios-app-view,.modal-slide,.modal-slide img{height:100%;width:100%}.close-btn:active{transform:scale(.9);background:#fff}.modal-swiper{width:100%;aspect-ratio:5/3;flex-shrink:0;background:0 0;margin:0 auto}.modal-slide{display:flex;align-items:center;justify-content:center}.modal-slide img{object-fit:contain;object-position:center}.swiper-pagination-bullet-active{background:#1d1d1f!important}.modal-content{padding:20px 24px 30px;text-align:left;display:flex;flex-direction:column;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-header{margin-bottom:12px;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:8px}.modal-tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#555;display:block;margin-bottom:4px}.modal-content h2{font-size:24px;color:#1d1d1f;margin-top:2px;margin-bottom:0;line-height:1.1;letter-spacing:-.5px}.modal-content p{font-size:15px;color:#333;line-height:1.5;margin-bottom:20px;margin-top:15px}.modal-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;padding:15px;background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.4);border-radius:16px;flex-shrink:0}.stat{display:flex;flex-direction:column;align-items:flex-start}.stat .label{font-size:9px;font-weight:700;margin-bottom:3px}.stat .value{font-size:13px;color:#000;font-weight:700}.modal-action-btn{width:100%;padding:14px;background:rgba(29,29,31,.95);color:#fff;border:none;border-radius:14px;font-weight:600;font-size:14px;flex-shrink:0;box-shadow:0 4px 15px rgba(0,0,0,.15)}.masonry-item:active img,.modal-action-btn:active{transform:scale(.98);opacity:.9}.contact-overlay.active,.ios-app-view.active,.lightbox-overlay.active{opacity:1;pointer-events:auto}.ios-app-view{position:absolute;background:#fff;z-index:300;display:flex;flex-direction:column;transform:scale(.9) translateY(20px);transition:.4s cubic-bezier(.2, .8, .2, 1);border-radius:45px;overflow:hidden}.ios-app-view.active{transform:scale(1) translateY(0)}.app-header-ios{padding:50px 20px 15px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);z-index:10;border-bottom:1px solid rgba(0,0,0,.05)}.app-header-ios h3{font-size:17px;font-weight:700;color:#000}.back-home-btn{border:none;background:0 0;color:#007aff;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px}.masonry-scroll-area{flex:1;width:100%;overflow-y:auto;padding:10px;background:0 0}.masonry-grid{column-count:2;column-gap:10px;width:100%}.masonry-item{break-inside:avoid;margin-bottom:10px;border-radius:12px;overflow:hidden;position:relative;cursor:zoom-in;background:rgba(0,0,0,.05)}.masonry-item img{width:100%;display:block;border-radius:12px;transition:transform .3s}.lightbox-overlay{position:fixed;width:100vw;height:100dvh;background:rgba(0,0,0,.95);z-index:10000;display:flex;align-items:center;justify-content:center;transition:opacity .3s;overflow:hidden}.lightbox-overlay img{max-width:95%;max-height:85vh;object-fit:contain;transform:scale(.9);transition:transform .3s cubic-bezier(.175, .885, .32, 1.275);z-index:10001;position:relative}.lightbox-overlay.active img{transform:scale(1)}.lightbox-close{position:absolute;top:30px;right:25px;z-index:10005!important;background:rgba(30,30,30,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 5px 15px rgba(0,0,0,.3);color:#fff;width:44px;height:44px;border-radius:50%;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.lightbox-close:active{transform:scale(.9);background:rgba(255,255,255,.2)}.lightbox-close:hover{background:rgba(50,50,50,.8)}@media (min-width:1024px){.masonry-grid{column-count:4;column-gap:15px}.masonry-item{margin-bottom:15px}.lightbox-close{top:40px;right:40px}}.contact-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9990;opacity:0;pointer-events:none;transition:opacity .4s}.dock-breakout{position:fixed!important;bottom:40px!important;left:0!important;width:100%!important;height:auto!important;z-index:10000!important;display:flex!important;justify-content:center!important;align-items:flex-end!important;transform:none!important;pointer-events:none;background:0 0!important;padding-bottom:env(safe-area-inset-bottom)}.dock-breakout .dock,.dock-breakout .mac-dock{pointer-events:auto;transition:.4s cubic-bezier(.2, .8, .2, 1);background:rgba(255,255,255,.85)!important;backdrop-filter:blur(20px) saturate(180%)!important;box-shadow:0 20px 50px rgba(0,0,0,.4)!important;border:1px solid rgba(255,255,255,.4)!important;transform:scale(1.05)}.dock-dimmed{opacity:.2;transform:scale(.85);filter:grayscale(100%);pointer-events:none;transition:.4s}.dock-highlight{transform:translateY(-55px) scale(1.4)!important;filter:drop-shadow(0 10px 20px rgba(0, 0, 0, .3));z-index:10001;position:relative;pointer-events:auto!important;border-radius:18px}body.contact-mode-active .iphone-mockup,body.contact-mode-active .phone-wrapper,body.contact-mode-active .screen-content{overflow:visible!important;z-index:9995!important}.client-card-glass{width:100%;height:100%;border-radius:35px;background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);box-shadow:0 25px 50px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;padding:30px;position:relative;transition:.3s}.client-card-glass:active{background:rgba(255,255,255,.75);transform:scale(.98)}.client-logo-img{max-width:80%;max-height:60%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15));transition:transform .4s cubic-bezier(.175, .885, .32, 1.275)}.swiper-slide-active .client-logo-img{transform:scale(1.1)}