*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#2c3e50;--secondary-color:#3498db;--accent-color:#e74c3c;--success-color:#27ae60;--warning-color:#f39c12;--light-gray:#ecf0f1;--dark-gray:#7f8c8d;--text-dark:#2c3e50;--text-light:#ffffff}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background:rgba(44,62,80,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;width:100%;z-index:1000;padding:15px 0;transition:all .3s ease}.navbar.scrolled{background:rgba(44,62,80,.98);box-shadow:0 4px 20px rgba(0,0,0,.1)}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.logo{font-size:1.8em;font-weight:700;color:var(--text-light);text-decoration:none}.nav-menu{display:flex;list-style:none;gap:30px}.nav-menu a{color:var(--text-light);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-menu a:hover{color:var(--secondary-color)}.nav-menu a.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--secondary-color)}.nav-cta{background:var(--secondary-color);color:white;padding:12px 25px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease}.nav-cta:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 8px 25px rgba(52,152,219,.3)}.mobile-menu-toggle{display:none;color:white;font-size:1.5em;cursor:pointer}.hero{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:var(--text-light);padding:120px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px;align-items:center;min-height:600px}.hero-text h1{font-size:3.2em;font-weight:700;margin-bottom:20px;line-height:1.2}.hero-subtitle{font-size:1.3em;margin-bottom:30px;opacity:.9;font-weight:300}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px;margin:40px 0}.stat-item{text-align:center;background:rgba(255,255,255,.1);padding:20px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{font-size:2.5em;font-weight:700;color:var(--text-light);display:block}.stat-label{font-size:.9em;opacity:.8;margin-top:5px}.hero-cta{display:flex;gap:20px;margin-top:30px}.btn-primary{background:var(--accent-color);color:white;padding:15px 35px;border:none;border-radius:25px;font-size:1.1em;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.btn-primary:hover{background:#c0392b;transform:translateY(-3px);box-shadow:0 10px 30px rgba(231,76,60,.4)}.btn-secondary{background:transparent;color:white;padding:15px 35px;border:2px solid white;border-radius:25px;font-size:1.1em;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.btn-secondary:hover{background:white;color:var(--primary-color);transform:translateY(-3px)}.hero-visual{position:relative;text-align:center}.hero-dashboard{background:white;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:30px;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .3s ease}.hero-dashboard:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:var(--text-dark)}.score-circle{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--success-color) 0deg 252deg,var(--light-gray) 252deg 1turn);display:flex;align-items:center;justify-content:center;margin:20px auto;position:relative}.score-circle:after{content:"70%";position:absolute;font-size:1.8em;font-weight:700;color:var(--text-dark)}.mini-charts{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px;margin-top:20px}.mini-chart{background:var(--light-gray);padding:15px;border-radius:8px;text-align:left}.chart-title{font-size:.8em;color:var(--dark-gray);margin-bottom:5px}.chart-bar{background:var(--light-gray);height:8px;border-radius:4px;overflow:hidden}.chart-fill{height:100%;border-radius:4px}.chart-fill.high{background:var(--success-color);width:85%}.chart-fill.medium{background:var(--warning-color);width:65%}.chart-fill.low{background:var(--accent-color);width:45%}.section{padding:80px 0}.section-header{text-align:center;margin-bottom:60px}.section-title,.section-title1{font-size:2.5em;font-weight:700;color:var(--primary-color);margin-bottom:15px}.section-subtitle{font-size:1.2em;color:var(--dark-gray);max-width:600px;margin:0 auto}.problem{background:var(--light-gray)}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px;gap:40px;margin-top:50px}.problem-card{background:white;padding:40px 30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);text-align:center;transition:transform .3s ease}.problem-card:hover{transform:translateY(-10px)}.problem-icon{font-size:3em;color:var(--accent-color);margin-bottom:20px}.problem-title{font-size:1.3em;font-weight:600;color:var(--primary-color);margin-bottom:15px}.problem-description{color:var(--dark-gray);line-height:1.6}.features{background:white}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:40px;gap:40px;margin-top:50px}.feature-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:40px;border-radius:20px;border-left:5px solid var(--secondary-color);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.1)}.feature-icon{font-size:2.5em;color:var(--secondary-color);margin-bottom:20px}.feature-title{font-size:1.4em;font-weight:600;color:var(--primary-color);margin-bottom:15px}.feature-description{color:var(--dark-gray);margin-bottom:20px}.feature-benefits{list-style:none}.feature-benefits li{color:var(--success-color);margin-bottom:8px;position:relative;padding-left:20px}.feature-benefits li:before{content:"✓";position:absolute;left:0;font-weight:700}.value-prop{background:linear-gradient(135deg,var(--primary-color) 0,#34495e 100%);color:white}.value-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.value-text h2{font-size:2.5em;margin-bottom:30px}.value-points{list-style:none;margin:30px 0}.value-points li{margin-bottom:20px;padding-left:30px;position:relative;font-size:1.1em}.value-points li:before{content:"→";position:absolute;left:0;color:var(--secondary-color);font-weight:700;font-size:1.2em}.roi-calculator{background:rgba(255,255,255,.1);padding:30px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.roi-title{font-size:1.5em;margin-bottom:20px;text-align:center}.roi-example{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin:20px 0}.roi-item{text-align:center;padding:15px;background:rgba(255,255,255,.1);border-radius:10px}.roi-number{font-size:2em;font-weight:700;color:var(--success-color)}.roi-label{font-size:.9em;opacity:.8}.assessment-cta{background:var(--secondary-color);color:white;text-align:center;padding:80px 0}.cta-content{max-width:800px;margin:0 auto}.cta-title{font-size:2.5em;font-weight:700;margin-bottom:20px}.cta-subtitle{font-size:1.2em;margin-bottom:40px;opacity:.9}.assessment-preview{background:rgba(255,255,255,.1);padding:30px;border-radius:15px;margin:40px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin:30px 0}.preview-benefit{text-align:center}.benefit-icon{font-size:2em;margin-bottom:10px}.social-proof{background:var(--light-gray);text-align:center}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px;gap:40px;margin-top:50px}.testimonial{background:white;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.testimonial-text{font-style:italic;margin-bottom:20px;color:var(--dark-gray);line-height:1.6}.testimonial-author{font-weight:600;color:var(--primary-color)}.testimonial-company{font-size:.9em;color:var(--dark-gray)}.pricing{background:white}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px;gap:40px;margin-top:50px}.pricing-card{background:white;border:2px solid var(--light-gray);border-radius:20px;padding:40px 30px;text-align:center;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-10px);border-color:var(--secondary-color);box-shadow:0 20px 50px rgba(0,0,0,.1)}.pricing-card.featured{border-color:var(--secondary-color);transform:scale(1.05)}.pricing-badge{background:var(--secondary-color);color:white;padding:8px 20px;border-radius:20px;font-size:.8em;font-weight:600;position:absolute;top:-10px;left:50%;transform:translateX(-50%)}.pricing-title{font-size:1.5em;font-weight:600;color:var(--primary-color);margin-bottom:10px}.pricing-price{font-size:3em;font-weight:700;color:var(--secondary-color);margin-bottom:5px}.pricing-period{color:var(--dark-gray);margin-bottom:30px}.pricing-features{list-style:none;text-align:left;margin-bottom:30px}.pricing-features li{margin-bottom:10px;padding-left:20px;position:relative}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.about{background:white}.about-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.about-text{font-size:1.1em;line-height:1.8;color:var(--dark-gray)}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px;margin-top:40px}.about-stat{text-align:center;padding:20px;background:var(--light-gray);border-radius:10px}.about-number{font-size:2.5em;font-weight:700;color:var(--secondary-color)}.about-label{color:var(--dark-gray);font-size:.9em}.team-photo{width:100%;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.blog{background:var(--light-gray)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:40px;gap:40px;margin-top:50px}.blog-card{background:white;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease}.blog-card:hover{transform:translateY(-5px)}.blog-image{width:100%;height:200px;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));display:flex;align-items:center;justify-content:center;color:white;font-size:3em}.blog-content{padding:30px}.blog-date{color:var(--dark-gray);font-size:.9em;margin-bottom:10px}.blog-title{font-size:1.3em;font-weight:600;color:var(--primary-color);margin-bottom:15px}.blog-excerpt{color:var(--dark-gray);line-height:1.6;margin-bottom:20px}.read-more{color:var(--secondary-color);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:5px}.read-more:hover{gap:10px}.footer{background:var(--primary-color);color:white;padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;gap:40px;margin-bottom:40px}.footer-section h3{margin-bottom:20px;font-size:1.2em}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:rgba(255,255,255,.8);text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:white}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{width:40px;height:40px;background:var(--secondary-color);color:white;display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;transition:all .3s ease}.social-links a:hover{background:white;color:var(--secondary-color);transform:translateY(-3px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;color:rgba(255,255,255,.6)}@media (max-width:768px){.mobile-menu-toggle{display:block}.nav-menu{display:none}.hero-content{grid-template-columns:1fr;text-align:center;gap:30px}.hero-text h1{font-size:2.5em}.hero-stats{grid-template-columns:1fr;gap:20px}.hero-cta{flex-direction:column;align-items:center}.about-content,.value-content{grid-template-columns:1fr;gap:40px}.hero-dashboard{transform:none}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.section-title{font-size:2em}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.animate-on-scroll{opacity:0;animation:fadeInUp .8s ease forwards}.animate-on-scroll.visible{animation-play-state:running}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}