:root{--color-bg-dark:#0a0b1e;--color-bg-section:#0f1029;--color-bg-card:#161837;--color-bg-card-hover:#1c1f45;--color-primary:#4f6ef7;--color-primary-light:#6b8aff;--color-primary-dark:#3a54d4;--color-accent:#00d4aa;--color-accent-light:#33e0be;--color-text:#e8eaf6;--color-text-secondary:#9ca3c7;--color-text-muted:#6b72a0;--color-border:#252850;--color-white:#fff;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--section-padding:100px 0;--container-width:1200px;--container-padding:0 24px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 4px 24px #0003;--shadow-glow:0 0 40px #4f6ef726;--transition:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background:var(--color-bg-dark);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:var(--container-width);padding:var(--container-padding);margin:0 auto}.section{padding:var(--section-padding)}.section-alt{background:var(--color-bg-section)}.section-label{text-transform:uppercase;letter-spacing:2px;color:var(--color-accent);margin-bottom:12px;font-size:.8rem;font-weight:600;display:inline-block}.section-title{color:var(--color-white);margin-bottom:16px;font-size:2.5rem;font-weight:800;line-height:1.15}.section-subtitle{color:var(--color-text-secondary);max-width:640px;font-size:1.15rem;line-height:1.7}.section-header{text-align:center;margin-bottom:60px}.section-header .section-subtitle{margin:0 auto}.btn{border-radius:var(--radius-sm);transition:var(--transition);justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 8px 24px #4f6ef74d}.btn-accent{background:var(--color-accent);color:var(--color-bg-dark)}.btn-accent:hover{background:var(--color-accent-light);transform:translateY(-2px);box-shadow:0 8px 24px #00d4aa4d}.btn-outline{color:var(--color-text);border:2px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary-light);transform:translateY(-2px)}.btn-lg{padding:18px 40px;font-size:1.1rem}.gradient-text{background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (width<=768px){:root{--section-padding:60px 0}.section-title{font-size:1.8rem}.section-subtitle{font-size:1rem}.section-header{margin-bottom:40px}}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0a0b1ed9;position:fixed;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.header-logo{align-items:center;display:flex}.header-logo-img{width:auto;height:36px}.header-nav{align-items:center;gap:32px;display:flex}.header-link{color:var(--color-text-secondary);transition:var(--transition);font-size:.9rem;font-weight:500}.header-link:hover{color:var(--color-white)}.btn-nav{padding:10px 24px;font-size:.9rem}.header-toggle{color:var(--color-text);background:0 0;display:none}@media (width<=768px){.header-toggle{display:block}.header-nav{background:var(--color-bg-dark);flex-direction:column;justify-content:flex-start;gap:24px;padding:40px 24px;transition:transform .3s;position:fixed;inset:72px 0 0;transform:translate(100%)}.header-nav.open{transform:translate(0)}.header-link{font-size:1.1rem}.btn-nav{text-align:center;width:100%}}.hero{padding-top:140px;padding-bottom:80px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f6ef71f,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#00d4aa14,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-title{color:var(--color-white);margin-bottom:20px;font-size:3.2rem;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--color-text-secondary);max-width:520px;margin-bottom:36px;font-size:1.15rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:48px;display:flex}.hero-stats{align-items:center;gap:24px;display:flex}.hero-stat{flex-direction:column;display:flex}.hero-stat strong{color:var(--color-white);font-size:1.1rem;font-weight:700}.hero-stat span{color:var(--color-text-muted);font-size:.8rem}.hero-stat-divider{background:var(--color-border);width:1px;height:36px}.hero-visual{position:relative}.hero-mockup{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-glow), var(--shadow-card);overflow:hidden}.mockup-bar{background:#0000004d;gap:6px;padding:12px 16px;display:flex}.mockup-dot{background:var(--color-border);border-radius:50%;width:10px;height:10px}.mockup-dot:first-child{background:#ff5f56}.mockup-dot:nth-child(2){background:#ffbd2e}.mockup-dot:nth-child(3){background:#27ca40}.mockup-content{min-height:300px;display:flex}.mockup-sidebar{border-right:1px solid var(--color-border);flex-direction:column;gap:10px;width:60px;padding:16px 12px;display:flex}.mockup-menu-item{background:var(--color-border);opacity:.5;border-radius:4px;height:8px}.mockup-menu-item.active{background:var(--color-primary);opacity:1}.mockup-main{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex}.mockup-cards{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mockup-card{border-radius:var(--radius-sm);background:var(--color-bg-section);border:1px solid var(--color-border);height:50px}.mockup-card.c1{border-left:3px solid var(--color-primary)}.mockup-card.c2{border-left:3px solid var(--color-accent)}.mockup-card.c3{border-left:3px solid #ffbd2e}.mockup-card.c4{border-left:3px solid #ff5f56}.mockup-chart{border-radius:var(--radius-sm);background:var(--color-bg-section);border:1px solid var(--color-border);flex:1;min-height:160px;position:relative;overflow:hidden}.mockup-chart:after{content:"";clip-path:polygon(0 60%,15% 40%,30% 50%,50% 20%,70% 35%,85% 10%,100% 30%,100% 100%,0 100%);background:linear-gradient(#0000,#4f6ef71a);height:60%;position:absolute;bottom:0;left:0;right:0}@media (width<=968px){.hero-inner{text-align:center;grid-template-columns:1fr}.hero-title{font-size:2.2rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.hero-visual{max-width:500px;margin:0 auto}}@media (width<=480px){.hero-title{font-size:1.8rem}.hero-actions{flex-direction:column}.hero-stats{flex-direction:column;gap:16px}.hero-stat-divider{width:40px;height:1px}.mockup-cards{grid-template-columns:repeat(2,1fr)}}.logobar{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-bg-section);padding:48px 0}.logobar-label{text-align:center;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:28px;font-size:.85rem;font-weight:500}.logobar-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.logobar-item{border-radius:var(--radius-sm);background:var(--color-bg-card);border:1px solid var(--color-border);transition:var(--transition);justify-content:center;align-items:center;padding:8px 16px;display:flex}.logobar-item span{color:var(--color-text-secondary);white-space:nowrap;font-size:.85rem;font-weight:600}.logobar-item:hover{border-color:var(--color-primary);background:var(--color-bg-card-hover)}.logobar-item:hover span{color:var(--color-white)}@media (width<=768px){.logobar-grid{gap:16px}.logobar-item{padding:6px 12px}.logobar-item span{font-size:.75rem}}.features-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.feature-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition);padding:32px 24px}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.feature-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.feature-title{color:var(--color-white);margin-bottom:8px;font-size:1.15rem;font-weight:700}.feature-desc{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}@media (width<=968px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.features-grid{grid-template-columns:1fr}}.feature-detail{border-bottom:1px solid var(--color-border);grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:80px 0;display:grid}.feature-detail:last-child{border-bottom:none}.feature-detail.reversed{direction:rtl}.feature-detail.reversed>*{direction:ltr}.feature-detail-desc{color:var(--color-text-secondary);margin-bottom:28px;font-size:1.05rem;line-height:1.7}.feature-detail-list{flex-direction:column;gap:14px;display:flex}.feature-detail-list li{color:var(--color-text);align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.5;display:flex}.check-icon{color:var(--color-accent);flex-shrink:0;margin-top:2px}.feature-visual-box{aspect-ratio:1;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);justify-content:center;align-items:center;width:100%;max-width:400px;margin:0 auto;display:flex;position:relative;overflow:hidden}.feature-visual-box:before{content:"";background:radial-gradient(circle,#4f6ef714,#0000 70%);position:absolute;inset:0}.feature-visual-icon{color:var(--color-primary);opacity:.6}@media (width<=968px){.feature-detail{grid-template-columns:1fr;gap:40px;padding:60px 0}.feature-detail.reversed{direction:ltr}.feature-visual-box{aspect-ratio:1.4;max-width:280px}}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;display:grid}.pricing-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition);flex-direction:column;padding:36px 28px;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.pricing-card.featured{border-color:var(--color-accent);transform:scale(1.03);box-shadow:0 0 40px #00d4aa1a}.pricing-card.featured:hover{transform:scale(1.03)translateY(-4px)}.pricing-badge{background:var(--color-accent);color:var(--color-bg-dark);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 16px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;border-bottom:1px solid var(--color-border);margin-bottom:28px;padding-bottom:28px}.pricing-name{color:var(--color-white);margin-bottom:4px;font-size:1.3rem;font-weight:700}.pricing-subtitle{color:var(--color-text-muted);margin-bottom:20px;font-size:.85rem}.pricing-price{justify-content:center;align-items:baseline;gap:4px;display:flex}.pricing-amount{color:var(--color-white);font-size:2.2rem;font-weight:800}.pricing-period{color:var(--color-text-muted);font-size:.95rem}.pricing-features{flex-direction:column;flex:1;gap:12px;margin-bottom:28px;display:flex}.pricing-features li{align-items:center;gap:10px;font-size:.88rem;line-height:1.4;display:flex}.pricing-features li.included{color:var(--color-text)}.pricing-features li.excluded{color:var(--color-text-muted);opacity:.5}.pricing-check{color:var(--color-accent);flex-shrink:0}.pricing-x{color:var(--color-text-muted);flex-shrink:0}.btn-pricing{justify-content:center;width:100%}@media (width<=968px){.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-4px)}}.integrations-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.integration-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:16px;padding:20px;display:flex}.integration-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translateY(-2px)}.integration-icon{border-radius:var(--radius-sm);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.integration-name{color:var(--color-white);font-size:.95rem;font-weight:600;display:block}.integration-type{color:var(--color-text-muted);margin-top:2px;font-size:.78rem;display:block}@media (width<=968px){.integrations-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.integrations-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=380px){.integrations-grid{grid-template-columns:1fr}}.comparison-table-wrapper{overflow-x:auto}.comparison-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;overflow:hidden}.comparison-table th,.comparison-table td{text-align:left;padding:18px 24px}.comparison-table thead th{background:var(--color-bg-card);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);font-size:.9rem;font-weight:600}.col-eisi{min-width:240px}.col-eisi-label{background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.col-others{min-width:200px}.comparison-table tbody tr{border-bottom:1px solid var(--color-border)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody td{background:var(--color-bg-section);border-bottom:1px solid var(--color-border);font-size:.9rem}.comparison-feature{color:var(--color-white);min-width:140px;font-weight:600}.comparison-eisi{color:var(--color-text);align-items:center;gap:10px;display:flex}.comparison-check{color:var(--color-accent);flex-shrink:0}.comparison-others{color:var(--color-text-muted)}.comparison-others span{display:inline}.comparison-x{color:#ff5f56;vertical-align:middle;flex-shrink:0;margin-right:8px;display:inline}@media (width<=768px){.comparison-table th,.comparison-table td{padding:12px 16px;font-size:.82rem}.col-eisi,.col-others{min-width:160px}}.cta-box{text-align:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:80px 40px;position:relative;overflow:hidden}.cta-glow{pointer-events:none;background:radial-gradient(circle,#4f6ef726,#0000 70%);border-radius:50%;width:500px;height:300px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.cta-title{position:relative}.cta-subtitle{margin:0 auto 36px;position:relative}.cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex;position:relative}@media (width<=480px){.cta-box{padding:48px 24px}.cta-actions{flex-direction:column;align-items:center}}.footer{border-top:1px solid var(--color-border);background:var(--color-bg-section)}.footer-inner{grid-template-columns:1fr 2fr;gap:60px;padding:60px 24px 40px;display:grid}.footer-logo{align-items:center;margin-bottom:12px;display:flex}.footer-logo-img{width:auto;height:32px}.footer-tagline{color:var(--color-text-muted);max-width:280px;font-size:.9rem}.footer-links{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.footer-col h4{color:var(--color-white);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:.85rem;font-weight:600}.footer-col a,.footer-col span{color:var(--color-text-secondary);transition:var(--transition);margin-bottom:10px;font-size:.88rem;display:block}.footer-col a:hover{color:var(--color-white)}.footer-bottom{border-top:1px solid var(--color-border);padding:20px 0}.footer-bottom-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-bottom p{color:var(--color-text-muted);font-size:.82rem}.footer-bottom-logos{color:var(--color-text-muted);opacity:.6;font-size:.75rem}@media (width<=768px){.footer-inner{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom-inner{text-align:center;flex-direction:column}}