@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--primary-bg:#eff6ff;--accent:#f59e0b;--success:#10b981;--danger:#ef4444;--white:#ffffff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / .04);--shadow-md:0 4px 6px -1px rgb(0 0 0 / .06),0 2px 4px -2px rgb(0 0 0 / .04);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / .08),0 4px 6px -4px rgb(0 0 0 / .04);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / .08),0 8px 10px -6px rgb(0 0 0 / .04);--container:1280px;--z-nav:300}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}
body{font-family:var(--font);font-size:var(--text-base);line-height:1.7;color:var(--gray-700);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-weight:700;line-height:1.15;color:var(--gray-900);letter-spacing:-.03em}
h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}
p{margin-bottom:var(--space-4);color:var(--gray-500);line-height:1.8}
a{color:var(--primary);text-decoration:none;transition:color .15s}
a:hover{color:var(--primary-dark)}
img{max-width:100%;height:auto;display:block}
::selection{background:var(--primary);color:var(--white)}
*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--space-6)}
.section{padding:var(--space-20)0}
.nav{position:sticky;top:0;z-index:var(--z-nav);background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-100);transition:box-shadow .2s}
.nav.scrolled{box-shadow:var(--shadow-md)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:var(--container);margin:0 auto;padding:0 var(--space-6)}
.nav-logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}
.nav-logo img{height:36px;width:auto}
.nav-links{display:flex;align-items:center;gap:var(--space-1);list-style:none;padding:0;margin:0}
.nav-links a{font-size:var(--text-sm);font-weight:500;color:var(--gray-600);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);transition:all .15s}
.nav-links a:hover,.nav-links a.active{color:var(--primary);background:var(--primary-bg)}
.nav-cta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}
.nav-mobile-toggle{display:none;flex-direction:column;gap:4px;cursor:pointer;background:none;border:none;padding:var(--space-2)}
.nav-mobile-toggle span{width:22px;height:2px;background:var(--gray-800);border-radius:2px;transition:all .2s}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.5rem;font-family:var(--font);font-size:var(--text-sm);font-weight:600;line-height:1;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;white-space:nowrap}
.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.btn-primary{background:var(--primary);color:var(--white);border-color:var(--primary)}
.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:var(--white);transform:translateY(-1px);box-shadow:0 8px 25px rgba(37,99,235,.25)}
.btn-secondary{background:var(--white);color:var(--gray-700);border-color:var(--gray-200)}
.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}
.btn-ghost{background:transparent;color:var(--gray-600);border-color:transparent}
.btn-ghost:hover{background:var(--gray-50)}
.btn-accent{background:var(--accent);color:var(--gray-900);border-color:var(--accent);font-weight:700}
.btn-accent:hover{background:#d97706;border-color:#d97706;color:var(--gray-900);transform:translateY(-1px)}
.btn-lg{padding:1rem 2rem;font-size:var(--text-base);border-radius:var(--radius-lg)}
.btn-sm{padding:.5rem 1rem;font-size:var(--text-xs)}
.hero{position:relative;padding:var(--space-20)0;overflow:hidden;background:linear-gradient(180deg,var(--gray-50)0%,var(--white)100%)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;position:relative;z-index:1}
.hero-content{max-width:600px}
.hero h1{font-size:var(--text-5xl);margin-bottom:var(--space-6);line-height:1.1}
.hero h1 span{background:linear-gradient(135deg,var(--primary),#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero p{font-size:var(--text-lg);margin-bottom:var(--space-8);color:var(--gray-500);max-width:520px}
.hero-actions{display:flex;gap:var(--space-3);margin-bottom:var(--space-10);flex-wrap:wrap}
.hero-stats{display:flex;gap:var(--space-10);flex-wrap:wrap;padding-top:var(--space-6);border-top:1px solid var(--gray-100)}
.hero-stat{text-align:center}
.hero-stat-number{font-size:var(--text-2xl);font-weight:800;color:var(--primary);display:block}
.hero-stat-label{font-size:var(--text-sm);color:var(--gray-500)}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.feature-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);transition:all .2s}
.feature-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.feature-card .icon{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--primary)}
.feature-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}
.feature-card p{font-size:var(--text-sm);margin-bottom:0;color:var(--gray-500);line-height:1.7}
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}
.kpi-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-5);transition:all .2s}
.kpi-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md)}
.kpi-label{font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-1);font-weight:600}
.kpi-value{font-size:var(--text-2xl);font-weight:800;color:var(--gray-900);margin:0}
.kpi-change{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-xs)}
.signup-section{background:linear-gradient(135deg,var(--gray-900),var(--gray-800));padding:var(--space-20)0;position:relative;overflow:hidden}
.signup-section::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;position:relative;z-index:1}
.signup-content{color:rgba(255,255,255,.9)}
.signup-content h2{color:var(--white);font-size:var(--text-3xl);margin-bottom:var(--space-4)}
.signup-content p{font-size:var(--text-lg);margin-bottom:var(--space-6);color:rgba(255,255,255,.7)}
.signup-card{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl)}
.signup-card h3{margin-bottom:var(--space-6);text-align:center;font-size:var(--text-xl);color:var(--gray-900)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.blog-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s}
.blog-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-3px)}
.blog-card-image{aspect-ratio:16/10;overflow:hidden}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-card:hover .blog-card-image img{transform:scale(1.05)}
.blog-card-body{padding:var(--space-5)}
.blog-category{display:inline-block;font-size:.6875rem;font-weight:600;color:var(--primary);background:var(--primary-bg);padding:.1875rem .625rem;border-radius:var(--radius-full);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.06em}
.blog-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2);line-height:1.3}
.blog-card h3 a{color:var(--gray-900)}
.blog-card h3 a:hover{color:var(--primary)}
.blog-card p{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--gray-400);flex-wrap:wrap}
.form-group{margin-bottom:var(--space-4)}
.form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--gray-700);margin-bottom:var(--space-1)}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;font-family:var(--font);font-size:var(--text-sm);color:var(--gray-800);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);transition:all .15s;outline:none}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.form-group input::placeholder{color:var(--gray-400)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.form-grid .full{grid-column:1/-1}
.faq-grid{max-width:720px;margin:0 auto}
.faq-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden}
.faq-item:hover{border-color:var(--gray-300)}
.faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);cursor:pointer;font-weight:600;background:none;border:none;width:100%;text-align:left;font-family:var(--font);font-size:var(--text-base);color:var(--gray-800);transition:color .15s}
.faq-question:hover{color:var(--primary)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s}
.faq-item.open .faq-answer{max-height:500px;padding:0 var(--space-5) var(--space-5)}
.faq-answer p{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:0}
.back-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:999;width:44px;height:44px;border-radius:var(--radius-full);background:var(--primary);color:var(--white);border:none;cursor:pointer;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all .2s;display:flex;align-items:center;justify-content:center}
.back-to-top.visible{opacity:1;visibility:visible}
.back-to-top:hover{background:var(--primary-dark)}
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
@media(max-width:1024px){
  .hero-grid,.alternating-grid,.signup-grid{grid-template-columns:1fr;gap:var(--space-8)}
  .kpi-row,.features-grid,.blog-grid{grid-template-columns:1fr 1fr}
  .hero-content{max-width:100%;text-align:center}
  .hero p{margin:0 auto var(--space-8)}
  .hero-actions,.hero-stats{justify-content:center}
  .nav-links{display:none}
  .nav-mobile-toggle{display:flex}
  .nav-links.active{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:var(--white);border-bottom:1px solid var(--gray-100);padding:var(--space-3);box-shadow:var(--shadow-lg)}}
@media(max-width:768px){
  .kpi-row,.features-grid,.blog-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
  .nav-cta .btn-secondary{display:none}
  h1{font-size:var(--text-3xl)}}
@media(max-width:480px){
  .container{padding:0 var(--space-4)}
  .hero-actions{flex-direction:column}}