.services-hero{text-align:center;z-index:10;max-width:800px;margin:0 auto 72px;position:relative}.filter-tabs-wrapper{justify-content:center;margin-bottom:48px;display:flex}.filter-tabs-container{-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff6;border-radius:99px;padding:6px;display:inline-flex;position:relative}.filter-tab-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:2;background:0 0;border:none;border-radius:99px;padding:10px 24px;font-size:14px;font-weight:700;position:relative}.filter-tab-btn.active{color:#fff;background:var(--accent-blue);box-shadow:0 4px 12px #06f3}.filter-tab-btn:hover:not(.active){color:var(--text-primary)}.services-bento-grid{grid-template-columns:repeat(12,1fr);gap:32px;margin-bottom:96px;display:grid}.service-card-wrapper{transition:all var(--transition-medium)}.service-card{border:1px solid var(--border-color);height:100%;box-shadow:var(--shadow-sm);transition:all var(--transition-medium);background:#fff;border-radius:32px;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.service-card-local,.service-card-saas{background:linear-gradient(#fff 0%,#f8f9fad9 100%)}.service-card-seo{background:linear-gradient(135deg,#fffffff2 0%,#e6f0ff80 100%)}.service-card:hover{border-color:#0066ff2e;transform:translateY(-6px);box-shadow:0 30px 60px -15px #0f172a14,0 15px 40px -15px #0066ff1f}.service-inner-flex{align-items:center;gap:40px;width:100%;display:flex}.service-text-content{flex:1}.service-visual-content{flex:0 0 260px;justify-content:center;align-items:center;display:flex;position:relative}.booking-mockup-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);width:240px;transition:all var(--transition-medium);background:#fffffff2;border-radius:24px;padding:20px;transform:rotate(2deg);box-shadow:0 15px 35px #0066ff0d}.service-card:hover .booking-mockup-card{transform:rotate(0)scale(1.03)}.invoice-mockup-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);width:240px;transition:all var(--transition-medium);background:#fffffff2;border-radius:24px;padding:20px;transform:translateY(8px);box-shadow:0 15px 35px #0066ff0d}.service-card:hover .invoice-mockup-card{transform:translateY(0)scale(1.03)}.pagespeed-mockup-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);width:240px;transition:all var(--transition-medium);background:#fffffff2;border-radius:24px;flex-direction:column;align-items:center;padding:24px;display:flex;transform:rotate(-2deg);box-shadow:0 15px 35px #0066ff0d}.service-card:hover .pagespeed-mockup-card{transform:rotate(0)scale(1.03)}.speed-dial-outer{background:radial-gradient(circle,#10b9810d 0%,#0000 80%);border:8px solid #10b981;border-bottom-color:#10b98114;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:12px;animation:3s ease-in-out infinite alternate pulse-glow;display:flex;position:relative;box-shadow:0 0 20px #10b98126}@keyframes pulse-glow{0%{box-shadow:0 0 10px #10b9811a}to{box-shadow:0 0 25px #10b9814d}}.speed-dial-value{color:#10b981;font-size:26px;font-weight:900}.comparison-table-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);background:#ffffffa6;border-radius:32px;margin-bottom:96px;padding:48px;overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;min-width:600px}.comparison-table th{font-family:var(--font-headings);text-align:left;border-bottom:1px solid var(--border-color);padding:20px;font-size:15px;font-weight:800}.comparison-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:20px;font-size:14.5px}.comparison-table tr:last-child td{border-bottom:none}.comparison-table .feature-name{color:var(--text-primary);font-weight:700}.comparison-table .check-yes{color:var(--accent-blue);font-weight:900}.comparison-table .check-no{color:var(--text-muted);opacity:.5}.col-span-8{grid-column:span 8}.col-span-4{grid-column:span 4}.col-span-12{grid-column:span 12}@media (max-width:991px){.services-bento-grid{grid-template-columns:1fr;gap:24px}.col-span-8,.col-span-4,.col-span-12{grid-column:span 1!important}.service-card{padding:32px 24px}.service-inner-flex{flex-direction:column;gap:32px}.service-visual-content{flex:auto;width:100%;margin-top:12px}.booking-mockup-card,.invoice-mockup-card,.pagespeed-mockup-card{width:100%;max-width:280px;transform:none!important}}@media (max-width:600px){.services-hero{margin-bottom:40px}.filter-tabs-container{width:100%;display:flex}.filter-tab-btn{flex:1;padding:8px 12px;font-size:12px}.comparison-table-wrapper{border-radius:20px;padding:24px 16px}.comparison-table th,.comparison-table td{padding:12px 8px;font-size:12px}}@media (min-width:992px){.col-span-4 .service-inner-flex{flex-direction:column!important;align-items:flex-start!important;gap:32px!important}.col-span-4 .service-visual-content{flex:auto!important;width:100%!important;margin-top:16px!important}.col-span-4 .invoice-mockup-card{width:100%!important;max-width:280px!important;transform:none!important}}.service-badge-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:28px;display:flex}.service-badge-container .badge{white-space:nowrap!important}@media (min-width:992px) and (max-width:1200px){.col-span-4 .service-badge-container{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}@media (max-width:480px){.service-badge-container{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}.glow-sphere{filter:blur(90px);opacity:.35;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.blob-1{animation:18s ease-in-out infinite alternate float-blob}.blob-2{animation:22s ease-in-out infinite alternate-reverse float-blob}.blob-3{animation:20s ease-in-out infinite alternate float-blob}@keyframes float-blob{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-50px)scale(1.08)}to{transform:translate(0)scale(1)}}