.services-section{padding:120px 0;position:relative;overflow:hidden}.services-mesh-glow{filter:blur(120px);z-index:1;pointer-events:none;opacity:.3;border-radius:50%;width:400px;height:400px;position:absolute}.cyan-glow{background:radial-gradient(circle,#06b6d44d 0%,#0000 70%);top:10%;left:-100px}.purple-glow{background:radial-gradient(circle,#8b5cf64d 0%,#0000 70%);bottom:10%;right:-100px}.services-intro{max-width:800px;color:var(--text-secondary);text-align:center;margin:0 auto 4rem;font-size:1.15rem;line-height:1.8}.services-grid{z-index:2;grid-template-columns:repeat(12,1fr);gap:30px;margin-bottom:6rem;display:grid;position:relative}.bento-large{grid-column:span 8}.bento-small{grid-column:span 4}.service-card{-webkit-backdrop-filter:blur(24px);background:#ffffff04;border:1px solid #ffffff0a;border-radius:32px;flex-direction:column;padding:45px;transition:all .5s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.service-card-inner{flex-direction:column;justify-content:space-between;gap:30px;width:100%;height:100%;display:flex}.service-meta-content{z-index:2;flex-direction:column;flex:1;height:100%;display:flex}.card-ambient-glow{filter:blur(80px);z-index:1;pointer-events:none;opacity:0;border-radius:50%;width:300px;height:300px;transition:all .6s cubic-bezier(.25,.8,.25,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.service-card:hover{background:#ffffff06;transform:translateY(-5px);box-shadow:0 30px 60px #0006}.service-card:hover .card-ambient-glow{opacity:.15;transform:translate(-50%,-50%)scale(1)}.accent-cyan:hover{border-color:#06b6d459;box-shadow:0 20px 50px #06b6d414,inset 0 0 20px #06b6d405}.accent-cyan .card-ambient-glow{background:radial-gradient(circle,#06b6d466 0%,#0000 70%)}.accent-cyan .service-icon-box{color:#06b6d4;background:#06b6d40f;border-color:#06b6d426}.accent-cyan .feature-check{color:#06b6d4}.accent-purple:hover{border-color:#8b5cf659;box-shadow:0 20px 50px #8b5cf614,inset 0 0 20px #8b5cf605}.accent-purple .card-ambient-glow{background:radial-gradient(circle,#8b5cf666 0%,#0000 70%)}.accent-purple .service-icon-box{color:#a78bfa;background:#8b5cf60f;border-color:#8b5cf626}.accent-purple .feature-check{color:#a78bfa}.accent-emerald:hover{border-color:#10b98159;box-shadow:0 20px 50px #10b98114,inset 0 0 20px #10b98105}.accent-emerald .card-ambient-glow{background:radial-gradient(circle,#10b98166 0%,#0000 70%)}.accent-emerald .service-icon-box{color:#34d399;background:#10b9810f;border-color:#10b98126}.accent-emerald .feature-check{color:#34d399}.accent-amber:hover{border-color:#f59e0b59;box-shadow:0 20px 50px #f59e0b14,inset 0 0 20px #f59e0b05}.accent-amber .card-ambient-glow{background:radial-gradient(circle,#f59e0b66 0%,#0000 70%)}.accent-amber .service-icon-box{color:#fbbf24;background:#f59e0b0f;border-color:#f59e0b26}.accent-amber .feature-check{color:#fbbf24}.service-icon-box{z-index:2;border:1px solid #ffffff14;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:0;font-size:1.4rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.service-card:hover .service-icon-box{color:#fff;background:#ffffff14;border-color:#ffffff40;transform:scale(1.05)}.service-title{color:var(--text-color);letter-spacing:-.5px;font-size:1.6rem;font-weight:750;font-family:var(--font-heading);margin-bottom:0}.service-description{color:var(--text-secondary);opacity:.85;margin-bottom:24px;font-size:.95rem;line-height:1.6}.service-features-list{z-index:2;flex-direction:column;gap:12px;margin:0 0 32px;padding:0;list-style:none;display:flex}.service-features-list li{color:var(--text-color);opacity:.9;align-items:center;gap:10px;font-size:.875rem;font-weight:600;display:flex}.feature-check{flex-shrink:0;width:16px;height:16px}.service-pricing{z-index:2;flex-direction:column;gap:4px;display:flex}.price-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.2px;font-size:.775rem;font-weight:700}.price-amount{font-size:2.2rem;font-weight:800;font-family:var(--font-heading);color:var(--text-color);align-items:baseline;display:flex}.price-period{color:var(--text-secondary);margin-left:4px;font-size:1rem;font-weight:600}.bento-mockup-panel{z-index:2;background:#00000059;border:1px solid #ffffff0d;border-radius:16px;flex-shrink:0;width:320px;height:240px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.mock-window-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.mock-window-header span{background:#ffffff40;border-radius:50%;width:6px;height:6px}.mock-window-body{height:calc(100% - 28px);padding:16px;position:relative}.mock-site-layout{opacity:.35;flex-direction:column;gap:8px;width:100%;height:100%;display:flex}.mock-layout-header{background:#ffffff1a;border-radius:3px;width:40px;height:12px}.mock-layout-hero{background:#ffffff08;border-radius:6px;flex-direction:column;gap:6px;height:48px;padding:10px;display:flex}.mock-hero-line-1{background:#ffffff14;border-radius:2px;width:60%;height:8px}.mock-hero-line-2{background:#ffffff14;border-radius:2px;width:45%;height:8px}.mock-layout-grid{flex-grow:1;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mock-layout-grid div{background:#ffffff05;border:1px dashed #ffffff0d;border-radius:4px}.floating-tech-badge{-webkit-backdrop-filter:blur(10px);color:#fff;background:#0d0d0dcc;border:1px solid #06b6d44d;border-radius:30px;padding:6px 12px;font-size:.725rem;font-weight:700;animation:4s ease-in-out infinite alternate floatEffect;position:absolute;box-shadow:0 8px 20px #0000004d}.badge-1{animation-delay:0s;top:30px;left:20px}.badge-2{border-color:#8b5cf64d;animation-delay:1.3s;bottom:40px;right:25px}.badge-3{border-color:#f59e0b4d;animation-delay:2.2s;top:70px;right:50px}@keyframes floatEffect{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.analytics-mock{border-color:#f59e0b26}.mock-chart-container{flex-direction:column;gap:16px;width:100%;height:100%;display:flex}.mock-chart-title{color:#fff6;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:700}.mock-chart-bars{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;gap:12px;height:90px;margin-bottom:20px;padding-bottom:4px;display:flex}.mock-chart-bars div{background:linear-gradient(#f59e0bb3,#f59e0b1a);border-radius:4px 4px 0 0;width:14%;transition:all .3s}.service-card:hover .mock-chart-bars div{transform:scaleY(1.05)}.floating-stats-card{-webkit-backdrop-filter:blur(10px);background:#0d0d0dd9;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:2px;padding:10px 14px;display:flex;position:absolute;box-shadow:0 10px 25px #0000004d}.stats-1{border-color:#10b9814d;bottom:75px;left:20px}.stats-2{border-color:#f59e0b4d;top:50px;right:20px}.stats-label{color:#fff6;text-transform:uppercase;font-size:.625rem;font-weight:700}.stats-value{color:#fff;font-size:1rem;font-weight:800}.services-cta-section{text-align:center;-webkit-backdrop-filter:blur(12px);z-index:2;background:#ffffff03;border:1px solid #ffffff08;border-radius:36px;max-width:800px;margin:5rem auto 0;padding:60px 40px;position:relative}.services-cta-section h2{font-size:2.2rem;font-weight:800;font-family:var(--font-heading);color:var(--text-color);letter-spacing:-.5px;margin-bottom:16px}.services-cta-section p{color:var(--text-secondary);max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.05rem}[data-theme=light] .services-mesh-glow{opacity:.15}[data-theme=light] .service-card{background:#00000003;border-color:#0000000d}[data-theme=light] .service-card:hover{background:#fff;border-color:#00000014;box-shadow:0 30px 60px #0000000d}[data-theme=light] .bento-mockup-panel{background:#f8fafc;border-color:#0000000f;box-shadow:0 15px 30px #0000000d}[data-theme=light] .floating-tech-badge,[data-theme=light] .floating-stats-card{color:#0f172a;background:#fff;border-color:#00000014}[data-theme=light] .stats-value{color:#0f172a}[data-theme=light] .mock-window-header{background:#00000005;border-bottom-color:#0000000a}[data-theme=light] .mock-window-header span{background:#00000026}[data-theme=light] .mock-site-layout{opacity:.15}[data-theme=light] .mock-layout-header,[data-theme=light] .mock-layout-hero,[data-theme=light] .mock-hero-line-1,[data-theme=light] .mock-hero-line-2{background:#000}[data-theme=light] .mock-chart-bars{border-bottom-color:#0000000f}[data-theme=light] .mock-chart-title{color:#0006}[data-theme=light] .services-cta-section{background:#00000001;border-color:#00000008}@media screen and (max-width:1024px){.bento-large,.bento-small{grid-column:span 12}}@media screen and (max-width:768px){.services-section{padding:80px 0}.services-intro{margin-bottom:3rem;font-size:1rem}.services-grid{grid-template-columns:1fr;gap:20px;margin-bottom:4rem}.service-card{padding:30px}.service-title{font-size:1.3rem}.service-card-inner{flex-direction:column;align-items:flex-start;gap:30px}.bento-mockup-panel{align-self:center;width:100%;max-width:340px;height:200px}.mock-chart-bars{height:70px}.stats-1{bottom:50px}.stats-2{top:40px}.services-cta-section{margin-top:3rem;padding:40px 20px}.services-cta-section h2{font-size:1.8rem}}.service-action-btn{width:100%;color:var(--text-color);cursor:pointer;z-index:2;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-size:.875rem;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.service-action-btn i{font-size:1rem}.service-action-btn:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)}.accent-cyan:hover .service-action-btn{color:#06b6d4;border-color:#06b6d480;box-shadow:0 4px 12px #06b6d426}.accent-purple:hover .service-action-btn{color:#a78bfa;border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf626}.accent-emerald:hover .service-action-btn{color:#34d399;border-color:#10b98180;box-shadow:0 4px 12px #10b98126}.accent-amber:hover .service-action-btn{color:#fbbf24;border-color:#f59e0b80;box-shadow:0 4px 12px #f59e0b26}[data-theme=light] .service-action-btn{background:#00000005;border-color:#0000000f}[data-theme=light] .service-action-btn:hover{color:#000;background:#0000000d}.services-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:100000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.services-modal{-webkit-backdrop-filter:blur(20px);background:#0f0f0fd9;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:440px;padding:32px;position:relative;box-shadow:0 25px 50px #00000080}[data-theme=light] .services-modal{background:#fffffff2;border-color:#00000014;box-shadow:0 25px 50px #0000001a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{font-size:1.4rem;font-weight:800;font-family:var(--font-heading);color:var(--text-color);margin:0}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.8rem;line-height:1;transition:color .2s}.modal-close-btn:hover{color:var(--text-color)}.modal-body{margin-bottom:28px}.modal-service-name{color:var(--text-secondary);margin:0 0 20px;font-size:.9rem;font-weight:500}.modal-service-name span{color:var(--text-color);font-weight:700}.modal-input-group{flex-direction:column;gap:8px;display:flex}.modal-input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.825rem;font-weight:700}.modal-input-group input{color:var(--text-color);-webkit-backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff1f;border-radius:14px;outline:none;padding:15px 20px;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000026}[data-theme=light] .modal-input-group input{background:#00000005;border-color:#00000026;box-shadow:inset 0 2px 4px #00000008}.modal-input-group input:focus{background:#ffffff0a;border-color:#06b6d499;box-shadow:0 0 20px #06b6d440,inset 0 1px 2px #ffffff1a}[data-theme=light] .modal-input-group input:focus{background:#fffc;border-color:#06b6d4b3;box-shadow:0 0 20px #06b6d433,inset 0 1px 2px #0000000d}.modal-footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.btn-modal-cancel{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:12px;padding:12px 20px;font-size:.85rem;font-weight:700;transition:all .2s}[data-theme=light] .btn-modal-cancel{border-color:#00000014}.btn-modal-cancel:hover{color:var(--text-color);background:#ffffff05;border-color:#ffffff26}[data-theme=light] .btn-modal-cancel:hover{background:#00000003;border-color:#00000026}.btn-modal-submit{color:#000;cursor:pointer;background:#25d366;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.85rem;font-weight:800;transition:all .3s;display:flex}.btn-modal-submit:hover{background:#20ba59;transform:translateY(-2px);box-shadow:0 4px 15px #25d3664d}.service-card-header{z-index:2;align-items:center;gap:20px;width:100%;margin-bottom:24px;display:flex}.service-main-content{flex-direction:row;flex-grow:1;justify-content:space-between;align-items:flex-start;gap:40px;width:100%;display:flex}.service-graphic-content{z-index:2;flex-direction:column;flex-shrink:0;align-items:center;gap:20px;width:320px;display:flex}.service-pricing-row{z-index:2;border-top:1px solid #ffffff0f;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:20px;width:100%;margin-top:auto;padding-top:24px;display:flex}.bento-large .service-action-btn{flex-shrink:0;width:320px}.bento-small .service-action-btn{width:auto;min-width:unset;border-radius:10px;padding:10px 18px;font-size:.8rem}@media screen and (max-width:1024px){.service-main-content{flex-direction:column;gap:30px}.service-graphic-content{align-self:center;width:100%}}@media screen and (max-width:768px){.service-graphic-content{display:none!important}.services-grid{scrollbar-width:none;scroll-snap-type:x mandatory!important;flex-direction:row!important;gap:20px!important;width:100%!important;padding:10px 4px 24px!important;display:flex!important;overflow-x:auto!important}.services-grid::-webkit-scrollbar{display:none!important}.service-card{grid-column:unset!important;scroll-snap-align:center!important;flex-shrink:0!important;width:88vw!important;max-width:320px!important;padding:30px 24px!important}.service-pricing-row{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.bento-large .service-action-btn,.bento-small .service-action-btn,.service-action-btn{width:100%!important}}[data-theme=light] .accent-cyan:hover .service-action-btn{color:#0891b2;background:#0891b20a;border-color:#0891b24d}[data-theme=light] .accent-purple:hover .service-action-btn{color:#7c3aed;background:#7c3aed0a;border-color:#7c3aed4d}[data-theme=light] .accent-emerald:hover .service-action-btn{color:#059669;background:#0596690a;border-color:#0596694d}[data-theme=light] .accent-amber:hover .service-action-btn{color:#d97706;background:#d977060a;border-color:#d977064d}.liquid-glass-modal{-webkit-backdrop-filter:blur(35px);background:linear-gradient(135deg,#19191e80 0%,#0f0f1266 100%);border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:460px;padding:36px;position:relative;overflow:hidden;box-shadow:0 40px 80px #0009,inset 1px 1px #ffffff40,inset -1px -1px #0000004d}[data-theme=light] .liquid-glass-modal{background:linear-gradient(135deg,#ffffffbf 0%,#fff9 100%);border-color:#fff9;box-shadow:0 40px 80px #0000001a,inset 1px 1px #fffc,inset -1px -1px #0000000d}.liquid-blobs-container{z-index:1;pointer-events:none;filter:blur(45px);opacity:.45;position:absolute;inset:0;overflow:hidden}.liquid-blob{mix-blend-mode:screen;will-change:transform;border-radius:50%;animation:20s ease-in-out infinite alternate floatBlob;position:absolute}[data-theme=light] .liquid-blob{mix-blend-mode:multiply;opacity:.18}.liquid-blob-1{background:radial-gradient(circle,#06b6d4b3 0%,#0000 75%);width:220px;height:220px;animation-name:floatBlob1;animation-duration:16s;top:-70px;left:-70px}.liquid-blob-2{background:radial-gradient(circle,#a855f7a6 0%,#0000 75%);width:200px;height:200px;animation-name:floatBlob2;animation-duration:15s;animation-delay:-2s;bottom:-50px;right:-50px}.liquid-blob-3{background:radial-gradient(circle,#f59e0b4d 0%,#0000 70%);width:150px;height:150px;animation-name:floatBlob3;animation-duration:10s;animation-delay:-5s;top:40%;left:55%}.liquid-blob-4{background:radial-gradient(circle,#ec48994d 0%,#0000 70%);width:120px;height:120px;animation-name:floatBlob4;animation-duration:14s;animation-delay:-8s;bottom:45%;left:-20px}@keyframes floatBlob1{0%,to{border-radius:50% 50% 40% 60%/60% 40% 60% 50%;transform:translate(0)scale(1)}33%{border-radius:40% 60% 60% 40%/50%;transform:translate(30px,15px)scale(1.1)}66%{border-radius:60% 40% 40% 60%/40% 60% 60% 40%;transform:translate(-10px,30px)scale(.95)}}@keyframes floatBlob2{0%,to{border-radius:40% 60% 50% 50%/50% 40% 60% 50%;transform:translate(0)scale(1)}50%{border-radius:60% 40%/40% 60%;transform:translate(-30px,-20px)scale(1.1)}}@keyframes floatBlob3{0%,to{border-radius:50%;transform:translate(0)scale(1)}50%{border-radius:40% 60%/50%;transform:translate(20px,-30px)scale(.9)}}@keyframes floatBlob4{0%,to{transform:translate(0)scale(1)}50%{border-radius:60% 40% 50% 50%;transform:translate(30px,20px)scale(1.15)}}.modal-content-wrapper{z-index:10;position:relative}.modal-progress-bar{justify-content:space-between;align-items:center;gap:6px;margin-bottom:24px;display:flex}.modal-progress-step{background:#ffffff1a;border-radius:2px;flex:1;height:4px;transition:all .3s}[data-theme=light] .modal-progress-step{background:#00000014}.modal-progress-step.active{background:var(--text-color);box-shadow:0 0 8px var(--text-color)}.modal-step-title{color:var(--text-color);margin-bottom:16px;font-size:1.1rem;font-weight:750}.google-auth-button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 10px #0000000d}.google-auth-button:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.google-auth-button svg{width:20px;height:20px}.modal-success-screen{text-align:center;padding:16px 0}.success-check-circle{color:#10b981;background:#10b98126;border:2px solid #10b981;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:1.8rem;display:flex}.phone-input-container{gap:8px;width:100%;display:flex;position:relative}.custom-phone-dropdown{z-index:1000;position:relative}.phone-dropdown-trigger{color:var(--text-color);cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;min-width:110px;padding:15px 16px;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 2px 4px #00000026}[data-theme=light] .phone-dropdown-trigger{background:#00000005;border-color:#00000026;box-shadow:inset 0 2px 4px #00000008}.phone-dropdown-trigger:hover,.phone-dropdown-trigger:focus{border-color:#06b6d499;box-shadow:0 0 15px #06b6d426}.dropdown-arrow-icon{color:var(--text-secondary);font-size:.75rem;transition:transform .2s}.dropdown-arrow-icon.open{transform:rotate(180deg)}.dropdown-click-overlay{z-index:998;position:fixed;inset:0}.phone-dropdown-list{-webkit-backdrop-filter:blur(20px);z-index:999;background:#16161afa;border:1px solid #ffffff1a;border-radius:16px;width:250px;max-height:220px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 15px 40px #0009}[data-theme=light] .phone-dropdown-list{background:#fffffffa;border-color:#00000014;box-shadow:0 15px 40px #0000001a}.phone-dropdown-list::-webkit-scrollbar{width:6px}.phone-dropdown-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}[data-theme=light] .phone-dropdown-list::-webkit-scrollbar-thumb{background:#0000001a}.phone-dropdown-item{cursor:pointer;color:var(--text-color);text-align:left;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;transition:all .2s;display:flex}.phone-dropdown-item:hover{background:#ffffff0f}[data-theme=light] .phone-dropdown-item:hover{background:#0000000a}.phone-dropdown-item.selected{color:#06b6d4;background:#06b6d41f;font-weight:600}[data-theme=light] .phone-dropdown-item.selected{background:#06b6d414}.country-flag{font-size:1.1rem}.country-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary);flex:1;overflow:hidden}.phone-dropdown-item.selected .country-name{color:#06b6d4}.country-code{color:var(--text-color);font-weight:700}
