.modal-system-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .32s cubic-bezier(.4,0,.2,1),background .32s ease,backdrop-filter .32s ease;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-system-overlay.open{opacity:1;pointer-events:auto}.modal-system-overlay.closing{opacity:0;pointer-events:none;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.modal-system-content{background:#0a0a0af2;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:100%;max-height:90vh;position:relative;transform:scale(.95);opacity:0;transition:transform .3s ease,opacity .3s ease;overflow:hidden;display:flex;flex-direction:column}.modal-system-overlay.open .modal-system-content{transform:scale(1);opacity:1}.modal-system-overlay.closing .modal-system-content{transform:scale(.95);opacity:0;transition:transform .2s ease,opacity .2s ease}.modal-system-close{position:absolute;top:24px;right:20px;background:#000c;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;padding:8px;border-radius:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:30}.modal-system-close:hover{background:#000000e6;border-color:#fff3;transform:scale(1.05)}.modal-system-close:focus-visible{outline:2px solid #007AFF;outline-offset:2px}.modal-system-header{display:block;padding:24px 24px 0;min-height:60px;flex-shrink:0}.modal-system-title{font-size:1.25rem;font-family:YSMusic,monospace;font-weight:600;margin:0;color:#fff;text-transform:uppercase;letter-spacing:.025em;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-right:16px;opacity:0;animation:modalElementFadeIn .4s ease .1s forwards}.modal-system-price-inline{display:inline-flex;background:#007aff26;border-radius:12px;padding:8px 16px;font-family:YSMusic,monospace;font-size:1rem;font-weight:600;color:#007aff;letter-spacing:.025em;flex-shrink:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.modal-system-body{padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;overflow-x:visible;opacity:0;animation:modalElementFadeIn .4s ease .2s forwards}@keyframes modalElementFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal-system-content:not(:has(.modal-system-header)) .modal-system-body{padding-top:64px;animation-delay:.1s}.modal-variant-service .modal-system-content{max-width:800px}.modal-variant-info .modal-system-content{max-width:500px}.modal-variant-barcode .modal-system-content{max-width:400px;text-align:center}.modal-variant-barcode .modal-system-body{padding:40px 24px}.modal-variant-video .modal-system-content{max-width:1000px}.modal-variant-settings .modal-system-content{max-width:600px}@media (max-width: 768px){.modal-system-overlay{padding:40px 16px 16px;align-items:flex-start}.modal-system-content{max-height:calc(100vh - 60px);border-radius:16px;margin:0}.modal-system-close{top:16px;right:16px;width:32px;height:32px}.modal-system-header{padding:52px 20px 0;flex-direction:column;align-items:flex-start;gap:12px;min-height:auto}.modal-system-title{font-size:1.25rem;padding-right:0;flex-direction:column;align-items:flex-start;gap:8px}.modal-system-body{padding:20px}.modal-system-content:not(:has(.modal-system-header)) .modal-system-body{padding-top:56px}.modal-variant-service .modal-system-title{flex-direction:column;align-items:flex-start;gap:12px}.modal-variant-service .modal-system-price-inline{align-self:flex-start;font-size:.875rem;padding:6px 12px}}@media (max-width: 480px){.modal-system-overlay{padding:40px 12px 12px}.modal-system-content{max-height:calc(100vh - 60px);border-radius:12px}.modal-system-close{top:12px;right:12px;width:32px;height:32px}.modal-system-close svg{width:16px;height:16px}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-system-overlay.open .modal-system-content{animation:modalFadeIn .3s ease}.modal-system-overlay:focus-within .modal-system-close:focus-visible{outline:2px solid #007AFF;outline-offset:2px}.modal-system-overlay{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-system-body img,.modal-system-body video{max-width:100%;height:auto;border-radius:12px}.modal-system-body .loading-dots{display:flex;justify-content:center;align-items:center;height:60px}.floating-menu{position:absolute;z-index:1200;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:160px;box-shadow:0 8px 24px #0009;transform:translate(-50%) translateY(-6px) scale(.98);opacity:0;transition:opacity .18s cubic-bezier(.2,0,.2,1),transform .2s cubic-bezier(.2,0,.2,1)}.floating-menu.visible{transform:translate(-50%) translateY(0) scale(1);opacity:1}.floating-menu.above{transform:translate(-50%) translateY(6px) scale(.98)}.floating-menu.above.visible{transform:translate(-50%) translateY(0) scale(1);opacity:1}.floating-menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:6px;font-family:YSMusic,monospace;font-size:.9rem}.floating-menu-item:hover{background:#ffffff0a}.floating-menu-icon{width:18px;height:18px;opacity:.95}.floating-menu-loader{width:18px;height:18px;color:#ffffffe6;opacity:.95;animation:floating-menu-spin .9s cubic-bezier(.4,0,.2,1) infinite}@keyframes floating-menu-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-player-container{position:relative;aspect-ratio:16 / 9;width:100%;height:100%;background:#0e0e0e;border-radius:16px;overflow:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.video-player-video{aspect-ratio:16 / 9;width:100%;height:100%;max-height:100%;display:block}@media (min-width: 769px){.video-player-container{min-height:400px;max-height:80vh}.video-player-container[data-aspect=portrait]{max-width:1080px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1c1c1c)}.video-player-container[data-aspect=portrait] .video-player-video{-o-object-fit:contain;object-fit:contain;width:auto;height:100%}.video-player-container[data-aspect=landscape]{width:100%;background:#000}.video-player-container[data-aspect=square]{max-width:100%;margin:0;background:#0a0a0a}}@media (max-width: 768px){.video-player-container{width:100%;height:100%;border-radius:12px;background:#000}.video-player-video{-o-object-fit:cover;object-fit:cover}.video-player-container[data-aspect=square]{max-width:90vw;margin:0 auto;background:#000}.video-player-container[data-aspect=square] .video-player-video{-o-object-fit:contain;object-fit:contain}.video-player-container[data-aspect=portrait]{max-width:90vw}}.video-player-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:2}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid rgba(255,255,255,.8);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-player-progress-container{position:absolute;bottom:0;left:0;right:0;height:4px;z-index:10;cursor:pointer;transition:height .2s ease}.video-player-controls{position:absolute;top:0;left:0;right:0;bottom:8px;z-index:5;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.video-player-controls.visible{opacity:1;cursor:default;pointer-events:auto}.video-player-controls-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:none}.video-player-controls-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px}.video-player-play-center{display:none}.video-player-bottom-controls{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-bottom:15px;z-index:7;position:relative;pointer-events:auto}.video-player-left-controls,.video-player-right-controls{display:flex;align-items:center;gap:12px}.video-player-control-btn{background:#000000b3;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:36px;min-height:36px;pointer-events:auto}.video-player-control-btn svg{width:18px;height:18px}.video-player-control-btn:hover{background:#000c;border-color:#ffffff4d;box-shadow:0 4px 16px #0003}.video-player-control-btn:active{transform:scale(.95)}.video-player-volume-container{display:flex;align-items:center;gap:8px;position:relative}.video-player-volume-slider{width:0;height:4px;background:#ffffff4d;border-radius:2px;position:relative;cursor:pointer;opacity:0;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;pointer-events:auto}.video-player-volume-container:hover .video-player-volume-slider{width:80px;opacity:1}.video-player-volume-fill{height:100%;background:#fff;border-radius:2px;position:relative;transition:width .1s ease}.video-player-volume-fill:after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;opacity:0;transition:opacity .2s ease}.video-player-volume-container:hover .video-player-volume-fill:after{opacity:1}.video-player-progress-container{position:absolute;bottom:0;left:0;right:0;height:4px;z-index:3;cursor:pointer;transition:height .2s ease}.video-player-container:hover .video-player-progress-container{height:6px}.video-player-progress-bg{width:100%;height:100%;background:#ffffff26;position:relative;overflow:hidden}.video-player-progress-fill{height:100%;background:linear-gradient(90deg,#1c1c1c,#1a1a1a);transition:width .1s ease;position:relative;box-shadow:0 0 10px #4285f480}.video-player-progress-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#fff;border-radius:1px;box-shadow:0 0 4px #fffc}.video-player-progress-preview{position:absolute;bottom:100%;left:0;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s ease;margin-bottom:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);z-index:15}.video-player-progress-container:hover .video-player-progress-preview{opacity:1}.video-player-time{color:#ffffffe6;font-size:.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8);min-width:80px;text-align:center;background:#000000b3;padding:4px 8px;border-radius:6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);pointer-events:none}.video-player-control-btn:focus-visible,.video-player-play-center:focus-visible{outline:2px solid #4285f4;outline-offset:2px;box-shadow:0 0 0 4px #4285f44d}@media (max-width: 768px){.video-player-controls-content{padding:16px}.video-player-play-center{width:70px;height:70px}.video-player-play-center svg{width:32px;height:32px}.video-player-control-btn{padding:6px;min-width:44px;min-height:44px}.video-player-control-btn svg{width:18px;height:18px}.video-player-time{font-size:.8rem;min-width:80px;padding:4px 8px}.video-player-left-controls,.video-player-right-controls{gap:8px}.video-player-bottom-controls{padding-bottom:12px}.video-player-volume-slider{display:none}}@media (max-width: 480px){.video-player-play-center{width:60px;height:60px}.video-player-play-center svg{width:28px;height:28px}.video-player-left-controls,.video-player-right-controls{gap:8px}.video-player-time{font-size:.75rem;min-width:70px}}.video-player-container:fullscreen{border-radius:0;max-width:100%!important;max-height:100%!important;margin:0!important;background:#000!important;aspect-ratio:unset!important;width:100vw!important;height:100vh!important}.video-player-container:fullscreen .video-player-video{-o-object-fit:contain;object-fit:contain;width:100%!important;height:100%!important}.video-player-container:fullscreen .video-player-progress-container{height:6px}.video-player-container:fullscreen .video-player-controls-content{padding:30px}.video-player-container:fullscreen .video-player-bottom-controls{padding-bottom:20px}.video-player-container:fullscreen .video-player-play-center{width:100px;height:100px}.video-player-container:fullscreen .video-player-play-center svg{width:48px;height:48px}.video-player-container[data-aspect=landscape]{aspect-ratio:16 / 9;width:100%;max-width:100%;margin:0 auto;background:#000}.video-player-container[data-aspect=landscape] .video-player-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.video-player-container[data-aspect=portrait]{aspect-ratio:9 / 16;max-width:600px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1c1c1c)}.video-player-container[data-aspect=portrait] .video-player-video{-o-object-fit:contain;object-fit:contain;width:auto;height:100%}.video-player-container[data-aspect=square]{aspect-ratio:1 / 1;max-width:600px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1c1c1c)}.video-player-container[data-aspect=square] .video-player-video{-o-object-fit:contain;object-fit:contain;width:auto;height:100%}.video-player-controls.visible .video-player-play-center{animation:fadeInOpacity .3s ease}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.video-player-container *{transition:none!important;animation:none!important}}.video-player-container *:not(.video-player-progress-fill){transition:all .2s ease}.video-player-container:hover .video-player-progress-fill{box-shadow:0 0 12px #4285f499}@font-face{font-family:YSMusic;src:url(/assets/fonts/main.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.services{min-height:100vh;position:relative;z-index:1;padding:120px 0 80px;clip-path:inset(0 0 0 0 round var(--border-radius));transition:clip-path .6s cubic-bezier(.4,0,.2,1);will-change:transform;content-visibility:auto;contain-intrinsic-size:auto 100vh}.services.animate-in{clip-path:inset(0 0 0 0 round 0)}.services-title{text-align:center;font-size:2.5rem;font-family:YSMusic,monospace;font-weight:700;margin-bottom:1.5rem;color:var(--text-light);letter-spacing:.025em;text-transform:uppercase;transition:all .3s ease}.services-subtitle{text-align:center;font-size:.875rem;font-family:YSMusic,monospace;opacity:.6;margin-bottom:4rem;color:var(--text-light);letter-spacing:.05em;text-transform:uppercase}.portfolio-link{display:block;text-align:center;color:var(--text-light);opacity:.5;text-decoration:none;margin-top:2rem;transition:opacity .3s ease}.portfolio-link:hover{opacity:.8}.faq-card{max-width:800px;margin:50px auto 0;padding:40px;text-align:center;border:1px solid rgb(205,205,205,.2);border-radius:24px;background:#1c1c1c80}.faq-title{font-size:1.25rem;font-family:YSMusic,monospace;font-weight:600;margin:0;opacity:.9;text-transform:uppercase;letter-spacing:.05em}.faq-divider{height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);margin:24px 0}.faq-content{font-size:1rem;opacity:.85;display:flex;flex-direction:column;align-items:center;gap:12px}.faq-links{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:18px;align-items:center}.faq-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-light);text-decoration:none;opacity:.9}.faq-text{display:inline-block;color:var(--text-light);opacity:.85;cursor:pointer;padding:6px 10px;border-radius:10px;transition:background-color .16s ease,opacity .16s ease,transform .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-text:hover{background:#ffffff0a;opacity:1}.faq-text:active{transform:translateY(0);opacity:.8}.services-grid{display:flex;gap:48px;margin-top:60px;position:relative;max-width:1200px;margin-left:auto;margin-right:auto}.services-divider{position:absolute;left:50%;top:120px;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1),transparent);transform:scaleY(0);transition:transform 1s ease;transform-origin:top}.services.animate-in .services-divider{transform:scaleY(1)}.service-column{flex:1;display:flex;flex-direction:column;align-items:center}.service-column:last-child{flex:1}.column-title{font-size:1.5rem;font-family:YSMusic,monospace;font-weight:500;margin-bottom:2.5rem;color:var(--text-light);opacity:.95;letter-spacing:.025em;text-align:center;text-transform:uppercase}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:100%}.service-column:last-child .service-cards{grid-template-columns:1fr;max-width:100%;width:100%}.service-card{height:320px;overflow:hidden;position:relative;cursor:default;will-change:transform;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease}.service-card.no-hover{pointer-events:none}.service-column:first-child .service-card{transform:translateY(50px);opacity:0;animation:slideInUp .6s cubic-bezier(.34,1.56,.64,1) forwards}.service-column:first-child .service-card:nth-child(1){animation-delay:.15s}.service-column:first-child .service-card:nth-child(2){animation-delay:.25s}.service-column:first-child .service-card:nth-child(3){animation-delay:.35s}.service-column:last-child .service-card{transform:translateY(-50px);opacity:0;animation:slideInDown .6s cubic-bezier(.34,1.56,.64,1) forwards}.service-column:last-child .service-card:nth-child(1){animation-delay:.2s}.services.animate-in .service-card{opacity:1;transform:translateY(0)}.service-card:hover{transform:translateY(-4px);border-color:#ffffff1f;background:#0009;box-shadow:0 4px 16px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-btn-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:10;width:100%;display:flex;justify-content:center}.service-card:hover .slide-btn-wrapper{opacity:1;pointer-events:auto;transition:opacity .4s cubic-bezier(.4,0,.2,1) .1s}.card-image{width:100%;height:100%;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;filter:grayscale(100%);transition:transform var(--transition-speed) ease;top:0;left:0;z-index:1}.service-card:hover .card-image{filter:grayscale(50%)}.card-content{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 40%,rgba(0,0,0,.3) 70%,transparent 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2;transition:all var(--transition-speed) ease}.service-card:hover .card-content{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.4) 70%,transparent 100%)}.service-card h4{font-size:.875rem;font-family:YSMusic,monospace;font-weight:600;margin:0 0 8px;letter-spacing:.025em;line-height:1.2;color:#fff;opacity:1;transition:opacity var(--transition-speed) ease;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.service-price{font-size:.75rem;font-family:YSMusic,monospace;opacity:.9;transition:opacity var(--transition-speed) ease;line-height:1.2;color:#fff;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;letter-spacing:.025em}.service-card:hover h4,.service-card:hover .service-price{opacity:0;transition:opacity .3s ease}.contact-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 20px;background:#fffffff2;color:var(--text-dark);border-radius:12px;font-weight:500;font-size:.9rem;letter-spacing:.3px;cursor:pointer;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap;box-shadow:0 4px 20px #00000026;border:none;min-width:120px;width:130px;min-height:36px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;z-index:10}.contact-button.wide{width:220px;min-width:180px;max-width:100%}.contact-button:before{content:"";position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") no-repeat center;opacity:0;filter:blur(4px);transition:all .3s cubic-bezier(.4,0,.2,1)}.service-card:hover .contact-button{opacity:1;transform:translate(-50%,-50%)}.service-card:hover .contact-button:hover{background:#fff;transform:translate(-50%,-50%);box-shadow:0 6px 25px #0003;padding-right:35px}.service-card:hover .contact-button:hover:before{opacity:1;filter:blur(0px);right:12px}.loading-dots{display:flex;align-items:center;justify-content:center;gap:4px;height:20px;width:100%}.loading-dots-inline{display:inline-flex;align-items:center;background-color:#292d32;gap:4px;height:20px}.dot{width:6px;height:6px;background-color:var(--text-dark);border-radius:50%;display:inline-block;animation:dotPulse 1.4s infinite ease-in-out;margin:0 2px}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.6}40%{transform:scale(1.2);opacity:1}}.learn-more-button.loading{color:transparent;position:relative}.learn-more-button.loading .loading-dots-inline{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center}.learn-more-button.loading .dot{background-color:var(--text-light)}.suggest-idea-button{display:flex;cursor:default;width:120px;min-width:120px;max-width:120px;margin:40px auto 0;padding:8px 18px;background:#fffffff2;color:var(--text-dark);border-radius:12px;font-weight:500;text-decoration:none;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);height:48px;align-items:center;justify-content:center;position:relative;overflow:hidden}.suggest-idea-button:hover{box-shadow:0 6px 25px #0003;background:#fffc}.mobile-contact{display:none}.service-modal-content{display:grid;grid-template-columns:1fr 1fr;gap:32px}.modal-loading{display:flex;align-items:center;justify-content:center;width:100%;height:200px}.modal-loading .loading-logo{transform:scale(.8)}.modal-image{min-height:200px;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden}.modal-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal-details{display:flex;flex-direction:column}.modal-description{font-size:.875rem;font-family:YSMusic,monospace;opacity:.8;margin:0 0 24px;line-height:1.6;letter-spacing:.025em}.modal-discount{font-size:.75rem;font-family:YSMusic,monospace;opacity:.8;margin-top:13px;letter-spacing:.025em}.modal-discount a{position:relative;color:#fff;transition:color .2s}.modal-discount a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#fff;border-radius:2px;opacity:.4;transition:opacity .3s;pointer-events:none}.modal-discount a:hover:after,.modal-discount a:focus:after{opacity:1}.modal-footer{margin-top:auto}.modal-actions{display:flex;gap:12px}.preview-title{font-size:1.25rem;font-family:YSMusic,monospace;font-weight:600;margin:0 0 24px;text-align:center;opacity:.9;text-transform:uppercase;letter-spacing:.025em}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.preview-item-placeholder{position:relative;border-radius:var(--border-radius);overflow:hidden;aspect-ratio:16 / 9;background:#0003;display:flex;align-items:center;justify-content:center}.preview-item{position:relative;border-radius:var(--border-radius);overflow:hidden;aspect-ratio:16 / 9;background:#0003;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);will-change:transform}.preview-item.loading{cursor:default;opacity:0;pointer-events:none;transform:scale(.98)}.preview-item.loaded{opacity:1;pointer-events:auto;transform:scale(1)}.preview-item.loaded:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000002e;z-index:2}.preview-item-loader{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;z-index:2}.preview-thumbnail{cursor:default;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(100%);transition:filter .3s ease}.preview-item.loaded:hover .preview-thumbnail{filter:grayscale(50%)}.preview-watch{position:absolute;cursor:pointer;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);background:#000c;border:1px solid rgba(255,255,255,.15);padding:12px;color:#ffffffe6;border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000004d;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.preview-watch.mobile-always-visible{opacity:1;transform:translate(-50%,-50%) scale(1);background:#000000e6;border-color:#ffffff40}.preview-watch:hover{background:#000000e6;border-color:#ffffff40;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 6px 20px #0006;color:#fff}.preview-watch svg{transition:transform .2s cubic-bezier(.4,0,.2,1)}.preview-watch:hover svg{transform:scale(1.1)}.preview-item.loaded:hover{background:#0006}.preview-item.loaded:hover .preview-watch{opacity:1;transform:translate(-50%,-50%) scale(1)}.preview-item.loaded:hover .preview-watch.mobile-always-visible{transform:translate(-50%,-50%) scale(1.05)}.mobile-video-placeholder{position:relative;filter:grayscale(100%);transition:filter .3s ease}.preview-item:hover .mobile-video-placeholder{filter:grayscale(50%)}.preview-empty{text-align:center;padding:40px;color:#fff9}.video-player{width:100%;height:auto;max-height:80vh;display:block;background:#0003;border-radius:16px;transition:opacity .3s ease}.video-player.loading{opacity:.3}.video-player.loaded{opacity:1}.video-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:2}.other-works-list{display:flex;flex-direction:column;gap:16px}.work-item{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:16px;transition:border-color .35s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff05}.work-item:hover{border-color:#ffffff26;background:#ffffff0a}.work-thumbnail{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px}.work-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.work-details{display:flex;flex-direction:column;justify-content:center;gap:16px}.work-details h4{font-size:1rem;font-family:YSMusic,monospace;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.025em}.learn-more-button{width:50%;min-width:50px;color:var(--text-light);text-decoration:none;opacity:.7;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;padding:10px 16px;font:inherit;border-radius:10px;position:relative;overflow:hidden;display:block;box-sizing:border-box}.learn-more-button:after{content:"";position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") no-repeat center;opacity:0;filter:blur(4px);transition:all .3s cubic-bezier(.4,0,.2,1)}.learn-more-button:hover{opacity:1;background:#ffffff14;border-color:#ffffff26;padding-right:35px}.learn-more-button:hover:after{opacity:1;filter:blur(0px);right:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preview-item{animation:fadeIn .3s ease forwards}.font-loaded{opacity:1}.modal-content,.preview-modal,.video-modal,.other-works-modal{position:relative;transform:translateY(20px);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;will-change:transform;backface-visibility:hidden}.modal-button.loading{color:transparent;position:relative}.modal-button.loading .loading-dots{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;height:100%}.suggest-idea-button.loading{color:transparent;position:relative}.suggest-idea-button.loading .loading-dots{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;height:100%}.dot-dark{background-color:var(--text-dark)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.work-actions{display:flex;justify-content:flex-start}.work-contact-link{color:var(--text-light);text-decoration:none;opacity:.7;transition:opacity .3s ease;background:none;border:none;cursor:pointer;padding:0;font:inherit;border-bottom:1px solid rgba(255,255,255,.3);position:relative}.work-contact-link:hover{opacity:1}.work-contact-link.loading{color:transparent;position:relative}.work-contact-link.loading .loading-dots-inline{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center}.mobile-contact a.loading{color:transparent;position:relative}.mobile-contact a.loading .loading-dots{position:absolute;left:0;right:0;top:0;bottom:0;display:grid;align-items:center;justify-content:center;height:100%}.mobile-contact a{display:flex;width:100%;max-width:300px;padding:14px 32px;background:#fffffff2;color:var(--text-dark);border-radius:16px;font-weight:500;text-decoration:none;min-height:48px;align-items:center;justify-content:center;margin:0 auto;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2)}.mobile-contact a:before{content:"";position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") no-repeat center;opacity:0;filter:blur(4px);transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-contact a:hover{box-shadow:0 6px 25px #0003;padding-right:50px;background:#fff;border-color:#ffffff4d}.mobile-contact a:hover:before{opacity:1;filter:blur(0px);right:20px}.mobile-examples-modal-content{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:start}.mobile-examples-modal-image{width:100%;height:120px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.mobile-examples-placeholder{font-size:3rem;opacity:.7}.mobile-examples-modal-text{display:flex;flex-direction:column;gap:20px;justify-content:center;height:100%}.mobile-examples-description{font-size:.875rem;font-family:YSMusic,monospace;color:#fffc;line-height:1.5;margin:0;letter-spacing:.025em}.mobile-examples-buttons{display:flex;flex-direction:column;gap:16px;align-items:center}.mobile-examples-button{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#007aff26;border:1px solid rgba(0,122,255,.3);border-radius:12px;color:#007aff;text-decoration:none;font-family:YSMusic,monospace;font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase;transition:all .3s ease;width:100%;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-examples-button:hover{background:#007aff40;border-color:#007aff80;transform:translateY(-2px)}.mobile-examples-divider{font-size:.75rem;font-family:YSMusic,monospace;color:#ffffff80;text-transform:uppercase;letter-spacing:.025em;position:relative}.mobile-examples-divider:before,.mobile-examples-divider:after{content:"";position:absolute;top:50%;width:40px;height:1px;background:#fff3}.mobile-examples-divider:before{right:calc(100% + 12px)}.mobile-examples-divider:after{left:calc(100% + 12px)}.mobile-examples-pc-text{font-size:.75rem;font-family:YSMusic,monospace;color:#fff9;text-align:center;line-height:1.4;letter-spacing:.05em;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}@media (max-width: 1200px){.service-cards,.preview-grid{grid-template-columns:repeat(2,1fr)}.services-grid,.service-cards{max-width:100%}.service-column:last-child .service-cards{max-width:400px}}@media (max-width: 768px){.service-modal-content{grid-template-columns:1fr;gap:24px}.modal-actions{flex-direction:row;gap:12px;align-items:flex-end;justify-content:center}.modal-actions .contact-button,.modal-actions .learn-more-button{width:auto;min-width:120px;justify-content:center}.modal-description{font-size:.9rem;line-height:1.5}.modal-discount{font-size:.8rem;margin-top:16px}.services{padding:80px 0 100px}.services-grid{flex-direction:column;gap:60px}.services-divider{display:none}.services-title{font-size:2rem;margin-bottom:3rem}.column-title{font-size:1.6rem;margin-bottom:2rem}.service-cards{grid-template-columns:1fr}.service-column:last-child .service-cards{max-width:400px}.service-card{height:360px}.card-image{height:100%}.mobile-contact{display:block;position:fixed;bottom:0;left:0;right:0;padding:16px;background:#0a0a0acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;text-align:center}.modal-actions{flex-direction:column}.faq-card{margin:60px auto 0;padding:24px}.preview-grid{grid-template-columns:1fr}.faq-links{flex-direction:column;align-items:center;width:100%}.faq-link{width:100%;justify-content:center}.work-item{grid-template-columns:1fr;gap:16px}.work-details{text-align:center;align-items:center}.mobile-examples-modal-content{grid-template-columns:1fr;gap:16px;text-align:center}.mobile-examples-modal-image{width:256px;height:256px;margin:0 auto}.mobile-examples-placeholder{font-size:2rem}}.contact-button,.suggest-idea-button,.slide-button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,padding}.service-card{cursor:default;height:320px;overflow:hidden;transition:all var(--transition-speed) cubic-bezier(.34,1.56,.64,1);position:relative;opacity:0;transform:translateY(0);contain:layout style paint;will-change:auto;border-radius:8px}.service-card:hover{transform:translateY(-8px);will-change:transform}.preview-item{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16 / 9;background:#0003;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);animation:fadeIn .3s ease forwards;contain:layout style paint;will-change:auto;border:1px solid rgba(255,255,255,.08)}.preview-item.loaded:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000002e;z-index:2;will-change:transform;border-color:#ffffff26}.other-works-list{display:flex;flex-direction:column;gap:16px;content-visibility:auto;contain-intrinsic-size:0 500px}.card-image img,.modal-image img,.work-thumbnail img,.reviewer-avatar img,.partner-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0)}.loading-dots{display:flex;align-items:center;justify-content:center;gap:4px;height:20px;width:100%;contain:layout style}.dot{width:6px;height:6px;background-color:#292d32;border-radius:50%;display:inline-block;animation:dotPulse 1.4s infinite ease-in-out;margin:0 2px;transform:translateZ(0);will-change:transform,opacity}.background-blobs,.noise,.grid-background{contain:layout style paint;will-change:auto}.scroll-indicator{position:absolute;bottom:80px;animation:bounce 2s infinite;transition:opacity .3s ease;will-change:transform}.services.animate-in .service-card{opacity:1;transform:translateY(0);will-change:auto}.meow-button{height:36px;display:flex;align-items:center;justify-content:center;width:60px;background:#007affa6;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:background .3s ease,transform .3s ease,box-shadow .3s cubic-bezier(.4,0,.2,1)}.meow-button:disabled{background:#007affb3;cursor:not-allowed;transform:none;box-shadow:0 4px 16px #007aff33;height:36px;display:flex;align-items:center;justify-content:center}.meow-button:disabled:hover{background:#007aff99;transform:none;box-shadow:0 4px 16px #007aff33}.meow-button:hover{background:#007affbf}.meow-button:active{transform:scale(.95)}@media (max-width: 768px){.service-card,.preview-item,.modal-system-overlay{will-change:auto}@media (prefers-reduced-motion: reduce){.service-card,.preview-item,.contact-button{transition:none;animation:none}}}@media (min-resolution: 192dpi){.card-image img,.modal-image img{image-rendering:-webkit-optimize-contrast}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}