:root{--purple-primary:#7b3ff2;--purple-dark:#5f2fc7;--purple-light:#9d6fff;--purple-bg:#f8f5ff;--blue-primary:#2764ae;--blue-light:#e8f0f9;--gray-dark:#2c3e50;--gray-medium:#5a6c7d;--gray-light:#f7f9fc;--white:#fff;--success:#27ae60;--warning:#f39c12}body{color:var(--gray-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px}nav{background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.nav-content{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.logo{color:var(--purple-primary);font-size:24px;font-weight:700}.nav-cta{background:var(--purple-primary);border-radius:6px;color:#fff;font-weight:600;padding:10px 24px;text-decoration:none;transition:all .3s ease}.nav-cta:hover{background:var(--purple-dark);box-shadow:0 4px 12px rgba(123,63,242,.3);transform:translateY(-2px)}.hero{background:linear-gradient(135deg,var(--purple-bg) 0,var(--white) 100%);padding:80px 0;position:relative}.hero-content{align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.hero-eyebrow{color:var(--purple-primary);font-size:16px;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.hero-text h1{color:var(--gray-dark);font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px}.hero-text .subtitle{color:var(--gray-medium);font-size:20px;margin-bottom:30px}.hero-cta{background:var(--purple-primary);border-radius:8px;color:#fff;display:inline-block;font-size:18px;font-weight:700;padding:16px 32px;text-decoration:none;transition:all .3s ease}.hero-cta:hover{background:var(--purple-dark);box-shadow:0 6px 20px rgba(123,63,242,.3);transform:translateY(-2px)}.hero-image{background:var(--white);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.1);padding:40px;position:relative}.dashboard-preview{align-items:center;background:var(--gray-light);border-radius:8px;color:var(--gray-medium);display:flex;font-size:18px;height:350px;justify-content:center}.problem-section{background:var(--white);padding:80px 0}.section-header{margin-bottom:60px;text-align:center}.section-header h2{color:var(--gray-dark);font-size:36px;font-weight:700;margin-bottom:20px}.problem-grid{display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.problem-item{background:var(--gray-light);border-left:4px solid var(--purple-primary);border-radius:12px;padding:30px}.problem-item h3{color:var(--gray-dark);font-size:20px;margin-bottom:10px}.problem-item p{color:var(--gray-medium)}.venn-section-wrapper{background:var(--gray-light);padding:80px 0}.venn-section{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);color:var(--gray-dark);font-family:inherit;margin:40px auto;max-width:900px;padding:40px 20px;width:100%}.venn-container{align-items:center;display:flex;justify-content:center;margin:40px 0 20px;position:relative}.venn-wrapper{height:420px;position:relative;width:700px}.venn-label{font-size:22px;font-weight:700;position:absolute;text-align:center;z-index:20}.employee-label{color:var(--blue-primary);left:120px;top:-50px}.contractor-label{color:var(--purple-primary);right:120px;top:-50px}.label-subtitle{font-size:15px;font-weight:400;margin-top:4px;opacity:.8}.venn-circle{align-items:center;animation:fadeInCircle .6s ease-out both;border-radius:50%;cursor:pointer;display:flex;height:360px;justify-content:center;position:absolute;text-align:left;transition:all .3s ease;width:360px}.venn-circle:hover{transform:translateY(-50%) scale(1.02)}.venn-circle.active{box-shadow:0 0 0 4px rgba(0,0,0,.1)}.employee-circle{animation-delay:.1s;background:rgba(39,100,174,.08);border:3px solid var(--blue-primary);left:40px;top:50%;transform:translateY(-50%)}.employee-circle:hover{background:rgba(39,100,174,.12)}.contractor-circle{animation-delay:.2s;background:rgba(123,63,242,.08);border:3px solid var(--purple-primary);right:40px;top:50%;transform:translateY(-50%)}.contractor-circle:hover{background:rgba(123,63,242,.12)}.circle-content{padding-left:20px;width:60%}.employee-circle .circle-content{margin-left:30px;margin-right:auto}.contractor-circle .circle-content{margin-left:auto;margin-right:30px}.venn-features{list-style:none;margin:0;padding:0}.venn-features li{color:var(--gray-dark);font-size:17px;line-height:1.5;padding:10px 0 10px 24px;position:relative}.venn-features li:before{content:"•";font-size:20px;font-weight:700;left:0;position:absolute}.employee-circle .venn-features li:before{color:var(--blue-primary)}.contractor-circle .venn-features li:before{color:var(--purple-primary)}.venn-overlap{align-items:center;animation:fadeInScale .8s ease-out .4s both;display:flex;height:340px;justify-content:center;pointer-events:none;text-align:center;transition:all .3s ease;width:340px;z-index:18}.venn-overlap,.venn-overlap:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.venn-overlap:before{border-radius:50%;content:"";cursor:pointer;height:280px;pointer-events:auto;width:140px}.venn-overlap:hover{transform:translate(-50%,-50%) scale(1.05)}.overlap-title{color:var(--gray-dark);font-size:22px;font-weight:700;line-height:1.3;pointer-events:none;z-index:1}.arrow-container{height:60px;margin:10px 0 15px;position:relative;text-align:center}.arrow-down{background:var(--purple-primary);display:inline-block;height:50px;opacity:.4;position:relative;transition:all .3s ease;width:2px}.arrow-down:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--purple-primary);bottom:-8px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.arrow-down.employee-active{background:var(--blue-primary)}.arrow-down.employee-active:after{border-top-color:var(--blue-primary)}.arrow-down.contractor-active{background:var(--purple-primary)}.arrow-down.contractor-active:after{border-top-color:var(--purple-primary)}.detail-box{background:var(--gray-light);border:2px solid transparent;border-radius:16px;margin:0 auto;max-width:600px;min-height:280px;padding:35px;transition:all .3s ease}.detail-box.employee-active{background:var(--blue-light);border-color:var(--blue-primary)}.detail-box.contractor-active{background:var(--purple-bg);border-color:var(--purple-primary)}.detail-box.shared-active{background:linear-gradient(135deg,var(--blue-light) 0,var(--purple-bg) 100%);border-color:rgba(123,63,242,.3)}.detail-title{color:var(--gray-dark);font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}.detail-content{display:none}.detail-content.active{animation:fadeIn .3s ease-out;display:block}.detail-list{list-style:none;margin:0;padding:0}.detail-list li{align-items:flex-start;color:var(--gray-dark);display:flex;font-size:16px;gap:12px;padding:10px 0}.detail-icon{flex-shrink:0;height:24px;margin-top:2px;width:24px}.detail-icon svg{height:100%;width:100%}.shared-features-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.shared-feature-item{align-items:center;color:var(--gray-dark);display:flex;font-size:16px;gap:12px}.shared-icon{align-items:center;background:rgba(123,63,242,.2);border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.shared-icon svg{height:16px;width:16px;stroke:var(--purple-primary)}.compliance-note{background:var(--gray-light);border-left:4px solid var(--warning);border-radius:12px;margin-top:35px;padding:25px;text-align:center;transition:all .3s ease}.compliance-note.employee-focused{background:var(--blue-light);border-left-color:var(--blue-primary)}.compliance-note.contractor-focused{background:var(--purple-bg);border-left-color:var(--purple-primary)}.compliance-note p{color:var(--gray-dark);font-size:16px;line-height:1.6;margin:0}.learn-more-cta{background:var(--purple-primary);border-radius:8px;color:#fff;display:inline-block;font-size:16px;font-weight:600;margin-top:25px;padding:12px 28px;text-align:center;text-decoration:none;transition:all .3s ease;width:25%}.learn-more-cta:hover{background:var(--purple-dark);box-shadow:0 4px 12px rgba(123,63,242,.3);transform:translateY(-2px)}.detail-box.employee-active .learn-more-cta{background:var(--blue-primary)}.detail-box.employee-active .learn-more-cta:hover{background:#1d4e8b;box-shadow:0 4px 12px rgba(39,100,174,.3)}.solution-section{background:var(--purple-bg);padding:80px 0}.solution-content{margin:0 auto;max-width:800px;text-align:center}.solution-content h2{color:var(--gray-dark);font-size:36px;font-weight:700;margin-bottom:20px}.solution-content p{color:var(--gray-medium);font-size:18px;margin-bottom:40px}.features-section{background:var(--white);padding:80px 0}.feature{align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:80px}.feature:nth-child(2n){direction:rtl}.feature:nth-child(2n) .feature-content{direction:ltr}.feature-content h3{color:var(--gray-dark);font-size:32px;font-weight:700;margin-bottom:15px}.feature-content p{color:var(--gray-medium);font-size:18px;margin-bottom:20px}.feature-points{list-style:none}.feature-points li{color:var(--gray-medium);padding:8px 0 8px 30px;position:relative}.feature-points li:before{color:var(--success);content:"✓";font-size:18px;font-weight:700;left:0;position:absolute}.feature-image{align-items:center;background:var(--gray-light);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);display:flex;height:300px;justify-content:center}.benefits-section{background:var(--purple-bg);padding:80px 0}.benefits-grid{display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.benefit-card{background:var(--white);border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.05);padding:30px;text-align:center;transition:transform .3s ease}.benefit-card:hover{transform:translateY(-5px)}.benefit-number{color:var(--purple-primary);font-size:48px;font-weight:800;margin-bottom:10px}.benefit-card h4{color:var(--gray-dark);font-size:20px;margin-bottom:10px}.benefit-card p{color:var(--gray-medium);font-size:14px}.roi-section{background:var(--white);padding:80px 0}.roi-calculator{background:var(--gray-light);border-radius:16px;margin:0 auto;max-width:800px;padding:40px}.roi-grid{display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.roi-item{text-align:center}.roi-item .label{color:var(--gray-medium);font-size:14px;margin-bottom:5px}.roi-item .value{color:var(--purple-primary);font-size:28px;font-weight:700}.testimonials-section{background:var(--purple-bg);padding:80px 0}.testimonials-grid{display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.testimonial{background:var(--white);border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.05);padding:30px}.testimonial p{color:var(--gray-medium);font-size:16px;font-style:italic;margin-bottom:20px}.testimonial-author{color:var(--gray-dark);font-weight:600}.testimonial-role{color:var(--gray-medium);font-size:14px}.how-it-works{background:var(--white);padding:80px 0}.steps{display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.step,.steps{position:relative}.step{text-align:center}.step-number{align-items:center;background:var(--purple-primary);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.step h3{color:var(--gray-dark);font-size:24px;margin-bottom:15px}.step p{color:var(--gray-medium)}.faq-section{background:var(--gray-light);padding:80px 0}.faq-container{margin:0 auto;max-width:800px}.faq-item{background:var(--white);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:20px;overflow:hidden}.faq-question{align-items:center;color:var(--gray-dark);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:20px;transition:background .3s ease}.faq-question:hover{background:var(--purple-bg)}.faq-arrow{transition:transform .3s ease}.faq-item.active .faq-arrow{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;padding:0 20px;transition:max-height .3s ease,padding .3s ease}.faq-item.active .faq-answer{max-height:300px;padding:0 20px 20px}.cta-section{background:linear-gradient(135deg,var(--purple-primary) 0,var(--purple-dark) 100%);color:#fff;padding:100px 0;text-align:center}.cta-section h2{font-size:42px;margin-bottom:20px}.cta-section p{font-size:20px;margin-bottom:40px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-primary{background:var(--white);border-radius:8px;color:var(--purple-primary);font-size:18px;font-weight:700;padding:16px 32px;text-decoration:none;transition:all .3s ease}.cta-primary:hover{box-shadow:0 6px 20px hsla(0,0%,100%,.3);transform:translateY(-2px)}.cta-secondary{background:transparent;border:2px solid #fff;border-radius:8px;color:#fff;font-size:18px;font-weight:700;padding:16px 32px;text-decoration:none;transition:all .3s ease}.cta-secondary:hover{background:#fff;color:var(--purple-primary)}.trust-elements{display:flex;font-size:14px;gap:30px;justify-content:center;margin-top:40px;opacity:.8}.footer-resources{background:var(--gray-light);padding:60px 0}.resources-grid{display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.resource-card{background:var(--white);border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);color:inherit;padding:30px;text-decoration:none;transition:all .3s ease}.resource-card:hover{box-shadow:0 5px 20px rgba(0,0,0,.1);transform:translateY(-5px)}.resource-card h4{color:var(--purple-primary);margin-bottom:10px}.resource-card p{color:var(--gray-medium);font-size:14px}@keyframes fadeInCircle{0%{opacity:0;transform:translateY(-50%) scale(.9)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-content{gap:40px;grid-template-columns:1fr}.hero-text h1{font-size:36px}.problem-grid,.roi-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:repeat(2,1fr)}.feature{gap:30px;grid-template-columns:1fr}.feature:nth-child(2n){direction:ltr}.resources-grid,.steps,.testimonials-grid{grid-template-columns:1fr}.cta-buttons,.trust-elements{align-items:center;flex-direction:column}.trust-elements{gap:10px}.venn-section{padding:20px 10px}.venn-wrapper{height:350px;max-width:500px;transform:scale(.85);width:100%}.venn-circle{height:300px;width:300px}.venn-overlap{height:250px;width:250px;z-index:16}.overlap-title{font-size:18px}.venn-features li{font-size:14px;padding:6px 0}.venn-label{font-size:18px}.label-subtitle{font-size:13px}.shared-features-grid{grid-template-columns:1fr}.detail-box{min-height:auto;padding:25px}.arrow-container{height:40px}.arrow-down{height:35px}.learn-more-cta{font-size:15px;margin-top:20px;padding:10px 20px}}