.header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,border-color .3s ease;z-index:1000}.header.header-transparent{background-color:initial;border-bottom-color:#0000}.header-container{grid-gap:var(--spacing-md);align-items:center;display:grid;gap:var(--spacing-md);grid-template-columns:auto 1fr auto;margin:0 auto;max-width:var(--container-max);padding:var(--spacing-md) var(--container-padding)}.logo{align-items:center;display:flex;font-size:var(--font-size-xl);font-weight:700;gap:var(--spacing-xs);opacity:1;text-decoration:none;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.logo.logo-hidden{opacity:0;pointer-events:none;transform:translateY(10px)}.logo-text{color:var(--color-primary)}.logo-accent{color:var(--color-accent)}.nav{display:contents}.nav-links{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:center}.nav-link{border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--color-gray-100)}.nav-link.active,.nav-link:hover{color:var(--color-primary)}.nav-link.cta-button{background-color:var(--color-primary);color:var(--color-white)}.nav-link.cta-button:hover{background-color:var(--color-primary-light);color:var(--color-white)}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;padding:0;width:24px}.menu-toggle span{background-color:var(--color-primary);border-radius:2px;display:block;height:2px;transition:all var(--transition-fast);width:100%}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.header{border-bottom-color:var(--color-gray-100)}.header-container{display:flex;justify-content:space-between;padding:.875rem var(--container-padding)}.logo{font-size:var(--font-size-lg);letter-spacing:-.01em}.menu-toggle{align-items:center;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:12px;position:relative;transition:background-color var(--transition-fast);width:44px;z-index:1001}.menu-toggle:active{background-color:var(--color-gray-100)}.menu-toggle span{background-color:var(--color-primary);height:1.5px;width:20px}.nav{align-items:center;background-color:var(--color-white);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:var(--spacing-2xl);position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999}.nav-open{transform:translateX(0)}.nav-links{flex-direction:column;gap:.5rem;max-width:280px;width:100%}.nav-link{align-items:center;border-radius:var(--radius-lg);color:var(--color-gray-700);display:flex;font-size:var(--font-size-xl);font-weight:500;justify-content:center;min-height:56px;padding:1rem;text-align:center;width:100%}.nav-link:active,.nav-link:hover{background-color:var(--color-gray-50)}.nav-link.active{color:var(--color-primary);font-weight:600}.nav-link.cta-button{background-color:var(--color-primary);color:var(--color-white);font-weight:600;margin-top:var(--spacing-lg);width:100%}.nav-link.cta-button:active,.nav-link.cta-button:hover{background-color:var(--color-primary-light)}}@media (max-width:600px){.header-container{padding:.75rem var(--container-padding)}.logo{font-size:var(--font-size-base);font-weight:700}.nav-link{font-size:var(--font-size-lg);min-height:52px}}@media (max-width:380px){.logo{font-size:var(--font-size-sm)}.nav-link{font-size:var(--font-size-base)}}.footer{background-color:var(--color-primary-dark);color:var(--color-white);padding-top:var(--spacing-4xl)}.footer-container{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:var(--container-max);padding:0 var(--container-padding)}.footer-section h4{color:var(--color-white);font-size:var(--font-size-base);font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-lg);text-transform:uppercase}.footer-logo{display:flex;font-size:var(--font-size-xl);font-weight:700;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.footer-logo .logo-text{color:var(--color-white)}.footer-logo .logo-accent{color:var(--color-accent-light)}.footer-description{color:var(--color-gray-300);font-size:var(--font-size-sm);line-height:1.7}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--color-gray-300);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-white)}.footer-bottom{align-items:center;border-top:1px solid var(--color-primary-light);display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-3xl);padding:var(--spacing-lg) var(--container-padding);text-align:center}.footer-bottom p{color:var(--color-gray-400);font-size:var(--font-size-sm);margin:0}.admin-link{color:var(--color-gray-500);font-size:var(--font-size-xs);opacity:.5;transition:opacity var(--transition-base)}.admin-link:hover{color:var(--color-gray-300);opacity:1}@media (max-width:768px){.footer{padding-top:var(--spacing-3xl)}.footer-container{gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.footer-section:first-child{grid-column:span 2}.footer-section h4{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.footer-links a{display:inline-block;font-size:var(--font-size-sm);padding:.25rem 0}.footer-bottom{flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-2xl);padding:var(--spacing-lg) var(--container-padding)}}@media (max-width:600px){.footer{padding-top:var(--spacing-2xl)}.footer-container{gap:var(--spacing-xl);grid-template-columns:1fr;text-align:center}.footer-section:first-child{grid-column:span 1}.footer-logo{font-size:var(--font-size-lg);justify-content:center}.footer-description{line-height:1.7;margin:0 auto;max-width:320px}.footer-section h4{font-size:var(--font-size-xs);letter-spacing:.08em}.footer-links{display:flex;flex-direction:column;gap:.25rem}.footer-links a{padding:.375rem 0}.footer-bottom{margin-top:var(--spacing-xl)}.footer-bottom p{font-size:var(--font-size-xs)}}@media (max-width:380px){.footer-description{font-size:var(--font-size-xs)}}.hero{grid-gap:var(--spacing-3xl);display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;margin:0 auto;max-width:var(--container-max);min-height:70vh;padding:var(--spacing-4xl) var(--container-padding)}.hero,.hero-logo{align-items:center}.hero-logo{display:inline-flex;font-size:5rem;font-weight:700;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);opacity:1;text-decoration:none;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.hero-logo.hero-logo-hidden{opacity:0;pointer-events:none;transform:translateY(-20px)}.hero-logo-text{color:var(--color-primary)}.hero-logo-accent{color:var(--color-accent)}.hero-content h1{font-size:var(--font-size-5xl);line-height:1.1;margin-bottom:var(--spacing-lg)}.hero-content .highlight{color:var(--color-accent)}.hero-subtitle{color:var(--color-gray-600);font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--spacing-xl)}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-shape{animation:morph 8s ease-in-out infinite;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;height:400px;width:400px}@keyframes morph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}.usp-section{background-color:var(--color-off-white);padding:var(--spacing-4xl) 0}.usp-section h2{margin-bottom:var(--spacing-2xl);text-align:center}.usp-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}.usp-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base)}.usp-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.usp-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:var(--radius-lg);box-shadow:0 8px 20px #1a3d2e33;display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-lg);transition:transform var(--transition-base);width:64px}.usp-card:hover .usp-icon{transform:scale(1.1)}.usp-icon svg{color:#fff;height:32px;width:32px}.usp-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.usp-card p{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.process-preview{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);padding:var(--spacing-4xl) 0}.process-preview-content{grid-gap:var(--spacing-3xl);align-items:center;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr}.process-preview-text h2{color:var(--color-white);margin-bottom:var(--spacing-md)}.process-preview-text p{color:#ffffffe6;font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--spacing-lg)}.process-stats{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.process-stat{text-align:center}.process-stat-value{color:#fff;display:block;font-size:var(--font-size-3xl);font-weight:700;line-height:1;margin-bottom:4px}.process-stat-label{color:#fffc;font-size:var(--font-size-sm);font-weight:500}.process-preview-steps{display:flex;flex-direction:column;gap:var(--spacing-md)}.preview-step{align-items:center;background:#ffffff1a;border-radius:var(--radius-md);display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.preview-step:hover{background:#fff3;transform:translateX(10px)}.preview-step-number{color:var(--color-accent-light);font-size:var(--font-size-2xl);font-weight:700;min-width:40px}.preview-step-text{color:var(--color-white);font-size:var(--font-size-lg);font-weight:500}.services-preview{padding:var(--spacing-4xl) 0}.services-preview h2{margin-bottom:var(--spacing-sm);text-align:center}.services-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-2xl)}.service-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base)}.service-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.service-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:70px;justify-content:center;margin:0 auto var(--spacing-lg);transition:transform var(--transition-base);width:70px}.service-card:hover .service-icon{transform:scale(1.1)}.service-icon svg{color:#fff;height:36px;width:36px}.service-icon.meta{background:linear-gradient(135deg,#0866ff,#a033ff);box-shadow:0 8px 20px #0866ff4d}.service-icon.google{background:linear-gradient(135deg,#4285f4,#ea4335);box-shadow:0 8px 20px #4285f44d}.service-icon.seo{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);box-shadow:0 8px 20px #1a3d2e4d}.service-icon.web{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 20px #667eea4d}.service-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.service-card p{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}@media (max-width:1024px){.hero{grid-template-columns:1fr;min-height:auto;padding:var(--spacing-3xl) var(--container-padding);text-align:center}.hero-visual{order:-1}.hero-shape{height:240px;width:240px}.hero-buttons{justify-content:center}.usp-grid{grid-template-columns:repeat(2,1fr)}.process-preview-content{grid-template-columns:1fr;text-align:center}.process-preview-text{order:1}.process-preview-steps{order:2}.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.hero{gap:var(--spacing-lg);min-height:auto;padding:var(--spacing-xl) var(--container-padding) var(--spacing-2xl)}.hero-logo{font-size:2.5rem;letter-spacing:-.02em;margin-bottom:var(--spacing-sm)}.hero-content h1{font-size:var(--font-size-4xl);line-height:1.15;margin-bottom:var(--spacing-md)}.hero-subtitle{color:var(--color-gray-500);font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--spacing-xl)}.hero-shape{height:140px;opacity:.9;width:140px}.hero-buttons{flex-direction:column;gap:var(--spacing-sm);width:100%}.usp-section{padding:var(--spacing-3xl) 0}.usp-section h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xl)}.usp-grid{grid-template-columns:1fr}.usp-card,.usp-grid{gap:var(--spacing-md)}.usp-card{align-items:center;border-radius:var(--radius-lg);display:flex;padding:var(--spacing-lg);text-align:left}.usp-card:hover{transform:none}.usp-icon{border-radius:var(--radius-md);box-shadow:0 4px 12px #1a3d2e26;height:52px;margin:0;min-width:52px;width:52px}.usp-icon svg{height:24px;width:24px}.usp-card-content{flex:1 1}.usp-card h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:.25rem}.usp-card p{color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.5}.process-preview{padding:var(--spacing-3xl) 0}.process-preview-content{gap:var(--spacing-xl)}.process-preview-text h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.process-preview-text p{font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--spacing-lg)}.process-stats{gap:var(--spacing-2xl);justify-content:center;margin-bottom:var(--spacing-xl)}.process-stat-value{font-size:var(--font-size-2xl);margin-bottom:.25rem}.process-stat-label{font-size:var(--font-size-xs);letter-spacing:.05em;opacity:.8;text-transform:uppercase}.preview-step{border-radius:var(--radius-md);gap:var(--spacing-md);padding:var(--spacing-md)}.preview-step:hover{transform:none}.preview-step-number{font-size:var(--font-size-lg);font-weight:700;min-width:28px}.preview-step-text{font-size:var(--font-size-sm);font-weight:500}.services-preview{padding:var(--spacing-3xl) 0}.services-preview h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.services-grid{gap:var(--spacing-md);grid-template-columns:1fr}.service-card{align-items:center;border-color:var(--color-gray-100);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:left}.service-card:hover{transform:none}.service-icon{border-radius:var(--radius-md);height:52px;margin:0;min-width:52px;width:52px}.service-icon svg{height:24px;width:24px}.service-card-content{flex:1 1}.service-card h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:.25rem}.service-card p{color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.5}.services-cta{margin-top:var(--spacing-lg)}}@media (max-width:380px){.hero{padding:var(--spacing-lg) var(--container-padding) var(--spacing-xl)}.hero-logo{font-size:2rem}.hero-shape{height:120px;width:120px}.service-card,.usp-card{padding:var(--spacing-md)}.service-icon,.usp-icon{height:44px;min-width:44px;width:44px}.service-icon svg,.usp-icon svg{height:20px;width:20px}}.phone-mockup-container{align-items:center;display:flex;justify-content:center;position:relative}.phone-mockup-container:before{animation:gradient-rotate 4s ease infinite;background:linear-gradient(135deg,var(--color-accent),#667eea,var(--color-accent));background-size:200% 200%;border-radius:3.5rem;content:"";filter:blur(20px);height:580px;opacity:.6;position:absolute;width:320px;z-index:-1}@keyframes gradient-rotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.phone-frame{background:linear-gradient(145deg,#2d3748,#1a202c);border-radius:3rem;box-shadow:0 25px 80px -12px #0006,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff1a;padding:12px;position:relative;transition:transform .3s ease;width:280px}.phone-frame:hover{transform:translateY(-5px)}.phone-frame:before{background:#1a202c;border-radius:0 0 16px 16px;content:"";height:24px;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:80px;z-index:10}.phone-frame:after{background:linear-gradient(180deg,#3d4852,#2d3748);border-radius:0 2px 2px 0;content:"";height:60px;position:absolute;right:-3px;top:120px;width:3px}.phone-screen{background:#fff;border-radius:2.5rem;height:540px;overflow:hidden;position:relative}.phone-status-bar{align-items:center;background:#fff;color:#64748b;display:flex;font-size:11px;justify-content:space-between;padding:8px 24px}.status-icons{display:flex;gap:4px}.phone-content{background:linear-gradient(180deg,#f8fafc,#fff);display:flex;flex-direction:column;height:504px;overflow:hidden;position:relative}.phone-nav{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:8px 16px}.phone-nav,.phone-nav-left{align-items:center;display:flex}.phone-nav-left{gap:8px}.phone-logo{align-items:center;background:#3d8b6e33;border-radius:50%;display:flex;font-size:12px;height:28px;justify-content:center;width:28px}.phone-brand{color:#1e293b;font-size:11px;font-weight:600}.phone-nav-icons{color:#94a3b8;display:flex;gap:12px}.phone-hero{align-items:center;background:linear-gradient(180deg,#3d8b6e33,#3d8b6e1a,#0000);display:flex;height:80px;justify-content:center}.phone-hero-content{text-align:center}.phone-hero-title{color:#1e293b;font-size:16px;font-weight:600;margin:0}.phone-hero-subtitle{color:var(--color-accent);font-size:10px;margin:4px 0 0}.phone-actions{display:flex;gap:8px;margin-top:-16px;padding:0 12px;position:relative;z-index:10}.phone-action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000f;color:#475569;cursor:pointer;flex:1 1;font-size:10px;font-weight:600;overflow:hidden;padding:10px 8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.phone-action-btn:before{background:linear-gradient(135deg,var(--color-accent) 0,#667eea 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.phone-action-btn span{position:relative;z-index:1}.phone-action-btn:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #3d8b6e26;transform:translateY(-1px)}.phone-action-btn.active{background:linear-gradient(135deg,var(--color-accent) 0,#4a9e7d 100%);border-color:#0000;box-shadow:0 4px 15px #3d8b6e66;color:#fff;transform:translateY(-2px)}.phone-action-btn.active:before{opacity:1}.phone-view-content{padding:12px 12px 60px}.phone-banner{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:8px 12px}.phone-banner-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.phone-banner span{color:#15803d;font-size:10px;font-weight:500}.phone-section{margin-bottom:16px}.phone-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.phone-section-title{color:#1e293b;font-size:11px;font-weight:600;margin:0}.phone-section-link{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:10px;font-weight:500}.phone-list{display:flex;flex-direction:column;gap:8px}.phone-list-item{background:#f8fafc;gap:8px;padding:10px}.phone-list-icon,.phone-list-item{align-items:center;border-radius:8px;display:flex}.phone-list-icon{background:#3d8b6e1a;font-size:18px;height:40px;justify-content:center;width:40px}.phone-list-text{flex:1 1}.phone-list-name{color:#1e293b;font-size:11px;font-weight:500;margin:0}.phone-list-desc{color:#64748b;font-size:9px;margin:2px 0 0}.phone-reviews{display:flex;flex-direction:column;gap:8px}.phone-review{background:#f8fafc;border-radius:8px;padding:10px}.phone-review-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.phone-review-avatar{align-items:center;background:#3d8b6e33;border-radius:50%;color:var(--color-primary);display:flex;font-size:8px;font-weight:600;height:20px;justify-content:center;width:20px}.phone-review-name{color:#475569;font-size:10px;font-weight:500}.phone-review-stars{color:#f59e0b;font-size:10px}.phone-review-text{color:#64748b;font-size:9px;font-style:italic;margin:0}.phone-view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.phone-view-title{color:#1e293b;font-size:12px;font-weight:600;margin:0}.phone-close-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:10px}.phone-services-list{display:flex;flex-direction:column;gap:8px}.phone-service-item{background:#f8fafc;gap:8px;padding:12px}.phone-service-icon,.phone-service-item{align-items:center;border-radius:8px;display:flex}.phone-service-icon{background:#3d8b6e1a;font-size:20px;height:44px;justify-content:center;width:44px}.phone-service-text{flex:1 1}.phone-service-name{color:#1e293b;font-size:11px;font-weight:600;margin:0}.phone-service-desc{color:#64748b;font-size:9px;margin:2px 0 0}.phone-service-price{color:var(--color-accent);font-size:12px;font-weight:700;margin:0}.phone-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.phone-stat{background:#3d8b6e1a;border:2px solid var(--color-accent);border-radius:12px;padding:16px;text-align:center}.phone-stat-value{color:var(--color-primary);font-size:20px;font-weight:700;margin:0}.phone-stat-label{color:#64748b;font-size:9px;margin:4px 0 0}.phone-cta-btn{background:var(--color-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:12px;width:100%}.phone-contact-content{padding:16px 0;text-align:center}.phone-contact-icon{align-items:center;background:#3d8b6e33;border-radius:50%;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.phone-contact-label{color:#64748b;font-size:10px;margin:0 0 8px}.phone-contact-phone{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 16px}.phone-call-btn{align-items:center;background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:8px;justify-content:center;margin-bottom:16px;padding:12px;width:100%}.phone-contact-info{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.phone-contact-info-label{color:#64748b;font-size:10px;margin:0 0 12px}.phone-contact-details{display:flex;flex-direction:column;gap:8px}.phone-contact-detail{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:8px;padding:10px;text-align:left}.phone-contact-detail-icon{font-size:18px}.phone-contact-detail-title{color:#1e293b;font-size:10px;font-weight:500;margin:0}.phone-contact-detail-text{color:#64748b;font-size:9px;margin:2px 0 0}.phone-bottom-nav{background:#fff;border-radius:0 0 2rem 2rem;border-top:1px solid #f1f5f9;bottom:0;display:flex;justify-content:space-around;left:0;padding:8px 16px;position:absolute;right:0}.phone-nav-btn{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:color .2s}.phone-nav-btn.active{color:var(--color-accent)}.phone-nav-btn span{font-size:8px;font-weight:500}.phone-float{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:#fffffff2;border:none;border-radius:16px;box-shadow:0 10px 40px #00000026,0 0 0 1px #fffc;display:flex;gap:12px;padding:14px 18px;position:absolute;transition:all .3s ease}.phone-float:hover{box-shadow:0 15px 50px #0003,0 0 0 1px #ffffffe6;transform:scale(1.05)}.phone-float-1{animation:float-1 6s ease-in-out infinite;right:-180px;top:0}.phone-float-2{animation:float-2 7s ease-in-out infinite;right:-200px;top:140px}.phone-float-3{animation:float-3 5s ease-in-out infinite;right:-180px;top:280px}.phone-float-4{animation:float-4 6.5s ease-in-out infinite;right:-200px;top:420px}@keyframes float-1{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes float-2{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(10px) rotate(-2deg)}}@keyframes float-3{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes float-4{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(8px) rotate(-1deg)}}.phone-float-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.phone-float-icon.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 4px 12px #22c55e33;color:#16a34a}.phone-float-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 4px 12px #2563eb33;color:#2563eb}.phone-float-icon.primary{background:linear-gradient(135deg,#3d8b6e33,#3d8b6e4d);box-shadow:0 4px 12px #3d8b6e33;color:var(--color-accent)}.phone-float-icon.purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);box-shadow:0 4px 12px #9333ea33;color:#9333ea}.phone-float-title{color:#1e293b;font-size:11px;font-weight:600;margin:0}.phone-float-desc{color:#64748b;font-size:9px;margin:2px 0 0}.phone-service-arrow{color:#94a3b8;flex-shrink:0;transition:transform .2s ease}.phone-service-item:hover .phone-service-arrow{color:var(--color-accent);transform:translateX(3px)}.phone-services-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.phone-service-card{background:#f8fafc;border-radius:10px;padding:12px;text-align:center}.phone-service-card .phone-service-icon{align-items:center;border-radius:8px;display:flex;font-size:18px;height:36px;justify-content:center;margin:0 auto 8px;width:36px}.phone-service-card .phone-service-name{color:#1e293b;font-size:10px;font-weight:600;margin:0 0 2px}.phone-service-card .phone-service-desc{color:#64748b;font-size:8px;margin:0}.phone-why-us{background:#f8fafc;border-radius:10px;padding:12px}.phone-features{display:flex;flex-direction:column;gap:6px;margin-top:8px}.phone-feature-item{align-items:center;color:#475569;display:flex;font-size:10px;gap:8px}.phone-feature-check{color:var(--color-accent);font-weight:700}.phone-contact-cta{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:10px;margin-top:8px;padding:12px;text-align:center}.phone-contact-title{color:#ffffffe6;font-size:10px;margin:0 0 8px}.phone-contact-btn{align-items:center;background:#fff;border-radius:20px;color:var(--color-primary);display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px}.phone-notification{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;display:flex;gap:10px;left:50%;min-width:180px;padding:10px 14px;position:absolute;top:40px;transform:translateX(-50%);z-index:100}.phone-notification-icon{font-size:20px}.phone-notification-title{color:#1e293b;font-size:10px;font-weight:600;margin:0}.phone-notification-desc{color:#64748b;font-size:8px;margin:2px 0 0}.phone-page-header{padding:16px 12px 12px;text-align:center}.phone-page-title{color:#1e293b;font-size:14px;font-weight:700;margin:0}.phone-page-subtitle{color:#64748b;font-size:10px;margin:4px 0 0}.phone-info-box{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;display:flex;gap:8px;margin-top:12px;padding:10px 12px}.phone-info-icon{font-size:16px}.phone-info-text{color:#92400e;font-size:9px;font-weight:500;margin:0}.phone-process-list{display:flex;flex-direction:column;gap:0;padding:0 12px}.phone-process-item{align-items:flex-start;display:flex;gap:12px;padding-bottom:16px;position:relative}.phone-process-item:last-child{padding-bottom:0}.phone-process-item:last-child .phone-process-line{display:none}.phone-process-number{align-items:center;background:linear-gradient(135deg,var(--color-accent),var(--color-primary));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;position:relative;width:28px;z-index:2}.phone-process-line{background:linear-gradient(to bottom,var(--color-accent),#e2e8f0);height:calc(100% - 12px);left:13px;position:absolute;top:28px;width:2px;z-index:1}.phone-process-content{flex:1 1;padding-top:4px}.phone-process-title{color:#1e293b;font-size:11px;font-weight:600;margin:0}.phone-process-desc{color:#64748b;font-size:9px;margin:2px 0 0}.phone-cta-box{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:12px;margin:16px 12px 0;padding:16px;text-align:center}.phone-cta-text{color:#ffffffe6;font-size:11px;margin:0 0 10px}.phone-cta-button{background:#fff;border-radius:20px;color:var(--color-primary);display:inline-block;font-size:11px;font-weight:600;padding:8px 20px}.phone-contact-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;margin:0 12px 12px;padding:20px;text-align:center}.phone-contact-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;font-size:24px;height:48px;justify-content:center;margin:0 auto 10px;width:48px}.phone-contact-number{color:#1e293b;font-size:18px;font-weight:700;margin:0}.phone-contact-button{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:20px;box-shadow:0 4px 12px #1a3d2e4d;color:#fff;display:inline-block;font-size:13px;font-weight:600;margin:0;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.phone-contact-button:hover{box-shadow:0 6px 16px #1a3d2e66;transform:translateY(-2px)}.phone-contact-card .phone-contact-label{color:#64748b;font-size:10px;margin:4px 0 0}.phone-contact-options{display:flex;flex-direction:column;gap:8px;padding:0 12px}.phone-contact-option{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:12px;padding:12px}.phone-contact-option-icon{font-size:20px}.phone-contact-option-title{color:#1e293b;font-size:10px;font-weight:600;margin:0}.phone-contact-option-desc{color:#64748b;font-size:9px;margin:2px 0 0}.phone-view-content{flex:1 1;overflow-y:auto;padding:0 12px 60px}@media (max-width:1400px){.phone-float{display:none}}@media (max-width:1024px){.phone-mockup-container,.phone-mockup-container:before{display:none}}.website-showcase{background:linear-gradient(180deg,var(--color-off-white) 0,#fff 50%,var(--color-off-white) 100%);overflow:hidden;padding:var(--spacing-4xl) 0;position:relative}.website-showcase:before{background:radial-gradient(circle at 20% 50%,#3d8b6e0d 0,#0000 50%),radial-gradient(circle at 80% 50%,#667eea0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.showcase-header{margin-bottom:var(--spacing-3xl);position:relative;text-align:center}.showcase-badge{animation:pulse-badge 2s ease-in-out infinite;background:linear-gradient(135deg,var(--color-accent) 0,#667eea 100%);border-radius:50px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:var(--spacing-md);padding:6px 16px;text-transform:uppercase}@keyframes pulse-badge{0%,to{box-shadow:0 0 0 0 #3d8b6e66}50%{box-shadow:0 0 0 10px #3d8b6e00}}.showcase-header h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.gradient-text{background:linear-gradient(135deg,var(--color-accent) 0,#667eea 100%)}.showcase-header p{color:var(--color-gray-600);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.showcase-services-top{margin-bottom:var(--spacing-2xl)}.services-grid-top{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}.service-card-top{align-items:center;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all .3s ease}.service-card-top:hover{border-color:var(--color-accent);box-shadow:0 10px 30px #0000001a}.service-icon-top{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.service-icon-top svg{color:#fff;height:24px;width:24px}.service-icon-top.meta{background:linear-gradient(135deg,#0866ff,#a033ff)}.service-icon-top.google{background:linear-gradient(135deg,#4285f4,#ea4335)}.service-icon-top.seo{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%)}.service-icon-top.web{background:linear-gradient(135deg,#667eea,#764ba2)}.service-text-top h4{color:var(--color-primary);font-size:var(--font-size-base);margin:0 0 2px}.service-text-top p{color:var(--color-gray-500);font-size:var(--font-size-xs);margin:0}.services-link-top{margin-top:var(--spacing-lg);text-align:center}.services-link-btn{align-items:center;border:2px solid var(--color-accent);border-radius:var(--radius-full);color:var(--color-accent);display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:8px;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all .3s ease}.services-link-btn:hover{background:var(--color-accent);color:#fff}.services-link-btn svg{transition:transform .3s ease}.services-link-btn:hover svg{transform:translateX(4px)}.showcase-content{grid-gap:var(--spacing-3xl);align-items:center;display:grid;gap:var(--spacing-3xl);grid-template-columns:1.2fr 1fr}.browser-mockup{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000000d;overflow:visible;position:relative}.browser-chrome{align-items:center;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;display:flex;gap:12px;padding:12px 16px}.browser-dots{display:flex;gap:6px}.dot{border-radius:50%;height:12px;width:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28c840}.browser-url{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:var(--color-gray-600);display:flex;flex:1 1;font-size:13px;gap:8px;padding:8px 12px}.browser-url svg{color:#22c55e}.browser-content{background:linear-gradient(135deg,#f8fafc,#fff);height:350px;overflow:hidden;position:relative}.preview-site{height:100%;padding:16px}.preview-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.preview-logo{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:8px;height:40px;width:40px}.preview-menu{display:flex;gap:8px}.preview-menu span{background:#e2e8f0;border-radius:4px;height:8px;width:50px}.preview-hero{display:flex;gap:20px;margin-bottom:24px}.preview-hero-content{flex:1 1}.preview-title{background:linear-gradient(90deg,#1e293b,#475569);border-radius:4px;height:24px;margin-bottom:12px;width:80%}.preview-subtitle{background:#94a3b8;border-radius:4px;height:12px;margin-bottom:16px;width:60%}.preview-btn{background:linear-gradient(135deg,var(--color-accent) 0,#667eea 100%);border-radius:6px;height:32px;width:100px}.preview-hero-image{background:linear-gradient(135deg,#3d8b6e33,#667eea33);border-radius:12px;height:100px;width:120px}.preview-features{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.preview-feature-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:12px}.preview-feature-icon{background:linear-gradient(135deg,#3d8b6e33,#667eea33);border-radius:6px;height:28px;margin-bottom:8px;width:28px}.preview-feature-text{background:#e2e8f0;border-radius:4px;height:8px;width:70%}.code-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border-radius:12px;bottom:16px;box-shadow:0 10px 40px #0000004d;max-width:220px;padding:16px;position:absolute;right:16px}.code-overlay pre{font-family:Monaco,Menlo,monospace;font-size:10px;line-height:1.6;margin:0}.code-overlay code{color:#a5f3fc}.cursor{animation:blink 1s infinite;color:#22c55e}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.floating-element{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f;color:var(--color-gray-700);display:flex;font-size:12px;font-weight:600;gap:8px;padding:10px 14px;position:absolute;z-index:10}.element-icon{align-items:center;background:linear-gradient(135deg,#61dafb,#09f);border-radius:6px;color:#fff;display:flex;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.element-icon.css{background:linear-gradient(135deg,#667eea,#764ba2)}.element-1{right:-30px;top:20px}.element-2{bottom:120px;left:-40px}.element-3{background:#dcfce7;color:#15803d;left:-50px;top:80px}.element-3 svg{color:#22c55e}.showcase-features{display:flex;flex-direction:column;gap:var(--spacing-xl)}.types-label,.website-types{margin-bottom:var(--spacing-sm)}.types-label{color:var(--color-gray-600);font-size:var(--font-size-sm)}.types-list{display:flex;flex-wrap:wrap;gap:8px}.type-tag{background:color-mix(in srgb,var(--tag-color) 15%,#fff);border:1px solid color-mix(in srgb,var(--tag-color) 30%,#fff);border-radius:50px;color:var(--tag-color);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.type-tag:hover{background:color-mix(in srgb,var(--tag-color) 25%,#fff);box-shadow:0 4px 12px color-mix(in srgb,var(--tag-color) 30%,#0000)}.feature-cards{display:flex;flex-direction:column;gap:12px}.feature-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:16px;position:relative;transition:all .3s}.feature-card:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .3s;width:4px}.feature-card.active{border-color:var(--color-accent);box-shadow:0 4px 20px #3d8b6e26}.feature-card.active:before{background:linear-gradient(180deg,var(--color-accent) 0,#667eea 100%)}.feature-icon{align-items:center;background:linear-gradient(135deg,#3d8b6e1a,#667eea1a);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s;width:48px}.feature-card.active .feature-icon{background:linear-gradient(135deg,var(--color-accent) 0,#667eea 100%)}.feature-icon svg{color:var(--color-accent);transition:color .3s}.feature-card.active .feature-icon svg{color:#fff}.feature-text h4{color:var(--color-gray-900);font-size:var(--font-size-base);margin:0 0 4px}.feature-text p{color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0}.feature-indicator{background:var(--color-accent);border-radius:50%;height:8px;position:absolute;right:16px;width:8px}.showcase-stats{border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg) 0}.stat{flex:1 1}.stat-value{color:var(--color-primary);display:block;font-size:var(--font-size-2xl);font-weight:700}.stat-label{color:var(--color-accent)!important;letter-spacing:1px}.features-header{margin-bottom:var(--spacing-lg)}.features-header h3{color:var(--color-primary);font-size:var(--font-size-xl);margin:0 0 4px}.features-header p{color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0}.showcase-stats-bar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:var(--radius-xl);display:flex;gap:var(--spacing-2xl);justify-content:center;margin-top:var(--spacing-3xl);padding:var(--spacing-xl) var(--spacing-2xl)}.stat-item{text-align:center}.stat-item .stat-number{color:#fff;display:block;font-size:var(--font-size-2xl);font-weight:700;line-height:1;margin-bottom:4px}.stat-item .stat-text{color:#ffffffe6;font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.showcase-stats-bar .stat-divider{background:#ffffff4d;height:40px;width:1px}.showcase-cta{text-align:center}.cta-button{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,#667eea 100%);border-radius:12px;box-shadow:0 8px 30px #3d8b6e4d;color:#fff;display:inline-flex;font-size:var(--font-size-base);font-weight:600;gap:12px;padding:16px 32px;text-decoration:none;transition:all .3s}.cta-button:hover{box-shadow:0 12px 40px #3d8b6e66;transform:translateY(-2px)}.cta-button svg{transition:transform .3s}.cta-button:hover svg{transform:translateX(4px)}.cta-subtext{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.cta-subtext strong{color:var(--color-accent)}.showcase-services{margin-top:var(--spacing-3xl);text-align:center}.services-title{color:var(--color-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.services-subtitle{color:var(--color-gray-600);margin-bottom:var(--spacing-xl)}.showcase-services .services-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-xl)}.showcase-services .service-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base)}.showcase-services .service-card:hover{box-shadow:var(--shadow-lg)}.showcase-services .service-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:70px;justify-content:center;margin:0 auto var(--spacing-lg);width:70px}.showcase-services .service-icon svg{color:#fff;height:36px;width:36px}.showcase-services .service-icon.meta{background:linear-gradient(135deg,#0866ff,#a033ff);box-shadow:0 8px 20px #0866ff4d}.showcase-services .service-icon.google{background:linear-gradient(135deg,#4285f4,#ea4335);box-shadow:0 8px 20px #4285f44d}.showcase-services .service-icon.seo{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);box-shadow:0 8px 20px #1a3d2e4d}.showcase-services .service-icon.web{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 20px #667eea4d}.showcase-services .service-card h4{color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.showcase-services .service-card p{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.services-cta{text-align:center}@media (max-width:1024px){.showcase-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.browser-mockup{margin:0 auto;max-width:500px}.floating-element{display:none}.showcase-header h2{font-size:var(--font-size-3xl)}.services-grid-top{grid-template-columns:repeat(2,1fr)}.showcase-stats-bar{flex-wrap:wrap;gap:var(--spacing-lg)}.showcase-stats-bar .stat-divider{display:none}}@media (max-width:600px){.services-grid-top{grid-template-columns:1fr}.showcase-stats-bar{padding:var(--spacing-lg)}.stat-item .stat-number{font-size:var(--font-size-xl)}.browser-content{height:280px}.preview-hero{flex-direction:column}.preview-hero-image{height:60px;width:100%}.preview-features{grid-template-columns:repeat(2,1fr)}.code-overlay{display:none}.showcase-stats{flex-direction:column;gap:var(--spacing-md)}.feature-cards{gap:8px}.feature-card{padding:12px}.feature-icon{height:40px;width:40px}}.services-detail{padding:var(--spacing-4xl) 0}.service-detail-card{grid-gap:var(--spacing-3xl);align-items:center;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-4xl)}.service-detail-card.reverse{direction:rtl}.service-detail-card.reverse>*{direction:ltr}.service-badge{background-color:var(--color-accent);border-radius:var(--radius-full);color:var(--color-white);display:inline-block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md)}.service-detail-content h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.service-detail-content>p{color:var(--color-gray-600);font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--spacing-lg)}.service-features{list-style:none}.service-features li{color:var(--color-gray-700);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-xl);position:relative}.service-features li:before{background-color:var(--color-accent);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:8px;width:8px}.service-detail-visual,.visual-placeholder{align-items:center;display:flex;justify-content:center}.visual-placeholder{border-radius:var(--radius-xl);color:var(--color-white);height:280px;transition:transform var(--transition-base);width:280px}.visual-placeholder:hover{transform:scale(1.05)}.visual-placeholder svg{height:100px;width:100px}.meta-visual{background:linear-gradient(135deg,#0866ff,#a033ff);box-shadow:0 20px 50px #0866ff4d}.google-visual{background:linear-gradient(135deg,#4285f4,#ea4335);box-shadow:0 20px 50px #4285f44d}.seo-visual{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);box-shadow:0 20px 50px #1a3d2e4d}.web-visual{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 20px 50px #667eea4d}.process-section{background-color:var(--color-off-white);padding:var(--spacing-4xl) 0}.process-section h2{margin-bottom:var(--spacing-sm);text-align:center}.process-steps{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-top:var(--spacing-2xl)}.process-step{position:relative;text-align:center}.process-step:after{background:linear-gradient(90deg,var(--color-accent) 0,var(--color-gray-200) 100%);content:"";height:2px;position:absolute;right:-50%;top:30px;width:100%}.process-step:last-child:after{display:none}.step-number{align-items:center;background-color:var(--color-primary);border-radius:50%;color:var(--color-white);display:flex;font-size:var(--font-size-2xl);font-weight:700;height:60px;justify-content:center;margin:0 auto var(--spacing-md);position:relative;width:60px;z-index:1}.process-step h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.process-step p{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}@media (max-width:1024px){.service-detail-card,.service-detail-card.reverse{direction:ltr;grid-template-columns:1fr;text-align:center}.service-detail-visual{margin-bottom:var(--spacing-xl);order:-1}.visual-placeholder{height:200px;width:200px}.visual-placeholder svg{height:60px;width:60px}.service-features{margin:0 auto;max-width:400px;text-align:left}.process-steps{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.process-step:after{display:none}}@media (max-width:600px){.process-steps{grid-template-columns:1fr}}.process-hero{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);overflow:hidden;padding:var(--spacing-4xl) 0;position:relative;text-align:center}.hero-bg-shapes{inset:0;overflow:hidden;pointer-events:none;position:absolute}.shape{animation:float 20s ease-in-out infinite;background:linear-gradient(135deg,#3d8b6e4d,#3d8b6e1a);border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:600px;right:-100px;top:-200px;width:600px}.shape-2{animation-delay:-7s;bottom:-100px;height:400px;left:-100px;width:400px}.shape-3{animation-delay:-14s;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-30px) rotate(5deg)}66%{transform:translateY(20px) rotate(-5deg)}}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-full);color:#ffffffe6;display:inline-block;font-size:var(--font-size-sm);font-weight:500;letter-spacing:1px;padding:var(--spacing-xs) var(--spacing-lg);text-transform:uppercase}.hero-badge,.process-hero h1{margin-bottom:var(--spacing-lg)}.process-hero h1{color:var(--color-white);font-size:var(--font-size-5xl);position:relative;z-index:1}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5ba88a,#8fd4b8);-webkit-background-clip:text;background-clip:text}.hero-description{color:#ffffffd9;font-size:var(--font-size-lg);line-height:1.8;margin:0 auto var(--spacing-2xl);max-width:600px;position:relative;z-index:1}.hero-stats{align-items:center;display:flex;gap:var(--spacing-2xl);justify-content:center;margin-top:var(--spacing-xl);position:relative;z-index:10}.stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);text-align:center}.stat-number{display:block;font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-xs);text-shadow:0 2px 20px #00000080}.stat-label,.stat-number{-webkit-text-fill-color:#fff;color:#fff!important}.stat-label{font-size:var(--font-size-sm);font-weight:700;letter-spacing:1.5px;text-shadow:0 1px 10px #0000004d}.stat-divider{background:#ffffff4d;height:60px;width:1px}.section-header{margin-bottom:var(--spacing-3xl);text-align:center}.section-tag{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:var(--radius-full);color:var(--color-white);display:inline-block;font-size:var(--font-size-xs);font-weight:600;letter-spacing:1px;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.section-header h2{margin-bottom:var(--spacing-sm)}.section-header p{color:var(--color-gray-600);font-size:var(--font-size-lg);margin:0 auto;max-width:500px}.timeline-section{background:var(--color-white);padding:var(--spacing-4xl) 0}.timeline{margin:0 auto;max-width:900px;position:relative}.timeline-item{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:80px 1fr;margin-bottom:var(--spacing-xl)}.timeline-item.last{margin-bottom:0}.timeline-marker{flex-direction:column}.marker-inner,.timeline-marker{align-items:center;display:flex;position:relative}.marker-inner{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;box-shadow:0 10px 30px #1a3d2e4d;height:60px;justify-content:center;width:60px;z-index:2}.marker-inner span{color:var(--color-white);font-size:var(--font-size-lg);font-weight:700}.marker-line{background:linear-gradient(to bottom,var(--color-accent),var(--color-gray-200));height:calc(100% + var(--spacing-xl));left:50%;position:absolute;top:60px;transform:translateX(-50%);width:2px}.timeline-item.last .marker-line{display:none}.timeline-content{padding-bottom:var(--spacing-md)}.content-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;display:flex;gap:var(--spacing-xl);padding:var(--spacing-xl);transition:all var(--transition-base)}.content-card:hover{border-color:var(--color-accent);box-shadow:0 20px 40px #0000001f;transform:translateY(-5px)}.card-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:70px;justify-content:center;width:70px}.card-icon svg{color:#fff;height:32px;width:32px}.card-icon.discovery{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 20px #667eea4d}.card-icon.strategy{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 10px 20px #f093fb4d}.card-icon.creation{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 10px 20px #4facfe4d}.card-icon.launch{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 10px 20px #43e97b4d}.card-icon.optimize{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);box-shadow:0 10px 20px #1a3d2e4d}.card-body h3{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.card-body p{color:var(--color-gray-600);line-height:1.7;margin-bottom:var(--spacing-md)}.feature-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg);list-style:none}.feature-list li{align-items:center;color:var(--color-gray-700);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.feature-list li svg{color:var(--color-accent);flex-shrink:0;height:16px;width:16px}.benefits-section{background:var(--color-off-white);padding:var(--spacing-4xl) 0}.benefits-grid{grid-gap:var(--spacing-3xl);align-items:center;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr}.benefits-content .section-tag,.benefits-content h2{margin-bottom:var(--spacing-md)}.benefits-content p{color:var(--color-gray-600);font-size:var(--font-size-lg);line-height:1.7}.benefits-cards{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.benefit-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 4px 15px #0000000d;padding:var(--spacing-lg);transition:all var(--transition-base)}.benefit-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.benefit-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:var(--radius-md);box-shadow:0 8px 15px #1a3d2e33;display:flex;height:50px;justify-content:center;margin-bottom:var(--spacing-md);width:50px}.benefit-icon svg{color:#fff;height:24px;width:24px}.benefit-card h4{color:var(--color-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.benefit-card p{color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.6;margin:0}.process-cta{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);padding:var(--spacing-4xl) 0;text-align:center}.cta-content h2{color:var(--color-white);margin-bottom:var(--spacing-sm)}.cta-content p{color:#ffffffe6;font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.cta-buttons .btn{align-items:center;display:inline-flex;gap:var(--spacing-sm)}.cta-buttons .btn svg{height:20px;transition:transform var(--transition-base);width:20px}.cta-buttons .btn:hover svg{transform:translateX(5px)}@media (max-width:1024px){.benefits-grid{gap:var(--spacing-2xl);grid-template-columns:1fr}.benefits-content{text-align:center}.benefits-cards{margin:0 auto;max-width:500px}}@media (max-width:768px){.process-hero h1{font-size:var(--font-size-3xl)}.hero-stats{flex-direction:column;gap:var(--spacing-lg)}.stat-divider{height:1px;width:50px}.timeline-item{gap:var(--spacing-md);grid-template-columns:50px 1fr}.marker-inner{height:50px;width:50px}.marker-line{top:50px}.content-card{flex-direction:column;gap:var(--spacing-md)}.card-icon{height:60px;width:60px}.card-icon svg{height:28px;width:28px}.benefits-cards{grid-template-columns:1fr}}@media (max-width:480px){.timeline-item{grid-template-columns:1fr}.timeline-marker{flex-direction:row;margin-bottom:var(--spacing-md)}.marker-line{display:none}.marker-inner{height:45px;width:45px}.marker-inner span{font-size:var(--font-size-base)}.feature-list{flex-direction:column;gap:var(--spacing-xs)}}.story-section{padding:var(--spacing-4xl) 0}.story-content{margin:0 auto;max-width:800px}.story-content h2{margin-bottom:var(--spacing-xl);text-align:center}.story-content p{color:var(--color-gray-600);font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--spacing-lg)}.mission-vision-section{background-color:var(--color-off-white);padding:var(--spacing-4xl) 0}.mv-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.mv-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-2xl)}.mv-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:var(--radius-md);display:flex;height:60px;justify-content:center;margin-bottom:var(--spacing-lg);width:60px}.mv-icon svg{color:var(--color-white);height:30px;width:30px}.mv-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.mv-card p{color:var(--color-gray-600);font-size:var(--font-size-base);line-height:1.7;margin:0}.values-section{padding:var(--spacing-4xl) 0}.values-section h2{margin-bottom:var(--spacing-2xl);text-align:center}.values-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}.value-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base)}.value-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-5px)}.value-card h3{color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.value-card p{color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.6;margin:0}@media (max-width:1024px){.mv-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.values-grid{grid-template-columns:1fr}}.contact-section{padding:var(--spacing-4xl) 0}.contact-grid{grid-gap:var(--spacing-3xl);display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1.5fr}.contact-info h2{margin-bottom:var(--spacing-md)}.contact-info>p{color:var(--color-gray-600)}.contact-info>p,.info-items{margin-bottom:var(--spacing-2xl)}.info-item{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.info-icon{align-items:center;background-color:var(--color-gray-100);border-radius:var(--radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.info-icon svg{color:var(--color-primary);height:24px;width:24px}.info-item h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.info-item a{color:var(--color-gray-600);font-size:var(--font-size-sm)}.info-item a:hover{color:var(--color-accent)}.guarantee-box{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:var(--radius-lg);color:var(--color-white);padding:var(--spacing-xl)}.guarantee-box h4{color:var(--color-white);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.guarantee-box p{font-size:var(--font-size-sm);margin:0;opacity:.9}.contact-form-container{background-color:var(--color-off-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:500}.form-group input,.form-group select,.form-group textarea{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--spacing-md);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-400)}.form-group textarea{min-height:120px;resize:vertical}.form-group select{cursor:pointer}.success-section{padding:var(--spacing-4xl) 0}.success-message{margin:0 auto;max-width:500px;text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-xl);width:80px}.success-icon svg{color:var(--color-white);height:40px;width:40px}.success-message h2{margin-bottom:var(--spacing-md)}.success-message p{color:var(--color-gray-600)}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr}.contact-info{order:2}.contact-form-container{order:1}}@media (max-width:600px){.contact-section{padding:var(--spacing-3xl) 0}.contact-grid{gap:var(--spacing-2xl)}.contact-form-container{border-radius:var(--radius-xl);box-shadow:0 2px 12px #0000000a;padding:var(--spacing-xl)}.contact-form,.form-row{gap:var(--spacing-lg)}.form-row{grid-template-columns:1fr}.form-group{gap:.5rem}.form-group label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:500}.form-group input,.form-group select,.form-group textarea{background-color:var(--color-white);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:16px;min-height:52px;padding:.875rem 1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a3d2e1a}.form-group textarea{line-height:1.6;min-height:120px}.contact-info h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.contact-info>p{font-size:var(--font-size-base);line-height:1.7}.contact-info>p,.info-items{margin-bottom:var(--spacing-xl)}.info-item{align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.info-icon{background-color:var(--color-gray-50);border-radius:var(--radius-md);height:44px;width:44px}.info-icon svg{height:20px;width:20px}.info-item h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:.125rem}.info-item a,.info-item p{font-size:var(--font-size-sm);line-height:1.5}.guarantee-box{border-radius:var(--radius-lg);padding:var(--spacing-lg)}.guarantee-box h4{font-size:var(--font-size-base);font-weight:600;margin-bottom:.375rem}.guarantee-box p{font-size:var(--font-size-sm);line-height:1.6;opacity:.9}.success-section{padding:var(--spacing-3xl) 0}.success-icon{height:72px;margin-bottom:var(--spacing-lg);width:72px}.success-icon svg{height:36px;width:36px}.success-message h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.success-message p{font-size:var(--font-size-base);line-height:1.7}}@media (max-width:380px){.contact-form-container{padding:var(--spacing-lg)}.form-group input,.form-group select,.form-group textarea{min-height:48px;padding:.75rem .875rem}}.admin-login{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.login-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-width:400px;padding:var(--spacing-2xl);width:100%}.login-header{margin-bottom:var(--spacing-xl);text-align:center}.login-logo{margin-bottom:var(--spacing-lg)}.admin-logo .logo-text,.login-logo .logo-text{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:700}.admin-logo .logo-accent,.login-logo .logo-accent{color:var(--color-accent);font-size:var(--font-size-xl);font-weight:700}.login-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.login-header p{color:var(--color-gray-500);margin:0}.login-card .form-group{margin-bottom:var(--spacing-lg)}.login-card label{color:var(--color-gray-700);display:block;font-weight:500;margin-bottom:var(--spacing-xs)}.login-card input{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);padding:var(--spacing-md);transition:all var(--transition-base);width:100%}.login-card input:focus{border-color:var(--color-accent);outline:none}.error-message{background:#fee2e2;border-radius:var(--radius-md);color:#dc2626;font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.admin-page{background:var(--color-gray-100);display:flex;min-height:100vh}.admin-page.sidebar-collapsed .admin-sidebar{width:70px}.admin-page.sidebar-collapsed .admin-main{margin-left:70px}.admin-page.sidebar-collapsed .admin-badge,.admin-page.sidebar-collapsed .admin-logo,.admin-page.sidebar-collapsed .logout-btn span,.admin-page.sidebar-collapsed .nav-item span{display:none}.admin-page.sidebar-collapsed .logout-btn,.admin-page.sidebar-collapsed .nav-item,.admin-page.sidebar-collapsed .sidebar-header{justify-content:center}.admin-page.dark-mode{--dm-bg:#1a1a2e;--dm-card:#16213e;--dm-border:#0f3460;--dm-text:#e4e4e7;--dm-text-muted:#a1a1aa;background:var(--dm-bg)}.admin-page.dark-mode .admin-sidebar{background:var(--dm-card);border-right-color:var(--dm-border)}.admin-page.dark-mode .admin-main{background:var(--dm-bg)}.admin-page.dark-mode .activity-log,.admin-page.dark-mode .analytics-card,.admin-page.dark-mode .chart-card,.admin-page.dark-mode .lead-detail-panel,.admin-page.dark-mode .messages-container,.admin-page.dark-mode .recent-section,.admin-page.dark-mode .setting-card,.admin-page.dark-mode .stat-card{background:var(--dm-card);border-color:var(--dm-border)}.admin-page.dark-mode .chart-card h3,.admin-page.dark-mode .content-header h1,.admin-page.dark-mode .section-header h2,.admin-page.dark-mode .setting-header h3,.admin-page.dark-mode .stat-number{color:#fff}.admin-page.dark-mode .content-header p,.admin-page.dark-mode .item-preview,.admin-page.dark-mode .setting-header p,.admin-page.dark-mode .stat-label{color:#a0aec0}.admin-notification{align-items:center;animation:slideIn .3s ease;background:#10b981;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0003;color:#fff;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);position:fixed;right:20px;top:20px;z-index:1000}.admin-notification svg{height:20px;width:20px}.admin-notification.warning{background:#f59e0b}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.admin-sidebar{background:var(--color-white);border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:100}.sidebar-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.admin-logo .logo-accent,.admin-logo .logo-text{font-size:var(--font-size-lg)}.admin-badge{background:var(--color-accent);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:2px 8px}.sidebar-toggle{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;z-index:101}.sidebar-toggle svg{color:var(--color-gray-500);height:14px;width:14px}.sidebar-nav{flex:1 1;overflow-y:auto}.nav-item,.sidebar-nav{padding:var(--spacing-md)}.nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--spacing-md);margin-bottom:var(--spacing-xs);transition:all var(--transition-base);width:100%}.nav-item svg{flex-shrink:0;height:20px;width:20px}.nav-item:hover{background:var(--color-gray-100);color:var(--color-primary)}.nav-item.active{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);color:#fff}.nav-item .badge{background:#ef4444;border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:600;margin-left:auto;min-width:20px;padding:2px 8px;text-align:center}.nav-item .badge.green{background:#22c55e}.sidebar-footer{border-top:1px solid var(--color-gray-200);padding:var(--spacing-md)}.logout-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-base);width:100%}.logout-btn svg{height:20px;width:20px}.logout-btn:hover{background:#fee2e2;color:#dc2626}.admin-main{flex:1 1;margin-left:260px;padding:var(--spacing-xl);transition:margin-left .3s ease}.admin-content{margin:0 auto;max-width:1400px}.content-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.content-header h1{margin-bottom:var(--spacing-xs)}.content-header p{color:var(--color-gray-500);margin:0}.header-actions{position:relative}.header-actions .btn{align-items:center;display:flex;gap:var(--spacing-sm)}.header-actions .btn svg{height:18px;width:18px}.quick-actions-menu{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;margin-top:var(--spacing-sm);min-width:220px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}.quick-actions-menu button{align-items:center;background:none;border:none;color:var(--color-gray-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-md);padding:var(--spacing-md);transition:background var(--transition-fast);width:100%}.quick-actions-menu button:hover{background:var(--color-gray-100)}.quick-actions-menu button svg{color:var(--color-gray-500);height:18px;width:18px}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(5,1fr);margin-bottom:var(--spacing-2xl)}.stat-card{align-items:center;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;height:50px;justify-content:center;width:50px}.stat-icon svg{color:#fff;height:24px;width:24px}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.stat-icon.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.stat-info{display:flex;flex-direction:column}.stat-number{color:#1a1a1a;font-size:var(--font-size-2xl);font-weight:700;line-height:1}.stat-label{color:#4a5568;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.dashboard-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-2xl)}.chart-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.chart-card h3{color:var(--color-gray-700);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.mini-chart{align-items:flex-end;display:flex;gap:var(--spacing-md);height:120px;justify-content:space-between}.chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column}.chart-bar{align-items:flex-start;background:linear-gradient(180deg,var(--color-accent) 0,var(--color-primary) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;justify-content:center;max-width:40px;min-height:4px;transition:height .3s ease;width:100%}.chart-value{color:#fff;font-size:10px;font-weight:600;padding-top:4px}.chart-label{color:var(--color-gray-500);font-size:var(--font-size-xs);margin-top:var(--spacing-sm)}.service-breakdown{display:flex;flex-direction:column;gap:var(--spacing-md)}.breakdown-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.breakdown-header{display:flex;font-size:var(--font-size-sm);justify-content:space-between}.breakdown-count{color:var(--color-primary);font-weight:600}.breakdown-bar{background:var(--color-gray-200);border-radius:3px;height:6px;overflow:hidden}.breakdown-fill{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:3px;height:100%;transition:width .5s ease}.recent-section{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:var(--font-size-lg);margin:0}.btn-link{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:var(--font-size-sm)}.btn-link:hover{text-decoration:underline}.empty-state{color:var(--color-gray-500);padding:var(--spacing-3xl);text-align:center}.empty-state svg{height:60px;margin-bottom:var(--spacing-md);opacity:.5;width:60px}.empty-state p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.empty-state span{font-size:var(--font-size-sm)}.recent-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recent-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-base)}.recent-item:hover{background:var(--color-gray-100)}.recent-item.unread{background:#eff6ff}.recent-item.unread:hover{background:#dbeafe}.item-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.item-content{flex:1 1;min-width:0}.item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.item-name{color:var(--color-primary);font-weight:600}.item-date{color:var(--color-gray-500);font-size:var(--font-size-xs)}.item-preview{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-badge{background:#22c55e;border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:2px 8px}.lead-badge.small{font-size:10px;padding:1px 6px}.messages-toolbar{flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.messages-toolbar,.search-box{align-items:center;display:flex}.search-box{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);flex:1 1;gap:var(--spacing-sm);max-width:300px;padding:var(--spacing-sm) var(--spacing-md)}.search-box svg{color:var(--color-gray-400);height:18px;width:18px}.search-box input{background:none;border:none;flex:1 1;font-size:var(--font-size-sm);outline:none}.clear-search{background:none;border:none;cursor:pointer;display:flex;padding:0}.clear-search svg{color:var(--color-gray-400);height:16px;width:16px}.filter-group{display:flex;gap:var(--spacing-sm)}.filter-group select{background:var(--color-white);border:1px solid var(--color-gray-200);cursor:pointer;font-size:var(--font-size-sm)}.bulk-actions,.filter-group select{border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.bulk-actions{align-items:center;background:var(--color-gray-100);display:flex;gap:var(--spacing-md);margin-left:auto}.bulk-actions span{color:var(--color-gray-600);font-size:var(--font-size-sm)}.messages-container{grid-gap:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:var(--spacing-lg);grid-template-columns:380px 1fr;min-height:600px;overflow:hidden}.messages-list{border-right:1px solid var(--color-gray-200);max-height:700px;overflow-y:auto}.select-all-row{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-sm) var(--spacing-md)}.checkbox-label{align-items:center;color:var(--color-gray-600);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.message-item{align-items:flex-start;border-bottom:1px solid var(--color-gray-100);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-base)}.message-item:hover{background:var(--color-gray-50)}.message-item.selected{background:#eff6ff}.message-item.unread{background:#fefce8}.message-item.checked{background:#f0fdf4}.message-checkbox{padding-top:var(--spacing-sm)}.message-checkbox input{cursor:pointer;height:16px;width:16px}.message-main{align-items:flex-start;display:flex;flex:1 1;gap:var(--spacing-md);min-width:0}.message-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.message-content{flex:1 1;min-width:0}.message-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:2px}.message-name{color:var(--color-primary);font-weight:600}.message-email{color:var(--color-gray-500);display:block;font-size:var(--font-size-xs);margin-bottom:4px}.message-preview{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-date{color:var(--color-gray-500);flex-shrink:0;font-size:var(--font-size-xs);white-space:nowrap}.message-detail{overflow-y:auto;padding:var(--spacing-lg)}.detail-header{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.detail-header,.detail-info{align-items:center;display:flex}.detail-info{gap:var(--spacing-md)}.detail-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-lg);font-weight:600;height:50px;justify-content:center;width:50px}.detail-info h3{font-size:var(--font-size-lg);margin:0 0 2px}.detail-info span{color:var(--color-gray-500);font-size:var(--font-size-sm)}.detail-actions{display:flex;gap:var(--spacing-sm)}.action-btn{align-items:center;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.action-btn svg{color:var(--color-gray-600);height:18px;width:18px}.action-btn:hover{border-color:var(--color-accent)}.action-btn:hover svg{color:var(--color-accent)}.action-btn.active{background:#fef2f2;border-color:#ef4444}.action-btn.active svg{fill:#ef4444;color:#ef4444}.action-btn.delete:hover{background:#fef2f2;border-color:#ef4444}.action-btn.delete:hover svg{color:#ef4444}.detail-meta{grid-gap:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.meta-item{display:flex;flex-direction:column}.meta-label{color:var(--color-gray-500);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.meta-value{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:500}.meta-value a{color:var(--color-accent);text-decoration:none}.meta-value a:hover{text-decoration:underline}.detail-body{margin-bottom:var(--spacing-lg)}.detail-body h4{color:var(--color-gray-500);font-size:var(--font-size-sm);letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.detail-body p{color:var(--color-gray-700);line-height:1.7}.quick-reply{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-lg)}.quick-reply h4{color:var(--color-gray-500);font-size:var(--font-size-sm);letter-spacing:.5px;margin-bottom:var(--spacing-md);text-transform:uppercase}.quick-reply-actions{display:flex;gap:var(--spacing-md)}.quick-reply-actions .btn{align-items:center;display:flex;gap:var(--spacing-sm);text-decoration:none}.quick-reply-actions .btn svg{height:16px;width:16px}.lead-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.lead-filter-btn{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.lead-filter-btn:hover{border-color:var(--status-color,var(--color-gray-400))}.lead-filter-btn.active{background:var(--color-primary);background:var(--status-color,var(--color-primary));border-color:var(--status-color,var(--color-primary));color:#fff}.lead-pipeline{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(5,1fr);margin-bottom:var(--spacing-lg)}.pipeline-column{background:var(--color-gray-50);border-radius:var(--radius-lg);min-height:400px;padding:var(--spacing-md)}.pipeline-header{align-items:center;border-bottom:2px solid var(--status-color,var(--color-gray-300));display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.pipeline-header h3{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:600;margin:0}.pipeline-count{background:var(--color-gray-400);background:var(--status-color,var(--color-gray-400));border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:2px 8px}.pipeline-cards{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pipeline-card{background:var(--color-white);border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-md);transition:all var(--transition-fast)}.pipeline-card:hover{box-shadow:var(--shadow-md)}.pipeline-card.selected{border-color:var(--color-accent);box-shadow:0 0 0 3px #3d8b6e1a}.pipeline-card-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.pipeline-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:600;height:32px;justify-content:center;width:32px}.pipeline-card-header h4{color:var(--color-gray-800);font-size:var(--font-size-sm);margin:0}.pipeline-card-header span{color:var(--color-gray-500);font-size:var(--font-size-xs)}.pipeline-card-service{background:var(--color-gray-100);border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm);padding:2px 6px}.pipeline-card-date{color:var(--color-gray-500);font-size:var(--font-size-xs)}.lead-detail-panel{animation:slideInRight .3s ease;background:var(--color-white);box-shadow:-10px 0 40px #0000001a;height:100vh;overflow-y:auto;position:fixed;right:0;top:0;width:450px;z-index:200}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.lead-detail-header{align-items:flex-start;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-bottom:1px solid var(--color-gray-200);color:#fff;display:flex;justify-content:space-between;padding:var(--spacing-xl)}.lead-detail-info{align-items:center;display:flex;gap:var(--spacing-md)}.lead-detail-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:var(--font-size-xl);font-weight:700;height:60px;justify-content:center;width:60px}.lead-detail-info h2{font-size:var(--font-size-xl);margin:0 0 4px}.lead-detail-info span{font-size:var(--font-size-sm);opacity:.8}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background var(--transition-fast);width:36px}.close-btn:hover{background:#ffffff4d}.close-btn svg{color:#fff;height:20px;width:20px}.lead-detail-content{padding:var(--spacing-xl)}.lead-detail-section{margin-bottom:var(--spacing-xl)}.lead-detail-section h3{color:var(--color-gray-500);font-size:var(--font-size-sm);letter-spacing:.5px;margin-bottom:var(--spacing-md);text-transform:uppercase}.lead-contact-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.lead-contact-item{align-items:center;background:var(--color-gray-50);border-radius:var(--radius-md);color:var(--color-gray-700);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background var(--transition-fast)}.lead-contact-item:hover{background:var(--color-gray-100)}.lead-contact-item svg{color:var(--color-gray-400);height:18px;width:18px}.lead-status-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.status-btn{background:var(--color-gray-100);border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.status-btn.active,.status-btn:hover{border-color:var(--status-color)}.status-btn.active{background:var(--status-color);color:#fff}.lead-service-tag{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:var(--radius-md);color:#fff;display:inline-block;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.lead-message{color:var(--color-gray-700);line-height:1.7}.lead-notes{margin-bottom:var(--spacing-md)}.no-notes{color:var(--color-gray-500);font-style:italic}.note-item{background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.note-item p{color:var(--color-gray-700);margin:0 0 var(--spacing-xs) 0}.note-date{color:var(--color-gray-500);font-size:var(--font-size-xs)}.add-note{display:flex;flex-direction:column;gap:var(--spacing-sm)}.add-note textarea{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);min-height:80px;padding:var(--spacing-md);resize:vertical}.add-note textarea:focus{border-color:var(--color-accent);outline:none}.analytics-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.analytics-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.analytics-card.full-width{grid-column:span 2}.analytics-card h3{color:var(--color-gray-700);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.analytics-chart{align-items:flex-end;display:flex;height:200px;justify-content:space-around;padding-top:var(--spacing-lg)}.analytics-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column}.analytics-bar{background:linear-gradient(180deg,var(--color-accent) 0,var(--color-primary) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;max-width:50px;transition:height .3s ease;width:100%}.analytics-bar-value{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-xs)}.analytics-bar-label{color:var(--color-gray-500);font-size:var(--font-size-xs);margin-top:var(--spacing-sm)}.analytics-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.analytics-list-item{align-items:center;display:flex;gap:var(--spacing-md)}.analytics-list-info{align-items:center;display:flex;gap:var(--spacing-sm);min-width:120px}.analytics-rank{color:var(--color-gray-400);font-size:var(--font-size-xs);width:24px}.analytics-name{color:var(--color-gray-700);font-size:var(--font-size-sm)}.analytics-list-bar{background:var(--color-gray-200);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.analytics-list-fill{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:4px;height:100%;transition:width .5s ease}.analytics-count{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;min-width:30px;text-align:right}.funnel{display:flex;flex-direction:column;gap:var(--spacing-sm)}.funnel-stage{align-items:center;background:var(--stage-color);border-radius:var(--radius-md);color:#fff;display:flex;justify-content:space-between;margin:0 auto;padding:var(--spacing-md);width:var(--stage-width)}.funnel-label{font-size:var(--font-size-sm);font-weight:500}.funnel-value{font-size:var(--font-size-lg);font-weight:700}.key-metrics{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.key-metric{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.metric-value{color:var(--color-primary);display:block;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xs)}.metric-label{color:var(--color-gray-500);font-size:var(--font-size-sm)}.activity-log{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.activity-timeline{display:flex;flex-direction:column}.activity-item{border-bottom:1px solid var(--color-gray-100);display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background:var(--color-gray-100);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.activity-icon svg{color:var(--color-gray-500);height:16px;width:16px}.activity-content{flex:1 1}.activity-content p{color:var(--color-gray-700);margin:0 0 var(--spacing-xs) 0}.activity-time{color:var(--color-gray-500);font-size:var(--font-size-xs)}.settings-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.setting-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.setting-header{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.setting-header svg{color:var(--color-primary);flex-shrink:0;height:24px;width:24px}.setting-header h3{font-size:var(--font-size-lg);margin:0 0 4px}.setting-header p{color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0}.setting-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.toggle-option{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.toggle-option>span:first-child{color:var(--color-gray-700);font-size:var(--font-size-sm)}.toggle-option input{display:none}.toggle{background:var(--color-gray-300);border-radius:13px;height:26px;position:relative;width:48px}.toggle,.toggle:before{transition:all var(--transition-base)}.toggle:before{background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:22px;left:2px;position:absolute;top:2px;width:22px}.toggle-option input:checked+.toggle{background:var(--color-accent)}.toggle-option input:checked+.toggle:before{transform:translateX(22px)}.setting-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.setting-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.setting-form label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:500}.setting-form input{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.setting-form input:focus{border-color:var(--color-accent);outline:none}.setting-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.setting-actions .btn{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center}.setting-actions .btn svg{height:18px;width:18px}.setting-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.security-info{background:var(--color-gray-50);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md)}.security-label{color:var(--color-gray-600);font-size:var(--font-size-sm)}.security-value{font-weight:500;letter-spacing:2px}.info-text{align-items:center;color:var(--color-gray-500);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.info-text svg{height:16px;width:16px}.about-info{padding:var(--spacing-md);text-align:center}.about-info p{color:var(--color-gray-700);margin:0 0 var(--spacing-xs) 0}.about-copyright{color:var(--color-gray-500)}.about-copyright,.btn-small{font-size:var(--font-size-sm)}.btn-small{padding:var(--spacing-sm) var(--spacing-md)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}@media (max-width:1400px){.lead-pipeline,.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid,.dashboard-grid{grid-template-columns:1fr}.analytics-card.full-width{grid-column:span 1}.settings-grid{grid-template-columns:1fr}.lead-pipeline{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.messages-container{grid-template-columns:1fr}.messages-list{border-bottom:1px solid var(--color-gray-200);border-right:none;max-height:300px}.lead-pipeline{gap:var(--spacing-lg);grid-template-columns:1fr}.pipeline-column{min-height:auto}.lead-detail-panel{width:100%}}@media (max-width:768px){.admin-page.sidebar-collapsed .admin-sidebar,.admin-sidebar{transform:translateX(-100%)}.admin-main,.admin-page.sidebar-collapsed .admin-main{margin-left:0}.detail-meta,.stats-grid{grid-template-columns:1fr}.messages-toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-group{flex-wrap:wrap}.filter-group select{flex:1 1;min-width:120px}.content-header{flex-direction:column;gap:var(--spacing-md)}.key-metrics{grid-template-columns:1fr}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}:root{--color-primary:#1a3d2e;--color-primary-dark:#0f2a1e;--color-primary-light:#2d5a45;--color-accent:#3d8b6e;--color-accent-light:#5ba88a;--color-white:#fff;--color-off-white:#f8faf9;--color-gray-100:#f0f4f2;--color-gray-200:#e0e7e3;--color-gray-300:#c5d1ca;--color-gray-400:#9aac a2;--color-gray-500:#6b7d73;--color-gray-600:#4a5a51;--color-gray-700:#364039;--color-gray-800:#1f2722;--color-black:#0a0f0c;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--container-max:1200px;--container-padding:1.5rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:#fff;background-color:var(--color-white);color:#1f2722;color:var(--color-gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.6}h1,h2,h3,h4,h5,h6{color:#1a3d2e;color:var(--color-primary);font-weight:600;line-height:1.2}h1{font-size:2.5rem;font-size:var(--font-size-4xl)}h2{font-size:2rem;font-size:var(--font-size-3xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}h4{font-size:1.125rem;font-size:var(--font-size-lg)}p{margin-bottom:1rem;margin-bottom:var(--spacing-md)}a{color:#3d8b6e;color:var(--color-accent);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#1a3d2e;color:var(--color-primary)}.container{margin:0 auto;max-width:1200px;max-width:var(--container-max);padding:0 1.5rem;padding:0 var(--container-padding)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;justify-content:center;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .25s ease;transition:all var(--transition-base)}.btn-primary{background-color:#1a3d2e;background-color:var(--color-primary)}.btn-primary,.btn-primary:hover{color:#fff;color:var(--color-white)}.btn-primary:hover{background-color:#2d5a45;background-color:var(--color-primary-light);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background-color:initial;border:2px solid #1a3d2e;border:2px solid var(--color-primary);color:#1a3d2e;color:var(--color-primary)}.btn-secondary:hover{background-color:#1a3d2e;background-color:var(--color-primary);color:#fff;color:var(--color-white)}.btn-light{background-color:#fff;background-color:var(--color-white)}.btn-light,.btn-light:hover{color:#1a3d2e;color:var(--color-primary)}.btn-light:hover{background-color:#f8faf9;background-color:var(--color-off-white);transform:translateY(-2px)}.btn-full{width:100%}.section-subtitle{color:#6b7d73;color:var(--color-gray-500);font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:3rem;margin-bottom:var(--spacing-2xl);text-align:center}.page-hero{background:linear-gradient(135deg,#1a3d2e,#2d5a45);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);padding:6rem 0;padding:var(--spacing-4xl) 0;text-align:center}.page-hero,.page-hero h1{color:#fff;color:var(--color-white)}.page-hero h1{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.page-hero p{font-size:1.125rem;font-size:var(--font-size-lg);margin:0 auto;max-width:600px;opacity:.9}.cta-section{background:linear-gradient(135deg,#1a3d2e,#2d5a45);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:#fff;color:var(--color-white);padding:6rem 0;padding:var(--spacing-4xl) 0;text-align:center}.cta-section,.process-preview,.process-section,.usp-section{contain-intrinsic-size:0 500px;content-visibility:auto}.cta-section h2{color:#fff;color:var(--color-white);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.cta-section p{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl);opacity:.9}@media (max-width:768px){:root{--font-size-5xl:2.25rem;--font-size-4xl:1.875rem;--font-size-3xl:1.5rem;--font-size-2xl:1.25rem;--container-padding:1.25rem}body{line-height:1.7}.page-hero{padding:4rem 0;padding:var(--spacing-3xl) 0}.page-hero h1{letter-spacing:-.02em}.cta-section{padding:4rem 0;padding:var(--spacing-3xl) 0}.btn{border-radius:12px;border-radius:var(--radius-lg);font-weight:600;letter-spacing:.01em;min-height:50px;padding:.875rem 1.75rem}.section-subtitle{font-size:1rem;font-size:var(--font-size-base);line-height:1.7;margin-left:auto;margin-right:auto;max-width:90%}}@media (max-width:600px){:root{--font-size-5xl:1.875rem;--font-size-4xl:1.625rem;--font-size-3xl:1.375rem;--font-size-2xl:1.125rem;--font-size-xl:1rem;--font-size-lg:0.9375rem;--container-padding:1.25rem}body{-webkit-text-size-adjust:100%;font-size:.9375rem;line-height:1.75}h1,h2,h3{letter-spacing:-.025em;line-height:1.25}.page-hero{padding:3rem 0 4rem;padding:var(--spacing-2xl) 0 var(--spacing-3xl)}.page-hero h1{font-size:2.5rem;font-size:var(--font-size-4xl);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.page-hero p{font-size:1rem;font-size:var(--font-size-base);line-height:1.7;opacity:.95}.cta-section{padding:4rem 0;padding:var(--spacing-3xl) 0}.cta-section h2{font-size:2rem;font-size:var(--font-size-3xl);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.cta-section p{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.btn,.cta-section p{font-size:1rem;font-size:var(--font-size-base)}.btn{border-radius:12px;border-radius:var(--radius-lg);font-weight:600;min-height:52px;padding:1rem 1.5rem;width:100%}.btn-secondary{border-width:1.5px}}@media (max-width:380px){:root{--font-size-5xl:1.625rem;--font-size-4xl:1.5rem;--font-size-3xl:1.25rem;--container-padding:1rem}.btn{font-size:.875rem;font-size:var(--font-size-sm);padding:.875rem 1.25rem}}
/*# sourceMappingURL=main.98bb05ea.css.map*/