*{margin:0;padding:0;box-sizing:border-box}:root{--primary-bg: #0a0a0a;--secondary-bg: #111111;--card-bg: #1a1a1a;--accent-bg: #1e1e1e;--primary-text: #ffffff;--secondary-text: #a3a3a3;--muted-text: #8a8a8a;--accent-color: #00d4ff;--accent-hover: #00b8e6;--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);--gradient-secondary: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);--border-color: #2a2a2a;--border-light: #333333;--section-padding: 120px 0;--container-padding: 0 24px;--border-radius: 12px;--border-radius-lg: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 8px 30px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .3);--shadow-glow: 0 0 40px rgba(0, 212, 255, .2)}body{margin:0;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;color:var(--primary-text);background-color:var(--primary-bg);font-size:16px}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:var(--container-padding)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:var(--primary-text);letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:2rem}h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1.5rem}h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem}p{margin-bottom:1.5rem;color:var(--secondary-text);font-size:1.1rem;max-width:65ch}.lead{font-size:1.25rem;color:var(--secondary-text);font-weight:400}a{text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;font-size:1rem;font-weight:600;border-radius:var(--border-radius);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;text-decoration:none;border:none;cursor:pointer;position:relative;overflow:hidden;will-change:transform;transform:translateZ(0)}.btn-primary{background:var(--gradient-primary);color:var(--primary-text);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background:transparent;color:var(--primary-text);border:2px solid var(--border-light)}.btn-secondary:hover{background:var(--card-bg);border-color:var(--accent-color);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--secondary-text);padding:12px 24px}.btn-ghost:hover{color:var(--accent-color)}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-padding{padding:var(--section-padding)}.grid{display:grid;gap:2rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.gap-8{gap:2rem}code{font-family:JetBrains Mono,Fira Code,monospace;background:var(--card-bg);padding:2px 6px;border-radius:4px;font-size:.9em}@media(max-width:768px){:root{--section-padding: 80px 0;--container-padding: 0 16px}body{-webkit-text-size-adjust:100%;text-rendering:optimizeSpeed}.btn:hover{transform:translateY(-1px)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}}.header{background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.header.scrolled{background:#0a0a0afa;box-shadow:var(--shadow-md)}.header .container{display:flex;justify-content:space-between;align-items:center;height:80px;position:relative}.logo a{text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.logo a:hover{transform:scale(1.02)}.logo h1{color:var(--primary-text);margin:0;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;align-items:center}.nav ul{display:flex;list-style:none;margin:0;padding:0;gap:40px;align-items:center}.nav a{text-decoration:none;color:var(--secondary-text);font-weight:500;font-size:.95rem;padding:8px 16px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav a:hover{color:var(--accent-color);background:#00d4ff1a}.nav a.active{color:var(--accent-color);background:#00d4ff26}.nav a:after{content:"";position:absolute;bottom:-2px;left:16px;right:16px;height:2px;background:var(--gradient-primary);border-radius:1px;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:100%;left:0;min-width:180px;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:8px 0;margin-top:8px}.dropdown:hover .dropdown-content{display:block;animation:fadeInDropdown .2s ease-out}.dropdown-content a{display:block;padding:12px 16px;margin:0;border-radius:0;color:var(--secondary-text);font-size:.9rem;transition:all .2s ease}.dropdown-content a:hover{background:var(--card-bg);color:var(--accent-color)}.dropdown-content a:after{display:none}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header-cta{margin-left:24px}.header-cta .btn{padding:12px 24px;font-size:.9rem}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:8px;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);background:none;border:none;outline:none}.hamburger:hover{background:var(--card-bg)}.hamburger:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.hamburger span{width:24px;height:2px;background:var(--primary-text);margin:3px 0;border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--secondary-bg);border:1px solid var(--border-color);border-top:none;border-radius:0 0 16px 16px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-nav.active{display:block;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.mobile-nav ul{flex-direction:column;gap:0;padding:20px}.mobile-nav a{display:block;padding:16px 20px;margin:4px 0;border-radius:8px;color:var(--secondary-text);font-weight:500}.mobile-nav a:hover{background:var(--card-bg);color:var(--accent-color)}.mobile-nav .header-cta{margin:16px 0 0;padding:0 20px}.mobile-nav .btn{width:100%;justify-content:center}.mobile-submenu a{color:var(--muted-text)!important;font-size:.9rem;padding-left:40px!important}.mobile-submenu a:hover{color:var(--accent-color)!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.header .container{height:70px}.nav{display:none}.hamburger{display:flex}.logo h1{font-size:1.5rem}}.footer{background:var(--secondary-bg);border-top:1px solid var(--border-color);padding:60px 0 30px;margin-top:auto}.footer .container{position:relative}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-section h3,.footer-section h4{margin-bottom:1.5rem;color:var(--primary-text);font-size:1.1rem;font-weight:600}.footer-section h3{font-size:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-section p{margin-bottom:1rem;line-height:1.7;color:var(--secondary-text);max-width:300px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:12px}.footer-section a{color:var(--secondary-text);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem}.footer-section a:hover{color:var(--accent-color);transform:translate(4px)}.social-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:1rem}.social-links a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--secondary-text)}.social-links a svg{width:20px;height:20px;transition:inherit}.social-links a:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:var(--shadow-md);color:var(--primary-text)}.social-links a[aria-label=LinkedIn]:hover{background:linear-gradient(135deg,#0077b5,#005582);border-color:#0077b5;color:#fff}.social-links a[aria-label=Twitter]:hover{background:linear-gradient(135deg,#1da1f2,#0d8bd9);border-color:#1da1f2;color:#fff}.social-links a[aria-label=Facebook]:hover{background:linear-gradient(135deg,#1877f2,#166fe5);border-color:#1877f2;color:#fff}.social-links a[aria-label=Instagram]:hover{background:linear-gradient(135deg,#e4405f,#c73650);border-color:#e4405f;color:#fff}.social-links a[aria-label=YouTube]:hover{background:linear-gradient(135deg,red,#c00);border-color:red;color:#fff}.footer-bottom{border-top:1px solid var(--border-color);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{color:var(--muted-text);font-size:.9rem;margin:0}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--muted-text);font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--accent-color)}@media(max-width:1024px){.footer-content{grid-template-columns:2fr 1fr 1fr;gap:2rem}}@media(max-width:768px){.footer{padding:40px 0 20px}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-section p{max-width:none;margin:0 auto 1rem}.social-links{justify-content:center}.footer-bottom{flex-direction:column;text-align:center;gap:1rem}.footer-links{justify-content:center}}.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:1001;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);padding:20px 0;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.cookie-consent-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cookie-consent-text{color:var(--secondary-text);font-size:.95rem;line-height:1.5}.cookie-consent-text a{color:var(--accent-color);text-decoration:none;font-weight:500;transition:opacity .2s ease}.cookie-consent-text a:hover{opacity:.8}.cookie-consent-actions{flex-shrink:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:768px){.cookie-consent-inner{flex-direction:column;text-align:center;gap:16px}}.main-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:0}.home{margin:0;padding:0;overflow-x:hidden}.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--primary-bg);padding:120px 0 80px}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:auto}.hero-blob{position:absolute;border-radius:50%;pointer-events:none;z-index:1}.hero-blob-1{width:300px;height:300px;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%);filter:blur(50px);top:15%;left:10%;animation:blobDrift1 20s ease-in-out infinite}.hero-blob-2{width:250px;height:250px;background:radial-gradient(circle,rgba(0,180,130,.12) 0%,transparent 70%);filter:blur(45px);top:60%;right:8%;animation:blobDrift2 22s ease-in-out infinite}.hero-blob-3{width:200px;height:200px;background:radial-gradient(circle,rgba(120,80,220,.12) 0%,transparent 70%);filter:blur(40px);bottom:10%;left:35%;animation:blobDrift3 18s ease-in-out infinite}@keyframes blobDrift1{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-15px,25px)}}@keyframes blobDrift2{0%,to{transform:translate(0)}33%{transform:translate(-25px,15px)}66%{transform:translate(20px,-30px)}}@keyframes blobDrift3{0%,to{transform:translate(0)}33%{transform:translate(20px,25px)}66%{transform:translate(-30px,-10px)}}.hero .container{position:relative;z-index:2}.hero-content{text-align:center;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:50px;color:var(--accent-color);font-size:.9rem;font-weight:500;margin-bottom:2rem}.hero-badge:before{content:""}.hero-content h1{font-size:clamp(3rem,6vw,5rem);font-weight:800;margin-bottom:2rem;line-height:1.1;letter-spacing:-.03em}.hero-content .text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content .lead{font-size:1.3rem;margin-bottom:2rem;max-width:750px;margin-left:auto;margin-right:auto;line-height:1.6}.pain-points{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.pain-point{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#ffb43c14;border:1px solid rgba(255,180,60,.25);border-radius:50px;font-size:.9rem;color:var(--secondary-text);font-weight:500;transition:all .3s ease}.pain-point:before{content:"—";color:#ffb43cb3;font-weight:700}.pain-point:hover{border-color:var(--accent-color);background:#00d4ff14;color:var(--primary-text)}.pain-point:hover:before{color:var(--accent-color)}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:4rem;opacity:.8}.stat-item{text-align:center;padding:1rem}.stat-number{font-size:2.5rem;font-weight:800;color:var(--accent-color);display:block;margin-bottom:.5rem}.stat-label{color:var(--secondary-text);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.btn-arrow{display:inline-block;margin-left:8px;transition:transform .3s ease}.why-actinwise{padding:var(--section-padding);background:var(--primary-bg);position:relative}.why-actinwise:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary)}.section-intro{text-align:center;margin-bottom:4rem}.section-intro h2{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:1rem;color:var(--primary-text)}.section-intro .subtitle{font-size:1.2rem;color:var(--secondary-text);max-width:700px;margin:0 auto}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.why-grid-2col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.why-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.why-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.why-card:hover{transform:translateY(-8px);border-color:var(--accent-color);box-shadow:var(--shadow-lg)}.why-card:hover:before{transform:scaleX(1)}.why-card.highlight{background:linear-gradient(135deg,#00d4ff0d,#5856d60d);border:2px solid var(--accent-color)}.why-icon{width:70px;height:70px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem;box-shadow:var(--shadow-glow)}.why-card h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary-text);font-weight:600}.why-stats{display:grid;gap:1.5rem}.stat-item{text-align:center;padding:1.5rem;background:#00d4ff0d;border-radius:12px;border:1px solid rgba(0,212,255,.2)}.stat-number{display:block;font-size:2.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1}.stat-label{font-size:.95rem;color:var(--secondary-text);line-height:1.4}.why-list{list-style:none;padding:0;margin:0}.why-list li{padding:.75rem 0 .75rem 1.8rem;position:relative;color:var(--secondary-text);line-height:1.6;font-size:1rem}.why-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-color);font-weight:700;font-size:1.2rem}.why-list li strong{color:var(--primary-text)}.features{padding:var(--section-padding);background:var(--secondary-bg);position:relative}.features:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary)}.features-header{text-align:center;margin-bottom:4rem}.features-header h2{margin-bottom:1rem}.features-header p{max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{background:var(--card-bg);padding:2.5rem;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden;will-change:transform;transform:translateZ(0)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-8px);border-color:var(--accent-color);box-shadow:var(--shadow-lg)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-glow)}.feature-card h3{margin-bottom:1rem;color:var(--primary-text)}.feature-card p{color:var(--secondary-text);line-height:1.7;margin:0}.free-tools{padding:var(--section-padding);background:var(--secondary-bg);position:relative}.free-tools:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary)}.free-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.free-tools-desc{color:var(--secondary-text);line-height:1.7;margin-bottom:1.5rem}.free-tools .why-card{display:flex;flex-direction:column}.free-tools .btn{margin-top:auto;align-self:flex-start}.cta{padding:var(--section-padding);background:var(--primary-bg);text-align:center;position:relative}.cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.05) 0%,transparent 70%);pointer-events:none}.cta .container{position:relative;z-index:2}.cta-content{max-width:800px;margin:0 auto}.cta h2{margin-bottom:1.5rem}.cta p{margin-bottom:2.5rem;font-size:1.2rem}.btn-large{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600}.cta-features{display:flex;justify-content:center;gap:2rem;margin-top:3rem;flex-wrap:wrap}.cta-feature{display:flex;align-items:center;gap:8px;color:var(--secondary-text);font-size:.9rem}.cta-feature:before{content:"✓";color:var(--accent-color);font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hero-content{animation-fill-mode:both}.hero-content.animation-complete{will-change:auto}.features-grid{animation-fill-mode:both}.features-grid.animation-complete{will-change:auto}@media(prefers-reduced-motion:reduce){.hero-content,.features-grid{animation:none;will-change:auto}.feature-card:hover,.btn:hover{transform:none}.hero-blob{animation:none}}@media(max-width:768px){.hero{min-height:90vh;padding:100px 0 60px}.hero-blob-1{width:180px;height:180px}.hero-blob-2{width:150px;height:150px}.hero-blob-3{width:120px;height:120px}.hero-buttons{flex-direction:column;align-items:center}.hero-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.features-grid{grid-template-columns:1fr}.feature-card{padding:2rem}.cta-features{flex-direction:column;align-items:center;gap:1rem}.pain-points{gap:.75rem}.pain-point{font-size:.85rem;padding:.5rem 1rem}.why-grid{grid-template-columns:1fr;gap:1.5rem}.why-card{padding:2rem}.why-icon{width:60px;height:60px;font-size:1.8rem}.section-intro h2{font-size:2rem}.section-intro .subtitle{font-size:1.05rem}.stat-number{font-size:2rem}.free-tools-grid{grid-template-columns:1fr}.btn-large{padding:.9rem 2rem;font-size:1rem}}.App{min-height:100vh;display:flex;flex-direction:column}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:16px;color:#667eea}.loading-spinner:after{content:"";width:20px;height:20px;margin-left:10px;border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}