.feature,.step,.tech-item,.use-case,.tutorial-cta,.faq-item,.cta-section,.testimonial{-webkit-backdrop-filter:var(--glass-backdrop)!important;backdrop-filter:var(--glass-backdrop)!important;background:var(--glass-bg-light)!important}[data-theme=dark] .feature,[data-theme=dark] .step,[data-theme=dark] .tech-item,[data-theme=dark] .use-case,[data-theme=dark] .tutorial-cta,[data-theme=dark] .faq-item,[data-theme=dark] .cta-section,[data-theme=dark] .testimonial{background:var(--glass-bg-dark)!important}.hero{background:linear-gradient(#00000080,#0009),url(/highspeed_train_digital_valley.webp);background-size:120%;background-position:center top;background-repeat:no-repeat;color:#fff;padding:var(--space-32) 0 var(--space-8);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}.hero-content{position:relative;z-index:1}.hero h1{font-size:var(--text-5xl);margin-bottom:var(--space-6);font-weight:800;line-height:var(--leading-tight);color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.8),0 4px 16px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.9);text-wrap:balance}.hero-subtitle{font-size:var(--text-xl);margin:0 auto var(--space-8);opacity:.95;max-width:600px;line-height:var(--leading-relaxed);color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.8)}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:var(--text-base);transition:all var(--transition);text-align:center;cursor:pointer;border:2px solid transparent;min-height:48px;box-shadow:var(--shadow-sm)}.btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:hover{transform:none}.btn-primary{background:#6d28d9;color:#fff;border-color:#6d28d9;text-shadow:0 1px 3px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.4);box-shadow:0 4px 16px #0003,0 2px 6px #00000026}.btn-primary:hover{background:#5b21b6;border-color:#5b21b6;color:#fff;box-shadow:0 6px 20px #00000040,0 4px 10px #0003}.btn-secondary{background:#ffffff4d;color:#fff;border-color:#fffffff2;backdrop-filter:blur(16px);text-shadow:0 1px 3px rgba(0,0,0,.8),0 2px 6px rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.9);box-shadow:0 4px 16px #0000004d,0 2px 6px #00000040}.btn-secondary:hover{background:#fffffff2;color:var(--color-primary);border-color:#fffffff2;text-shadow:none;box-shadow:0 6px 16px #0003,0 4px 8px #00000026}.btn-large{padding:var(--space-5) var(--space-8);font-size:var(--text-lg);min-height:56px}.section{padding:var(--space-12) 0;margin-bottom:var(--space-8)}.section h2{text-align:center;margin-bottom:var(--space-12);color:var(--color-text);font-weight:700}.section h3{color:var(--color-text);font-weight:600;margin-bottom:var(--space-4)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);margin-top:var(--space-8)}.feature{text-align:center;padding:var(--space-8);background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-xl);border:1px solid var(--glass-border-light);transition:all var(--transition);box-shadow:var(--glass-shadow-light);position:relative;overflow:hidden}[data-theme=dark] .feature{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);box-shadow:var(--glass-shadow-dark)}.feature:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .8s ease;z-index:0}.feature>*{position:relative;z-index:1}.feature:hover{box-shadow:var(--glass-shadow-light-hover);border:1px solid rgba(139,92,246,.4);background:#8b5cf60d}[data-theme=dark] .feature:hover{box-shadow:var(--glass-shadow-dark-hover);background:#8b5cf61a}.feature:hover:before{left:100%}.feature h3{font-size:var(--text-xl);margin-bottom:var(--space-4)}.feature p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.tutorial-preview{max-width:800px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.step{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-lg);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-light);transition:all var(--transition);position:relative;overflow:hidden}[data-theme=dark] .step{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);box-shadow:var(--glass-shadow-dark)}.step:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.08),transparent);transition:left .6s ease;z-index:0}.step>*{position:relative;z-index:1}.step:hover{box-shadow:0 12px 48px #8b5cf633;border:1px solid rgba(139,92,246,.3);background:#8b5cf608}[data-theme=dark] .step:hover{box-shadow:0 12px 48px #8b5cf659;background:#8b5cf614}.step:hover:before{left:100%}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary);color:#fff;border-radius:50%;font-weight:700;font-size:var(--text-lg);flex-shrink:0}.step-content h3{margin-bottom:var(--space-2);font-size:var(--text-lg)}.tutorial-cta{text-align:center;padding:var(--space-8);background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-xl);border:1px solid var(--glass-border-light);transition:all var(--transition);box-shadow:var(--glass-shadow-light);position:relative;overflow:hidden}[data-theme=dark] .tutorial-cta{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);box-shadow:var(--glass-shadow-dark)}.tutorial-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .9s ease;z-index:0}.tutorial-cta>*{position:relative;z-index:1}.tutorial-cta:hover{box-shadow:var(--glass-shadow-light-hover);border:1px solid rgba(139,92,246,.5);background:#8b5cf60f}[data-theme=dark] .tutorial-cta:hover{box-shadow:var(--glass-shadow-dark-hover);background:#8b5cf61f}.tutorial-cta:hover:before{left:100%}.tech-intro{text-align:center;margin-bottom:var(--space-8);color:var(--color-text-secondary);font-size:var(--text-lg)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-6);margin:var(--space-8) 0;justify-items:center}.tech-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition);text-decoration:none;color:var(--color-text);background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-light);min-height:120px;justify-content:center;width:100%;max-width:140px;position:relative;overflow:hidden}[data-theme=dark] .tech-item{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);box-shadow:var(--glass-shadow-dark)}.tech-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.06),transparent);transition:left .5s ease;z-index:0}.tech-item>*{position:relative;z-index:1}.tech-item img{width:64px;height:64px;margin-bottom:var(--space-2);transition:all var(--transition);object-fit:contain;background:none;border:none;border-radius:0;box-shadow:none;padding:0}.tech-item span{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-align:center;transition:all var(--transition);line-height:var(--leading-tight)}.tech-item:hover span{color:var(--color-primary)}.tech-item:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 48px #8b5cf640;text-decoration:none;color:var(--color-text);border:1px solid rgba(139,92,246,.4);background:#8b5cf60a}[data-theme=dark] .tech-item:hover{box-shadow:var(--glass-shadow-dark-hover);background:#8b5cf61a}.tech-item:hover:before{left:100%}.framework-note{text-align:center;margin-top:var(--space-8);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-style:italic}@media (max-width: 768px){.tech-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-4)}.tech-item{padding:var(--space-3);min-height:100px;max-width:none}.tech-item img{width:48px;height:48px}}@media (max-width: 480px){.tech-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3)}.tech-item img{width:40px;height:40px}.tech-item span{font-size:var(--text-xs)}}.use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.use-case{padding:var(--space-6);background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-lg);border:1px solid var(--glass-border-light);transition:all var(--transition);box-shadow:var(--glass-shadow-light);position:relative;overflow:hidden}[data-theme=dark] .use-case{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);box-shadow:var(--glass-shadow-dark)}.use-case:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.08),transparent);transition:left .7s ease;z-index:0}.use-case>*{position:relative;z-index:1}.use-case:hover{box-shadow:0 12px 48px #8b5cf633;border:1px solid rgba(139,92,246,.3);background:#8b5cf60a}[data-theme=dark] .use-case:hover{box-shadow:0 12px 48px #8b5cf659;background:#8b5cf614}.use-case:hover:before{left:100%}.getting-started{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:flex-start;max-width:1000px;margin:0 auto}.start-content h3{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.benefits-list{list-style:none;margin:var(--space-6) 0;padding:0}.benefits-list li{margin-bottom:var(--space-3);font-size:var(--text-lg);color:var(--color-text-secondary)}.start-note{margin-top:var(--space-6);padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius);border-left:4px solid var(--color-primary)}.start-cta{text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:var(--space-6)}.referral-disclosure{margin-top:var(--space-4);color:var(--color-text-muted);font-style:italic}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-top:var(--space-8)}.testimonial{padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:relative}.testimonial:before{content:'"';position:absolute;top:var(--space-4);left:var(--space-6);font-size:4rem;color:var(--color-primary);opacity:.3;font-family:serif;line-height:1}.testimonial blockquote{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);padding-left:var(--space-8);border:none;background:none;font-style:italic}.testimonial cite{font-style:normal;font-weight:600;color:var(--color-primary)}.faq{max-width:800px;margin:0 auto}.faq-item{margin-bottom:var(--space-6);padding:var(--space-6);background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border-radius:var(--radius-lg);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-light);transition:all var(--transition);position:relative;overflow:hidden}[data-theme=dark] .faq-item{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);box-shadow:var(--glass-shadow-dark)}.referral-cta .btn{margin-bottom:.5rem}.referral-note{margin:0;color:var(--color-text-tertiary);font-size:.9rem}.faq-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.08),transparent);transition:left .8s ease;z-index:0}.faq-item>*{position:relative;z-index:1}.faq-item:hover{box-shadow:0 12px 48px #8b5cf633;border:1px solid rgba(139,92,246,.3);background:#8b5cf60a}[data-theme=dark] .faq-item:hover{box-shadow:0 12px 48px #8b5cf659;background:#8b5cf614}.faq-item:hover:before{left:100%}.faq-item h3{color:var(--color-text);margin-bottom:var(--space-4);font-size:var(--text-xl)}.faq-item p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.cta-section{background:var(--glass-bg-light);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-light);text-align:center;border-radius:var(--radius-xl);margin:var(--space-20) 0;position:relative;overflow:hidden}[data-theme=dark] .cta-section{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);box-shadow:var(--glass-shadow-dark)}.cta-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left 1s ease;z-index:0}.cta-section:hover:before{left:100%}.cta-section>*{position:relative;z-index:1}.cta-section h2{margin-bottom:var(--space-6)}.cta-section p{font-size:var(--text-lg);margin-bottom:var(--space-8);color:var(--color-text-secondary)}.final-note{margin-top:var(--space-8);color:var(--color-text-muted)}.final-note a{color:var(--color-primary);text-decoration:none}.final-note a:hover{text-decoration:underline}@media (min-width: 1440px){.hero{background-position:center center;background-size:cover}}@media (max-width: 1024px){.hero{background-position:center center;background-attachment:fixed}}@media (max-width: 768px){.hero{padding:var(--space-20) 0 var(--space-16);background-attachment:scroll;background-position:center center;background-size:cover;min-height:60vh}.hero h1{font-size:var(--text-4xl)}}@media (max-width: 640px){.hero{background-attachment:scroll;background-position:center 25%;background-size:cover;min-height:50vh;padding:var(--space-16) 0 var(--space-6)}.hero h1{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-lg)}}@media (max-width: 480px){.hero{background-attachment:scroll;background-position:center 30%;background-size:cover;min-height:45vh;padding:var(--space-16) 0 var(--space-12)}.hero h1{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-lg)}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.features-grid,.frameworks{grid-template-columns:1fr;gap:var(--space-6)}.framework-logos{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-3)}.logo-item{padding:var(--space-2)}.logo-item img{width:32px;height:32px}.steps{grid-template-columns:1fr}.getting-started{grid-template-columns:1fr;text-align:center}.testimonials,.use-cases{grid-template-columns:1fr}}@media (max-width: 360px){.hero{background-position:center 35%;background-size:cover;min-height:40vh;padding:var(--space-12) 0 var(--space-8)}.hero h1{font-size:var(--text-2xl);line-height:var(--leading-tight)}.hero-subtitle{font-size:var(--text-base);margin-bottom:var(--space-6)}}@media (max-width: 768px) and (orientation: landscape){.hero{background-position:center center;background-size:cover;min-height:70vh;padding:var(--space-12) 0 var(--space-8)}.hero h1{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-base);margin-bottom:var(--space-6)}}@media (max-width: 640px){.section{padding:var(--space-8) 0}.feature{padding:var(--space-6)}.step{padding:var(--space-4)}}