.fximg-hero{position:relative;padding:4rem 0;background:linear-gradient(135deg,#4a6b7c14,#6b8cae0f,#e8eced08);overflow:hidden}.fximg-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 25%,rgba(74,107,124,.08) 0%,transparent 50%),radial-gradient(circle at 85% 75%,rgba(107,140,174,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.fximg-steam-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse at center,rgba(74,107,124,.12) 0%,transparent 70%);filter:blur(40px);pointer-events:none;z-index:0;animation:fximg-steam-pulse 4s ease-in-out infinite}@keyframes fximg-steam-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.fximg-hero-decor{position:absolute;z-index:1;opacity:.15}.fximg-hero-decor-left{top:15%;left:5%}.fximg-hero-decor-right{bottom:15%;right:5%}.fximg-gear-icon{width:48px;height:48px;color:var(--color-primary);filter:drop-shadow(0 2px 8px rgba(74,107,124,.4));animation:fximg-gear-rotate 12s linear infinite}.fximg-gear-reverse{animation-direction:reverse}@keyframes fximg-gear-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fximg-hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto;padding:0 1.5rem}.fximg-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1.5rem;line-height:1.2;color:var(--color-text);letter-spacing:-.02em}.fximg-title-gradient{background:linear-gradient(135deg,#2c3e50,#4a6b7c 40%,#6b8cae);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fximg-hero-subtitle{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-primary);line-height:1.4}.fximg-hero-description{font-size:1.0625rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:0}.fximg-understanding{padding:4rem 0;background:linear-gradient(180deg,rgba(245,247,248,.5) 0%,var(--color-white) 100%)}.fximg-section-title{font-size:2rem;font-weight:800;color:var(--color-text);text-align:center;margin-bottom:3rem;line-height:1.3;text-transform:uppercase;letter-spacing:.04em;position:relative}.fximg-section-title:after{content:"";display:block;width:120px;height:3px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);margin:1rem auto 0}.fximg-content-wrapper{max-width:1200px;margin:0 auto;padding:0 1.5rem}.fximg-content-block{margin-bottom:2.5rem;background:linear-gradient(135deg,#ffffffe6,#f5f7f8f2);border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.fximg-content-block:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.fximg-block-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#4a6b7c14,#6b8cae0d);border-bottom:2px solid var(--border-color)}.fximg-block-rivet{width:10px;height:10px;background:radial-gradient(circle,#5a6c7d,#2c3e50);border-radius:50%;box-shadow:0 1px 2px #0000004d,inset 0 1px 1px #ffffff4d}.fximg-block-title{flex:1;font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0;line-height:1.3}.fximg-block-body{padding:1.5rem}.fximg-block-body p{font-size:1.0625rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:1.25rem}.fximg-block-body p:last-child{margin-bottom:0}.fximg-inline-link{color:var(--color-primary);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:all var(--transition-fast)}.fximg-inline-link:hover{border-bottom-color:var(--color-primary);color:var(--color-primary-dark)}.fximg-features{padding:4rem 0;background:var(--color-bg);position:relative}.fximg-features:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(74,107,124,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(107,140,174,.03) 0%,transparent 50%);pointer-events:none}.fximg-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:0 1.5rem;position:relative;z-index:1}.fximg-feature-card{position:relative;padding:2rem;background:linear-gradient(135deg,#fffffff2,#f5f7f8fa);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}[data-theme=dark] .fximg-feature-card{background:linear-gradient(135deg,#2c3e50f2,#1a2332fa);border-color:#4a6b7c4d}.fximg-feature-card:hover{transform:translateY(-6px);border-color:var(--color-primary);box-shadow:var(--shadow-glow-lg)}.fximg-feature-rivets{position:absolute;inset:0;pointer-events:none;z-index:0}.fximg-rivet{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#5a6c7d,#2c3e50);border-radius:50%;box-shadow:0 1px 2px #0000004d,inset 0 1px 1px #ffffff4d}.fximg-rivet-tl{top:10px;left:10px}.fximg-rivet-tr{top:10px;right:10px}.fximg-rivet-bl{bottom:10px;left:10px}.fximg-rivet-br{bottom:10px;right:10px}.fximg-feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a6b7c26,#6b8cae1a);border-radius:var(--radius-md);color:var(--color-primary);margin-bottom:1.25rem;transition:transform var(--transition-base);position:relative;z-index:1}.fximg-feature-card:hover .fximg-feature-icon{transform:scale(1.1)}.fximg-feature-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0 0 .75rem;line-height:1.3;position:relative;z-index:1}.fximg-feature-description{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary);margin:0;position:relative;z-index:1}.fximg-how-it-works{padding:4rem 0;background:linear-gradient(180deg,var(--color-white) 0%,rgba(245,247,248,.5) 100%)}.fximg-steps-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0;padding:0 1.5rem}.fximg-step-card{flex:1;min-width:240px;max-width:280px;text-align:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#fffffff2,#f5f7f8fa);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative}.fximg-step-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.fximg-step-number{position:relative;width:64px;height:64px;background:var(--gradient-primary);color:#fff;font-size:1.75rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:var(--shadow-glow)}.fximg-step-glow{position:absolute;inset:-4px;background:radial-gradient(circle,rgba(74,107,124,.3) 0%,transparent 70%);border-radius:50%;z-index:-1;animation:fximg-step-glow-pulse 2s ease-in-out infinite}@keyframes fximg-step-glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.fximg-step-title{font-size:1.125rem;font-weight:700;color:var(--color-text);margin:0 0 .75rem;line-height:1.3}.fximg-step-description{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary);margin:0}.fximg-step-connector{display:flex;align-items:center;justify-content:center;width:60px;height:3px;margin-top:4rem}.fximg-pipe-segment{width:100%;height:3px;background:linear-gradient(90deg,var(--border-color) 0%,var(--color-primary) 50%,var(--border-color) 100%);position:relative}.fximg-pipe-segment:before,.fximg-pipe-segment:after{content:"";position:absolute;width:8px;height:8px;background:var(--color-primary);border-radius:50%;top:50%;transform:translateY(-50%);box-shadow:0 0 8px #4a6b7c80}.fximg-pipe-segment:before{left:-4px}.fximg-pipe-segment:after{right:-4px}.fximg-faq{padding:4rem 0;background:var(--color-bg)}.fximg-faq-grid{display:grid;gap:1.25rem;max-width:900px;margin:0 auto;padding:0 1.5rem}.fximg-faq-item{position:relative;padding:1.5rem 2rem;background:linear-gradient(135deg,#fffffff2,#f5f7f8fa);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}[data-theme=dark] .fximg-faq-item{background:linear-gradient(135deg,#2c3e50f2,#1a2332fa);border-color:#4a6b7c4d}.fximg-faq-item:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.fximg-faq-rivets{position:absolute;top:0;left:0;right:0;pointer-events:none}.fximg-faq-question{font-size:1.0625rem;font-weight:700;color:var(--color-text);margin:0 0 .75rem;line-height:1.4;padding-left:1.5rem;position:relative}.fximg-faq-question:before{content:"";position:absolute;left:0;top:.35rem;width:8px;height:8px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 8px #4a6b7c66}.fximg-faq-answer{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary);margin:0;padding-left:1.5rem}@keyframes fximg-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fximg-animate-fade-up{opacity:0;animation:fximg-fade-up .6s cubic-bezier(.4,0,.2,1) forwards}.fximg-delay-1{animation-delay:.1s}.fximg-delay-2{animation-delay:.2s}.fximg-delay-3{animation-delay:.3s}.fximg-delay-4{animation-delay:.4s}.fximg-delay-5{animation-delay:.5s}.fximg-delay-6{animation-delay:.6s}.fximg-delay-7{animation-delay:.7s}.fximg-delay-8{animation-delay:.8s}.fximg-delay-9{animation-delay:.9s}.fximg-delay-10{animation-delay:1s}@media(max-width:1024px){.fximg-steps-grid{gap:1rem}.fximg-step-connector{width:40px}}@media(max-width:768px){.fximg-hero{padding:3rem 0}.fximg-hero-title{font-size:1.75rem;margin-bottom:1rem}.fximg-hero-subtitle{font-size:1.125rem;margin-bottom:1rem}.fximg-hero-description{font-size:1rem}.fximg-hero-decor{display:none}.fximg-section-title{font-size:1.5rem}.fximg-block-title{font-size:1.25rem}.fximg-understanding,.fximg-features,.fximg-how-it-works,.fximg-faq{padding:3rem 0}.fximg-features-grid{grid-template-columns:1fr;gap:1.25rem}.fximg-steps-grid{flex-direction:column;align-items:center}.fximg-step-card{max-width:100%;width:100%}.fximg-step-connector{transform:rotate(90deg);width:40px;margin:.5rem 0}.fximg-feature-card,.fximg-step-card,.fximg-faq-item{padding:1.5rem}.fximg-feature-icon{width:48px;height:48px}.fximg-step-number{width:52px;height:52px;font-size:1.5rem}}@media(max-width:480px){.fximg-hero-content{padding:0 1rem}.fximg-hero-title{font-size:1.5rem}.fximg-hero-subtitle{font-size:1rem}.fximg-hero-description{font-size:.9375rem}.fximg-section-title{font-size:1.25rem}.fximg-block-header{padding:1rem}.fximg-block-title{font-size:1.125rem}.fximg-feature-title,.fximg-step-title,.fximg-faq-question{font-size:1rem}.fximg-rivet{width:6px;height:6px}.fximg-rivet-tl,.fximg-rivet-tr{top:8px}.fximg-rivet-bl,.fximg-rivet-br{bottom:8px}.fximg-rivet-tl,.fximg-rivet-bl{left:8px}.fximg-rivet-tr,.fximg-rivet-br{right:8px}}[data-theme=dark] .fximg-hero{background:linear-gradient(135deg,#1a2332f2,#2c3e50e6)}[data-theme=dark] .fximg-understanding{background:linear-gradient(180deg,#1a233280,#2c3e504d)}[data-theme=dark] .fximg-content-block{background:linear-gradient(135deg,#2c3e50e6,#1a2332f2);border-color:#4a6b7c4d}[data-theme=dark] .fximg-block-header{background:linear-gradient(135deg,#4a6b7c26,#6b8cae1a);border-bottom-color:#4a6b7c4d}[data-theme=dark] .fximg-how-it-works{background:linear-gradient(180deg,#2c3e504d,#1a233280)}[data-theme=dark] .fximg-step-card{background:linear-gradient(135deg,#2c3e50f2,#1a2332fa);border-color:#4a6b7c4d}