.landing{background:var(--background);color:var(--text-dark)}.hero-logo{opacity:.95;height:64px;margin-bottom:4px}.hero{text-align:center;color:#fff;background:radial-gradient(circle at 50% 0,#ffffff14,#0000 50%),linear-gradient(135deg,#1e293b,#1e3a8a);padding:120px 20px 100px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.3;pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.hero-topbar{justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:30px;right:30px}.hero-brand{align-items:center;gap:10px;display:flex}.hero-title{color:#fff;font-size:18px;font-weight:600}.hero-actions{justify-content:center;margin-top:20px;display:flex}.demo-button{color:#fff;background:#6366f1;border-radius:10px;padding:14px 32px;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 10px 25px #00000059}.demo-button:hover{background:#4f46e5;transform:translateY(-2px)}.login-button{color:#fff;background:#6366f1;border:1px solid #ffffff4d;border-radius:8px;padding:10px 18px;font-weight:500;text-decoration:none;transition:all .2s;transform:translateY(-2px)scale(1.02)}.login-button:hover{background:#ffffff26}.hero-panel{z-index:2;max-width:720px;margin:auto;position:relative}.hero h1{margin-bottom:20px;font-size:48px;font-weight:700}.hero p{color:#ffffffd9;margin-bottom:30px;font-size:18px}.hero-button{color:#fff;background:#6366f1;border-radius:10px;padding:14px 30px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.hero-button:hover{background:#4f46e5;transform:translateY(-2px)scale(1.02)}.demo-section{margin-top:-60px;padding:0 20px 80px}.demo-container{max-width:1000px;margin:auto}.demo-placeholder{color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:center;align-items:center;height:420px;font-weight:600;display:flex;box-shadow:0 30px 80px #0003}.features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;max-width:1100px;margin:auto;display:grid}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:28px;transition:all .2s;box-shadow:0 12px 30px #00000014}.feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #0000001f}.feature-card h3{margin-bottom:10px;font-size:18px}.feature-card p{color:#555;line-height:1.5}.section{max-width:1000px;margin:auto;padding:80px 20px}.section.alt{background:var(--surface)}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-top:40px;display:grid}.step-number{color:var(--primary);font-size:26px;font-weight:700}.footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;padding:30px;display:flex}.footer-links{gap:20px;display:flex}.trust-strip{padding:40px 20px 60px}.trust-container{text-align:center;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;max-width:900px;margin:auto;display:grid}.trust-highlight{color:var(--primary);margin-bottom:6px;font-size:18px;font-weight:600}.trust-item p{color:#64748b;font-size:14px}.feature-icon{width:42px;height:42px;color:var(--primary);background:#6366f11a;border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.feature-card:hover .feature-icon{transform:scale(1.1)}