@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";
.hp *,.hp :before,.hp :after{box-sizing:border-box;margin:0;padding:0}.hp{--green:#0f6e56;--green-dark:#0a4f3c;--green-light:#e6f4f0;--green-mid:#1a9070;--cream:#f7f5f0;--dark:#0d1f1a;--gray:#6b7b76;background:var(--cream);color:var(--dark);font-family:DM Sans,sans-serif;overflow-x:hidden}.hp nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f5f0d9;border-bottom:1px solid #0f6e5614;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}.hp .logo{color:var(--green);letter-spacing:-.5px;font-family:Syne,sans-serif;font-size:22px;font-weight:800;text-decoration:none}.hp .logo span{color:var(--dark)}.hp nav a.cta-nav{background:var(--green);color:#fff;border-radius:100px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.hp nav a.cta-nav:hover{background:var(--green-dark);transform:translateY(-1px)}.hp .hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hp .hero-bg{pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#0f6e561f 0%,#0000 70%);position:absolute;inset:0}.hp .hero-badge{background:var(--green-light);color:var(--green);border:1px solid #0f6e5633;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 18px;font-size:13px;font-weight:600;animation:.6s both fadeUp;display:inline-flex}.hp .hero-badge:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hp h1{letter-spacing:-2px;text-align:center;max-width:900px;color:var(--dark);font-family:Syne,sans-serif;font-size:clamp(42px,7vw,88px);font-weight:800;line-height:1.02;animation:.7s .1s both fadeUp}.hp h1 em{color:var(--green);font-style:normal;position:relative}.hp h1 em:after{content:"";background:var(--green);opacity:.3;border-radius:2px;height:4px;position:absolute;bottom:4px;left:0;right:0}.hp .hero-sub{color:var(--gray);text-align:center;max-width:560px;margin-top:24px;font-size:clamp(16px,2vw,20px);font-weight:400;line-height:1.6;animation:.7s .2s both fadeUp}.hp .hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:48px;animation:.7s .3s both fadeUp;display:flex}.hp .btn-primary{background:var(--green);color:#fff;border-radius:100px;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 8px 32px #0f6e564d}.hp .btn-primary:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 12px 40px #0f6e5666}.hp .btn-secondary{color:var(--dark);background:0 0;border:1.5px solid #0d1f1a26;border-radius:100px;align-items:center;gap:8px;padding:16px 28px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.hp .btn-secondary:hover{border-color:var(--green);color:var(--green)}.hp .preview{background:#fff;border-radius:28px;width:100%;max-width:380px;margin-top:80px;animation:.8s .4s both fadeUp;overflow:hidden;box-shadow:0 32px 80px #0d1f1a26,0 0 0 1px #0f6e5614}.hp .preview-header{background:linear-gradient(135deg, var(--green-dark), var(--green));align-items:center;gap:12px;padding:20px 24px;display:flex}.hp .preview-avatar{color:#fff;background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Syne,sans-serif;font-size:14px;font-weight:800;display:flex}.hp .preview-dealer{color:#fff;font-size:15px;font-weight:700}.hp .preview-sub{color:#fff9;font-size:11px}.hp .preview-body{padding:20px 24px}.hp .preview-car{color:var(--dark);font-family:Syne,sans-serif;font-size:18px;font-weight:700}.hp .preview-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.hp .preview-tag{background:var(--green-light);color:var(--green);border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700}.hp .preview-tag.gray{color:#374151;background:#f3f4f6}.hp .preview-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.hp .stat-box{background:var(--cream);border-radius:12px;padding:12px}.hp .stat-box.green{background:#f0fdf4}.hp .stat-label{color:#9ca3af;letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:700}.hp .stat-value{color:var(--dark);font-size:17px;font-weight:800}.hp .stat-value.green{color:#15803d}.hp .preview-score{align-items:center;gap:6px;margin-top:12px;display:flex}.hp .score-dot{background:var(--green);border-radius:50%;width:10px;height:10px}.hp .score-text{color:var(--green);font-size:13px;font-weight:700}.hp .preview-wa{color:#fff;background:#25d366;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:16px 24px 24px;padding:14px;font-size:14px;font-weight:700;display:flex}.hp .stats-bar{background:var(--dark);grid-template-columns:repeat(3,1fr);gap:0;padding:40px 24px;display:grid}.hp .stat-item{text-align:center;border-right:1px solid #ffffff14;padding:0 20px}.hp .stat-item:last-child{border-right:none}.hp .stat-num{color:#fff;letter-spacing:-1px;font-family:Syne,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:800}.hp .stat-num span{color:var(--green-mid)}.hp .stat-desc{color:#ffffff73;margin-top:4px;font-size:13px}.hp .section{max-width:1100px;margin:0 auto;padding:100px 24px}.hp .section-label{color:var(--green);text-transform:uppercase;letter-spacing:.15em;margin-bottom:16px;font-size:12px;font-weight:700}.hp .section-title{letter-spacing:-1.5px;color:var(--dark);max-width:600px;font-family:Syne,sans-serif;font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.05}.hp .steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:60px;display:grid}.hp .step{background:#fff;border:1px solid #0f6e5614;border-radius:20px;padding:32px;transition:all .3s;position:relative}.hp .step:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0d1f1a1a}.hp .step-num{color:var(--green-light);margin-bottom:16px;font-family:Syne,sans-serif;font-size:64px;font-weight:800;line-height:1}.hp .step-icon{margin-bottom:16px;font-size:32px}.hp .step h3{color:var(--dark);margin-bottom:10px;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.hp .step p{color:var(--gray);font-size:14px;line-height:1.65}.hp .features-grid{background:#0f6e5614;border-radius:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2px;margin-top:60px;display:grid;overflow:hidden}.hp .feature{background:#fff;padding:40px 36px;transition:background .2s}.hp .feature:hover{background:var(--green-light)}.hp .feature-icon{background:var(--green-light);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:22px;display:flex}.hp .feature h3{color:var(--dark);margin-bottom:10px;font-family:Syne,sans-serif;font-size:18px;font-weight:700}.hp .feature p{color:var(--gray);font-size:14px;line-height:1.65}.hp .testimonial-section{background:var(--dark);padding:100px 24px}.hp .testimonials{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1100px;margin:60px auto 0;display:grid}.hp .testimonial{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:32px}.hp .stars{color:#f59e0b;letter-spacing:2px;margin-bottom:16px;font-size:16px}.hp .testimonial p{color:#ffffffbf;margin-bottom:24px;font-size:15px;font-style:italic;line-height:1.7}.hp .testimonial-author{align-items:center;gap:12px;display:flex}.hp .author-avatar{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:Syne,sans-serif;font-size:16px;font-weight:800;display:flex}.hp .author-name{color:#fff;font-size:14px;font-weight:700}.hp .author-role{color:#fff6;font-size:12px}.hp .cta-section{text-align:center;padding:100px 24px;position:relative;overflow:hidden}.hp .cta-section:before{content:"";background:radial-gradient(70% 70%,#0f6e561a 0%,#0000 70%);position:absolute;inset:0}.hp .cta-section h2{letter-spacing:-2px;color:var(--dark);max-width:700px;margin:0 auto 24px;font-family:Syne,sans-serif;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.05;position:relative}.hp .cta-section p{color:var(--gray);max-width:480px;margin:0 auto 48px;font-size:18px;line-height:1.6;position:relative}.hp footer{background:var(--dark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:48px 40px;display:flex}.hp footer .logo{color:#fff}.hp footer .logo span{color:#fff6}.hp footer p{color:#ffffff59;font-size:13px}.hp footer a{color:#fff6;font-size:13px;text-decoration:none}.hp footer a:hover{color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hp .fade-up{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(32px)}.hp .fade-up.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.hp nav{padding:16px 20px}.hp .stats-bar{grid-template-columns:1fr;gap:24px}.hp .stat-item{border-bottom:1px solid #ffffff14;border-right:none;padding-bottom:24px}.hp .stat-item:last-child{border-bottom:none}.hp footer{text-align:center;flex-direction:column;padding:32px 24px}}