:root{--primary: #206bc4;--primary-dark: #1a569d;--secondary: #626976;--success: #2fb344;--warning: #f76707;--danger: #d63939;--dark: #1d273b;--light: #f4f6fa}*{margin:0;padding:0;box-sizing:border-box}body.landing-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1d273b;background:#fff}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid #e6e7e9}.navbar-content{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.logo{font-size:24px;font-weight:800;color:var(--primary);text-decoration:none}.logo span{color:var(--dark)}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{color:var(--secondary);text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--primary)}.nav-links .btn-primary,.nav-links .btn-primary:hover{color:#fff!important}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;border:none;cursor:pointer;font-size:14px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-lg{padding:14px 28px;font-size:16px}.hero{padding:140px 0 80px;background:linear-gradient(135deg,#f8fafc,#e8f4fc)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#e8f4fc;color:var(--primary);padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px}.hero h1{font-size:48px;font-weight:800;line-height:1.1;margin-bottom:24px;color:var(--dark)}.hero h1 span{color:var(--primary)}.hero p{font-size:18px;color:var(--secondary);margin-bottom:32px;max-width:500px}.hero-buttons{display:flex;gap:16px;margin-bottom:40px}.hero-stats{display:flex;gap:40px}.hero-stat{text-align:left}.hero-stat-value{font-size:32px;font-weight:800;color:var(--dark)}.hero-stat-label{font-size:14px;color:var(--secondary)}.hero-image{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000026;padding:20px;border:1px solid #e6e7e9}.hero-image img{width:100%;border-radius:8px}.hero-mockup{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:8px;padding:40px;color:#fff;min-height:400px;display:flex;flex-direction:column;justify-content:center}.mockup-header{font-size:14px;opacity:.8;margin-bottom:8px}.mockup-title{font-size:24px;font-weight:700;margin-bottom:24px}.mockup-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2)}.mockup-item:last-child{border-bottom:none}.mockup-check{width:24px;height:24px;background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center}.features{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:36px;font-weight:800;margin-bottom:16px;color:var(--dark)}.section-header p{font-size:18px;color:var(--secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{padding:32px;border-radius:16px;background:#fff;border:1px solid #e6e7e9;transition:all .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.feature-icon{width:56px;height:56px;background:#e8f4fc;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--primary);font-size:28px}.feature-card h3{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--dark)}.feature-card p{color:var(--secondary);font-size:15px}.how-it-works{padding:100px 0;background:var(--light)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.step{text-align:center;position:relative}.step-number{width:48px;height:48px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin:0 auto 20px}.step h3{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--dark)}.step p{color:var(--secondary);font-size:14px}.pricing{padding:100px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto}.pricing-card{padding:40px;border-radius:16px;background:#fff;border:2px solid #e6e7e9;position:relative}.pricing-card.featured{border-color:var(--primary);transform:scale(1.05)}.pricing-card.featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:600}.pricing-name{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--dark)}.pricing-desc{color:var(--secondary);font-size:14px;margin-bottom:24px}.pricing-price{margin-bottom:24px}.pricing-amount{font-size:48px;font-weight:800;color:var(--dark)}.pricing-period{color:var(--secondary);font-size:14px}.pricing-features{list-style:none;margin-bottom:32px}.pricing-features li{display:flex;align-items:center;gap:12px;padding:10px 0;color:var(--secondary);font-size:14px}.pricing-features li i{color:var(--success);font-size:18px}.pricing-card .btn{width:100%;justify-content:center}.cta{padding:100px 0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;text-align:center}.cta h2{font-size:36px;font-weight:800;margin-bottom:16px}.cta p{font-size:18px;opacity:.9;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.cta .btn-primary{background:#fff;color:var(--primary)}.cta .btn-primary:hover{background:#f0f0f0}.footer{padding:60px 0 30px;background:var(--dark);color:#fff}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:40px}.footer-brand p{color:#8a919e;margin-top:16px;font-size:14px}.footer h4{font-size:14px;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#8a919e;text-decoration:none;font-size:14px;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:30px;border-top:1px solid #2d3a50;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#8a919e}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero p{margin-left:auto;margin-right:auto}.hero-buttons,.hero-stats{justify-content:center}.hero-image{max-width:500px;margin:0 auto}.features-grid,.steps{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:400px}.pricing-card.featured{transform:none}.footer-content{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.nav-links{display:none}.hero h1{font-size:36px}.features-grid,.steps{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}.theme-toggle{background:none;border:none;cursor:pointer;padding:8px;color:var(--secondary);display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.theme-toggle:hover{background:var(--light);color:var(--primary)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}[data-theme=dark]{--primary: #4dabf7;--primary-dark: #339af0;--secondary: #adb5bd;--dark: #f8f9fa;--light: #1a1a2e}[data-theme=dark] body.landing-page{background:#0f0f1a;color:#e9ecef}[data-theme=dark] .navbar{background:#0f0f1af2;border-bottom-color:#2d2d44}[data-theme=dark] .hero{background:linear-gradient(135deg,#1a1a2e,#16213e)}[data-theme=dark] .hero-image{background:#1a1a2e;border-color:#2d2d44}[data-theme=dark] .features{background:#0f0f1a}[data-theme=dark] .feature-card{background:#1a1a2e;border-color:#2d2d44}[data-theme=dark] .feature-icon{background:#16213e}[data-theme=dark] .how-it-works{background:#1a1a2e}[data-theme=dark] .pricing{background:#0f0f1a}[data-theme=dark] .pricing-card{background:#1a1a2e;border-color:#2d2d44}[data-theme=dark] .pricing-card.featured{border-color:var(--primary)}[data-theme=dark] .footer{background:#0a0a14}[data-theme=dark] .footer-bottom{border-top-color:#2d2d44}[data-theme=dark] .theme-toggle{color:#adb5bd}[data-theme=dark] .theme-toggle:hover{background:#2d2d44}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] .btn-outline{border-color:var(--primary);color:var(--primary)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--primary: #4dabf7;--primary-dark: #339af0;--secondary: #adb5bd;--dark: #f8f9fa;--light: #1a1a2e}:root:not([data-theme=light]) body.landing-page{background:#0f0f1a;color:#e9ecef}:root:not([data-theme=light]) .navbar{background:#0f0f1af2;border-bottom-color:#2d2d44}:root:not([data-theme=light]) .hero{background:linear-gradient(135deg,#1a1a2e,#16213e)}:root:not([data-theme=light]) .hero-image{background:#1a1a2e;border-color:#2d2d44}:root:not([data-theme=light]) .features{background:#0f0f1a}:root:not([data-theme=light]) .feature-card{background:#1a1a2e;border-color:#2d2d44}:root:not([data-theme=light]) .feature-icon{background:#16213e}:root:not([data-theme=light]) .how-it-works{background:#1a1a2e}:root:not([data-theme=light]) .pricing{background:#0f0f1a}:root:not([data-theme=light]) .pricing-card{background:#1a1a2e;border-color:#2d2d44}:root:not([data-theme=light]) .pricing-card.featured{border-color:var(--primary)}:root:not([data-theme=light]) .footer{background:#0a0a14}:root:not([data-theme=light]) .footer-bottom{border-top-color:#2d2d44}:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}