.landing-container{max-width:1200px;margin:0 auto;padding:0 24px}.landing-container-narrow{max-width:800px;margin:0 auto;padding:0 24px}.landing-header{background-color:var(--header-bg);border-bottom:1px solid var(--border);padding:16px 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:10px}.logo-icon{width:32px;height:auto;display:block}.header-nav{display:flex;align-items:center;gap:16px}.btn-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition);padding:8px 16px}.btn-link:hover{color:var(--text)}.hero{padding:120px 0 80px;text-align:center;background:transparent}.hero-title{font-size:48px;font-weight:700;line-height:1.2;color:var(--text-on-bg);max-width:900px;margin:0 auto 24px}.hero-subtitle{font-size:20px;line-height:1.6;color:var(--text-on-bg);opacity:.92;max-width:800px;margin:0 auto 48px}.hero-cta{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}section{padding:80px 0}.section-title{font-size:36px;font-weight:700;text-align:center;color:var(--text);margin:0 0 56px}.preview-section{background-color:var(--bg-elevated)}.screenshot-carousel{max-width:1000px;margin:0 auto;position:relative}.carousel-container{position:relative;width:100%;overflow:hidden;background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;min-height:600px}.carousel-slide{display:none;flex-direction:column;align-items:center;justify-content:center;gap:24px;animation:fadeIn .5s ease-in-out}.carousel-slide.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.screenshot-wrapper{width:100%;display:flex;align-items:center;justify-content:center;flex:1}.screenshot-wrapper img{max-width:100%;height:auto;max-height:500px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);object-fit:contain}.screenshot-caption{text-align:center;font-size:16px;color:var(--text-secondary);font-weight:500;margin:0;padding:0 20px}.carousel-dots{display:flex;justify-content:center;gap:12px;margin-top:32px}.carousel-dot{width:12px;height:12px;border-radius:50%;background-color:var(--border);border:none;cursor:pointer;transition:all var(--transition);padding:0}.carousel-dot:hover{background-color:var(--text-muted);transform:scale(1.2)}.carousel-dot.active{background-color:var(--accent);width:32px;border-radius:6px}.features-section{background-color:var(--bg);color:var(--text-on-bg)}.features-section .section-title{color:var(--text-on-bg)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.feature-item{background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px 24px;text-align:center;transition:all var(--transition)}.feature-item:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.feature-icon{font-size:48px;margin-bottom:16px;line-height:1}.feature-item h4{font-size:18px;font-weight:600;color:var(--text);margin:0 0 12px}.feature-item p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.scenarios-section{background-color:var(--bg-elevated)}.scenario-article{margin-bottom:48px}.scenario-article:last-child{margin-bottom:0}.scenario-heading{font-size:24px;font-weight:600;color:var(--text);margin:0 0 16px;line-height:1.4}.scenario-article p{font-size:16px;line-height:1.8;color:var(--text-secondary);margin:0}.how-it-works-section{background-color:var(--bg);color:var(--text-on-bg)}.how-it-works-section .section-title{color:var(--text-on-bg)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px}.step-item{text-align:center}.step-number{width:64px;height:64px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-subtle) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--text-inverse);margin:0 auto 24px}.step-item h4{font-size:20px;font-weight:600;color:var(--text-on-bg);margin:0 0 12px}.step-item p{font-size:14px;color:var(--text-on-bg);opacity:.9;line-height:1.6;margin:0}.cta-section{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);text-align:center;padding:100px 0}.cta-title{font-size:40px;font-weight:700;color:var(--text-inverse);max-width:800px;margin:0 auto 40px;line-height:1.3}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.hero{padding:80px 0 60px}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.section-title{font-size:28px;margin-bottom:40px}.carousel-container{min-height:400px;padding:24px}.screenshot-wrapper img{max-height:350px}.screenshot-caption{font-size:14px}.features-grid{grid-template-columns:1fr;gap:24px}.steps-grid{grid-template-columns:1fr;gap:32px}.cta-title{font-size:32px}.hero-cta{flex-direction:column}.btn-large{width:100%;max-width:320px}section{padding:60px 0}}@media(max-width:480px){.landing-container,.landing-container-narrow{padding:0 16px}.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.section-title{font-size:24px}.header-nav{gap:8px}.btn-link{padding:8px 12px;font-size:14px}}html{scroll-behavior:smooth}