:root{--lisa-bg: #ffffff;--lisa-text: #111827;--lisa-muted: #6b7280;--lisa-brand: #539A35;--lisa-brand-2: #E5F20D;--lisa-surface: #f9fafb;--lisa-border: #e5e7eb;--lisa-ok: #539A35;--lisa-gradient: linear-gradient(135deg, #84CB63 0%, #539A35 100%);--lisa-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--lisa-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--lisa-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}.lisa-header{position:sticky;top:0;z-index:50;background:#fffffff2;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--lisa-border);box-shadow:var(--lisa-shadow-sm)}.lisa-header .header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;max-width:1200px;margin:0 auto}.lisa-header .logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:24px;letter-spacing:-.02em}.lisa-header .logo-badge{background:var(--lisa-gradient);color:#fff;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.05em}.lisa-header .nav-badges{display:flex;gap:12px;align-items:center}.lisa-header .badge{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;white-space:nowrap}.lisa-hero{padding:60px 0 40px;background:linear-gradient(180deg,#f0f9ff 0%,transparent 100%)}.lisa-hero .container{max-width:1200px;margin:0 auto;padding:0 20px}.lisa-hero .hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media (max-width: 900px){.lisa-hero .hero-inner{grid-template-columns:1fr;gap:32px}}.lisa-hero .hero-content{max-width:600px}.lisa-hero .hero-title{font-size:clamp(32px,5vw,46px);font-weight:900;line-height:1.2;margin-bottom:20px;background:linear-gradient(135deg,#84cb63,#0369a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lisa-hero .hero-subtitle{font-size:18px;color:var(--lisa-muted);margin-bottom:32px;line-height:1.7}.lisa-hero .hero-highlight{background:#e5f20d;padding:4px 6px;border-radius:4px;color:#539a35;font-weight:700}.lisa-hero .hero-visual{position:relative}.lisa-hero .hero-img{width:100%;height:auto;border-radius:16px;box-shadow:var(--lisa-shadow-lg);border:1px solid var(--lisa-border)}.lisa-hero .cta-group{display:flex;gap:16px;flex-wrap:wrap;margin:32px 0}.lisa-hero .btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:700;font-size:16px;transition:all .3s;cursor:pointer;border:2px solid transparent}.lisa-hero .btn-primary{background:var(--lisa-gradient);color:#fff;box-shadow:var(--lisa-shadow-md)}.lisa-hero .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--lisa-shadow-lg)}.lisa-hero .btn-secondary{background:#fff;color:var(--lisa-text);border-color:var(--lisa-border)}.lisa-hero .btn-icon{margin-left:8px;font-size:20px}.lisa-features{padding:60px 0;background:var(--lisa-surface)}.lisa-features .container,.lisa-demo-video .container,.lisa-process .container,.lisa-screenshots .container,.lisa-benefits .container{max-width:1200px;margin:0 auto;padding:0 20px}.lisa-features .section-header,.lisa-demo-video .section-header,.lisa-process .section-header,.lisa-screenshots .section-header,.lisa-benefits .section-header{text-align:center;margin-bottom:48px}.lisa-features .section-title,.lisa-demo-video .section-title,.lisa-process .section-title,.lisa-screenshots .section-title,.lisa-benefits .section-title{font-size:36px;font-weight:800;margin-bottom:16px}.lisa-features .section-desc,.lisa-demo-video .section-desc,.lisa-process .section-desc,.lisa-screenshots .section-desc,.lisa-benefits .section-desc{color:var(--lisa-muted);font-size:18px;max-width:600px;margin:0 auto}.lisa-features .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px}@media (max-width: 900px){.lisa-features .feature-grid{grid-template-columns:1fr}}.lisa-features .feature-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--lisa-shadow-md);transition:transform .3s}.lisa-features .feature-card:hover{transform:translateY(-4px)}.lisa-features .feature-img{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--lisa-border)}.lisa-features .feature-content{padding:24px}.lisa-features .feature-title{font-size:20px;font-weight:700;margin-bottom:12px}.lisa-features .feature-desc{color:var(--lisa-muted);font-size:14px;line-height:1.6}.lisa-demo-video{padding:60px 0;background:linear-gradient(180deg,transparent 0%,#f0f9ff 100%)}.lisa-demo-video .video-container{max-width:900px;margin:0 auto}.lisa-demo-video .video-wrap{position:relative;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;box-shadow:var(--lisa-shadow-lg)}.lisa-demo-video .video-wrap iframe{width:100%;height:100%;border:0}.lisa-demo-video .play-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;cursor:pointer}.lisa-demo-video .play-button{border:0;border-radius:999px;background:#539a35f2;color:#fff;padding:20px 32px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 8px 32px #00000040;transition:all .3s}.lisa-demo-video .play-button:hover{transform:scale(1.05);background:#539a35}.lisa-demo-video .video-note{text-align:center;margin-top:16px;color:var(--lisa-muted);font-size:14px}.lisa-process{padding:60px 0}.lisa-process .process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.lisa-process .process-step{text-align:center;padding:32px 24px;background:var(--lisa-surface);border-radius:16px;position:relative}.lisa-process .process-number{width:48px;height:48px;background:var(--lisa-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;margin:0 auto 16px}.lisa-process .process-title{font-size:18px;font-weight:700;margin-bottom:8px}.lisa-process .process-desc{color:var(--lisa-muted);font-size:14px}.lisa-screenshots{padding:60px 0;background:var(--lisa-surface)}.lisa-screenshots .screenshot-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.lisa-screenshots .tab{padding:12px 24px;background:#fff;border:2px solid var(--lisa-border);border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s}.lisa-screenshots .tab.active{background:var(--lisa-gradient);color:#fff;border-color:transparent}.lisa-screenshots .screenshot-content{max-width:1000px;margin:0 auto}.lisa-screenshots .screenshot-item{display:none}.lisa-screenshots .screenshot-item.active{display:block;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lisa-screenshots .screenshot-img{width:100%;height:auto;border-radius:16px;box-shadow:var(--lisa-shadow-lg);border:1px solid var(--lisa-border)}.lisa-screenshots .screenshot-caption{text-align:center;margin-top:16px;color:var(--lisa-muted);font-size:14px}.lisa-benefits{padding:60px 0}.lisa-benefits .container{max-width:1200px;margin:0 auto;padding:0 20px}.lisa-benefits .benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media (max-width: 768px){.lisa-benefits .benefit-grid{grid-template-columns:1fr}}.lisa-benefits .benefit-card{display:flex;gap:24px;padding:32px;background:var(--lisa-surface);border-radius:16px}.lisa-benefits .benefit-icon{width:64px;height:64px;background:#fff;border:2px solid var(--lisa-border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.lisa-benefits .benefit-content h3{font-size:20px;margin-bottom:8px}.lisa-benefits .benefit-content p{color:var(--lisa-muted);font-size:14px}.lisa-cta-section{padding:80px 0;background:var(--lisa-gradient);color:#fff;text-align:center}.lisa-cta-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.lisa-cta-section .cta-title{font-size:40px;font-weight:800;margin-bottom:16px}.lisa-cta-section .cta-subtitle{font-size:20px;margin-bottom:32px;opacity:.9}.lisa-cta-section .cta-btn{background:#fff;color:var(--lisa-brand);padding:18px 48px;font-size:18px;box-shadow:var(--lisa-shadow-lg);display:inline-flex;align-items:center;justify-content:center;border-radius:12px;text-decoration:none;font-weight:700;transition:all .3s}.lisa-cta-section .cta-btn:hover{background:#f0f9ff}.lisa-footer{border-top:1px solid var(--lisa-border);padding:32px 0;text-align:center;color:var(--lisa-muted);font-size:14px}.lisa-footer .container{max-width:1200px;margin:0 auto;padding:0 20px}.lisa-footer .footer-links{display:flex;gap:24px;justify-content:center;margin-bottom:16px}.lisa-footer .footer-links a{color:var(--lisa-muted);text-decoration:none}.lisa-footer .footer-links a:hover{color:var(--lisa-text)}
