*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-brand h2{color:#2563eb;font-size:1.5rem;font-weight:700}.brand{display:flex;align-items:center;gap:12px}.brand-icon{filter:drop-shadow(0 3px 12px rgba(37,99,235,.28));animation:brandPulse 3.2s ease-in-out infinite}.brand-text{background:linear-gradient(90deg,#2563eb,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes brandPulse{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.06) rotate(0);opacity:.95}to{transform:scale(1) rotate(0);opacity:1}}.nav-links{display:flex;gap:30px}.nav-links a{text-decoration:none;color:#64748b;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#2563eb}.hero{position:relative;background:linear-gradient(135deg,#1e3a8aa6,#172554a6),url(/hero-bg.svg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:100px 0;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;top:-30%;right:-10%;bottom:-30%;left:-10%;background-image:repeating-linear-gradient(120deg,#ffffff0d 0,#ffffff0d 2px,#fff0 2px,#fff0 80px),repeating-linear-gradient(300deg,#3b82f612 0,#3b82f612 1px,#3b82f600 1px,#3b82f600 60px);background-size:160% 160%,140% 140%;animation:slideDiag1 16s linear infinite;pointer-events:none}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(135deg,#ffffff0f,#ffffff0f 10%,#fff0 10%,#fff0 20%),linear-gradient(135deg,#ffffff0a,#ffffff0a 6%,#fff0 6%,#fff0 16%);background-size:300% 300%,250% 250%;animation:flowA 10s linear infinite,flowB 14s linear infinite;pointer-events:none}.hero-container{position:relative;z-index:1}@keyframes slideDiag1{0%{background-position:0% 0%,100% 100%}to{background-position:200% 200%,0% 0%}}@keyframes flowA{0%{background-position:0% 0%,0% 0%}to{background-position:300% 300%,0% 0%}}@keyframes flowB{0%{background-position:0% 0%,250% 250%}to{background-position:0% 0%,0% 0%}}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:24px;line-height:1.2}.hero-subtitle{font-size:1.25rem;margin-bottom:40px;opacity:.9;line-height:1.6}.cta-button{position:relative;overflow:hidden;background:linear-gradient(90deg,#2563eb,#22d3ee,#2563eb);background-size:200% 100%;color:#fff;border:1px solid rgba(255,255,255,.25);padding:16px 32px;font-size:1.1rem;font-weight:700;letter-spacing:.2px;border-radius:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-position .4s ease;box-shadow:0 6px 24px #2563eb40;animation:ctaGradient 10s ease infinite}.cta-button:after{content:"";position:absolute;top:-100%;left:-30%;width:60%;height:300%;background:linear-gradient(120deg,#fff0,#ffffff59,#fff0 80%);transform:rotate(20deg);animation:ctaShimmer 2.6s ease-in-out infinite;pointer-events:none}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 28px #2563eb59;background-position:100% 0}.cta-button:active{transform:translateY(0)}.cta-button:focus-visible{outline:none;box-shadow:0 0 0 3px #22d3ee66,0 10px 28px #2563eb59}@keyframes ctaGradient{0%{background-position:0% 0%}50%{background-position:100% 0%}to{background-position:0% 0%}}@keyframes ctaShimmer{0%{transform:translate(-40%) rotate(20deg);opacity:0}40%{opacity:.65}to{transform:translate(220%) rotate(20deg);opacity:0}}@media (prefers-reduced-motion: reduce){.cta-button{animation:none}.cta-button:after{display:none}.cta-button:hover{background-position:100% 0}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:20px;color:#1e293b}.section-subtitle{text-align:center;font-size:1.1rem;color:#64748b;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.pain-points{padding:80px 0;background:#f8fafc}.pain-points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px}.pain-point{text-align:center;padding:40px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;transition:transform .3s ease}.pain-point:hover{transform:translateY(-5px)}.pain-icon{font-size:3rem;margin-bottom:20px}.pain-point h3{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:#1e293b}.pain-point p{color:#64748b;line-height:1.6}.how-it-works{padding:80px 0;background:#fff}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px}.step{text-align:center;padding:40px 20px}.step-number{width:60px;height:60px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 24px}.step h3{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:#1e293b}.step p{color:#64748b;line-height:1.6}.request-form-section{padding:80px 0;background:#f8fafc}.faq-promo{background:linear-gradient(0deg,#f8fafc,#fff);padding:60px 0 40px}.faq-promo-card{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #e5e7eb;border-radius:14px;padding:28px;background:#fff;box-shadow:0 10px 30px #2563eb14,0 2px 10px #0000000a}.faq-promo-title{font-size:1.75rem;font-weight:800;color:#1e293b;margin-bottom:10px}.faq-promo-text{color:#64748b;font-size:1.05rem;line-height:1.7}.faq-promo-cta{flex-shrink:0}.faq-promo-button{display:inline-block;background:#2563eb;color:#fff;text-decoration:none;padding:14px 22px;border-radius:10px;font-weight:700;letter-spacing:.2px;box-shadow:0 8px 24px #2563eb4d;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.faq-promo-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #2563eb59;background:#1d4ed8}@media (max-width: 768px){.faq-promo-card{flex-direction:column;align-items:flex-start;padding:22px 20px}.faq-promo-title{font-size:1.5rem}}.request-form-container{max-width:600px;margin:0 auto}.request-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #00000014}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2563eb}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.875rem;margin-top:4px;display:block}.submit-button{width:100%;background:#2563eb;color:#fff;border:none;padding:16px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.submit-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.submit-button:disabled{background:#94a3b8;cursor:not-allowed}.form-success{text-align:center;background:#fff;padding:60px 40px;border-radius:12px;box-shadow:0 4px 20px #00000014}.success-icon{width:80px;height:80px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 24px}.form-success h3{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:#1e293b}.form-success p{color:#64748b;margin-bottom:32px;line-height:1.6}.footer{background:#1e293b;color:#fff;padding:60px 0 20px;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.footer-brand h3{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:#2563eb}.footer-brand p{color:#94a3b8}.footer-links{display:flex;gap:30px}.footer-links a{color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#2563eb}.footer-bottom{border-top:1px solid #374151;padding-top:20px;text-align:center}.footer-bottom p{color:#94a3b8}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.nav-links{gap:20px}.footer-content{flex-direction:column;gap:30px;text-align:center}.footer-links{justify-content:center}.request-form{padding:30px 20px}}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]{-moz-appearance:textfield}.faq-page{min-height:100vh;display:flex;flex-direction:column}.faq-hero{background:linear-gradient(135deg,#1e3a8aa6,#172554a6),url(/hero-bg.svg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:100px 0;text-align:center}.faq-title{font-size:3rem;font-weight:800;margin-bottom:24px;line-height:1.2}.faq-subtitle{font-size:1.25rem;opacity:.9;line-height:1.6;max-width:600px;margin:0 auto}.faq-content{padding:80px 0;background:#fff;flex:1}.faq-list{max-width:800px;margin:0 auto}.faq-item{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:box-shadow .3s ease}.faq-item:hover{box-shadow:0 4px 20px #00000014}.faq-question{width:100%;background:#fff;border:none;padding:24px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;color:#1e293b;transition:background-color .3s ease}.faq-question:hover{background:#f8fafc}.faq-question.open{background:#f8fafc;border-bottom:1px solid #e5e7eb}.question-text{flex:1;margin-right:16px;line-height:1.5}.toggle-icon{width:32px;height:32px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;transition:transform .3s ease;flex-shrink:0}.faq-question.open .toggle-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer.open{max-height:500px}.answer-content{padding:0 24px 24px;color:#64748b;line-height:1.6;font-size:1rem}.faq-cta{background:#f8fafc;padding:80px 0;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:16px;color:#1e293b}.cta-content p{font-size:1.1rem;color:#64748b;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.faq-title{font-size:2.5rem}.faq-subtitle{font-size:1.1rem}.faq-question{padding:20px;font-size:1rem}.answer-content{padding:0 20px 20px}.cta-content h2{font-size:2rem}}
