*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #10b981;--dark: #1f2937;--darker: #111827;--light: #f9fafb;--gray: #6b7280;--gray-light: #e5e7eb}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--dark);background:var(--light)}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 20px #6366f14d}.btn-secondary{background:#fff;color:var(--dark);border:2px solid var(--gray-light)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-large{padding:16px 36px;font-size:1.1rem}section{padding:80px 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:16px;color:var(--darker)}.section-subtitle{text-align:center;color:var(--gray);font-size:1.2rem;max-width:600px;margin:0 auto 48px}@media(max-width:768px){section{padding:60px 0}.section-title{font-size:2rem}.btn-large{padding:14px 28px;font-size:1rem}}.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--gray-light)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.5rem}.logo-icon{font-size:1.8rem}.logo-text{color:var(--darker)}.nav{display:flex;gap:32px}.nav a{color:var(--gray);font-weight:500;transition:color .2s}.nav a:hover{color:var(--primary)}.hero{padding:160px 0 100px;background:linear-gradient(180deg,#f8fafc 0%,var(--light) 100%)}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;color:var(--darker);margin-bottom:24px}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--gray);margin-bottom:40px;line-height:1.7}.hero-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:60px}.hero-stats{display:flex;justify-content:center;gap:60px}.stat{text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.9rem;color:var(--gray)}.features{background:#fff}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{padding:32px;border-radius:16px;background:var(--light);transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000014}.feature-icon{font-size:3rem;margin-bottom:16px}.feature-card h3{font-size:1.25rem;margin-bottom:12px;color:var(--darker)}.feature-card p{color:var(--gray);font-size:.95rem;line-height:1.6}.how-it-works{background:linear-gradient(180deg,var(--light) 0%,white 100%)}.steps{display:flex;gap:40px;justify-content:center}.step{flex:1;max-width:320px;text-align:center;padding:32px}.step-number{width:60px;height:60px;border-radius:50%;background:var(--primary);color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.step h3{font-size:1.25rem;margin-bottom:12px;color:var(--darker)}.step p{color:var(--gray);line-height:1.6}.tech-section{background:var(--darker);color:#fff}.tech-section .section-title{color:#fff}.tech-section .section-subtitle{color:#ffffffb3}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.tech-item{background:#ffffff0d;padding:24px;border-radius:12px;text-align:center;transition:all .2s}.tech-item:hover{background:#ffffff1a}.tech-name{font-weight:600;font-size:1.1rem;margin-bottom:4px}.tech-desc{color:#fff9;font-size:.9rem}.integration{background:#fff}.code-block{background:var(--darker);border-radius:12px;padding:32px;overflow-x:auto;max-width:700px;margin:0 auto}.code-block pre{color:#e5e7eb;font-family:Monaco,Menlo,monospace;font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap}.cta{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta h2{font-size:2.5rem;margin-bottom:16px}.cta p{font-size:1.2rem;opacity:.9;margin-bottom:32px}.cta .btn-primary{background:#fff;color:var(--primary)}.cta .btn-primary:hover{background:var(--light);box-shadow:0 10px 30px #0003}.footer{background:var(--darker);color:#fff;padding:60px 0 40px}.footer-content{text-align:center}.footer-brand{margin-bottom:24px}.footer-brand .logo-icon{font-size:2rem}.footer-brand .logo-text{color:#fff;font-size:1.5rem;font-weight:700}.footer-brand p{color:#fff9;margin-top:8px}.footer-links{display:flex;justify-content:center;gap:32px;margin-bottom:32px}.footer-links a{color:#ffffffb3;transition:color .2s}.footer-links a:hover{color:#fff}.footer-copy{color:#ffffff80;font-size:.9rem}@media(max-width:1024px){.features-grid,.tech-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav{display:none}.hero{padding:120px 0 60px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-stats{gap:30px}.features-grid{grid-template-columns:1fr}.steps{flex-direction:column;align-items:center}.tech-grid{grid-template-columns:repeat(2,1fr)}.cta h2{font-size:2rem}.footer-links{flex-direction:column;gap:16px}}