@font-face{font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:900;font-display:swap;src:url(https://socialdata.click/assets/fonts/fontawesome-pro/webfonts/fa-solid-900.woff2) format('woff2');}
@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:swap;src:url(https://socialdata.click/assets/fonts/fontawesome-pro/webfonts/fa-brands-400.woff2) format('woff2');}
.fa,.fab,.fas,.fa-brands,.fa-solid{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;}
.fa-solid,.fas{font-family:'Font Awesome 6 Pro';font-weight:900;}
.fa-brands,.fab{font-family:'Font Awesome 6 Brands';font-weight:400;}
.fa-telegram:before{content:'\f2c6';}
.fa-bullseye-arrow:before{content:'\f648';}
.fa-filter-list:before{content:'\e17c';}
.fa-code:before{content:'\f121';}
.fa-file-export:before{content:'\f56e';}
.fa-shield-halved:before{content:'\f3ed';}
.fa-server:before{content:'\f233';}
.fa-bolt-lightning:before{content:'\e0b7';}
.fa-book-open:before{content:'\f518';}
.fa-cloud:before{content:'\f0c2';}
.fa-cubes:before{content:'\f1b3';}
.fa-instagram:before{content:'\f16d';}
.fa-tiktok:before{content:'\e07b';}
.fa-box-archive:before{content:'\f187';}
.fa-life-ring:before{content:'\f1cd';}
.fa-gavel:before{content:'\f0e3';}
.fa-check:before {content: '\f00c';}
.fa-users-viewfinder:before { content: '\f659'; }
*{margin:0;padding:0;box-sizing:border-box;}
:root{--primary-green:#00b37d;--secondary-green:#02996b;--dark-bg:#171e1d;--border-dark:#30363D;--text-light:#F0F6FC;--text-gray-dark:#8B949E;--light-bg:#FFF;--light-gray-bg:#F8F9FA;--dark-text:#171e1d;--gray-text:#64756f;--border-light:#E2E8F0;--primary-blue:var(--primary-green);--secondary-blue:var(--secondary-green);--accent-purple:var(--secondary-green);--shadow-light:0 4px 6px rgba(0,0,0,0.05);--shadow-medium:0 8px 25px rgba(0,0,0,0.1);}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:var(--dark-text);background-color:var(--light-bg);overflow-x:hidden;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.header{background:#172220;position:relative;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:background-color .3s,box-shadow .3s;}
.header.scrolled{background:rgba(13,17,23,.9);box-shadow:0 4px 12px rgba(0,0,0,.1);}
.header .container{display:flex;justify-content:space-between;align-items:center;}
.logo .logo-img{height:60px;width:auto;}
.nav{display:flex;align-items:center;gap:2rem;}
.nav a{text-decoration:none;color:var(--text-gray-dark);font-weight:500;transition:color .3s;position:relative;}
.nav a:not(.btn-primary):hover{color:var(--text-light);}
.nav a:not(.btn-primary)::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:0;background:var(--primary-green);transition:width .3s;}
.nav a:not(.btn-primary):hover::after{width:100%;}
.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:5px;}
.mobile-menu-toggle span{width:25px;height:2px;background:var(--text-light);transition:.3s;border-radius:2px;}
.btn-primary{background:var(--primary-green);color:#0D1117!important;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;text-align:center;box-shadow:none;}
.btn-primary:hover{background:var(--secondary-green);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,240,168,.15);}
.btn-secondary{background:0 0;color:var(--text-light);border:2px solid var(--border-light);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;}
.btn-secondary:hover{border-color:var(--primary-green);color:var(--primary-green);background-color:rgba(0,240,168,.05);transform:translateY(-3px);}
.btn-large{padding:1rem 2rem;font-size:1.1rem;border-radius:12px;}
.hero-modern{padding:100px 0;background:var(--dark-bg);text-align:center;position:relative;overflow:hidden;}
.hero-modern::before{content:'';position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle,rgba(0,240,168,.05) 0,transparent 70%);animation:float 20s ease-in-out infinite;}
.hero-content-centered{max-width:800px;margin:0 auto;position:relative;z-index:1;}
.hero-title-modern{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text-light);letter-spacing:-.02em;}
.text-highlight{color:var(--primary-green);}
.text-gradient{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:var(--primary-green);}
.hero-subtitle-modern{font-size:1.3rem;color:var(--gray-text);margin-bottom:2.5rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto;}
.hero-buttons-modern{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap;}
.hero-note{color:var(--gray-text);font-size:.9rem;margin-bottom:3rem;opacity:.8;}
.hero-stats-modern{display:flex;justify-content:center;gap:3rem;margin-top:4rem;flex-wrap:wrap;}
.stat-modern{text-align:center;}
.stat-modern .stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--primary-green);margin-bottom:.5rem;}
.stat-modern .stat-label{font-size:.9rem;color:var(--gray-text);font-weight:500;text-transform:uppercase;letter-spacing:.5px;}
.features{padding:100px 0;background:#fff;}
.section-header{text-align:center;margin-bottom:4rem;}
.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--dark-text);}
.section-header p{font-size:1.25rem;color:var(--gray-text);max-width:600px;margin:0 auto;}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}
.feature-card{background:#fff;padding:2rem;border-radius:16px;transition:all .3s;text-align:center;border:1px solid var(--border-light);position:relative;overflow:hidden;}
.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium);border-color:var(--primary-green);}
.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-green);transform:scaleX(0);transition:transform .3s;}
.feature-card:hover::before{transform:scaleX(1);}
.feature-icon{font-size:3rem;margin-bottom:1rem;color:var(--primary-green);}
.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--dark-text);}
.feature-card p{color:var(--gray-text);line-height:1.6;}
.pricing{padding:100px 0;background:var(--light-gray-bg);}
.pricing-card{background:#fff;border-radius:20px;padding:2.5rem;max-width:400px;margin:0 auto;box-shadow:var(--shadow-medium);border:1px solid var(--border-light);position:relative;overflow:hidden;}
.pricing-card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:var(--primary-green);}
.price .amount{font-size:3rem;font-weight:800;color:var(--dark-text);}
.pricing-features .feature::before{font-family:"Font Awesome 6 Pro","Font Awesome 6 Free",FontAwesome;content:"\f00c";font-weight:900;color:var(--primary-green);margin-right:.75rem;}
.cta{padding:100px 0;background:var(--dark-bg);color:var(--text-light);text-align:center;position:relative;overflow:hidden;}
.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;}
.cta-content p{font-size:1.25rem;margin-bottom:2rem;color:var(--text-gray-dark);}
.cta-note{margin-top:1rem;font-size:.875rem;color:var(--text-gray-dark);}
.footer{background:#161c1b;color:var(--text-light);padding:4rem 0 2rem;}
.footer-section .logo-img{height:40px;}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;}
.footer-section h3,.footer-section h4{margin-bottom:1rem;color:var(--text-light);display:flex;align-items:center;gap:.6rem;}
.footer-section h3 .fa-solid,.footer-section h4 .fa-solid{color:var(--primary-green);opacity:.8;}
.footer-section p{color:var(--text-gray-dark);}
.footer-section a{display:block;color:var(--text-gray-dark);text-decoration:none;margin-bottom:.5rem;transition:color .3s;}
.footer-section a:hover{color:var(--primary-green);}
.footer-bottom{border-top:1px solid var(--border-dark);padding-top:2rem;text-align:center;color:var(--text-gray-dark);}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
@media (max-width:768px){
.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--dark-bg);flex-direction:column;padding:1rem;border-top:1px solid var(--border-dark);}
.nav.active{display:flex;}
.mobile-menu-toggle{display:flex;z-index:1001;}
.mobile-menu-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-6px,6px);}
.mobile-menu-toggle.active span:nth-child(2){opacity:0;}
.mobile-menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-6px,-6px);}
.hero-modern{padding:100px 0 80px;}
.hero-title-modern{font-size:2.8rem;}
.hero-subtitle-modern{font-size:1.1rem;}
.hero-note{margin-bottom:2rem;}
.hero-stats-modern{flex-direction:column;gap:2rem;margin-top:1rem;}
}
.pricing-grid-recharge{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;align-items:center;max-width:1400px;margin:0 auto;}
.pricing-card-recharge{background:var(--light-bg);border:1px solid var(--border-light);border-radius:16px;padding:2rem 1.2rem;text-align:center;transition:all .3s;display:flex;flex-direction:column;height:100%;position:relative;}
.pricing-card-recharge:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium);}
.pricing-card-recharge.featured{border:2px solid var(--primary-green);transform:scale(1.05);z-index:10;}
.popular-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--primary-green);color:var(--dark-bg);padding:.4rem 1rem;border-radius:20px;font-size:.875rem;font-weight:700;white-space:nowrap;}
.pricing-card-recharge .package-title{font-size:1.25rem;font-weight:600;color:var(--dark-text);margin-bottom:1.5rem;}
.pricing-card-recharge .price-main{font-size:3rem;font-weight:800;line-height:1;color:var(--dark-text);margin-bottom:20px;}
.pricing-card-recharge .package-leads{font-size:1.1rem;color:var(--gray-text);margin-bottom:1.5rem;}
.pricing-card-recharge .package-leads strong{font-weight:700;color:var(--dark-text);}
.pricing-card-recharge .cost-per-lead{background-color:rgb(0 179 125 / 7%);color:var(--secondary-green);border-radius:8px;padding:.5rem 1rem;margin:0 0 10px;display:inline-block;font-weight:600;font-size:.9rem;}
.pricing-card-recharge .cost-per-lead span{font-weight:700;}
.pricing-footer-recharge{margin-top:20px;}
.pricing-footer-recharge .btn-primary{width:100%;}
.pricing-note{text-align:center;margin-top:3rem;color:var(--gray-text);font-size:.9rem;}
@media (max-width:992px){.pricing-card-recharge.featured{transform:scale(1.02);}}
@media (max-width:768px){.pricing-card-recharge.featured{transform:scale(1);}}
.faq{padding:100px 0;background:var(--light-bg);}
.faq-grid{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;}
.faq-item{border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;transition:all .3s;}
.faq-item.active{border-color:var(--primary-green);box-shadow:var(--shadow-light);}
.faq-item h3{font-size:1.2rem;font-weight:600;color:var(--dark-text);cursor:pointer;position:relative;padding-right:30px;margin:0;}
.faq-item h3::after{font-family:"Font Awesome 6 Pro","Font Awesome 6 Free",FontAwesome;content:'\f067';font-weight:900;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:transform .3s,color .3s;color:var(--gray-text);}
.faq-item.active h3::after{content:'\f068';color:var(--primary-green);}
.faq-item p{color:var(--gray-text);padding-top:1rem;margin:0;display:none;line-height:1.7;}
.partners-section{padding:60px 0;background:#f9f9f970;}
.partners-title{text-align:center;font-size:1rem;font-weight:500;color:var(--gray-text);margin-bottom:3rem;text-transform:uppercase;letter-spacing:.5px;}
.logo-slider-wrapper{position:relative;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);}
.logo-slider-track{display:flex;width:calc(200px * 6);animation:scroll 25s linear infinite;}
.logo-slider-track:hover{animation-play-state:paused;}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-200px * 3))}}
.logo-slide{width:200px;padding:0 40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.logo-slide img{max-width:100%;height:auto;max-height:40px;filter:grayscale(1);opacity:.6;transition:all .3s;}
.logo-slide:hover img{filter:grayscale(0);opacity:1;transform:scale(1.1);}
@media (max-width:768px){
.logo-slider-track{width:calc(150px * 6);animation-name:scroll-mobile;}
@keyframes scroll-mobile{0%{transform:translateX(0)}100%{transform:translateX(calc(-150px * 3))}}
.logo-slide{width:150px;padding:0 25px;}
}
.video-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(10,20,15,.9);display:none;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}
.video-popup-overlay.active{display:flex;opacity:1;}
.video-popup-content{position:relative;width:90%;max-width:960px;background:#000;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.5);transform:scale(.9);transition:transform .3s;aspect-ratio:16/9;}
.video-popup-overlay.active .video-popup-content{transform:scale(1);}
.video-popup-content iframe{width:100%;height:100%;border:none;border-radius:12px;}
.close-video-popup{position:absolute;top:-20px;right:-20px;width:40px;height:40px;background:#fff;color:#1a1a1a;border-radius:50%;font-size:24px;font-weight:300;line-height:40px;text-align:center;cursor:pointer;transition:transform .2s,background-color .2s;box-shadow:0 4px 10px rgba(0,0,0,.2);}
.close-video-popup:hover{transform:scale(1.1) rotate(90deg);background-color:#f1f1f1;}
@media (max-width:768px){.close-video-popup{top:-15px;right:0;width:35px;height:35px;line-height:35px;font-size:20px;}}
.api-section{padding:100px 0;background:var(--dark-bg);}
.api-section .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.api-content h2{font-size:2.5rem;line-height:1.2em;font-weight:700;margin-bottom:1.5rem;color:var(--text-light);}
.api-content p{font-size:1.1rem;color:var(--text-gray-dark);margin-bottom:2rem;}
.api-features-list{list-style:none;padding:0;margin-bottom:2.5rem;}
.api-features-list li{color:var(--text-gray-dark);font-weight:500;margin-bottom:1rem;display:flex;align-items:center;}
.api-features-list li i{color:var(--primary-green);margin-right:1rem;font-size:1.2rem;}
.api-code-block{background-color:#171e1d;border:1px solid #182f28;border-radius:12px;padding:1.5rem;height:100%;font-family:'JetBrains Mono',monospace;box-shadow:0 20px 40px rgba(0,0,0,.3);}
.api-code-block pre{margin:0;white-space:pre-wrap;word-wrap:break-word;}
.api-code-block code{color:#d1d1d1;font-size:.9rem;}
.api-code-block .comment{color:#8B949E;}
.api-code-block .key{color:#79c0ff;}
.api-code-block .string{color:#a5d6ff;}
.api-code-block .method{color:#d2a8ff;}
@media(max-width:992px){.api-section .container{grid-template-columns:1fr;}.api-code-block{margin-top:2rem;}}
.api-code-block{display:flex;flex-direction:column;}
.api-code-toggle{display:flex;gap:.5rem;padding:.5rem;background-color:#222725;border-bottom:1px solid #333;border-top-left-radius:12px;border-top-right-radius:12px;}
.toggle-btn{background:0 0;border:none;color:var(--text-gray-dark);font-family:'Inter',sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:.5rem;}
.toggle-btn:hover{background-color:#333;color:var(--text-light);}
.toggle-btn.active{background-color:var(--primary-green);color:#171e1d;}
.api-code-block pre{border-top-left-radius:0;border-top-right-radius:0;margin-top:0;flex-grow:1;}
.pricing-card-recharge .feature-item {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 14px;
    color: var(--secondary-text-color);
}
.feature-item .icon-check {
    color: #28a745;
    margin-right: 10px;
    font-size: 16px;
}