:root{--fprod-spacing-xs: .25rem;--fprod-spacing-sm: .5rem;--fprod-spacing-md: .75rem;--fprod-spacing-lg: 1rem;--fprod-spacing-xl: 1.5rem;--fprod-spacing-2xl: 2rem;--fprod-spacing-3xl: 3rem;--fprod-spacing-4xl: 4rem;--fprod-spacing-5xl: 5rem;--fprod-font-xs: .75rem;--fprod-font-sm: .875rem;--fprod-font-base: 1rem;--fprod-font-lg: 1.125rem;--fprod-font-xl: 1.25rem;--fprod-font-2xl: 1.5rem;--fprod-font-3xl: 1.875rem;--fprod-font-4xl: 2.25rem;--fprod-shadow-sm: 0 2px 8px rgba(44, 62, 80, .12);--fprod-shadow-md: 0 4px 16px rgba(44, 62, 80, .18);--fprod-shadow-lg: 0 8px 32px rgba(44, 62, 80, .22);--fprod-shadow-glow: 0 0 20px rgba(74, 107, 124, .25);--fprod-shadow-frost: 0 4px 20px rgba(232, 236, 237, .4);--fprod-steel-blue: #4A6B7C;--fprod-soft-blue: #6B8CAE;--fprod-dark-steel: #2C3E50;--fprod-ice-white: #E8ECED;--fprod-frost-gray: #D1D8DD;--fprod-copper-warm: #C89657;--fprod-ember-red: #B85450;--fprod-surface: #ffffff;--fprod-text-primary: #2C3E50;--fprod-text-secondary: #5A6C7D;--fprod-text-muted: #8B99A8}[data-theme=dark]{--fprod-surface: #1A2332;--fprod-text-primary: #E8ECED;--fprod-text-secondary: #A8B8C8;--fprod-text-muted: #6B8CAE}.fprod-page{width:100%;padding:1rem}@media(min-width:768px){.fprod-page{padding:1.5rem}}.fprod-generator-wrapper{display:flex;flex-direction:column;gap:1rem}@media(min-width:1024px){.fprod-generator-wrapper{flex-direction:row;gap:1.5rem;height:calc(100vh - 120px)}}.fprod-section{padding:var(--fprod-spacing-4xl) 0;position:relative;overflow:hidden}.fprod-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--fprod-spacing-lg);position:relative;z-index:2}.fprod-section-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--fprod-text-primary);text-align:center;margin-bottom:var(--fprod-spacing-lg);line-height:1.2;position:relative}.fprod-section-title:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,var(--fprod-steel-blue),var(--fprod-soft-blue));margin:var(--fprod-spacing-md) auto 0;border-radius:2px}.fprod-scroll-animate{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.fprod-scroll-animate[data-animation=fade-up]{transform:translateY(40px)}.fprod-scroll-animate[data-animation=fade-scale]{transform:scale(.95)}.fprod-scroll-animate[data-animation=fade-blur]{filter:blur(4px)}.fprod-scroll-animate.fprod-animate-in{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.fprod-hero{background:linear-gradient(135deg,#4a6b7c14,#6b8cae0d,#e8eced1a);padding:var(--fprod-spacing-5xl) 0;position:relative}.fprod-hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(74,107,124,.12) 0%,transparent 70%);pointer-events:none;z-index:0}.fprod-hero:after{content:"";position:absolute;bottom:-100px;right:-50px;width:200px;height:200px;border:4px solid rgba(74,107,124,.1);border-radius:50%;pointer-events:none;animation:fprod-gear-spin 30s linear infinite}.fprod-hero-content{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}.fprod-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--fprod-text-primary);margin-bottom:var(--fprod-spacing-xl);line-height:1.15}.fprod-hero-desc{font-size:var(--fprod-font-lg);line-height:1.8;color:var(--fprod-text-secondary);max-width:900px;margin:0 auto}.fprod-hero-desc strong{color:var(--fprod-steel-blue);font-weight:600}.fprod-content-section{padding:var(--fprod-spacing-5xl) 0;position:relative}.fprod-content-section:before{content:"";position:absolute;top:0;left:5%;width:4px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(74,107,124,.2) 20%,rgba(74,107,124,.2) 80%,transparent 100%);pointer-events:none}.fprod-content-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--fprod-spacing-3xl);align-items:center}.fprod-content-image-wrapper{position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--fprod-shadow-lg)}.fprod-content-image-wrapper:before{content:"";position:absolute;inset:0;border:2px solid rgba(74,107,124,.2);border-radius:12px;pointer-events:none;z-index:2}.fprod-content-image{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1)}.fprod-content-image-wrapper:hover .fprod-content-image{transform:scale(1.05)}.fprod-content-text-wrapper{display:flex;flex-direction:column;gap:var(--fprod-spacing-lg)}.fprod-content-text{font-size:var(--fprod-font-base);color:var(--fprod-text-secondary);line-height:1.85;margin:0}.fprod-content-text strong{color:var(--fprod-steel-blue);font-weight:600}.fprod-inline-link{color:var(--fprod-steel-blue);text-decoration:none;font-weight:500;border-bottom:1px dashed var(--fprod-frost-gray);transition:all .3s ease}.fprod-inline-link:hover{color:var(--fprod-soft-blue);border-bottom-color:var(--fprod-steel-blue);border-bottom-style:solid}.fprod-features{padding:var(--fprod-spacing-5xl) 0;background:linear-gradient(180deg,#e8eced4d,#f5f7f880,#e8eced4d);position:relative}.fprod-features:before,.fprod-features:after{content:"";position:absolute;width:12px;height:12px;background:var(--fprod-frost-gray);border-radius:50%;border:2px solid var(--fprod-steel-blue)}.fprod-features:before{top:30px;left:30px}.fprod-features:after{bottom:30px;right:30px}.fprod-features-intro{text-align:center;font-size:var(--fprod-font-lg);color:var(--fprod-text-secondary);line-height:1.8;margin:var(--fprod-spacing-xl) auto var(--fprod-spacing-3xl);max-width:850px}.fprod-features-intro strong{color:var(--fprod-steel-blue);font-weight:600}.fprod-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--fprod-spacing-xl)}.fprod-feature-card{background:var(--fprod-surface);border-radius:10px;padding:var(--fprod-spacing-2xl);box-shadow:var(--fprod-shadow-md);border:1px solid rgba(74,107,124,.12);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.fprod-feature-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--fprod-steel-blue),var(--fprod-soft-blue));opacity:0;transition:opacity .3s ease}.fprod-feature-card:hover{transform:translateY(-6px);box-shadow:var(--fprod-shadow-lg),var(--fprod-shadow-glow)}.fprod-feature-card:hover:before{opacity:1}.fprod-feature-icon{font-size:2.5rem;margin-bottom:var(--fprod-spacing-lg);display:block;filter:grayscale(20%)}.fprod-feature-title{font-size:var(--fprod-font-xl);font-weight:600;color:var(--fprod-text-primary);margin-bottom:var(--fprod-spacing-sm);line-height:1.3}.fprod-feature-desc{font-size:var(--fprod-font-base);color:var(--fprod-text-secondary);line-height:1.75;margin:0}.fprod-feature-desc strong{color:var(--fprod-steel-blue);font-weight:600}.fprod-feature-card:nth-child(1){animation-delay:.05s}.fprod-feature-card:nth-child(2){animation-delay:.1s}.fprod-feature-card:nth-child(3){animation-delay:.15s}.fprod-feature-card:nth-child(4){animation-delay:.2s}.fprod-feature-card:nth-child(5){animation-delay:.25s}.fprod-feature-card:nth-child(6){animation-delay:.3s}.fprod-feature-card:nth-child(7){animation-delay:.35s}.fprod-feature-card:nth-child(8){animation-delay:.4s}.fprod-feature-card:nth-child(9){animation-delay:.45s}.fprod-feature-card:nth-child(10){animation-delay:.5s}.fprod-online-section{padding:var(--fprod-spacing-4xl) 0;background:linear-gradient(135deg,var(--fprod-dark-steel) 0%,var(--fprod-steel-blue) 100%);position:relative;overflow:hidden}.fprod-online-section:before{content:"";position:absolute;top:-50%;left:0;width:100%;height:200%;background:repeating-linear-gradient(0deg,transparent 0px,transparent 40px,rgba(255,255,255,.02) 40px,rgba(255,255,255,.02) 80px);pointer-events:none}.fprod-online-content{display:flex;align-items:center;justify-content:center;gap:var(--fprod-spacing-3xl);flex-wrap:wrap;text-align:center}.fprod-online-badge{display:flex;flex-direction:column;align-items:center;gap:var(--fprod-spacing-md)}.fprod-online-icon{width:80px;height:80px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;border:2px solid rgba(255,255,255,.2);animation:fprod-pulse-glow 3s ease-in-out infinite}.fprod-online-title{font-size:var(--fprod-font-2xl);font-weight:700;color:#fff;margin:0}.fprod-online-desc{font-size:var(--fprod-font-base);color:#ffffffd9;max-width:500px;line-height:1.7}.fprod-online-desc strong{color:#fff;font-weight:600}.fprod-showcase{padding:var(--fprod-spacing-5xl) 0;position:relative}.fprod-showcase:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(74,107,124,.08) 0%,transparent 70%);pointer-events:none}.fprod-showcase-intro{text-align:center;font-size:var(--fprod-font-lg);color:var(--fprod-text-secondary);line-height:1.8;margin:var(--fprod-spacing-xl) auto var(--fprod-spacing-3xl);max-width:800px}.fprod-showcase-intro strong{color:var(--fprod-steel-blue);font-weight:600}.fprod-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--fprod-spacing-xl)}.fprod-showcase-item{position:relative;border-radius:10px;overflow:hidden;box-shadow:var(--fprod-shadow-md);aspect-ratio:4/3;background:var(--fprod-frost-gray)}.fprod-showcase-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.fprod-showcase-item:hover img{transform:scale(1.08)}.fprod-showcase-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--fprod-spacing-lg);background:linear-gradient(transparent,#2c3e50e6);color:#fff;transform:translateY(100%);transition:transform .4s ease}.fprod-showcase-item:hover .fprod-showcase-overlay{transform:translateY(0)}.fprod-showcase-label{font-size:var(--fprod-font-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.fprod-innovations{padding:var(--fprod-spacing-5xl) 0;background:linear-gradient(180deg,#f5f7f8cc,#e8eced99);position:relative}.fprod-innovations-intro{text-align:center;font-size:var(--fprod-font-lg);color:var(--fprod-text-secondary);line-height:1.8;margin:var(--fprod-spacing-xl) auto var(--fprod-spacing-3xl);max-width:850px}.fprod-innovations-intro strong{color:var(--fprod-steel-blue);font-weight:600}.fprod-innovations-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--fprod-spacing-xl)}.fprod-innovation-item{background:var(--fprod-surface);border-radius:10px;padding:var(--fprod-spacing-2xl);box-shadow:var(--fprod-shadow-sm);border:1px solid rgba(74,107,124,.1);transition:all .3s ease;display:flex;gap:var(--fprod-spacing-lg);align-items:flex-start}.fprod-innovation-item:hover{box-shadow:var(--fprod-shadow-md);border-color:#4a6b7c33}.fprod-innovation-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,var(--fprod-steel-blue),var(--fprod-soft-blue));border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:var(--fprod-font-lg)}.fprod-innovation-content{flex:1}.fprod-innovation-title{font-size:var(--fprod-font-lg);font-weight:600;color:var(--fprod-text-primary);margin-bottom:var(--fprod-spacing-xs)}.fprod-innovation-desc{font-size:var(--fprod-font-base);color:var(--fprod-text-secondary);line-height:1.7;margin:0}.fprod-innovation-desc strong{color:var(--fprod-steel-blue);font-weight:600}.fprod-techniques{padding:var(--fprod-spacing-5xl) 0;position:relative}.fprod-techniques:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(74,107,124,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(74,107,124,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.fprod-techniques-intro{text-align:center;font-size:var(--fprod-font-lg);color:var(--fprod-text-secondary);line-height:1.8;margin:var(--fprod-spacing-xl) auto var(--fprod-spacing-3xl);max-width:850px}.fprod-techniques-intro strong{color:var(--fprod-steel-blue);font-weight:600}.fprod-techniques-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--fprod-spacing-xl)}.fprod-technique-card{background:var(--fprod-surface);border-radius:10px;padding:var(--fprod-spacing-2xl);box-shadow:var(--fprod-shadow-sm);border:1px solid rgba(74,107,124,.1);transition:all .4s ease;position:relative}.fprod-technique-card:hover{transform:translateY(-4px);box-shadow:var(--fprod-shadow-md)}.fprod-technique-icon{font-size:2rem;margin-bottom:var(--fprod-spacing-md);display:block}.fprod-technique-title{font-size:var(--fprod-font-xl);font-weight:600;color:var(--fprod-text-primary);margin-bottom:var(--fprod-spacing-sm)}.fprod-technique-desc{font-size:var(--fprod-font-base);color:var(--fprod-text-secondary);line-height:1.75;margin:0}.fprod-technique-desc strong{color:var(--fprod-steel-blue);font-weight:600}.fprod-applications{padding:var(--fprod-spacing-5xl) 0;background:linear-gradient(180deg,rgba(232,236,237,.4) 0%,transparent 100%);position:relative}.fprod-applications-intro{text-align:center;font-size:var(--fprod-font-lg);color:var(--fprod-text-secondary);line-height:1.8;margin:var(--fprod-spacing-xl) auto var(--fprod-spacing-3xl);max-width:850px}.fprod-applications-intro strong{color:var(--fprod-steel-blue);font-weight:600}.fprod-applications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--fprod-spacing-xl)}.fprod-application-card{background:var(--fprod-surface);border-radius:12px;overflow:hidden;box-shadow:var(--fprod-shadow-md);transition:all .4s ease}.fprod-application-card:hover{transform:translateY(-6px);box-shadow:var(--fprod-shadow-lg)}.fprod-application-image{width:100%;height:180px;object-fit:cover}.fprod-application-content{padding:var(--fprod-spacing-xl)}.fprod-application-title{font-size:var(--fprod-font-xl);font-weight:600;color:var(--fprod-text-primary);margin-bottom:var(--fprod-spacing-sm)}.fprod-application-desc{font-size:var(--fprod-font-base);color:var(--fprod-text-secondary);line-height:1.75;margin:0}.fprod-application-desc strong{color:var(--fprod-steel-blue);font-weight:600}.fprod-faq{padding:var(--fprod-spacing-5xl) 0 var(--fprod-spacing-5xl);position:relative}.fprod-faq:before{content:"";position:absolute;top:50px;right:50px;width:16px;height:16px;background:var(--fprod-frost-gray);border-radius:50%;border:3px solid var(--fprod-steel-blue)}.fprod-faq-grid{display:grid;grid-template-columns:1fr;gap:var(--fprod-spacing-lg);max-width:900px;margin:var(--fprod-spacing-2xl) auto 0}.fprod-faq-item{background:var(--fprod-surface);border-radius:10px;padding:var(--fprod-spacing-xl);box-shadow:var(--fprod-shadow-sm);border:1px solid rgba(74,107,124,.1);transition:all .3s ease}.fprod-faq-item:hover{box-shadow:var(--fprod-shadow-md);border-color:#4a6b7c33}.fprod-faq-question{font-size:var(--fprod-font-lg);font-weight:600;color:var(--fprod-text-primary);margin-bottom:var(--fprod-spacing-sm);line-height:1.4;display:flex;align-items:flex-start;gap:var(--fprod-spacing-sm)}.fprod-faq-question:before{content:"Q";flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,var(--fprod-steel-blue),var(--fprod-soft-blue));color:#fff;font-size:var(--fprod-font-sm);font-weight:700;border-radius:4px}.fprod-faq-answer{font-size:var(--fprod-font-base);color:var(--fprod-text-secondary);line-height:1.75;margin:0;padding-left:32px}.fprod-faq-answer strong{color:var(--fprod-steel-blue);font-weight:600}@keyframes fprod-gear-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fprod-pulse-glow{0%,to{box-shadow:0 0 20px #fff3}50%{box-shadow:0 0 40px #fff6}}@keyframes fprod-steam-rise{0%{opacity:.3;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fprod-card-enter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fprod-animate-card{opacity:0;animation:fprod-card-enter .6s cubic-bezier(.4,0,.2,1) forwards}@media(max-width:1024px){.fprod-content-layout{grid-template-columns:1fr;gap:var(--fprod-spacing-2xl)}.fprod-features-grid{grid-template-columns:1fr}.fprod-online-content{flex-direction:column;text-align:center}.fprod-showcase-grid{grid-template-columns:repeat(2,1fr)}.fprod-applications-grid{grid-template-columns:1fr}}@media(max-width:768px){.fprod-section,.fprod-hero{padding:var(--fprod-spacing-3xl) 0}.fprod-hero-title{font-size:var(--fprod-font-2xl)}.fprod-hero-desc{font-size:var(--fprod-font-base)}.fprod-section-title{font-size:var(--fprod-font-xl)}.fprod-features-intro,.fprod-showcase-intro,.fprod-innovations-intro,.fprod-techniques-intro,.fprod-applications-intro{font-size:var(--fprod-font-base);margin:var(--fprod-spacing-lg) auto var(--fprod-spacing-2xl)}.fprod-features-grid,.fprod-techniques-grid{grid-template-columns:1fr;gap:var(--fprod-spacing-lg)}.fprod-showcase-grid,.fprod-innovations-list{grid-template-columns:1fr}.fprod-feature-card,.fprod-technique-card,.fprod-innovation-item{padding:var(--fprod-spacing-xl)}.fprod-online-icon{width:60px;height:60px;font-size:2rem}.fprod-online-title{font-size:var(--fprod-font-xl)}.fprod-faq-question{font-size:var(--fprod-font-base)}.fprod-faq-answer{padding-left:0;margin-top:var(--fprod-spacing-sm)}}[data-theme=dark] .fprod-hero{background:linear-gradient(135deg,#4a6b7c26,#1a2332e6)}[data-theme=dark] .fprod-features{background:linear-gradient(180deg,#2c3e5080,#1a2332b3)}[data-theme=dark] .fprod-feature-card,[data-theme=dark] .fprod-technique-card,[data-theme=dark] .fprod-innovation-item,[data-theme=dark] .fprod-application-card,[data-theme=dark] .fprod-faq-item{background:#2c3e50cc;border-color:#4a6b7c40}[data-theme=dark] .fprod-innovations{background:linear-gradient(180deg,#1a2332cc,#2c3e5099)}[data-theme=dark] .fprod-applications{background:linear-gradient(180deg,rgba(44,62,80,.4) 0%,transparent 100%)}