:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;--primary: #0066ff;--success: #00c853;--danger: #ff3b30;--warning: #ff9500;--info: #00b0ff;--neutral-50: #f5f5f5;--neutral-100: #e0e0e0;--neutral-200: #bdbdbd;--neutral-700: #424242;--neutral-900: #212121;--text-primary: #212121;--text-secondary: #616161;--bg-white: #ffffff;--bg-light: #f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-white);color:var(--text-primary)}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.landing-page{width:100%;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{position:sticky;top:0;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--neutral-100);z-index:100;padding:16px 0}.header .container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700}.logo-icon{font-size:28px}.nav{display:flex;gap:32px}.nav-link{color:var(--text-secondary);font-weight:500;transition:color .2s}.nav-link:hover{color:var(--primary)}.header-actions{display:flex;gap:12px}.btn{padding:10px 24px;border-radius:8px;font-size:16px;font-weight:600;border:none;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#0052cc;transform:translateY(-1px);box-shadow:0 4px 12px #0066ff4d}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover{background:var(--neutral-50)}.btn-outline{background:transparent;border:2px solid var(--neutral-200);color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-lg{padding:14px 32px;font-size:18px}.hero{padding:80px 0 120px;background:linear-gradient(135deg,#f5f7fa,#e8edf5)}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{max-width:540px}.hero-title{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:24px;color:var(--text-primary)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--info) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:20px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.hero-actions{display:flex;gap:16px;margin-bottom:48px}.hero-stats{display:flex;gap:48px}.stat{text-align:left}.stat-value{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:4px}.stat-label{font-size:14px;color:var(--text-secondary)}.hero-image{display:flex;justify-content:center;align-items:center}.dashboard-mockup{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;overflow:hidden;width:100%;max-width:500px;transform:perspective(1000px) rotateY(-5deg);transition:transform .3s}.dashboard-mockup:hover{transform:perspective(1000px) rotateY(0)}.mockup-header{background:var(--neutral-50);padding:12px 16px;border-bottom:1px solid var(--neutral-100)}.mockup-dots{display:flex;gap:8px}.mockup-dots span{width:12px;height:12px;border-radius:50%;background:var(--neutral-200)}.mockup-content{padding:24px}.mockup-card{background:linear-gradient(135deg,var(--primary) 0%,var(--info) 100%);padding:24px;border-radius:12px;color:#fff;margin-bottom:16px}.card-title{font-size:14px;opacity:.9;margin-bottom:8px}.card-value{font-size:32px;font-weight:700;margin-bottom:8px}.card-change{font-size:16px;font-weight:600}.card-change.positive{color:var(--success)}.mockup-chart{background:var(--bg-light);padding:16px;border-radius:8px}.mockup-chart svg{width:100%;height:auto}.features{padding:100px 0;background:#fff}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-title{font-size:42px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.section-description{font-size:18px;color:var(--text-secondary);line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{background:#fff;border:1px solid var(--neutral-100);border-radius:16px;padding:32px;transition:all .3s}.feature-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.feature-icon{font-size:48px;margin-bottom:20px}.feature-title{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.feature-description{font-size:16px;color:var(--text-secondary);line-height:1.6}.how-it-works{padding:100px 0;background:var(--bg-light)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:60px}.step{text-align:center;position:relative}.step:not(:last-child):after{content:"→";position:absolute;right:-24px;top:40px;font-size:32px;color:var(--neutral-200)}.step-number{width:80px;height:80px;background:linear-gradient(135deg,var(--primary) 0%,var(--info) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;margin:0 auto 24px}.step-title{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.step-description{font-size:16px;color:var(--text-secondary);line-height:1.6}.cta{padding:100px 0;background:linear-gradient(135deg,var(--primary) 0%,var(--info) 100%);color:#fff;text-align:center}.cta-content{max-width:700px;margin:0 auto}.cta-title{font-size:42px;font-weight:700;margin-bottom:20px}.cta-description{font-size:20px;margin-bottom:32px;opacity:.95}.cta .btn-primary{background:#fff;color:var(--primary)}.cta .btn-primary:hover{background:var(--neutral-50);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.cta-note{margin-top:16px;font-size:14px;opacity:.8}.footer{background:var(--neutral-900);color:#fff;padding:60px 0 24px}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:48px;margin-bottom:48px}.footer-brand{max-width:300px}.footer .logo{margin-bottom:16px}.footer-tagline{color:var(--neutral-200);line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-heading{font-size:16px;font-weight:600;margin-bottom:8px}.footer-link{color:var(--neutral-200);font-size:14px;transition:color .2s}.footer-link:hover{color:#fff}.footer-bottom{padding-top:24px;border-top:1px solid var(--neutral-700);display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--neutral-200)}.footer-legal{display:flex;gap:24px}@media(max-width:768px){.nav{display:none}.hero .container{grid-template-columns:1fr;gap:40px}.hero-title{font-size:36px}.hero-description{font-size:18px}.hero-actions{flex-direction:column}.hero-stats{gap:24px}.dashboard-mockup{transform:none}.features-grid,.steps{grid-template-columns:1fr}.step:not(:last-child):after{content:"↓";inset:auto auto -36px 50%;transform:translate(-50%)}.footer-content{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}