:root{--bg-color-light:#FFFFFF;--text-color-light:#333333;--primary-color-light:#007BFF;--accent-color-light:#6C757D;--card-bg-light:#FFFFFF;--border-color-light:#E0E0E0;--shadow-light:rgba(0, 0, 0, 0.08);--gradient-start-light:#007BFF;--gradient-end-light:#0056b3;--bg-color-dark:#121220;--text-color-dark:#FFFFFF;--primary-color-dark:#8A2BE2;--accent-color-dark:#9932CC;--card-bg-dark:#202030;--border-color-dark:#333344;--shadow-dark:rgba(0, 0, 0, 0.4);--gradient-start-dark:#8A2BE2;--gradient-end-dark:#6A0DAD;--current-bg:var(--bg-color-light);--current-text:var(--text-color-light);--current-primary:var(--primary-color-light);--current-accent:var(--accent-color-light);--current-card-bg:var(--card-bg-light);--current-border:var(--border-color-light);--current-shadow:var(--shadow-light);--current-gradient-start:var(--gradient-start-light);--current-gradient-end:var(--gradient-end-light);--font-family:'Inter',sans-serif;--transition-speed:0.4s ease-in-out;--border-radius:12px}body.dark-mode{--current-bg:var(--bg-color-dark);--current-text:var(--text-color-dark);--current-primary:var(--primary-color-dark);--current-accent:var(--accent-color-dark);--current-card-bg:var(--card-bg-dark);--current-border:var(--border-color-dark);--current-shadow:var(--shadow-dark);--current-gradient-start:var(--gradient-start-dark);--current-gradient-end:var(--gradient-end-dark)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);line-height:1.6;color:var(--current-text);background-color:var(--current-bg);transition:background-color var(--transition-speed),color var(--transition-speed);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:800;color:var(--current-text);margin-bottom:1rem}#cta-final h2,#hero h1,.logo a{color:#fff}.benefit-item h3,.benefit-item i,.btn.secondary,.btn.secondary:hover,.controls button:hover,.controls button:hover svg,.feature-card h3,.feature-card i,.logo i,.process-step h4,.process-step i,.step h3,.step i,h2::after{color:var(--current-primary);fill:var(--current-primary)}.benefit-item p,.feature-card p,.process-step p,.step p,a:hover{color:var(--current-accent)}h1{font-size:clamp(2.5rem, 5vw, 4.5rem);text-align:center;line-height:1.2}h2{font-size:clamp(2rem, 4vw, 3.5rem);text-align:center;margin-bottom:3rem;position:relative}h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,var(--current-primary),var(--current-accent));margin:1rem auto 0;border-radius:2px}p{font-size:clamp(1rem, 2vw, 1.15rem);line-height:1.7}a{color:var(--current-primary);text-decoration:none;transition:color var(--transition-speed)}header{display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,5vw,4rem);background-color:var(--current-card-bg);box-shadow:0 4px 15px var(--current-shadow);position:sticky;top:0;z-index:1000;transition:background-color var(--transition-speed),box-shadow var(--transition-speed);border-bottom:1px solid var(--current-border)}.logo{display:flex;align-items:center;font-size:1.8rem;font-weight:800;color:var(--current-primary)}.logo a{color:inherit;display:flex;align-items:center}.logo i{font-size:2.2rem;margin-right:10px;color:var(--current-primary);transition:color var(--transition-speed)}.controls{display:flex;gap:1rem}.controls button{background:0 0;border:2px solid var(--current-border);color:var(--current-text);padding:.6rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;transition:background-color var(--transition-speed),color var(--transition-speed),border-color var(--transition-speed);display:flex;align-items:center;justify-content:center}.controls button:hover{background-color:var(--current-primary);color:var(--current-card-bg);border-color:var(--current-primary)}.controls button svg{height:24px;width:24px;fill:var(--current-text);transition:fill var(--transition-speed)}.controls button:hover svg{fill:var(--current-card-bg)}.btn{display:inline-block;padding:.9rem 2rem;border-radius:var(--border-radius);font-weight:600;text-align:center;cursor:pointer;transition:all var(--transition-speed);border:none;box-shadow:0 4px 10px var(--current-shadow)}.btn.primary{background:linear-gradient(45deg,var(--current-gradient-start),var(--current-gradient-end));color:#fff}.btn.primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 15px var(--current-shadow)}.btn.secondary{background-color:transparent;color:var(--current-primary);border:2px solid var(--current-primary);box-shadow:none}.btn.secondary:hover{background-color:var(--current-primary);color:var(--current-card-bg);transform:translateY(-2px);box-shadow:0 4px 10px var(--current-shadow)}section{padding:80px clamp(1rem,5vw,6rem);margin-bottom:20px;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}section.is-visible{opacity:1;transform:translateY(0)}.full-height{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center}.flex-center{display:flex;flex-direction:column;align-items:center;justify-content:center}#hero{background:linear-gradient(135deg,var(--current-gradient-start) 0,var(--current-gradient-end) 100%);color:#fff;padding-top:calc(80px + 4rem);padding-bottom:80px;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:0 8px 20px var(--current-shadow);text-shadow:0 2px 5px rgba(0,0,0,.2)}#hero .hero-content{max-width:900px;margin:0 auto}#hero h1{color:#fff;margin-bottom:1.5rem}#hero p{font-size:clamp(1.1rem, 2.5vw, 1.4rem);margin-bottom:2.5rem;opacity:.9}#hero .cta-group{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}#hero .btn.secondary{color:#fff;border-color:#fff}#hero .btn.secondary:hover{background-color:#fff;color:var(--current-primary)}#hero .hero-illustration i{font-size:clamp(150px, 30vw, 300px);margin-bottom:2rem;color:#fff;opacity:.9;animation:3s ease-in-out infinite alternate float}@keyframes float{0%{transform:translateY(0)}100%{transform:translateY(-15px)}}.infographic-section{background-color:var(--current-card-bg);border-radius:var(--border-radius);box-shadow:0 4px 15px var(--current-shadow);margin:40px auto;max-width:1200px;border:1px solid var(--current-border)}#what-is-directwise .flow-diagram{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem;text-align:center}#what-is-directwise .step{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border-radius:var(--border-radius);background-color:var(--current-bg);border:1px solid var(--current-border);box-shadow:0 2px 8px var(--current-shadow);transition:transform .3s,box-shadow .3s}#how-it-works .process-step:hover,#what-is-directwise .step:hover,.benefit-item:hover{transform:translateY(-5px);box-shadow:0 6px 15px var(--current-shadow)}#what-is-directwise .step i{font-size:3rem;margin-bottom:1rem;color:var(--current-primary);transition:color var(--transition-speed)}#what-is-directwise .step h3{font-size:1.4rem;color:var(--current-text);margin-bottom:.5rem}#what-is-directwise .step p{font-size:.95rem;color:var(--current-text)}#features .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:3rem}.feature-card{background-color:var(--current-bg);border-radius:var(--border-radius);padding:2rem;border:1px solid var(--current-border);box-shadow:0 4px 12px var(--current-shadow);text-align:center;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;align-items:center}.feature-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px var(--current-shadow)}.feature-card i{font-size:4rem;margin-bottom:1.5rem;color:var(--current-primary);transition:color var(--transition-speed)}.feature-card h3{font-size:1.6rem;color:var(--current-text);margin-bottom:.8rem}.feature-card p{font-size:1rem;color:var(--current-text)}#how-it-works .process-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:3rem;position:relative}#how-it-works .process-step{flex:1 1 250px;background-color:var(--current-bg);border-radius:var(--border-radius);padding:1.5rem;border:1px solid var(--current-border);box-shadow:0 2px 8px var(--current-shadow);text-align:center;position:relative;z-index:1;transition:transform .3s,box-shadow .3s}#how-it-works .process-step i,.benefit-item i{font-size:2.5rem;margin-bottom:1rem;color:var(--current-primary)}#how-it-works .process-step h4{font-size:1.2rem;color:var(--current-text);margin-bottom:.5rem}#how-it-works .process-step p{font-size:.9rem;color:var(--current-text)}#how-it-works .process-steps::before{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background-color:var(--current-border);z-index:0;transform:translateY(-50%);display:none}@media (min-width:768px){#how-it-works .process-steps::before{display:block}}#why-directwise .benefits-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:3rem}.benefit-item{background-color:var(--current-bg);border-radius:var(--border-radius);padding:1.5rem;border:1px solid var(--current-border);box-shadow:0 2px 8px var(--current-shadow);text-align:center;transition:transform .3s,box-shadow .3s}.benefit-item h3{font-size:1.3rem;color:var(--current-text)}#cta-final{background:linear-gradient(135deg,var(--current-gradient-end) 0,var(--current-gradient-start) 100%);color:#fff;padding:80px clamp(1rem,5vw,6rem);border-radius:var(--border-radius) var(--border-radius) 0 0;box-shadow:0 -4px 15px var(--current-shadow);text-shadow:0 2px 5px rgba(0,0,0,.2)}#cta-final h2{color:#fff;margin-bottom:2.5rem}#cta-final .btn{margin-bottom:1.5rem}#cta-final .link{color:#fff;font-weight:600;opacity:.8}#cta-final .link:hover{opacity:1;text-decoration:underline}footer{background-color:var(--current-card-bg);color:var(--current-text);text-align:center;padding:2rem clamp(1rem,5vw,4rem);font-size:.9rem;border-top:1px solid var(--current-border);transition:background-color var(--transition-speed),color var(--transition-speed),border-color var(--transition-speed)}footer .footer-buttons{margin-top:1.5rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@media (max-width:768px){header{flex-direction:column;gap:1rem;padding:1rem}.logo{margin-bottom:.5rem}.controls{width:100%;justify-content:center;gap:.5rem}.controls button{flex:1;padding:.5rem}#hero .cta-group{flex-direction:column;gap:1rem}.infographic-section{margin:20px auto;padding:40px clamp(1rem,3vw,2rem)}h2{margin-bottom:2rem}#features .features-grid,#how-it-works .process-steps,#what-is-directwise .flow-diagram,#why-directwise .benefits-list{grid-template-columns:1fr}#how-it-works .process-step{flex:none;width:100%}}