*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#4338ca;--primary-dark:#3730a3;--secondary:#4f46e5;--accent:#3b82f6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:#0f172a;--dark-light:#1e293b;--gray:#64748b;--gray-light:#cbd5e1;--gray-lightest:#f0f0fc;--white:#ffffff;--gradient:linear-gradient(135deg, #4338ca 0%, #4f46e5 50%, #3b82f6 100%);--gradient-accent:linear-gradient(135deg, #3730a3 0%, #4f46e5 50%, #60a5fa 100%);--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400;line-height:1.6;color:var(--dark);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.nav{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-lightest);z-index:1000;transition:var(--transition)}.nav-content{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;color:var(--dark)}.logo-icon{width:40px;height:40px;background:var(--gradient);color:var(--white);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900}.logo-image{width:130px;height:70px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{text-decoration:none;color:var(--dark);font-weight:400;font-size:15px;transition:var(--transition)}.nav-links a:not(.btn-primary):not(.nav-login):hover{color:var(--primary)}.nav-login{padding:12px 24px;border:2px solid var(--primary);border-radius:var(--radius-sm);transition:var(--transition);min-height:44px;display:inline-flex;align-items:center}.nav-login:hover{background:var(--primary);color:var(--white)!important}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:0 0;border:none;cursor:pointer}.mobile-menu-btn span{width:24px;height:2px;background:var(--dark);transition:var(--transition)}.nav-dropdown{position:relative}.nav-dropdown-toggle{cursor:pointer;user-select:none}.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:24px;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);min-width:220px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);z-index:100}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-menu a{display:block;padding:12px 16px;border-radius:var(--radius-sm);transition:var(--transition);font-size:14px}.nav-dropdown-menu a:hover{background:var(--gray-lightest);color:var(--primary)!important}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-weight:500;font-size:15px;text-decoration:none;transition:var(--transition);cursor:pointer;border:none;white-space:nowrap}.btn-primary{background:var(--gradient);color:var(--white)!important;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--white)!important}.btn-secondary{background:var(--white);color:var(--dark);border:2px solid var(--gray-light)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-tertiary{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);color:var(--white);border:none;border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(59,130,246,.4);text-decoration:none;display:inline-flex;align-items:center;gap:10px}.btn-tertiary:hover{background:linear-gradient(135deg,#2563eb 0,#1d4ed8 100%);color:var(--white);border-radius:var(--radius-md);box-shadow:0 12px 32px rgba(59,130,246,.5);transform:translateY(-2px);text-decoration:none}.btn-tertiary svg{flex-shrink:0}.btn-large{padding:16px 32px;font-size:16px}.btn-block{width:100%;justify-content:center}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.parallax-layer{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;will-change:transform;transition:transform .1s ease-out}.hero-parallax,.hero-parallax .layer-1,.hero-parallax .layer-2,.hero-parallax .layer-3{display:none}@keyframes floatOrb1{0%,100%{transform:translate(0,0) scale(1);opacity:1}33%{transform:translate(30px,-20px) scale(1.1);opacity:.8}66%{transform:translate(-20px,30px) scale(.9);opacity:.9}}@keyframes floatOrb2{0%,100%{transform:translate(0,0) scale(1);opacity:1}33%{transform:translate(-40px,30px) scale(.9);opacity:.85}66%{transform:translate(25px,-25px) scale(1.15);opacity:.95}}@keyframes floatOrb3{0%,100%{transform:translate(0,0) scale(1);opacity:1}33%{transform:translate(20px,40px) scale(1.05);opacity:.9}66%{transform:translate(-30px,-20px) scale(.95);opacity:.8}}.hero-parallax .layer-1::before,.hero-parallax .layer-2::before,.hero-parallax .layer-3::before{content:'';position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:radial-gradient(3px 3px at 20% 30%,rgba(96,165,250,.4),transparent),radial-gradient(2px 2px at 60% 70%,rgba(139,92,246,.35),transparent),radial-gradient(2px 2px at 50% 50%,rgba(59,130,246,.3),transparent),radial-gradient(1px 1px at 80% 10%,rgba(96,165,250,.3),transparent),radial-gradient(3px 3px at 90% 60%,rgba(139,92,246,.25),transparent),radial-gradient(2px 2px at 15% 80%,rgba(59,130,246,.3),transparent),radial-gradient(1px 1px at 45% 15%,rgba(96,165,250,.25),transparent);background-size:200px 200px,300px 300px,250px 250px,350px 350px,400px 400px,280px 280px,320px 320px;background-position:0 0,40px 60px,130px 270px,70px 100px,250px 150px,180px 80px,300px 200px;animation:60s linear infinite particleFloat;opacity:.6}.hero-parallax .layer-2::before{animation-duration:80s;animation-direction:reverse;opacity:.5}.hero-parallax .layer-3::before{animation-duration:100s;opacity:.4}@keyframes particleFloat{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(50px,100px) rotate(360deg)}}.how-it-works-parallax .layer-1{background:radial-gradient(circle at 70% 20%,rgba(30,58,138,.08) 0,transparent 60%)}.how-it-works-parallax .layer-2{background:radial-gradient(circle at 30% 70%,rgba(30,64,175,.06) 0,transparent 60%)}.ai-parallax .layer-1{background:radial-gradient(circle at 30% 40%,rgba(30,58,138,.15) 0,transparent 50%)}.ai-parallax .layer-2{background:radial-gradient(circle at 70% 60%,rgba(30,64,175,.12) 0,transparent 50%)}.ai-parallax .layer-3{background:radial-gradient(circle at 50% 20%,rgba(59,130,246,.1) 0,transparent 50%)}.ai-parallax .layer-1::before,.ai-parallax .layer-2::before,.ai-parallax .layer-3::before{content:'';position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:radial-gradient(2px 2px at 25% 35%,rgba(30,58,138,.2),transparent),radial-gradient(1px 1px at 65% 75%,rgba(30,64,175,.18),transparent),radial-gradient(2px 2px at 45% 55%,rgba(59,130,246,.15),transparent),radial-gradient(1px 1px at 85% 15%,rgba(30,58,138,.16),transparent);background-size:250px 250px,350px 350px,300px 300px,400px 400px;background-position:0 0,50px 80px,150px 300px,80px 120px;animation:70s linear infinite particleFloat}.ai-parallax .layer-2::before{animation-duration:90s;animation-direction:reverse}.ai-parallax .layer-3::before{animation-duration:110s}.cta-parallax .layer-1{background:radial-gradient(circle at 40% 50%,rgba(255,255,255,.1) 0,transparent 60%)}.cta-parallax .layer-2{background:radial-gradient(circle at 60% 50%,rgba(255,255,255,.08) 0,transparent 60%)}.hero{padding:120px 0 80px;background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#0f172a 100%);background-size:100% 100%;animation:none;color:#fff;position:relative;overflow:hidden}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.hero-spotlight{display:none}@keyframes spotlightPulse{0%,100%{opacity:.5;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.1)}}.hero-grid-overlay{display:none}@keyframes gridMove{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}.hero-content{display:grid;grid-template-columns:1fr 256px;gap:0 80px;max-width:1200px;margin:0 auto;position:relative;z-index:2}.hero-badge,.hero-cta,.hero-logo-mobile,.hero-subtitle,.hero-title,.hero-trial-note{grid-column:1}.hero-badge,.hero-trial-note{justify-self:start}.hero-badge{display:inline-block;padding:8px 20px;background:rgba(139,92,246,.25);border:1px solid rgba(139,92,246,.6);border-radius:100px;font-size:14px;font-weight:600;color:#e9d5ff;margin-bottom:24px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(67,56,202,.4)}50%{transform:scale(1.05);box-shadow:0 0 20px 5px rgba(67,56,202,.3);box-shadow:0 0 0 15px rgba(67,56,202,0)}0%{box-shadow:0 0 0 0 rgba(67,56,202,.7)}100%{box-shadow:0 0 0 0 rgba(67,56,202,0)}}.hero-logo-mobile{display:block;margin:0 0 32px}.hero-logo-mobile img{width:200px;height:auto;filter:drop-shadow(0 8px 24px rgba(67, 56, 202, .3))}.hero-title{font-size:64px;font-weight:900;line-height:1.05;margin-bottom:24px;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3),0 0 40px rgba(139,92,246,.2);animation:3s ease-in-out infinite titleFloat}.gradient-text{background:linear-gradient(135deg,#60a5fa 0,#a78bfa 50%,#f472b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;animation:2s ease-in-out infinite textPulse;text-shadow:0 0 30px rgba(96,165,250,.5)}@keyframes textPulse{0%,100%{opacity:1;filter:brightness(1)}50%{opacity:.85;filter:brightness(1.2)}}.hero-subtitle{font-size:20px;font-weight:400;line-height:1.6;color:#e2e8f0;margin-bottom:40px}.hero-cta{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.btn-text-link{display:inline-flex;align-items:center;gap:8px;color:#c4b5fd;font-size:15px;font-weight:500;text-decoration:none;transition:.3s;padding:8px 12px;border-radius:var(--radius-sm)}.btn-text-link:hover{color:#fff;background:rgba(139,92,246,.15);text-decoration:none}.btn-text-link svg{flex-shrink:0;opacity:.9}.hero-trial-note{font-size:15px;color:#c4b5fd;margin-bottom:32px;font-weight:500;padding:12px 20px;background:rgba(139,92,246,.15);border-radius:100px;display:inline-block;border:1px solid rgba(139,92,246,.4)}.hero-stats{grid-column:2;grid-row:1/7;display:flex;flex-direction:column;gap:16px;align-self:center;justify-self:stretch}.stat{display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08));padding:26px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(67,56,202,.2),0 3px 10px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.4);transition:.4s cubic-bezier(.4, 0, .2, 1);animation:6s ease-in-out infinite float;backdrop-filter:blur(25px) saturate(180%)}.stat:first-child{animation-delay:0s}.stat:nth-child(2){animation-delay:2s}.stat:nth-child(3){animation-delay:4s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes titleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.stat:hover{transform:translateY(-12px) scale(1.03);background:rgba(255,255,255,.85);box-shadow:0 20px 60px rgba(67,56,202,.25),0 8px 20px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.8);border-color:rgba(255,255,255,.6);animation-play-state:paused;backdrop-filter:blur(16px) saturate(200%)}.stat-number{font-size:42px;font-weight:800;color:#fff;line-height:1;margin-bottom:8px}.stat-label{line-height:1.4}.hero-visual{margin-top:64px;width:80%;margin-right:auto;margin-left:auto}.dashboard-preview{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--gray-lightest)}.preview-header{padding:16px 20px;background:var(--gray-lightest);display:flex;align-items:center;gap:12px}.preview-dots{display:flex;gap:6px}.preview-dots span{width:12px;height:12px;border-radius:50%;background:var(--gray-light)}.preview-title{font-weight:600;font-size:14px;color:var(--gray)}.preview-content{padding:32px;display:grid;gap:24px}.preview-widget{background:var(--gray-lightest);padding:20px;border-radius:var(--radius-md)}.widget-title{font-weight:600;margin-bottom:16px;color:var(--dark)}.widget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.status-card{background:var(--white);padding:16px;border-radius:var(--radius-sm);text-align:center}.status-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.status-value{font-size:32px;font-weight:900}.status-card.online .status-label,.status-card.online .status-value{color:var(--success)}.status-card.offline .status-label,.status-card.offline .status-value{color:var(--gray)}.preview-chart{background:var(--gray-lightest);padding:20px;border-radius:var(--radius-md);height:150px}.chart-line{width:100%;height:100%}.live-dashboard-section{padding:80px 0;background:linear-gradient(180deg,#f8fafc 0,#fff 100%)}.live-dashboard-section .section-header{text-align:center;margin-bottom:48px}.live-dashboard-section h2{font-size:40px;font-weight:900;color:var(--dark);margin-bottom:16px}.live-dashboard-section p{font-size:18px;color:var(--gray);max-width:600px;margin:0 auto}.dashboard-animation-wrapper{max-width:900px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.1)}.live-dashboard-animation{width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.step-animation animate,.step-animation animateTransform{animation-play-state:paused!important}.parallax-layer{transform:none!important}.hero-parallax .parallax-layer{opacity:.3}}@media (max-width:768px){.live-dashboard-section{padding:60px 0}.live-dashboard-section h2{font-size:32px}.dashboard-animation-wrapper{margin:0 20px}}.problem-section{padding:80px 0;background:var(--white)}.problem-content h2{font-size:40px;font-weight:900;text-align:center;margin-bottom:48px;letter-spacing:-.02em}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.problem-card{background:var(--gray-lightest);padding:32px;border-radius:var(--radius-lg);text-align:center}.problem-icon{font-size:48px;margin-bottom:16px}.problem-card h3{font-size:20px;font-weight:700;margin-bottom:12px}.problem-card p{color:var(--gray);line-height:1.6}.section-header{text-align:center;margin-bottom:64px}.how-it-works .section-header h2{font-size:48px;font-weight:600;margin-bottom:20px;letter-spacing:-.01em}.how-it-works .section-header p{font-size:22px;font-weight:300;color:var(--gray)}.section-header h2{font-size:40px;font-weight:600;margin-bottom:16px;letter-spacing:-.01em}.section-header p{font-size:18px;font-weight:300;color:var(--gray)}.how-it-works{padding:60px 0;background:var(--white);position:relative;overflow:hidden}.how-it-works .container{max-width:none!important;width:96vw!important;padding:0 2vw!important;margin:0 auto!important}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px;width:100%;max-width:none}.step{display:flex;flex-direction:column;align-items:stretch;text-align:center;opacity:0;transform:translateY(30px);width:100%;min-width:0;background:linear-gradient(135deg,#f8fafc 0,#f1f5f9 100%);padding:32px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.04)}.step:first-child{animation-delay:.1s}.step:nth-child(2){animation-delay:.3s}.step:nth-child(3){animation-delay:.5s}.step:nth-child(4){animation-delay:.7s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.step-number{background:var(--gradient);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;animation:2s ease-in-out infinite pulse;box-shadow:0 0 0 0 rgba(67,56,202,.7)}.step:first-child .step-number{animation-delay:.2s}.step:nth-child(2) .step-number{animation-delay:.4s}.step:nth-child(3) .step-number{animation-delay:.6s}.step:nth-child(4) .step-number{animation-delay:.8s}.step-number::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:var(--gradient);opacity:.3;z-index:-1;animation:3s linear infinite rotate}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.step-content{width:100%}.step-content h3{font-size:26px;font-weight:600;margin-bottom:16px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-content p{font-size:16px;font-weight:300;color:var(--gray);line-height:1.7;margin-bottom:24px;max-width:100%}.step-visual{background:#fff;padding:16px;border-radius:12px;border:2px solid #e2e8f0;transition:.4s;position:relative;overflow:visible;width:100%;margin-top:24px;display:flex;align-items:center;justify-content:center}.step:first-child .step-visual{padding:16px}.step:nth-child(2) .step-visual,.step:nth-child(3) .step-visual{padding:20px 16px}.step:hover .step-visual{border-color:var(--primary);box-shadow:0 8px 24px rgba(67,56,202,.15);transform:translateY(-4px)}.step-visual::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .6s;z-index:1}.step:hover .step-visual::before{left:100%}.step-animation{width:100%;height:auto;min-height:500px;display:block;position:relative;z-index:2;filter:drop-shadow(0 4px 16px rgba(67, 56, 202, .08))}@media (min-width:1920px){.step-animation{min-height:700px}}@media (min-width:1440px) and (max-width:1919px){.step-animation{min-height:600px}}@media (min-width:1024px) and (max-width:1439px){.step-animation{min-height:500px}}.step-animation text{user-select:none}.step-animation *{shape-rendering:geometricPrecision}.code-snippet{background:var(--dark);padding:16px;border-radius:var(--radius-sm);position:relative;overflow:hidden}.code-snippet::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:2px;background:var(--gradient);animation:2s ease-in-out infinite codeLine}@keyframes codeLine{0%,100%{left:-100%}50%{left:100%}}.code-snippet code{color:#10b981;font-family:Monaco,'Courier New',monospace;font-size:14px;animation:3s steps(40) infinite typewriter;display:inline-block}@keyframes typewriter{0%,100%{opacity:1}50%{opacity:.7}}.ai-features,.widget-examples{display:flex;flex-wrap:wrap;gap:12px}.feature-badge,.widget-tag{padding:8px 16px;background:var(--white);border:1px solid var(--gray-light);border-radius:100px;font-size:14px;font-weight:600;transition:.3s;cursor:default}.feature-badge:hover,.widget-tag:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md);background:var(--gradient);color:var(--white);border-color:transparent}.use-cases{padding:80px 0;background:var(--gray-lightest)}.use-case-grid{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.use-case-card{background:var(--white);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition);flex:1 1 350px;max-width:450px}.use-case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.use-case-card h3{font-size:22px;font-weight:700;margin-bottom:12px}.use-case-description{color:var(--gray);margin-bottom:20px;line-height:1.6}.use-case-features{list-style:none;margin-bottom:20px}.use-case-features li{padding:8px 0 8px 24px;position:relative;color:var(--dark);font-size:15px}.use-case-features li::before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.use-case-result{padding:12px 16px;background:var(--gray-lightest);border-left:3px solid var(--success);border-radius:var(--radius-sm);font-size:14px}.use-case-result strong{color:var(--success)}.features-highlight{padding:80px 0;background:var(--white)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.feature-card{text-align:center}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{font-size:18px;font-weight:700;margin-bottom:12px}.feature-card p{color:var(--gray);line-height:1.6;font-size:15px}.social-proof{padding:80px 0;background:var(--dark);color:var(--white)}.social-proof .section-header h2{color:var(--white)}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:64px}.testimonial-card{background:var(--dark-light);padding:32px;border-radius:var(--radius-lg)}.testimonial-content{margin-bottom:24px}.quote-icon{font-size:48px;color:var(--primary);line-height:1;margin-bottom:16px}.testimonial-content p{font-size:16px;line-height:1.8;color:var(--gray-light)}.testimonial-author{display:flex;align-items:center;gap:16px}.author-avatar{width:48px;height:48px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.author-name{font-weight:600;margin-bottom:4px}.author-title{font-size:14px;color:var(--gray)}.trust-badges{display:flex;justify-content:center;gap:64px;flex-wrap:wrap}.badge-item{text-align:center}.badge-number{font-size:48px;font-weight:900;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.badge-label{font-size:14px;color:var(--gray);font-weight:500}.social-proof .badge-number{background:linear-gradient(135deg,#60a5fa 0,#a78bfa 50%,#f472b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.social-proof .badge-label{color:#cbd5e1}.customers-section{padding:80px 0;background:var(--white);border-top:1px solid var(--gray-lightest)}.customers-grid{display:flex;flex-wrap:nowrap;gap:24px;margin-top:48px;align-items:center;justify-content:center;max-width:1400px;margin-left:auto;margin-right:auto}.customer-logo{display:flex;align-items:center;justify-content:center;padding:12px;flex-shrink:0}.logo-placeholder{width:140px;height:70px;border:2px dashed var(--gray-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#fff;transition:var(--transition)}.logo-placeholder:hover{border-color:var(--primary);background:#f0f4ff}.logo-placeholder span{color:var(--gray);font-size:14px;font-weight:600;letter-spacing:.5px}.pricing{padding:80px 0;background:linear-gradient(135deg,#f5f7fa 0,#fff 100%)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px;max-width:1800px;margin-left:auto;margin-right:auto}@media (max-width:1400px){.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}}.pricing-card{background:var(--white);padding:48px 40px;border-radius:16px;border:2px solid #e5e7eb;transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-color:#c7d2fe}.pricing-card.featured{border-color:#6366f1;box-shadow:0 20px 25px -5px rgba(99,102,241,.2),0 10px 10px -5px rgba(99,102,241,.1);transform:scale(1.05);z-index:2}.pricing-card.featured:hover{transform:scale(1.08) translateY(-8px);box-shadow:0 25px 30px -5px rgba(99,102,241,.25),0 15px 15px -5px rgba(99,102,241,.15)}.pricing-badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#14b8a6 0,#3c34c1 100%);color:var(--white);padding:8px 24px;border-radius:100px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 12px rgba(20,184,166,.4)}.pricing-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #f3f4f6}.pricing-header h3{font-size:28px;font-weight:800;margin-bottom:12px;color:#1f2937}.pricing-tagline{color:#6b7280;font-size:15px;margin-bottom:24px;font-weight:500}.pricing-price{margin-top:16px}.price-row{display:flex;align-items:baseline;justify-content:center;margin-bottom:8px}.price-row.alt-price{opacity:.85}.price-currency{font-size:20px;font-weight:700;color:#4b5563;margin-right:4px}.price-amount{font-size:48px;font-weight:800;line-height:1;color:#6366f1;letter-spacing:-.02em}.featured .price-amount{color:#14b8a6}.price-period{font-size:16px;color:#9ca3af;font-weight:500;margin-left:4px}.price-custom{font-size:18px;font-weight:600;color:#6366f1;text-align:center;display:block;padding:12px 0}.pricing-features{list-style:none;margin-bottom:32px;flex-grow:1}.pricing-features li{padding:14px 0 14px 28px;font-size:15px;color:#374151;line-height:1.6;position:relative}.pricing-features li::before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:18px}.pricing-features li strong{color:#1f2937;font-weight:700}.btn-pricing{display:block;width:100%;padding:16px 24px;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);color:var(--white);text-align:center;border-radius:12px;font-weight:700;font-size:16px;text-decoration:none;transition:.3s;border:none;box-shadow:0 4px 12px rgba(99,102,241,.3)}.btn-pricing:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,.4);background:linear-gradient(135deg,#5558e3 0,#7c4ee8 100%)}.btn-pricing-featured{background:linear-gradient(135deg,#14b8a6 0,#3c34c1 100%);box-shadow:0 4px 12px rgba(20,184,166,.4)}.btn-pricing-featured:hover{background:linear-gradient(135deg,#0d9488 0,#3329ad 100%);box-shadow:0 8px 20px rgba(20,184,166,.5)}.pricing-note{text-align:center;color:#6b7280;font-size:16px;font-weight:500;max-width:600px;margin:0 auto}.pricing-note p{padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.faq{padding:80px 0;background:var(--white)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.faq-item h3{font-size:18px;font-weight:700;margin-bottom:12px}.faq-item p{color:var(--gray);line-height:1.8}.demo-video{padding:80px 0;background:var(--gray-lightest)}.demo-content{text-align:center}.demo-content h2{font-size:40px;font-weight:900;margin-bottom:16px}.demo-content>p{font-size:18px;color:var(--gray);margin-bottom:48px}.video-placeholder{max-width:800px;margin:0 auto;aspect-ratio:16/9;background:var(--dark);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.video-play-btn{cursor:pointer;transition:var(--transition)}.video-play-btn:hover{transform:scale(1.1)}.video-note{color:var(--gray-light);font-size:16px}.video-note a{color:var(--primary);text-decoration:none;font-weight:600}.final-cta{padding:80px 0;background:var(--gradient);color:var(--white);position:relative;overflow:hidden}.cta-content{text-align:center}.cta-content h2{font-size:40px;font-weight:900;margin-bottom:16px}.cta-content>p{font-size:18px;margin-bottom:40px;opacity:.9}.cta-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.final-cta .btn-primary{background:var(--white);color:var(--primary)!important;box-shadow:0 4px 12px rgba(255,255,255,.3)}.final-cta .btn-primary:hover{background:var(--white);color:var(--primary)!important;box-shadow:0 8px 20px rgba(255,255,255,.4)}.final-cta .btn-secondary{background:0 0;color:var(--white);border-color:var(--white)}.final-cta .btn-secondary:hover{background:var(--white);color:var(--primary)}.cta-note{font-size:14px;opacity:.8}.footer{padding:64px 0 32px;background:var(--dark);color:var(--gray-light)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px;margin-bottom:48px}.footer-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;color:var(--white);margin-bottom:16px}.footer-description{font-size:15px;line-height:1.6;margin-bottom:24px}.footer-social{display:flex;gap:16px}.footer-social a{width:40px;height:40px;background:var(--dark-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--gray-light);transition:var(--transition)}.footer-social a:hover{background:var(--primary);color:var(--white)}.footer-col h4{color:var(--white);font-weight:700;margin-bottom:16px}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:12px}.footer-col a{color:var(--gray-light);text-decoration:none;font-size:15px;transition:var(--transition)}.footer-col a:hover{color:var(--primary)}.footer-bottom{padding-top:32px;border-top:1px solid var(--dark-light);text-align:center;font-size:14px}.footer-location{margin-top:8px;opacity:.7}@media (max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:flex}.hero{padding:80px 0 60px;text-align:center;background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#0f172a 100%);background-size:100% 100%;animation:none}.hero .parallax-bg,.hero-grid-overlay,.hero-parallax,.hero-spotlight{display:none}.hero-content{max-width:100%;display:flex;flex-direction:column;align-items:center;grid-template-columns:1fr;gap:0}.hero-badge,.hero-cta,.hero-logo-mobile,.hero-stats,.hero-subtitle,.hero-title,.hero-trial-note{grid-column:auto;grid-row:auto}.hero-badge{font-size:12px;padding:8px 20px;margin-bottom:20px;animation:2s ease-in-out infinite pulse;background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.5);color:#c4b5fd;font-weight:600}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(67,56,202,.4)}50%{transform:scale(1.05);box-shadow:0 0 20px 5px rgba(67,56,202,.3)}}.hero-logo-mobile{display:block;margin:0 auto 32px;animation:.8s ease-out fadeInScale}.hero-logo-mobile img{width:180px;height:auto;filter:drop-shadow(0 8px 24px rgba(67, 56, 202, .3))}@keyframes fadeInScale{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hero-title{font-size:36px;text-align:center;margin-bottom:20px;line-height:1.15;color:#fff;font-weight:900;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.3),0 0 30px rgba(139,92,246,.2)}.hero-title br{display:none}.gradient-text{display:block;margin-top:8px;font-size:38px;font-weight:800;background:linear-gradient(135deg,#60a5fa 0,#a78bfa 50%,#f472b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:16px;text-align:center;margin-bottom:32px;line-height:1.6;color:#e2e8f0;font-weight:400}.hero-trial-note{font-size:13px;margin-top:20px;text-align:center;padding:12px 20px;background:rgba(139,92,246,.2);border-radius:100px;backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.4);color:#e9d5ff;font-weight:500}.hero-stats{display:flex;flex-direction:row;gap:16px;margin-top:40px;width:100%;justify-content:space-around;align-self:auto}.stat{flex:1;background:rgba(255,255,255,.6);padding:20px 12px;border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(67,56,202,.15);transition:transform .3s;box-shadow:0 4px 12px rgba(67,56,202,.1)}.stat:hover{transform:translateY(-4px);background:rgba(255,255,255,.8);box-shadow:0 8px 20px rgba(67,56,202,.15)}.stat-number{font-size:24px;font-weight:700;margin-bottom:4px;color:#fff;background:0 0;-webkit-text-fill-color:#ffffff}.stat-label{font-size:14px;line-height:1.4;color:#fff;font-weight:400}.hero-cta{flex-direction:column;gap:12px;width:100%}.hero-cta .btn-large{width:100%;justify-content:center;font-size:16px;padding:16px 24px}.hero-cta .btn-primary{box-shadow:0 8px 24px rgba(96,165,250,.3)}.hero-cta .btn-secondary{background:rgba(255,255,255,.95)}.hero-cta .btn-text-link{width:100%;justify-content:center;padding:12px 16px;font-size:15px}@keyframes videoButtonPulse{0%,100%{box-shadow:0 8px 24px rgba(59,130,246,.4)}50%{box-shadow:0 8px 32px rgba(59,130,246,.6),0 0 0 4px rgba(59,130,246,.2)}}@keyframes playIconBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.section-header{margin-bottom:32px}.section-header h2{font-size:24px;margin-bottom:12px;line-height:1.3;padding:0 16px}.section-header p{font-size:15px;line-height:1.5;padding:0 16px}.how-it-works .section-header{margin-bottom:28px}.how-it-works .section-header h2{font-size:22px;background:linear-gradient(135deg,#4338ca 0,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:12px 20px;border:2px solid transparent;border-image:linear-gradient(135deg,#4338ca,#7c3aed) 1;position:relative;display:inline-block;box-shadow:0 4px 16px rgba(67,56,202,.15);border-radius:12px;animation:2s ease-in-out infinite headerGlow;line-height:1.3;margin-bottom:12px}.how-it-works .section-header h2::before{content:'✨ ';-webkit-text-fill-color:#4338ca}.how-it-works .section-header h2::after{content:' ✨';-webkit-text-fill-color:#7c3aed}@keyframes headerGlow{0%,100%{box-shadow:0 4px 16px rgba(67,56,202,.15)}50%{box-shadow:0 8px 24px rgba(67,56,202,.3),0 0 0 4px rgba(67,56,202,.1)}}.problem-section{padding:48px 0 40px}.problem-content h2{font-size:24px;margin-bottom:24px;line-height:1.3;padding:0 16px}.cta-content h2,.demo-content h2{font-size:24px;margin-bottom:20px;line-height:1.3}.ai-section,.dashboard-section,.digital-twin-section,.edge-computing-section,.how-it-works,.live-dashboard-section,.pricing-section,.social-proof,.video-analytics-section{padding:48px 0 40px}.digital-twin-text h2,.live-dashboard-section h2{font-size:24px;margin-bottom:16px;line-height:1.3}.ai-section h2,.edge-text h2{font-size:24px;line-height:1.3}.digital-twin-text p,.edge-text p,.lead-text{font-size:15px;line-height:1.5;margin-bottom:20px}.section-badge,.section-badge-center{font-size:11px;padding:5px 14px;margin-bottom:12px}.problem-grid{grid-template-columns:1fr;gap:16px}.problem-card{padding:20px 16px;text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:8px 16px}.problem-icon{font-size:32px;margin-bottom:0;grid-row:1/3;align-self:start}.problem-card h3{font-size:16px;margin-bottom:0;grid-column:2;grid-row:1}.problem-card p{font-size:14px;line-height:1.5;grid-column:2;grid-row:2;margin:0}.step{grid-template-columns:1fr}.step-number{width:48px;height:48px;font-size:24px;margin:auto}.step-content h3{font-size:24px}.faq-grid,.features-grid,.pricing-grid,.use-case-grid{grid-template-columns:1fr}.feature-card{text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:8px 16px;align-items:start}.feature-card img{width:48px;height:48px;grid-row:1/3;align-self:start}.feature-card .feature-icon{font-size:32px;margin-bottom:0;grid-row:1/3;align-self:start;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.feature-card h3{font-size:16px;margin-bottom:0;grid-column:2;grid-row:1}.feature-card p{font-size:14px;line-height:1.5;grid-column:2;grid-row:2;margin:0}.footer-grid{grid-template-columns:1fr;gap:32px}.trust-badges{gap:32px}.customers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;flex-wrap:wrap;max-width:100%}.customer-logo{padding:8px}.logo-placeholder{width:100px;height:50px}.logo-placeholder img{width:80px!important;height:auto}.logo-placeholder span{font-size:10px}.cta-buttons{flex-direction:column}.final-cta .btn-large{width:100%}}@media (max-width:480px){.container{padding:0 16px}.hero-title{font-size:28px;color:#fff;font-weight:900;letter-spacing:-.02em;line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.3),0 0 25px rgba(139,92,246,.2)}.gradient-text{font-size:32px;background:linear-gradient(135deg,#60a5fa 0,#a78bfa 50%,#f472b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-logo-mobile img{width:150px}.hero-subtitle{font-size:15px;color:#cbd5e1}.hero-badge{background:rgba(139,92,246,.2);color:#c4b5fd}.stat{padding:20px 16px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08));border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(67,56,202,.2),0 3px 10px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.4);backdrop-filter:blur(25px) saturate(180%);animation:6s ease-in-out infinite float}.stat-number{font-size:22px;color:#fff;background:0 0;-webkit-text-fill-color:#ffffff}.stat-label{font-size:13px;color:#fff;line-height:1.3}.price-amount{font-size:48px}.testimonials{grid-template-columns:1fr}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content,.step,.testimonial-card,.use-case-card{animation:.6s ease-out fadeInUp}html{scroll-behavior:smooth}a:focus,button:focus{outline:2px solid var(--primary);outline-offset:2px}.digital-twin-section{padding:80px 0;background:var(--white)}.digital-twin-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.section-badge,.section-badge-center{display:inline-block;padding:6px 16px;background:var(--gradient);color:var(--white);border-radius:100px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.digital-twin-text h2{font-size:40px;font-weight:900;margin-bottom:20px;letter-spacing:-.02em}.lead-text{font-size:18px;color:var(--gray);line-height:1.8;margin-bottom:32px}.feature-list{list-style:none;margin-bottom:32px}.feature-list li{display:flex;gap:16px;margin-bottom:24px}.feature-list-icon{width:32px;height:32px;background:var(--gradient);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.feature-list-content strong{display:block;font-size:16px;margin-bottom:4px}.feature-list-content p{font-size:15px;color:var(--gray);line-height:1.6}.designer-mockup{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--gray-lightest)}.mockup-header{padding:16px 20px;background:var(--gradient);color:var(--white);font-weight:600;text-align:center}.mockup-content{display:flex;height:400px}.mockup-content .video-wrapper{position:relative;width:100%;height:100%;padding-bottom:0}.mockup-content .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.mockup-sidebar{width:140px;background:var(--gray-lightest);padding:16px;border-right:1px solid var(--gray-light)}.mockup-item{padding:12px;background:var(--white);border-radius:var(--radius-sm);margin-bottom:8px;font-size:13px;cursor:pointer;transition:var(--transition)}.mockup-item:hover{background:var(--primary);color:var(--white)}.mockup-canvas{flex:1;background:linear-gradient(to right,var(--gray-lightest) 1px,transparent 1px),linear-gradient(to bottom,var(--gray-lightest) 1px,transparent 1px);background-size:20px 20px;position:relative}.twin-node{position:absolute;background:var(--white);border:2px solid var(--primary);border-radius:var(--radius-md);padding:12px;text-align:center;box-shadow:var(--shadow-md);cursor:move;transition:var(--transition)}.twin-node:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.node-icon{font-size:24px;margin-bottom:4px}.node-label{font-size:11px;font-weight:600;color:var(--dark)}.connection-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.btn-demo{display:inline-block;margin-top:16px;padding:10px 20px;background:var(--gradient);color:var(--white);text-decoration:none;border-radius:var(--radius-sm);font-weight:600;font-size:14px;transition:var(--transition)}.btn-demo:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ai-section{padding:80px 0;background:var(--dark);color:var(--white);position:relative;overflow:hidden}.ai-section .section-header h2{color:var(--white)}.ai-section .section-header p{color:var(--gray-light)}.ai-animation-container{max-width:900px;margin:0 auto 64px;padding:0 24px}.ai-animation-container .step-animation{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.rules-section{padding:80px 0;background:var(--white)}.rules-content{margin-top:48px}.rules-features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:64px}.rule-feature-card{background:var(--white);border:2px solid var(--gray-lightest);border-radius:var(--radius-lg);padding:32px;transition:.3s}.rule-feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.rule-icon{font-size:48px;margin-bottom:20px}.rule-feature-card h3{font-size:24px;font-weight:700;color:var(--dark);margin-bottom:12px}.rule-feature-card p{font-size:16px;color:var(--gray);margin-bottom:20px;line-height:1.6}.rule-capabilities{list-style:none;padding:0;margin:0}.rule-capabilities li{font-size:14px;color:var(--gray);padding:8px 0 8px 24px;position:relative}.rule-capabilities li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.rules-examples{background:var(--gray-lightest);border-radius:var(--radius-lg);padding:48px}.rules-examples-title{font-size:28px;font-weight:700;color:var(--dark);margin-bottom:32px;text-align:center}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.rule-example{background:var(--white);border-radius:var(--radius-md);padding:24px;border:1px solid var(--gray-light)}.example-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.example-icon{font-size:24px}.example-header h4{font-size:18px;font-weight:700;color:var(--dark);margin:0}.example-rule{font-size:14px;color:var(--gray);font-family:'Courier New',monospace;background:var(--gray-lightest);padding:12px;border-radius:var(--radius-sm);margin:0;line-height:1.6}.dashboard-section{padding:80px 0;background:var(--dark);color:var(--white);position:relative;overflow:hidden}.dashboard-section .section-header h2{color:var(--white)}.dashboard-section .section-header p{color:var(--gray-light)}.dashboard-content{margin-top:48px}.dashboard-preview{max-width:900px;margin:0 auto 64px;padding:0 24px}.dashboard-preview svg{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.widget-library{max-width:1000px;margin:0 auto}.widget-library h3{font-size:32px;font-weight:700;color:var(--white);text-align:center;margin-bottom:40px}.widgets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.widget-type{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:32px;text-align:center;transition:.3s}.widget-type:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:translateY(-4px)}.widget-type-icon{font-size:48px;margin-bottom:16px}.widget-type h4{font-size:20px;font-weight:700;color:var(--white);margin-bottom:8px}.widget-type p{font-size:14px;color:var(--gray-light);margin:0}.dashboard-parallax{background:linear-gradient(180deg,rgba(30,41,59,.8) 0,rgba(15,23,42,.8) 100%)}.dashboard-parallax .layer-1{background:radial-gradient(circle at 20% 50%,rgba(96,165,250,.15) 0,transparent 50%)}.dashboard-parallax .layer-2{background:radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0,transparent 50%)}.dashboard-parallax .layer-3{background:radial-gradient(circle at 60% 80%,rgba(16,185,129,.08) 0,transparent 50%)}.video-analytics-section{padding:80px 0;background:var(--white)}.video-analytics-content{margin-top:48px}.video-demo{max-width:1000px;margin:0 auto 64px;padding:0 24px}.video-demo svg{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.video-features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:64px}.video-feature-card{background:var(--white);border:2px solid var(--gray-lightest);border-radius:var(--radius-lg);padding:32px;text-align:center;transition:.3s}.video-feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.video-feature-icon{font-size:56px;margin-bottom:20px}.video-feature-card h3{font-size:20px;font-weight:700;color:var(--dark);margin-bottom:12px}.video-feature-card p{font-size:15px;color:var(--gray);line-height:1.6;margin:0}.video-use-cases{background:var(--gray-lightest);border-radius:var(--radius-lg);padding:48px}.video-use-cases h3{font-size:32px;font-weight:700;color:var(--dark);text-align:center;margin-bottom:40px}.use-cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.use-case-item{background:var(--white);border-radius:var(--radius-md);padding:28px;border:1px solid var(--gray-light)}.use-case-icon{font-size:40px;margin-bottom:16px}.use-case-item h4{font-size:18px;font-weight:700;color:var(--dark);margin-bottom:16px}.use-case-item ul{list-style:none;padding:0;margin:0}.use-case-item ul li{font-size:14px;color:var(--gray);padding:6px 0 6px 20px;position:relative}.use-case-item ul li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.data-pipelines-section{padding:80px 0;background:var(--white)}.pipeline-showcase{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;margin-top:48px}.pipeline-visual svg{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.pipeline-features{display:flex;flex-direction:column;gap:32px}.pipeline-feature{display:flex;gap:20px;align-items:flex-start}.feature-icon-pro{width:48px;height:48px;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--white)}.pipeline-feature h4{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--dark)}.pipeline-feature p{color:var(--gray);line-height:1.6}.edge-computing-section{padding:80px 0;background:var(--gray-lightest);position:relative;overflow:hidden}.edge-content{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;row-gap:0;align-items:start}.edge-text{grid-column:1;grid-row:1}.edge-visual{grid-column:2;grid-row:1}.edge-features-list{grid-column:2;grid-row:2;margin-top:-200px}.edge-text .section-badge{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);color:var(--white);border-radius:20px;font-size:13px;font-weight:600;margin-bottom:16px}.edge-text h2{font-size:40px;font-weight:900;margin-bottom:16px}.edge-benefits{display:flex;flex-direction:column;gap:24px;margin:32px 0}.benefit-item{display:flex;gap:20px;align-items:flex-start;padding:20px;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.benefit-icon{width:56px;height:56px;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--white)}.benefit-content h4{font-size:20px;font-weight:700;margin-bottom:4px;color:var(--dark)}.benefit-content p{color:var(--gray);font-size:15px}.edge-features-list{display:flex;flex-direction:column;gap:16px;margin-bottom:0}.edge-feature-item{display:flex;gap:12px;align-items:flex-start;color:var(--dark)}.edge-feature-item svg{color:var(--primary);flex-shrink:0;margin-top:2px}.edge-feature-item strong{color:var(--dark)}.edge-visual svg{width:100%;height:auto;background:var(--white);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-xl)}@media (max-width:968px){.edge-content,.pipeline-showcase{grid-template-columns:1fr;gap:40px}.edge-visual svg,.pipeline-visual svg{max-width:600px;margin:0 auto}.rules-features{grid-template-columns:1fr;gap:24px}.rules-grid{grid-template-columns:1fr}.use-cases-grid,.video-features,.widgets-grid{grid-template-columns:repeat(2,1fr);gap:24px}}.ai-showcase{display:grid;gap:48px;margin-bottom:64px}.ai-showcase-item{background:var(--dark-light);padding:40px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.ai-showcase-item.featured-ai{background:linear-gradient(135deg,rgba(99,102,241,.1) 0,rgba(139,92,246,.1) 100%);border:2px solid var(--primary)}.ai-showcase-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.ai-icon{width:56px;height:56px;background:var(--gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:28px}.ai-showcase-header h3{font-size:28px;font-weight:700}.ai-description{font-size:16px;color:var(--gray-light);margin-bottom:32px;line-height:1.8}.ai-models{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.model-card{background:rgba(255,255,255,.05);padding:24px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);transition:var(--transition)}.model-card:hover{background:rgba(255,255,255,.08);border-color:var(--primary)}.model-name{font-size:16px;font-weight:700;margin-bottom:12px}.model-details{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.model-tag{padding:4px 12px;background:rgba(99,102,241,.2);border:1px solid var(--primary);border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.model-accuracy{padding:4px 12px;background:rgba(16,185,129,.2);border:1px solid var(--success);color:var(--success);border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.model-card p{font-size:14px;color:var(--gray-light);line-height:1.6}.ai-features-list{display:grid;gap:16px}.ai-feature-item{padding:16px;background:rgba(255,255,255,.03);border-left:3px solid var(--primary);border-radius:var(--radius-sm);font-size:15px;line-height:1.6}.ai-feature-item strong{color:var(--white)}.ai-cta{text-align:center;padding:48px;background:var(--gradient);border-radius:var(--radius-lg)}.ai-cta-content h3{font-size:32px;font-weight:900;margin-bottom:16px}.ai-cta-content p{font-size:18px;margin-bottom:32px;opacity:.9}@media (max-width:768px){.digital-twin-content{grid-template-columns:1fr;gap:40px}.mockup-content{height:250px}.designer-mockup{max-width:100%;overflow:hidden}.mockup-sidebar{width:100px;padding:12px}.mockup-item{font-size:11px;padding:8px}.ai-models{grid-template-columns:1fr}.ai-showcase-item{padding:24px}.ai-showcase-header h3{font-size:22px}.digital-twin-text h2{font-size:32px}}.page-hero{padding:140px 0 80px;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:var(--white);text-align:center}.page-hero h1{font-size:48px;font-weight:900;margin-bottom:16px;letter-spacing:-.02em}.page-hero p{font-size:20px;opacity:.9}.contact-section{padding:80px 0;background:var(--white)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.contact-intro{font-size:18px;color:var(--gray);margin-bottom:40px}.contact-details{display:flex;flex-direction:column;gap:32px}.contact-item{display:flex;gap:20px;align-items:start}.contact-icon{width:48px;height:48px;background:var(--gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.contact-detail h3{font-size:18px;font-weight:700;margin-bottom:8px}.contact-detail a,.contact-detail p{color:var(--gray);line-height:1.8;text-decoration:none}.contact-detail a:hover{color:var(--primary)}.contact-form-wrapper{background:var(--gray-lightest);padding:40px;border-radius:var(--radius-lg)}.contact-form-wrapper h3{font-size:24px;font-weight:700;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--dark)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--gray-light);border-radius:var(--radius-sm);font-family:inherit;font-size:15px;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(30,58,138,.1)}.tutorials-section{padding:80px 0;background:var(--gray-lightest)}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.tutorial-card{background:var(--white);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition)}.tutorial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.tutorial-card.featured{border:2px solid var(--primary);background:linear-gradient(135deg,rgba(30,58,138,.05) 0,rgba(30,64,175,.05) 100%)}.tutorial-icon{font-size:48px;margin-bottom:16px}.tutorial-card h3{font-size:22px;font-weight:700;margin-bottom:12px}.tutorial-card p{color:var(--gray);margin-bottom:20px;line-height:1.6}.tutorial-topics{list-style:none;margin-bottom:24px}.tutorial-topics li{padding:8px 0 8px 24px;position:relative;color:var(--dark);font-size:14px}.tutorial-topics li::before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.tutorial-link{color:var(--primary);text-decoration:none;font-weight:600;transition:var(--transition)}.tutorial-link:hover{color:var(--primary-dark)}.quick-links-section{padding:80px 0;background:var(--white);text-align:center}.quick-links-section h2{font-size:40px;font-weight:900;margin-bottom:48px}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.quick-link-card{padding:32px;background:var(--gray-lightest);border-radius:var(--radius-lg)}.quick-link-card h3{font-size:20px;margin-bottom:12px}.quick-link-card p{color:var(--gray);margin-bottom:16px}.quick-link-card a{color:var(--primary);text-decoration:none;font-weight:600}.opensource-project{padding:80px 0;background:var(--white)}.opensource-project.alt{background:var(--gray-lightest)}.project-header{display:flex;align-items:center;gap:24px;margin-bottom:48px;flex-wrap:wrap}.project-icon{font-size:64px}.project-title-section{flex:1}.project-title-section h2{font-size:36px;font-weight:900;margin-bottom:8px}.project-subtitle{font-size:18px;color:var(--gray)}.project-content{display:grid;grid-template-columns:2fr 1fr;gap:48px}.project-description h3{font-size:24px;font-weight:700;margin-top:32px;margin-bottom:16px}.project-description h3:first-child{margin-top:0}.project-description p{color:var(--gray);line-height:1.8;margin-bottom:20px}.features-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.feature-item{display:flex;gap:12px;align-items:start}.feature-check{width:24px;height:24px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.config-list,.operations-list{color:var(--gray);line-height:1.8;margin-left:20px}.sidebar-card{background:var(--gray-lightest);padding:24px;border-radius:var(--radius-lg);margin-bottom:24px}.sidebar-card h4{font-size:18px;font-weight:700;margin-bottom:16px}.stat-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--gray-light)}.stat-item:last-child{border-bottom:none}.stat-label{color:#64748b;font-size:14px;font-weight:300}.hero-stats .stat-label{color:#fff;font-size:13px;font-weight:300}.stat-value{font-weight:600}.getting-started-list{margin-left:20px;color:var(--gray);line-height:1.8}.support-link{display:block;color:var(--primary);text-decoration:none;margin-top:8px;font-weight:600}.support-link:hover{color:var(--primary-dark)}.opensource-cta{padding:80px 0;background:var(--gradient);color:var(--white);text-align:center}.opensource-cta .cta-content h2{font-size:40px;font-weight:900;margin-bottom:16px}.opensource-cta .cta-content p{font-size:18px;margin-bottom:32px;opacity:.9}.opensource-cta .btn-primary{background:var(--white);color:var(--primary)!important}.opensource-cta .btn-primary:hover{background:var(--white);color:var(--primary)!important;transform:translateY(-2px)}.opensource-cta .btn-secondary{background:0 0;color:var(--white);border-color:var(--white)}.opensource-cta .btn-secondary:hover{background:var(--white);color:var(--primary)!important}.docs-hero{padding:120px 0 60px;background:var(--gradient);color:var(--white)}.docs-breadcrumb{font-size:14px;margin-bottom:16px;opacity:.9}.docs-breadcrumb a{color:var(--white);text-decoration:none;transition:var(--transition)}.docs-breadcrumb a:hover{opacity:.8}.docs-hero h1{font-size:48px;font-weight:900;margin-bottom:12px}.docs-hero p{font-size:20px;opacity:.9}.docs-content{padding:60px 0 100px}.docs-layout{display:grid;grid-template-columns:260px 1fr;gap:60px;align-items:start}.docs-sidebar{position:sticky;top:100px;background:var(--white);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--gray-lightest)}.docs-sidebar h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray);margin-bottom:16px}.docs-nav{display:flex;flex-direction:column;gap:4px}.docs-nav a{padding:10px 16px;border-radius:var(--radius-sm);text-decoration:none;color:var(--dark);font-size:15px;font-weight:500;transition:var(--transition)}.docs-nav a:hover{background:var(--gray-lightest);color:var(--primary)}.docs-nav a.active{background:var(--gradient);color:var(--white)}.docs-main{min-width:0}.docs-article h2{font-size:32px;font-weight:900;margin:40px 0 20px;color:var(--dark)}.docs-article h2:first-child{margin-top:0}.docs-article h3{font-size:24px;font-weight:700;margin:32px 0 16px;color:var(--dark)}.docs-article h4{font-size:18px;font-weight:600;margin:24px 0 12px;color:var(--dark)}.docs-article p{font-size:16px;line-height:1.8;color:var(--gray);margin-bottom:16px}.docs-article ol,.docs-article ul.docs-list{margin:16px 0;padding-left:24px}.docs-article ol li,.docs-article ul.docs-list li{font-size:16px;line-height:1.8;color:var(--gray);margin-bottom:8px}.step-block{display:grid;grid-template-columns:60px 1fr;gap:24px;margin:24px 0;padding:24px;background:var(--white);border:2px solid var(--gray-lightest);border-radius:var(--radius-lg);transition:var(--transition)}.step-block:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.step-number{width:60px;height:60px;background:var(--gradient);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;flex-shrink:0;margin:auto}.step-content-doc h3{margin-top:0;font-size:20px}.step-content-doc p{margin-bottom:0}.docs-table{width:100%;border-collapse:collapse;margin:24px 0;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.docs-table thead{background:var(--gradient);color:var(--white)}.docs-table th{padding:16px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.05em}.docs-table td{padding:16px;border-bottom:1px solid var(--gray-lightest);font-size:15px;color:var(--gray)}.docs-table tbody tr:last-child td{border-bottom:none}.docs-table tbody tr:hover{background:var(--gray-lightest)}.info-box,.success-box{padding:20px 24px;border-radius:var(--radius-lg);margin:24px 0}.info-box{background:#eff6ff;border-left:4px solid var(--accent)}.success-box{background:#f0fdf4;border-left:4px solid var(--success)}.info-box h4,.success-box strong{color:var(--dark);margin-bottom:8px;display:block;font-weight:700}.info-box p,.success-box p{margin-bottom:8px}.info-box p:last-child{margin-bottom:0}.device-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:24px 0}.device-type-card{padding:24px;background:var(--white);border:2px solid var(--gray-lightest);border-radius:var(--radius-lg);text-align:center;transition:var(--transition)}.device-type-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.device-type-icon{font-size:40px;margin-bottom:16px}.device-type-card h4{font-size:18px;font-weight:700;margin:0 0 12px;color:var(--dark)}.device-type-card p{font-size:14px;color:var(--gray);margin:0}.code-block{background:var(--dark);border-radius:var(--radius-lg);padding:24px;margin:24px 0;overflow-x:auto}.code-block pre{margin:0;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.6}.code-block code{color:#e2e8f0}.docs-navigation{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:40px;border-top:2px solid var(--gray-lightest)}.docs-nav-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--white);border:2px solid var(--primary);border-radius:var(--radius-sm);text-decoration:none;color:var(--primary);font-weight:600;transition:var(--transition)}.docs-nav-btn:hover{background:var(--primary);color:var(--white)}.docs-nav-btn.prev{margin-right:auto}.docs-nav-btn.next{margin-left:auto}.getting-started-layout{max-width:1000px;margin:0 auto}.video-container{margin-bottom:60px}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:var(--dark)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-lg)}.video-caption{text-align:center;margin-top:16px;color:var(--gray);font-size:15px}.learning-outcomes,.next-steps,.quick-start-section{margin-bottom:60px}.learning-outcomes h2,.next-steps h2,.quick-start-section h2{font-size:32px;font-weight:900;margin-bottom:24px;color:var(--dark)}.outcomes-grid,.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.outcome-card{padding:24px;background:var(--white);border:2px solid var(--gray-lightest);border-radius:var(--radius-lg);text-align:center;transition:var(--transition)}.outcome-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.outcome-icon{font-size:36px;margin-bottom:12px}.outcome-card h4{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--dark)}.outcome-card p{font-size:14px;color:var(--gray);margin:0}.resource-card{display:block;padding:24px;background:var(--white);border:2px solid var(--gray-lightest);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition);position:relative}.resource-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.resource-icon{font-size:32px;margin-bottom:12px}.resource-card h4{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--dark)}.resource-card p{font-size:14px;color:var(--gray);margin:0}.resource-arrow{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--primary);transition:var(--transition)}.resource-card:hover .resource-arrow{transform:translateY(-50%) translateX(4px)}.support-section{margin-bottom:60px}.support-card{background:var(--gradient);color:var(--white);padding:40px;border-radius:var(--radius-lg);text-align:center}.support-card h3{font-size:28px;font-weight:900;margin:0 0 12px}.support-card p{font-size:16px;margin:0 0 24px;opacity:.9}.support-options{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.support-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--white);color:var(--primary);border-radius:var(--radius-sm);text-decoration:none;font-weight:600;transition:var(--transition)}.support-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.docs-cta{background:var(--gray-lightest);padding:48px;border-radius:var(--radius-lg);text-align:center;margin-top:60px}.docs-cta h3{font-size:28px;font-weight:900;margin:0 0 12px;color:var(--dark)}.docs-cta p{font-size:16px;color:var(--gray);margin:0 0 24px}.legal-section{padding:60px 0 100px;background:var(--white)}.legal-content{max-width:900px;margin:0 auto}.legal-content h2{font-size:32px;font-weight:900;margin:48px 0 20px;color:var(--dark)}.legal-content h2:first-child{margin-top:0}.legal-content h3{font-size:24px;font-weight:700;margin:32px 0 16px;color:var(--dark)}.legal-content p{font-size:16px;line-height:1.8;color:var(--gray);margin-bottom:16px}.legal-content ol,.legal-content ul{margin:16px 0;padding-left:32px}.legal-content li{font-size:16px;line-height:1.8;color:var(--gray);margin-bottom:8px}.legal-content a{color:var(--primary);text-decoration:none;font-weight:600;transition:var(--transition)}.legal-content a:hover{color:var(--primary-dark);text-decoration:underline}.warning-box{background:#fef3c7;border-left:4px solid var(--warning);padding:20px 24px;border-radius:var(--radius-lg);margin:24px 0}.warning-box strong{color:var(--dark);display:block;margin-bottom:8px;font-weight:700}.legal-updated{margin-top:48px;padding-top:24px;border-top:2px solid var(--gray-lightest);font-style:italic;color:var(--gray)}@media (max-width:968px){.docs-layout{grid-template-columns:1fr;gap:40px}.docs-sidebar{position:relative;top:0}.step-block{grid-template-columns:50px 1fr;gap:16px;padding:20px}.step-number{width:50px;height:50px;font-size:24px}}@media (max-width:768px){.video-use-cases{display:none}.page-hero h1{font-size:32px}.docs-hero h1{font-size:36px}.contact-grid,.project-content{grid-template-columns:1fr}.project-header{flex-direction:column;align-items:flex-start}.device-types-grid,.tutorials-grid{grid-template-columns:1fr}.docs-navigation{flex-direction:column}.docs-nav-btn.next,.docs-nav-btn.prev{margin:0}.steps{grid-template-columns:1fr;gap:48px}.step-visual{width:100%;padding:16px}.step-animation{min-height:380px;max-height:none;max-width:100%}.step:nth-child(3) .step-animation{min-height:209px}.ai-animation-container .step-animation{min-height:330px}.step-content h3{font-size:20px}.step-content p{font-size:14px}.rules-features{grid-template-columns:1fr;gap:24px}.rule-feature-card{padding:20px 16px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:8px 16px}.rule-icon{font-size:32px;margin-bottom:0;grid-row:1/4;align-self:start}.rule-feature-card h3{font-size:16px;margin-bottom:0;grid-column:2;grid-row:1}.rule-feature-card p{font-size:14px;line-height:1.5;margin-bottom:8px;grid-column:2;grid-row:2}.rule-capabilities{grid-column:2;grid-row:3;margin:0}.rule-capabilities li{font-size:13px;line-height:1.5;padding:4px 0 4px 24px}.rules-grid{grid-template-columns:1fr}.rules-examples{display:none}.edge-content{grid-template-columns:1fr;gap:32px}.edge-visual svg{max-width:100%;padding:24px;transform:scale(1.1);transform-origin:center}.edge-benefits{grid-template-columns:1fr;gap:16px}.edge-features-list,.edge-text,.edge-visual{grid-column:1;grid-row:auto}.edge-features-list{margin-top:0}.benefit-item{padding:16px}.dashboard-section{padding:60px 0 40px}.dashboard-content{margin-top:32px}.widget-library{margin-top:24px}.widget-library h3{font-size:24px;margin-bottom:24px}.widgets-grid{grid-template-columns:1fr;gap:12px}.widget-type{padding:16px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:8px 16px;text-align:left}.widget-type img,.widget-type-icon{width:40px!important;height:40px!important;font-size:32px;margin-bottom:0;grid-row:1/3;align-self:start}.widget-type h4{font-size:16px;margin-bottom:0;text-align:left;grid-column:2;grid-row:1}.widget-type p{font-size:13px;line-height:1.4;text-align:left;grid-column:2;grid-row:2;margin:0}.dashboard-preview{padding:0 16px;margin-bottom:32px}.dashboard-preview svg{max-height:300px}.video-features{grid-template-columns:1fr;gap:24px}.video-feature-card{padding:20px 16px;text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:8px 16px}.video-feature-icon{font-size:32px;margin-bottom:0;grid-row:1/3;align-self:start}.video-feature-card h3{font-size:16px;margin-bottom:0;grid-column:2;grid-row:1}.video-feature-card p{font-size:14px;line-height:1.5;grid-column:2;grid-row:2;margin:0}.use-cases-grid{grid-template-columns:1fr;gap:24px}.use-case-item{padding:20px 16px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:8px 16px}.use-case-icon{font-size:32px;margin-bottom:0;grid-row:1/3;align-self:start}.use-case-item h4{font-size:16px;margin-bottom:0;grid-column:2;grid-row:1}.use-case-item ul{grid-column:2;grid-row:2;margin:0}.use-case-item ul li{font-size:13px;line-height:1.5;padding:4px 0 4px 20px}.video-use-cases{padding:24px}.video-demo{padding:0 16px;max-width:100%}.video-demo .designer-mockup{max-width:100%}}