:root{--bg: #050505;--text: #fff;--accent: #00cc66;--accent-2: #8b5cf6;--muted: #888;--card-bg: #0a0a0a;--border: rgba(255,255,255,0.08);--r: 24px;--max: 1400px}.maplibregl-ctrl-group{background: var(--card-bg) !important;border: 1px solid var(--border) !important;border-radius: 12px !important;box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;overflow: hidden}.maplibregl-ctrl-group button{background: transparent !important;border: none !important;width: 36px !important;height: 36px !important}.maplibregl-ctrl-group button:hover{background: rgba(0,204,102,0.1) !important}.maplibregl-ctrl-group button + button{border-top: 1px solid var(--border) !important}.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon,.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{filter: invert(1)}[data-theme="light"] .maplibregl-ctrl-group{background: #fff !important;border-color: rgba(0,0,0,0.1) !important;box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important}[data-theme="light"] .maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon,[data-theme="light"] .maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{filter: none}.result-badge.negative{background: rgba(239,68,68,0.14);color: #ef4444;border: 1px solid rgba(239,68,68,0.22)}[data-theme="light"] .result-badge.negative{background: rgba(239,68,68,0.10);border-color: rgba(239,68,68,0.18)}.service-selector-wrapper{position: relative;padding: 85px 0 70px;margin: 30px 0 55px;border: 1px solid var(--border);border-radius: 34px;overflow: hidden;background:
radial-gradient(900px 240px at 50% 0%,rgba(0,204,102,0.10),transparent 60%),radial-gradient(700px 220px at 80% 20%,rgba(139,92,246,0.08),transparent 55%),linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.00))}.service-selector-wrapper::before{content:'';position:absolute;left: 5%;right: 5%;top: 22px;height: 3px;border-radius: 999px;background: linear-gradient(90deg,rgba(0,204,102,0),var(--accent),var(--accent-2),var(--accent),rgba(0,204,102,0));background-size: 200% 100%;animation: selectorGlowFlow 10s linear infinite;box-shadow: 0 0 16px rgba(0,204,102,0.22),0 0 22px rgba(139,92,246,0.14);opacity: 0.9}@keyframes selectorGlowFlow{0%{background-position: 0% 50%}100%{background-position: 200% 50%}}.service-selector-head{text-align: center;margin-bottom: 34px}.service-selector-pill{display:inline-flex;align-items:center;justify-content:center;padding: 8px 14px;border-radius: 999px;border: 1px solid var(--border);background: rgba(255,255,255,0.02);color: var(--muted);font-size: 12px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;margin-bottom: 14px}.service-selector-title{font-size: clamp(26px,3vw,40px);font-weight: 900;letter-spacing: -1.5px;margin-bottom: 10px}.service-selector-title::after{content: ' • ';margin: 0 6px;color: var(--accent);opacity: .8}.service-selector-subtitle{max-width: 680px;margin: 0 auto;color: var(--muted);font-size: 15px;line-height: 1.7}.service-tab{min-width: 260px;padding: 34px 46px}.service-tab.active{transform: translateY(-10px)}[data-theme="light"] .service-selector-wrapper{background:
radial-gradient(900px 240px at 50% 0%,rgba(0,204,102,0.08),transparent 60%),radial-gradient(700px 220px at 80% 20%,rgba(139,92,246,0.06),transparent 55%),linear-gradient(180deg,rgba(255,255,255,0.80),rgba(255,255,255,0.35));border-color: rgba(0,0,0,0.08)}[data-theme="light"] .service-selector-pill{background: rgba(255,255,255,0.75);border-color: rgba(0,0,0,0.08)}.nav-links a.nav-accent{color: var(--muted) !important;font-weight: 600;position: relative}.nav-links a.nav-accent::after{content: '';position: absolute;left: 0;bottom: -6px;width: 100%;height: 3px;border-radius: 999px;background: linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent));background-size: 200% 100%;animation: navUnderlineFlow 6s linear infinite;box-shadow: 0 0 10px rgba(0,204,102,0.35),0 0 18px rgba(139,92,246,0.25);opacity: 0.9}.nav-links a.nav-accent::before{content: '';position: absolute;left: 0;bottom: -6px;width: 100%;height: 3px;border-radius: 999px;background: linear-gradient(90deg,rgba(0,204,102,0.25),rgba(139,92,246,0.18),rgba(0,204,102,0.25));filter: blur(6px);animation: navUnderlineFlow 9s linear infinite;opacity: 0.7}@keyframes navUnderlineFlow{0%{background-position: 0% center}50%{background-position: 100% center}100%{background-position: 0% center}}.nav-links a.nav-accent:hover{color: #fff !important}[data-theme="light"] .nav-links a.nav-accent{color: #5a5a5a !important}[data-theme="light"] .nav-links a.nav-accent:hover{color: #1a1a1a !important}[data-theme="light"] .nav-links a.nav-accent::after{box-shadow: 0 0 8px rgba(0,204,102,0.25),0 0 14px rgba(139,92,246,0.18)}@media (prefers-reduced-motion: reduce){.nav-links a.nav-accent::before,.nav-links a.nav-accent::after{animation: none}}.nav-links a.nav-accent:hover::after,.nav-links a.nav-accent:hover::before{width: 100%}.nav-links a.nav-accent::marker,.nav-highlight::before{display: none !important}.progress-bar{position: fixed;top: 0;left: 0;height: 3px;width: 0%;background: linear-gradient(90deg,var(--accent),var(--accent-2));z-index: 10004;transition: width 0.1s ease;box-shadow: 0 0 10px rgba(0,204,102,0.5)}[data-theme="light"] .progress-bar{box-shadow: 0 0 8px rgba(0,204,102,0.4)}*{cursor: none !important;box-sizing: border-box;margin: 0;padding: 0}::selection{background: var(--accent);color: #fff}html{scroll-behavior: smooth}body{background: var(--bg);color: var(--text);font-family: 'Inter',ui-sans-serif,system-ui,sans-serif;overflow-x: hidden;-webkit-font-smoothing: antialiased;line-height: 1.6;min-height: 100vh}::-webkit-scrollbar{width: 8px}::-webkit-scrollbar-track{background: var(--bg)}::-webkit-scrollbar-thumb{background: var(--accent);border-radius: 4px}.site-credit{position: fixed;bottom: 12px;right: 15px;font-size: 10px;color: var(--muted);opacity: 0.4;letter-spacing: 0.5px;z-index: 10;transition: opacity 0.3s}.site-credit:hover{opacity: 0.7}.site-credit a{color: inherit;text-decoration: none}.site-credit a:hover{color: var(--accent)}#cursor{position: fixed;width: 20px;height: 20px;background: var(--accent);border-radius: 50%;pointer-events: none;z-index: 10003;mix-blend-mode: difference;transition: transform 0.15s ease-out,width 0.2s,height 0.2s;transform: translate(-50%,-50%)}#cursor.hover{width: 60px;height: 60px;background: #fff}#cursor-follower{position: fixed;width: 40px;height: 40px;border: 1px solid rgba(255,255,255,0.2);border-radius: 50%;pointer-events: none;z-index: 10003;transform: translate(-50%,-50%);transition: opacity 0.3s,transform 0.4s cubic-bezier(0.23,1,0.32,1)}#cursor.no-blend{mix-blend-mode: normal}#cursor.logo-hover{width: 60px;height: 60px;background: #ff3b3b}[data-theme="light"] #cursor{mix-blend-mode: difference;background: #ff3399}[data-theme="light"] #cursor.hover{background: #ffffff}[data-theme="light"] #cursor.logo-hover{background: #ff3b3b;mix-blend-mode: normal}.nav-logo-fixed{position: fixed;top: 20px;left: 40px;z-index: 10005;font-size: 24px;font-weight: 900;letter-spacing: -1px;display: flex;align-items: center;gap: 8px;text-decoration: none;color: inherit;transition: opacity 0.3s}.nav-logo-fixed:hover{opacity: 0.85}.nav-logo-fixed .dot{width: 8px;height: 8px;background: var(--accent);border-radius: 50%;animation: pulse 2s infinite}.nav-logo-placeholder{width: 140px}[data-theme="light"] .nav-logo-fixed{color: #1a1a1a}@media (max-width: 900px){.nav-logo-fixed{top: 15px;left: 20px}}nav{position: fixed;top: 0;left: 0;right: 0;z-index: 1000;padding: 20px 40px;display: flex;justify-content: space-between;align-items: center;background: rgba(5,5,5,0.8);backdrop-filter: blur(20px);border-bottom: 1px solid var(--border)}.nav-links{display: flex;gap: 40px;list-style: none;align-items: center}.nav-links a{color: var(--muted);text-decoration: none;font-size: 14px;font-weight: 500;transition: color 0.3s;position: relative;padding-bottom: 4px}.nav-links a::after{content: '';position: absolute;left: 0;bottom: -4px;width: 0;height: 2px;background: var(--accent);transition: width 0.3s}.nav-links a:hover{color: #fff}.nav-links a:hover::after,.nav-links a.active::after{width: 100%}.nav-divider{width: 1px;height: 20px;background: var(--border);margin: 0 10px}.nav-highlight{color: var(--muted) !important;font-weight: 500 !important;position: relative}.nav-highlight::after{content: '';position: absolute;left: 0;bottom: -4px;width: 100%;height: 2px;background: linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent));background-size: 200% 100%;animation: gradientFlow 3s ease infinite;border-radius: 2px}@keyframes gradientFlow{0%{background-position: 0% center}50%{background-position: 100% center}100%{background-position: 0% center}}.nav-highlight:hover{color: #fff !important}[data-theme="light"] .nav-highlight{color: #5a5a5a !important}[data-theme="light"] .nav-highlight:hover{color: #1a1a1a !important}@keyframes gradientFlow{0%{background-position: 0% center}50%{background-position: 100% center}100%{background-position: 0% center}}.nav-highlight:hover{color: #fff !important}[data-theme="light"] .nav-highlight{color: #5a5a5a !important}[data-theme="light"] .nav-highlight:hover{color: #1a1a1a !important}@keyframes pulse{0%,100%{opacity: 1;transform: scale(1)}50%{opacity: 0.5;transform: scale(1.2)}}.nav-cta{padding: 12px 24px;background: #fff;color: #000;border: none;border-radius: 99px;font-weight: 600;font-size: 14px;transition: transform 0.3s,box-shadow 0.3s;text-decoration: none}.nav-cta:hover{transform: scale(1.05);box-shadow: 0 10px 40px rgba(0,204,102,0.3)}.nav-cta::after{display: none !important}.nav-actions{display: flex;align-items: center}.theme-toggle{width: 44px;height: 44px;border-radius: 50%;background: var(--card-bg);border: 1px solid var(--border);display: grid;place-items: center;font-size: 20px;transition: transform 0.5s cubic-bezier(0.4,0,0.2,1),background 0.3s,border-color 0.3s;margin-right: 15px;position: relative}.theme-toggle:hover{border-color: var(--accent);transform: scale(1.1)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{position: absolute;transition: opacity 0.3s,transform 0.3s;color: var(--text)}.theme-toggle .icon-sun{opacity: 0;transform: rotate(-90deg) scale(0.8)}.theme-toggle .icon-moon{opacity: 1;transform: rotate(0deg) scale(1)}[data-theme="light"] .theme-toggle .icon-sun{opacity: 1;transform: rotate(0deg) scale(1)}[data-theme="light"] .theme-toggle .icon-moon{opacity: 0;transform: rotate(90deg) scale(0.8)}.wrap{width: min(var(--max),90%);margin: 0 auto;position: relative;z-index: 2}.services-header{text-align: center;padding: 150px 0 40px}.section-label{font-size: 12px;font-weight: 700;color: var(--accent);text-transform: uppercase;letter-spacing: 3px;margin-bottom: 20px}.section-title{font-size: clamp(36px,5vw,64px);font-weight: 800;letter-spacing: -2px;margin-bottom: 20px}.section-subtitle{font-size: 18px;color: var(--muted);max-width: 650px;margin: 0 auto}.service-selector-wrapper{background: linear-gradient(180deg,rgba(0,204,102,0.03) 0%,transparent 100%);padding: 50px 0 40px;margin: 20px 0 40px;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border)}.service-selector-title{text-align: center;font-size: 14px;color: var(--muted);text-transform: uppercase;letter-spacing: 2px;margin-bottom: 30px}.service-selector{display: flex;justify-content: center;gap: 30px;flex-wrap: wrap;max-width: 1000px;margin: 0 auto}.service-tab{padding: 30px 45px;background: var(--card-bg);border: 2px solid var(--border);border-radius: 24px;font-size: 16px;font-weight: 700;color: var(--muted);transition: all 0.4s cubic-bezier(0.4,0,0.2,1);display: flex;flex-direction: column;align-items: center;gap: 16px;min-width: 240px;position: relative;overflow: hidden}.service-tab::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg,var(--accent),var(--accent-2));transform: scaleX(0);transition: transform 0.3s}.service-tab::after{content: '';position: absolute;inset: 0;background: radial-gradient(circle at center,rgba(0,204,102,0.1) 0%,transparent 70%);opacity: 0;transition: opacity 0.3s}.service-tab:hover{border-color: rgba(255,255,255,0.2);transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0,0,0,0.3)}.service-tab.active{border-color: var(--accent);color: var(--text);background: linear-gradient(135deg,rgba(0,204,102,0.1),rgba(0,204,102,0.02));box-shadow: 0 0 40px rgba(0,204,102,0.2)}.service-tab.active::before{transform: scaleX(1)}.service-tab.active::after{opacity: 1}.service-tab-icon{width: 60px;height: 60px;background: linear-gradient(135deg,var(--accent),var(--accent-2));border-radius: 16px;display: grid;place-items: center;transition: transform 0.3s;position: relative;z-index: 1}.service-tab-icon svg{width: 28px;height: 28px;stroke: #fff;fill: none;stroke-width: 2}.service-tab:hover .service-tab-icon{transform: scale(1.1) rotate(-5deg)}.service-tab-name{font-size: 17px;letter-spacing: -0.5px;position: relative;z-index: 1}.service-tab-desc{font-size: 12px;color: var(--muted);font-weight: 400;position: relative;z-index: 1}[data-theme="light"] .service-tab{background: #fff;border-color: rgba(0,0,0,0.1);box-shadow: 0 4px 20px rgba(0,0,0,0.05)}[data-theme="light"] .service-tab.active{background: linear-gradient(135deg,rgba(0,204,102,0.08),rgba(0,204,102,0.02));border-color: var(--accent);color: #1a1a1a}[data-theme="light"] .service-tab-name{color: #1a1a1a}[data-theme="light"] .service-tab:not(.active) .service-tab-name{color: var(--muted)}[data-theme="light"] .service-selector-wrapper{background: linear-gradient(180deg,rgba(0,204,102,0.02) 0%,transparent 100%);border-color: rgba(0,0,0,0.08)}.service-content{display: none;animation: fadeInUp 0.6s ease}.service-content.active{display: block}@keyframes fadeInUp{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: translateY(0)}}.service-hero{background: var(--card-bg);border: 1px solid var(--border);border-radius: var(--r);padding: 60px;margin-bottom: 40px;position: relative;overflow: hidden}.service-hero::before{content: '';position: absolute;top: -50%;right: -20%;width: 500px;height: 500px;background: radial-gradient(circle,rgba(0,204,102,0.1) 0%,transparent 60%);pointer-events: none}.service-hero-content{position: relative;z-index: 1;display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center}.service-hero h2{font-size: 42px;font-weight: 800;letter-spacing: -2px;margin-bottom: 20px;line-height: 1.1}.service-hero p{font-size: 17px;color: var(--muted);line-height: 1.8;margin-bottom: 30px}.service-hero .highlight{color: var(--accent);font-weight: 600}.guarantee-badge{display: inline-flex;align-items: center;gap: 12px;padding: 16px 24px;background: linear-gradient(135deg,rgba(0,204,102,0.15),rgba(0,204,102,0.05));border: 1px solid var(--accent);border-radius: 16px;margin-bottom: 30px}.guarantee-badge .icon{width: 40px;height: 40px;background: var(--accent);border-radius: 50%;display: grid;place-items: center;font-size: 20px;color: #fff}.guarantee-badge .icon svg{width: 20px;height: 20px;stroke: #fff;fill: none;stroke-width: 2.5}.guarantee-badge .text{font-size: 14px;font-weight: 700;color: var(--accent);text-transform: uppercase;letter-spacing: 1px}.guarantee-badge .subtext{font-size: 12px;color: var(--muted);margin-top: 2px;text-transform: none;letter-spacing: 0}.guarantee-badge.prominent{padding: 24px 36px;background: var(--card-bg);border: 2px solid var(--border);border-radius: 20px;margin-bottom: 40px;position: relative;overflow: hidden}.guarantee-badge.prominent::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg,var(--accent),var(--accent-2))}.guarantee-badge.prominent .icon{width: 56px;height: 56px;background: linear-gradient(135deg,var(--accent),var(--accent-2));border-radius: 16px}.guarantee-badge.prominent .icon svg{width: 28px;height: 28px}.guarantee-badge.prominent .text{font-size: 18px;color: var(--text);letter-spacing: 0;text-transform: none}.guarantee-badge.prominent .subtext{font-size: 14px;margin-top: 4px}[data-theme="light"] .guarantee-badge.prominent{background: #fff;border-color: rgba(0,0,0,0.1);box-shadow: 0 4px 20px rgba(0,0,0,0.06)}[data-theme="light"] .guarantee-badge.prominent .text{color: #1a1a1a}.features-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 25px;margin-bottom: 50px}.feature-card{background: var(--card-bg);border: 1px solid var(--border);border-radius: 20px;padding: 35px 30px;transition: all 0.3s;position: relative;overflow: hidden}.feature-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg,var(--accent),var(--accent-2));opacity: 0;transition: opacity 0.3s}.feature-card:hover{transform: translateY(-8px);border-color: rgba(255,255,255,0.15)}.feature-card:hover::before{opacity: 1}.feature-icon{width: 50px;height: 50px;background: linear-gradient(135deg,var(--accent),var(--accent-2));border-radius: 14px;display: grid;place-items: center;margin-bottom: 20px}.feature-icon svg{width: 24px;height: 24px;stroke: #fff;fill: none;stroke-width: 2}.feature-card h4{font-size: 18px;font-weight: 700;margin-bottom: 10px;letter-spacing: -0.5px}.feature-card p{font-size: 14px;color: var(--muted);line-height: 1.7}.demos-row{display: grid;grid-template-columns: 1fr 1fr;gap: 40px;margin: 40px 0 60px}.demo-box{background: var(--card-bg);border: 1px solid var(--border);border-radius: var(--r);padding: 30px;overflow: hidden}.demo-box-title{text-align: center;margin-bottom: 25px}.demo-box-title h3{font-size: 22px;font-weight: 800;letter-spacing: -0.5px;margin-bottom: 5px}.demo-box-title p{color: var(--muted);font-size: 14px}.demo-box-map{padding: 30px;padding-bottom: 20px}.comparison-container{position: relative;width: 100%;aspect-ratio: 4/3;border-radius: 16px;overflow: hidden;border: 1px solid var(--border)}.map-background{position: absolute;inset: 0;z-index: 0}.map-background .maplibregl-ctrl-bottom-left,.map-background .maplibregl-ctrl-bottom-right,.map-background .maplibregl-ctrl-top-left,.map-background .maplibregl-ctrl-top-right{display: none}.map-background::after{content: '';position: absolute;inset: 0;background: radial-gradient(circle,transparent 20%,rgba(0,0,0,0.5) 100%);pointer-events: none;z-index: 1}[data-theme="light"] .map-background::after{background: radial-gradient(circle,transparent 20%,rgba(255,255,255,0.4) 100%)}.maplibregl-canvas{filter: saturate(1.2) contrast(1.1)}[data-theme="light"] .map-background::after{background:
radial-gradient(
circle at center,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.35) 100%
)}.map-background canvas{filter:
saturate(1.15)
contrast(1.1)
brightness(1.05)}[data-theme="light"] .map-background canvas{filter:
saturate(1.05)
contrast(1.05)
brightness(1)}.comparison-wrapper{position: absolute;inset: 0;z-index: 2}.comparison-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 20px;background: transparent}.comparison-image.before{z-index: 1}.comparison-image.after{z-index: 2;clip-path: inset(0 50% 0 0)}.map-grid{display: grid;grid-template-columns: repeat(6,1fr);gap: 8px;width: 100%;max-width: 320px;position: relative;z-index: 3}.map-pin{width: 100%;aspect-ratio: 1;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 10px;font-weight: 700;color: #fff;transition: transform 0.3s,box-shadow 0.3s;position: relative;border: 2px solid rgba(255,255,255,0.3);text-shadow: 0px 1px 3px rgba(0,0,0,0.5);font-size: 11px;font-weight: 900}.map-pin:hover{transform: scale(1.2);z-index: 10}.map-pin.bad{background: linear-gradient(135deg,#ef4444,#dc2626);box-shadow: 0 3px 10px rgba(239,68,68,0.5)}.map-pin.medium{background: linear-gradient(135deg,#f59e0b,#d97706);box-shadow: 0 3px 10px rgba(245,158,11,0.5)}.map-pin.good{background: linear-gradient(135deg,#22c55e,#16a34a);box-shadow: 0 3px 10px rgba(34,197,94,0.5)}.comparison-slider{position: absolute;top: 0;bottom: 0;left: 50%;width: 4px;background: var(--accent);z-index: 10;cursor: ew-resize;transform: translateX(-50%)}.comparison-slider::before{content: '⟨⟩';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 44px;height: 44px;background: var(--accent);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 700;color: #fff;letter-spacing: 2px;box-shadow: 0 4px 20px rgba(0,204,102,0.5);border: 3px solid rgba(255,255,255,0.3)}.comparison-labels{display: flex;justify-content: space-between;padding: 18px 25px;background: rgba(10,10,10,0.8);backdrop-filter: blur(10px);border: 1px solid var(--border);border-top: none;border-radius: 0 0 24px 24px}[data-theme="light"] .comparison-labels{background: rgba(255,255,255,0.8)}.comparison-label{font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px}.comparison-label.before-label{color: #ef4444}.comparison-label.after-label{color: var(--accent)}.stats-banner{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;margin: 50px 0}.stat-item{text-align: center;padding: 30px 20px;background: var(--card-bg);border: 1px solid var(--border);border-radius: 16px;transition: all 0.3s}.stat-item:hover{transform: translateY(-5px);border-color: var(--accent)}.stat-number{font-size: 42px;font-weight: 900;letter-spacing: -2px;background: linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 5px}.stat-number .suffix{font-size: 24px}.stat-label{font-size: 13px;color: var(--muted);text-transform: uppercase;letter-spacing: 1px}.search-demo{max-width: 100%}.search-bar{background: #1a1a1a;border: 2px solid var(--border);border-radius: 20px;padding: 16px 24px;display: flex;align-items: center;gap: 12px;transition: border-color 0.3s}.search-bar:hover{border-color: var(--accent)}.search-icon svg{width: 18px;height: 18px;stroke: var(--muted);fill: none;stroke-width: 2}.search-text-wrapper{display: flex;align-items: center}.search-text{font-size: 16px;color: var(--text);font-weight: 500}.search-cursor{width: 2px;height: 20px;background: var(--accent);animation: blink 1s infinite;margin-left: 0}@keyframes blink{0%,50%{opacity: 1}51%,100%{opacity: 0}}.search-results{margin-top: 15px;background: var(--card-bg);border: 1px solid var(--border);border-radius: 16px;overflow: hidden}.search-result{display: flex;align-items: center;gap: 12px;padding: 16px 20px;border-bottom: 1px solid var(--border);transition: all 0.3s}.search-result:last-child{border-bottom: none}.search-result:hover{background: rgba(0,204,102,0.05)}.result-rank{width: 32px;height: 32px;background: var(--border);border-radius: 8px;display: grid;place-items: center;font-weight: 800;font-size: 13px;color: var(--muted)}.search-result.highlighted .result-rank{background: var(--accent);color: #fff}.result-info h5{font-size: 14px;font-weight: 600;margin-bottom: 2px}.result-info span{font-size: 12px;color: var(--muted)}.result-badge{margin-left: auto;padding: 5px 12px;background: rgba(0,204,102,0.15);color: var(--accent);border-radius: 16px;font-size: 11px;font-weight: 700;display: flex;align-items: center;gap: 4px}.rank-animation{text-align: center}.rank-display{display: flex;align-items: center;justify-content: center;gap: 20px;margin-bottom: 15px}.rank-box{padding: 20px 35px;background: var(--card-bg);border: 2px solid var(--border);border-radius: 16px;text-align: center}.rank-box.old{border-color: #ef4444}.rank-box.new{border-color: var(--accent)}.rank-box .label{font-size: 11px;color: var(--muted);text-transform: uppercase;letter-spacing: 1px;margin-bottom: 8px}.rank-box .number{font-size: 36px;font-weight: 900;letter-spacing: -2px}.rank-box.old .number{color: #ef4444}.rank-box.new .number{color: var(--accent)}.rank-arrow{font-size: 28px;color: var(--accent);animation: bounce 1s infinite}@keyframes bounce{0%,100%{transform: translateX(0)}50%{transform: translateX(8px)}}.improvement-text{font-size: 16px;font-weight: 600;color: var(--accent)}.domain-demo{max-width: 100%}.domain-input{background: #1a1a1a;border: 2px solid var(--border);border-radius: 16px;padding: 22px 28px;display: flex;align-items: center;font-size: 20px;font-weight: 600;transition: border-color 0.3s}.domain-input:hover{border-color: var(--accent)}.domain-prefix{color: var(--muted)}.domain-name{color: var(--accent)}.domain-typing{color: var(--text)}.domain-cursor{width: 2px;height: 24px;background: var(--accent);animation: blink 1s infinite;display: inline-block;vertical-align: middle}.domain-suggestions{margin-top: 15px;display: flex;flex-wrap: wrap;gap: 8px;justify-content: center}.domain-tag{padding: 8px 14px;background: var(--card-bg);border: 1px solid var(--border);border-radius: 8px;font-size: 12px;font-weight: 600;transition: all 0.3s;display: flex;align-items: center;gap: 6px}.domain-tag:hover{border-color: rgba(255,255,255,0.2)}.domain-tag.available{border-color: var(--accent);color: var(--accent)}.domain-tag .check{font-size: 10px}.domain-tag.available .check{color: var(--accent)}.domain-tag:not(.available) .check{color: var(--muted)}.security-grid{display: flex;flex-wrap: wrap;gap: 15px;justify-content: center;margin: 30px 0;max-width: 700px;margin-left: auto;margin-right: auto}.security-icon{width: 60px;height: 60px;background: var(--card-bg);border: 1px solid var(--border);border-radius: 16px;display: grid;place-items: center;transition: all 0.3s}.security-icon:hover{transform: translateY(-5px);border-color: var(--accent);background: rgba(0,204,102,0.05)}.security-icon svg{width: 24px;height: 24px;stroke: var(--accent);fill: none;stroke-width: 2}.chat-demo{max-width: 400px;margin: 0 auto;background: var(--card-bg);border: 1px solid var(--border);border-radius: 20px;overflow: hidden}.chat-header{padding: 18px 22px;border-bottom: 1px solid var(--border);display: flex;align-items: center;gap: 12px}.chat-avatar{width: 40px;height: 40px;background: linear-gradient(135deg,var(--accent),var(--accent-2));border-radius: 50%;display: grid;place-items: center}.chat-avatar svg{width: 20px;height: 20px;stroke: #fff;fill: none;stroke-width: 2}.chat-info h5{font-size: 14px;font-weight: 600}.chat-info span{font-size: 11px;color: var(--accent);display: flex;align-items: center;gap: 5px}.chat-info span::before{content: '';width: 6px;height: 6px;background: var(--accent);border-radius: 50%}.chat-messages{padding: 20px;display: flex;flex-direction: column;gap: 12px;min-height: 180px}.chat-message{max-width: 85%;padding: 12px 16px;border-radius: 16px;font-size: 13px;line-height: 1.5}.chat-message.user{background: var(--accent);color: #fff;align-self: flex-end;border-bottom-right-radius: 4px}.chat-message.bot{background: var(--border);color: var(--text);align-self: flex-start;border-bottom-left-radius: 4px}.chat-message.typing{display: flex;gap: 4px;padding: 16px 18px}.typing-dot{width: 7px;height: 7px;background: var(--muted);border-radius: 50%;animation: typingBounce 1.4s infinite}.typing-dot:nth-child(2){animation-delay: 0.2s}.typing-dot:nth-child(3){animation-delay: 0.4s}@keyframes typingBounce{0%,60%,100%{transform: translateY(0)}30%{transform: translateY(-6px)}}.platforms-grid{display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;margin: 30px 0}.platform-icon{width: 54px;height: 54px;background: var(--card-bg);border: 1px solid var(--border);border-radius: 14px;display: grid;place-items: center;transition: all 0.3s}.platform-icon:hover{transform: translateY(-5px);border-color: var(--accent);background: rgba(0,204,102,0.05)}.platform-icon svg{width: 22px;height: 22px;stroke: var(--muted);fill: none;stroke-width: 2}.platform-icon:hover svg{stroke: var(--accent)}.comparison-title{text-align: center;margin-bottom: 30px}.comparison-title h3{font-size: 28px;font-weight: 800;letter-spacing: -1px;margin-bottom: 8px}.comparison-title p{color: var(--muted);font-size: 15px}.disclaimer{font-size: 12px;color: var(--muted);text-align: center;max-width: 600px;margin: 30px auto;opacity: 0.7;line-height: 1.6}.disclaimer strong{color: var(--text)}.service-cta{text-align: center;padding: 80px 0;margin-top: 40px;background: linear-gradient(135deg,rgba(0,204,102,0.1),rgba(0,204,102,0.02));border: 1px solid rgba(0,204,102,0.2);border-radius: 40px}.service-cta h3{font-size: 36px;font-weight: 800;letter-spacing: -1px;margin-bottom: 15px}.service-cta p{color: var(--muted);font-size: 17px;margin-bottom: 30px}.btn-primary{padding: 18px 36px;background: linear-gradient(135deg,var(--accent),var(--accent-2));color: #fff;border: none;border-radius: 99px;font-weight: 700;font-size: 16px;transition: transform 0.3s,box-shadow 0.3s;display: inline-flex;align-items: center;gap: 10px;text-decoration: none}.btn-primary:hover{transform: translateY(-3px);box-shadow: 0 20px 40px rgba(0,204,102,0.4)}footer{padding: 40px 0;border-top: 1px solid var(--border);text-align: center;margin-top: 80px}.footer-text{color: var(--muted);font-size: 14px}.footer-text a{color: var(--accent);text-decoration: none}@media (max-width: 1100px){.features-grid{grid-template-columns: repeat(2,1fr)}.stats-banner{grid-template-columns: repeat(2,1fr)}.service-hero-content{grid-template-columns: 1fr;gap: 40px}.demos-row{grid-template-columns: 1fr}}@media (max-width: 900px){nav{padding: 15px 20px}.nav-links{display: none}.service-tab{min-width: 180px;padding: 24px 30px}.service-hero{padding: 40px 25px}.service-hero h2{font-size: 32px}}@media (max-width: 600px){.features-grid{grid-template-columns: 1fr}.stats-banner{grid-template-columns: 1fr 1fr}.service-selector{flex-direction: column;align-items: center}.service-tab{width: 100%;max-width: 280px}.rank-display{flex-direction: column;gap: 15px}.rank-arrow{transform: rotate(90deg)}}[data-theme="light"] body{background: linear-gradient(180deg,#f8f7f5 0%,#f0efed 100%);color: #1a1a1a}[data-theme="light"] nav{background: rgba(248,247,245,0.85);border-bottom: 1px solid rgba(0,0,0,0.06)}[data-theme="light"] .nav-links a{color: #5a5a5a}[data-theme="light"] .nav-links a:hover,[data-theme="light"] .nav-links a.active{color: #1a1a1a}[data-theme="light"] .nav-cta{background: #1a1a1a;color: #fff}[data-theme="light"] .section-title{color: #1a1a1a}[data-theme="light"] .service-hero,[data-theme="light"] .feature-card,[data-theme="light"] .stat-item,[data-theme="light"] .chat-demo,[data-theme="light"] .demo-box{background: #fff;border-color: rgba(0,0,0,0.08);box-shadow: 0 4px 24px rgba(0,0,0,0.06)}[data-theme="light"] .service-hero h2,[data-theme="light"] .feature-card h4,[data-theme="light"] .comparison-title h3,[data-theme="light"] .service-cta h3,[data-theme="light"] .demo-box-title h3{color: #1a1a1a}[data-theme="light"] .search-bar,[data-theme="light"] .domain-input{background: #f8f7f5;border-color: rgba(0,0,0,0.1)}[data-theme="light"] .search-results{background: #fff;border-color: rgba(0,0,0,0.08)}[data-theme="light"] .rank-box{background: #fff;border-color: rgba(0,0,0,0.1)}[data-theme="light"] .chat-message.bot{background: #f0efed;color: #1a1a1a}[data-theme="light"] .platform-icon,[data-theme="light"] .security-icon,[data-theme="light"] .domain-tag{background: #fff;border-color: rgba(0,0,0,0.1)}[data-theme="light"] footer{border-color: rgba(0,0,0,0.08)}[data-theme="light"] .theme-toggle{background: #fff;border-color: rgba(0,0,0,0.1)}[data-theme="light"] .theme-toggle .icon-sun,[data-theme="light"] .theme-toggle .icon-moon{color: #1a1a1a}[data-theme="light"] ::-webkit-scrollbar-track{background: #f0efed}[data-theme="light"] #cursor-follower{border-color: rgba(0,0,0,0.15)}[data-theme="light"] .disclaimer strong{color: #1a1a1a}[data-theme="light"] .nav-divider{background: rgba(0,0,0,0.1)}