:root{--bg-color: #0d0f17;--bg-secondary: #161925;--bg-tertiary: #1f2233;--text-primary: #ffffff;--text-secondary: #94a3b8;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-purple: #6366f1;--accent-green: #10b981;--accent-red: #ef4444;--border-color: rgba(255, 255, 255, .1);--font-primary: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden}body.modal-open{overflow:hidden}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.text-gradient{background:linear-gradient(to right,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;font-weight:700;margin-bottom:24px;letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);line-height:1.2;font-weight:700;margin-bottom:20px;letter-spacing:-.01em}h3{font-size:2rem;font-weight:600;margin-bottom:16px}h4{font-size:1.25rem;font-weight:600;margin-bottom:12px}p{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background-color:var(--accent-blue);color:#fff;box-shadow:0 4px 14px #3b82f666}.btn-primary:hover{background-color:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.btn-large{padding:16px 32px;font-size:1.125rem;border-radius:12px}.btn-full{width:100%}.badge{display:inline-flex;align-items:center;padding:6px 12px;background:#3b82f61a;color:var(--accent-blue);border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:24px;border:1px solid rgba(59,130,246,.2)}.badge-green{background:#10b9811a;color:var(--accent-green);border-color:#10b98133}.navbar{padding:24px 0;position:fixed;top:0;width:100%;z-index:100;background:#0d0f17cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:12px}.hero{padding:160px 0 100px;text-align:center;position:relative;background:radial-gradient(circle at top,rgba(59,130,246,.15) 0%,transparent 50%)}.hero-content{max-width:800px}.hero .subheadline{font-size:clamp(1.125rem,2vw,1.25rem);margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.subtext{font-size:.875rem;color:var(--text-secondary)}.quote-section{padding:80px 0;text-align:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.quote-icon{font-size:4rem;color:var(--accent-blue);font-family:serif;line-height:1;margin-bottom:-20px;opacity:.5}.quote-author{font-size:.875rem;font-weight:600;letter-spacing:.1em;color:var(--accent-blue);margin-bottom:24px}.quote-description{max-width:600px;margin:0 auto}.pain-points{padding:100px 0 50px}.section-header{text-align:center;margin-bottom:60px}.grid{display:grid;gap:24px}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:32px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:#fff3}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.error-icon{background:#ef44441a;color:var(--accent-red)}.warning-icon{background:#f59e0b1a;color:#f59e0b}.finance-icon{background:#10b9811a;color:var(--accent-green)}.slider-section{padding:50px 0 100px;text-align:center}.image-comparison{position:relative;max-width:900px;margin:40px auto 0;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #00000080}.comparison-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#2a2a2a;overflow:hidden}.comparison-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.img-before{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);z-index:2}.img-after{z-index:1}.slider-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background:#fff;z-index:3;pointer-events:auto;cursor:ew-resize;transform:translate(-50%)}.handle-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:var(--accent-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00000080;color:#fff}.label-before{position:absolute;top:20px;left:20px;background:#0009;padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:700;z-index:4;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.caption{margin-top:16px;font-size:.875rem}.how-it-works{padding:100px 0;text-align:center;background:var(--bg-secondary)}.timeline{display:flex;justify-content:center;align-items:flex-start;margin-top:60px;gap:20px;flex-wrap:wrap}.step{flex:1;min-width:250px;max-width:300px;position:relative}.step-icon{width:64px;height:64px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--accent-blue);border:2px solid var(--border-color);position:relative;z-index:2}.step-line{flex:.2;height:2px;background:var(--border-color);margin-top:32px;min-width:50px}@media(max-width:768px){.timeline{flex-direction:column;align-items:center}.step-line{display:none}.step{margin-bottom:40px}}.roi-section{padding:100px 0}.roi-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media(max-width:900px){.roi-box{grid-template-columns:1fr;padding:32px}}.roi-list{list-style:none;margin-top:32px;display:flex;flex-direction:column;gap:24px}.roi-list li{display:flex;gap:16px;align-items:flex-start}.roi-list svg{color:var(--accent-green);flex-shrink:0;margin-top:2px}.roi-list strong{display:block;color:var(--text-primary);margin-bottom:4px}.roi-stats{background:var(--bg-tertiary);padding:32px;border-radius:16px;border:1px solid var(--border-color)}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.stat-row.highlight{border-bottom:none;margin-bottom:24px;padding-bottom:0}.strikethrough{text-decoration:line-through;color:var(--accent-red)}.price-green{font-size:2rem;font-weight:700;color:var(--accent-green)}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress{width:90%;height:100%;background:var(--accent-green);border-radius:4px}.stat-caption{font-size:.875rem;text-align:right}.final-cta{padding:100px 0;background:radial-gradient(circle at bottom,rgba(59,130,246,.15) 0%,transparent 70%)}.demo-box{max-width:500px;margin:40px auto 0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:32px;text-align:left}.demo-list{list-style:none;margin:20px 0 32px}.demo-list li{position:relative;padding-left:24px;margin-bottom:12px;color:var(--text-secondary)}.demo-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-blue);font-weight:700}.error-text{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--accent-red);margin-top:16px;font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:1200;padding:24px}.modal-overlay.is-open{display:flex}.modal-container{position:relative;width:min(540px,100%);max-height:min(90vh,780px);overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:28px;box-shadow:0 24px 70px #000000a6}.modal-close{position:absolute;top:12px;right:14px;color:var(--text-secondary);background:transparent;border:none;font-size:2rem;line-height:1;cursor:pointer;transition:color .2s ease}.modal-close:hover{color:var(--text-primary)}.modal-subtitle{margin-bottom:24px}.demo-form{display:grid;gap:12px}.schedule-picker{display:grid;gap:10px;margin-top:2px}.field-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.demo-form input,.demo-form select{width:100%;border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.demo-form input::placeholder{color:var(--text-secondary)}.demo-form input:focus,.demo-form select:focus{outline:none;border-color:#3b82f6cc;box-shadow:0 0 0 3px #3b82f633}.demo-form select:disabled{opacity:.8;cursor:not-allowed}.calendar-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.calendar-day-btn{border:1px solid var(--border-color);border-radius:10px;background:var(--bg-tertiary);color:var(--text-primary);padding:11px 10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .15s ease}.calendar-day-btn:hover:not(:disabled){border-color:#3b82f699;transform:translateY(-1px)}.calendar-day-btn.is-active{border-color:var(--accent-blue);background:#3b82f62e}.calendar-day-btn.is-disabled,.calendar-day-btn:disabled{opacity:.45;cursor:not-allowed}.calendar-slots{display:flex;flex-wrap:wrap;gap:10px;min-height:46px}.calendar-slot-btn{border:1px solid var(--border-color);border-radius:10px;background:var(--bg-tertiary);color:var(--text-primary);padding:10px 14px;font-size:.92rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.calendar-slot-btn:hover{border-color:#3b82f6b3}.calendar-slot-btn.is-active{border-color:var(--accent-blue);background:#3b82f62e}.calendar-hint{color:var(--text-secondary);font-size:.875rem}.calendar-disclosure{width:100%;color:var(--text-secondary);font-size:.82rem;margin-top:2px}.calendar-more-btn{border:1px dashed rgba(59,130,246,.65);border-radius:10px;background:#3b82f614;color:#bfdbfe;padding:9px 12px;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.calendar-more-btn:hover{border-color:#3b82f6d9;background:#3b82f624}.form-feedback{min-height:20px;font-size:.875rem;color:var(--text-secondary)}.form-feedback.error{color:var(--accent-red)}.form-feedback.success{color:var(--accent-green)}footer{padding:40px 0;border-top:1px solid var(--border-color);background:var(--bg-color)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:20px}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-secondary);font-size:.875rem;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}@media(max-width:640px){.sm-hidden{display:none!important}.modal-container{padding:22px;border-radius:16px}.calendar-days{grid-template-columns:1fr}}
