.features-new-page{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);color:#f8fafc;min-height:100vh;overflow:hidden;position:relative}.features-new-page.reduce-motion *{animation:none!important;transition:none!important}.fn-container{margin:0 auto;max-width:1400px;padding:60px 20px;position:relative;z-index:10}.fn-bg-system{inset:0;overflow:hidden;pointer-events:none;position:absolute}.fn-bg-neural{background:radial-gradient(ellipse 60% 60% at 50% 50%,#8b5cf614 0,#0000 50%);background:radial-gradient(ellipse 60% 60% at var(--mouse-x,50%) var(--mouse-y,50%),#8b5cf614 0,#0000 50%);inset:-50%;position:absolute;transition:all .3s ease-out}.fn-hero-section{margin-bottom:60px;text-align:center}.fn-hero-title{background:linear-gradient(135deg,#fff,#8b5cf6 50%,#10b981);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.fn-hero-icon,.fn-hero-title{-webkit-text-fill-color:#0000}.fn-hero-icon{background:linear-gradient(135deg,#8b5cf6,#10b981);-webkit-background-clip:text;background-clip:text;margin-right:16px}.fn-hero-subtitle{color:#94a3b8;font-size:1.3rem;margin-bottom:40px}.fn-tab-switcher{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.fn-tab-btn{align-items:center;background:#ffffff08;border:2px solid #ffffff1a;border-radius:16px;color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:200px;padding:20px 40px;transition:all .3s ease}.fn-tab-btn svg{font-size:1.5rem;margin-bottom:4px}.fn-tab-btn span{font-size:1.1rem;font-weight:600}.fn-tab-btn small{font-size:.8rem;opacity:.7}.fn-tab-btn:hover{background:#8b5cf61a;border-color:#8b5cf680;transform:translateY(-2px)}.fn-tab-btn.active{background:linear-gradient(135deg,#8b5cf633,#10b9811a);border-color:#8b5cf6;box-shadow:0 8px 32px #8b5cf64d;color:#fff}.fn-tab-btn.active svg{color:#10b981}.fn-section-title{align-items:center;color:#fff;display:flex;font-size:1.8rem;font-weight:700;gap:12px;justify-content:center;margin-bottom:16px}.fn-section-title svg{color:#8b5cf6}.fn-section-subtitle{color:#94a3b8;font-size:1.1rem;margin-bottom:40px;text-align:center}.fn-developer-content,.fn-user-content{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fn-stats-row{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:60px}.fn-stat-card{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;padding:24px 40px;transition:all .3s ease}.fn-stat-card:hover{background:#8b5cf61a;border-color:#8b5cf64d;transform:translateY(-4px)}.fn-stat-card.developer:hover{background:#3b82f61a;border-color:#3b82f64d}.fn-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.fn-stat-card.developer .fn-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#3b82f6);-webkit-background-clip:text;background-clip:text}.fn-stat-label{color:#94a3b8;font-size:.9rem;margin-top:4px}.fn-features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:60px}.fn-category-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;transition:all .3s ease}.fn-category-card:hover{border-color:var(--category-color);box-shadow:0 12px 40px #0003;transform:translateY(-4px)}.fn-category-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff0d;display:flex;gap:16px;padding:24px}.fn-category-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.4rem;height:50px;justify-content:center;width:50px}.fn-category-title{color:#f8fafc;font-size:1.3rem;font-weight:700;margin:0}.fn-category-items{list-style:none;margin:0;padding:16px 24px}.fn-feature-item{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;gap:14px;padding:14px 0}.fn-feature-item:last-child{border-bottom:none}.fn-item-icon{color:var(--category-color);font-size:1.1rem;margin-top:2px}.fn-item-content{display:flex;flex-direction:column;gap:4px}.fn-item-content strong{color:#f8fafc;font-weight:600}.fn-item-content span{color:#94a3b8;font-size:.9rem}.fn-highlight-section{background:linear-gradient(135deg,#8b5cf61a,#10b9810d);border:1px solid #8b5cf633;border-radius:24px;margin-bottom:60px;padding:60px 40px;text-align:center}.fn-highlight-title{align-items:center;color:#f8fafc;display:flex;font-size:1.8rem;font-weight:700;gap:12px;justify-content:center;margin-bottom:40px}.fn-highlight-title svg{color:#f59e0b}.fn-highlight-steps{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:40px}.fn-step{min-width:150px;text-align:center}.fn-step-number{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;color:#fff;display:inline-flex;font-size:1.3rem;font-weight:700;height:50px;justify-content:center;margin-bottom:12px;width:50px}.fn-step h4{color:#f8fafc;font-size:1.1rem;font-weight:600;margin:0 0 6px}.fn-step p{color:#94a3b8;font-size:.9rem;margin:0}.fn-step-arrow{color:#6366f1;font-size:1.5rem}.fn-highlight-cta{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.fn-highlight-cta:hover{box-shadow:0 8px 32px #8b5cf666;transform:scale(1.05)}.fn-cta-section{margin-bottom:60px}.fn-cta-content{border-radius:24px;padding:48px;text-align:center}.fn-cta-section.user .fn-cta-content{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid #6366f14d}.fn-cta-section.developer .fn-cta-content{background:linear-gradient(135deg,#10b98126,#3b82f61a);border:1px solid #10b9814d}.fn-cta-icon{font-size:3rem;margin-bottom:20px}.fn-cta-section.user .fn-cta-icon{color:#6366f1}.fn-cta-section.developer .fn-cta-icon{color:#10b981}.fn-cta-content h3{color:#f8fafc;font-size:1.8rem;font-weight:700;margin-bottom:12px}.fn-cta-content p{color:#94a3b8;font-size:1.1rem;margin-bottom:28px}.fn-cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.fn-cta-btn{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.fn-cta-btn.primary{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.fn-cta-btn.primary:hover{box-shadow:0 8px 32px #10b98166;transform:scale(1.05)}.fn-cta-btn.secondary{background:#0000;border:2px solid #8b5cf6;color:#8b5cf6}.fn-cta-btn.secondary:hover{background:#8b5cf61a;transform:scale(1.05)}.fn-switch-section{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f64d;border-radius:20px;margin-bottom:60px;padding:40px;text-align:center}.fn-switch-section p{color:#cbd5e1;font-size:1.1rem;margin-bottom:20px}.fn-switch-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.fn-switch-btn:hover{box-shadow:0 8px 32px #3b82f666;transform:scale(1.05)}.fn-dev-features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:60px}.fn-dev-category-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;transition:all .3s ease}.fn-dev-category-card:hover{border-color:var(--category-color);box-shadow:0 12px 40px #0003;transform:translateY(-4px)}.fn-dev-category-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff0d;display:flex;gap:16px;padding:24px}.fn-dev-category-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.4rem;height:50px;justify-content:center;width:50px}.fn-dev-category-title{color:#f8fafc;font-size:1.3rem;font-weight:700;margin:0}.fn-dev-category-items{list-style:none;margin:0;padding:16px 24px}.fn-dev-feature-item{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;gap:14px;padding:14px 0}.fn-dev-feature-item:last-child{border-bottom:none}.fn-dev-check{color:#10b981;flex-shrink:0;font-size:1rem;margin-top:3px}.fn-dev-item-content{display:flex;flex-direction:column;gap:4px}.fn-dev-item-content strong{color:#f8fafc;font-weight:600}.fn-dev-item-content span{color:#94a3b8;font-size:.9rem;line-height:1.5}.fn-code-section{margin-bottom:60px}.fn-code-preview{background:#0f172acc;border:1px solid #ffffff1a;border-radius:16px;margin:0 auto 24px;max-width:700px;overflow:hidden}.fn-code-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;gap:8px;padding:12px 16px}.fn-code-dot{border-radius:50%;height:12px;width:12px}.fn-code-dot.red{background:#ef4444}.fn-code-dot.yellow{background:#f59e0b}.fn-code-dot.green{background:#10b981}.fn-code-filename{color:#64748b;font-size:.85rem;margin-left:auto}.fn-code-block{color:#e2e8f0;font-family:Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.6;margin:0;overflow-x:auto;padding:24px}.fn-sdk-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.fn-sdk-badge{background:#3b82f626;border:1px solid #3b82f64d;border-radius:30px;color:#3b82f6;font-size:.85rem;font-weight:500;padding:8px 18px}.fn-products-section{padding-top:40px}.fn-products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.fn-product-card{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:16px;padding:20px 24px;text-decoration:none;transition:all .3s ease}.fn-product-card:hover{background:#ffffff0d;border-color:var(--product-color);transform:translateY(-2px)}.fn-product-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.2rem;height:48px;justify-content:center;width:48px}.fn-product-info{flex:1 1}.fn-product-info h4{color:#f8fafc;font-size:1.1rem;font-weight:600;margin:0 0 4px}.fn-product-info p{color:#94a3b8;font-size:.85rem;margin:0}.fn-product-arrow{color:#64748b;transition:all .3s ease}.fn-product-card:hover .fn-product-arrow{color:var(--product-color);transform:translateX(4px)}.fn-products-cta{text-align:center}.fn-products-link{align-items:center;color:#8b5cf6;display:inline-flex;font-weight:600;gap:8px;text-decoration:none;transition:all .3s ease}.fn-products-link:hover{color:#a78bfa;gap:12px}@media (max-width:768px){.fn-container{padding:80px 16px 40px}.fn-hero-title{font-size:1.8rem}.fn-tab-btn{min-width:150px;padding:16px 24px}.fn-tab-btn span{font-size:1rem}.fn-dev-features-grid,.fn-features-grid{grid-template-columns:1fr}.fn-highlight-steps{flex-direction:column}.fn-step-arrow{transform:rotate(90deg)}.fn-cta-buttons{flex-direction:column}.fn-cta-btn{justify-content:center;width:100%}.fn-products-grid{grid-template-columns:1fr}.fn-code-block{font-size:.8rem;padding:16px}}@media (max-width:480px){.fn-hero-title{font-size:1.5rem}.fn-section-title{font-size:1.4rem}.fn-stat-card{padding:20px 28px}.fn-stat-value{font-size:2rem}}.fn-recompose-section{margin-bottom:48px;margin-top:72px}.recompose-container{grid-gap:24px;background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;display:grid;gap:24px;grid-template-columns:340px 1fr;margin-top:28px;padding:28px}.recompose-controls{display:flex;flex-direction:column;gap:20px;max-height:680px;overflow-y:auto;padding-right:8px}.recompose-controls::-webkit-scrollbar{width:4px}.recompose-controls::-webkit-scrollbar-track{background:#0000}.recompose-controls::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.ctrl-group{display:flex;flex-direction:column;gap:8px}.ctrl-group h5{color:#ffffffb3;font-size:.82rem;font-weight:700;letter-spacing:.04em;margin:0;text-transform:uppercase}.ctrl-row{display:flex;flex-wrap:wrap;gap:6px}.ctrl-chip{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#ffffff8c;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;padding:8px 14px;transition:all .2s}.ctrl-chip:hover{background:#ffffff0f;color:#fffc}.ctrl-chip.active{background:#6366f126;border-color:#6366f159;color:#a5b4fc}.ctrl-chip-wide{flex:1 1;text-align:left}.ctrl-chip-title{font-size:.82rem;font-weight:600}.ctrl-chip-sub{color:#ffffff59;font-size:.68rem;margin-top:2px}.ctrl-chip.active .ctrl-chip-sub{color:#a5b4fc99}.color-row{align-items:center;display:flex;gap:6px}.color-swatch{border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;flex-shrink:0;height:28px;padding:0;transition:all .2s;width:28px}.color-swatch:hover{border-color:#ffffff4d;transform:scale(1.1)}.color-swatch.active{border-color:#818cf8;box-shadow:0 0 0 2px #6366f14d}.color-swatch.sm{border-width:1px;height:22px;width:22px}.color-hex{color:#ffffff59;font-family:monospace;font-size:.72rem;margin-left:4px}.ctrl-toggle{align-items:center;display:flex;gap:8px;justify-content:space-between}.ctrl-toggle-label{color:#fff9;font-size:.82rem}.toggle-switch{background:#ffffff1a;border:none;border-radius:10px;cursor:pointer;flex-shrink:0;height:20px;padding:0;position:relative;transition:background .2s;width:36px}.toggle-switch:after{background:#fff;border-radius:50%;content:"";height:14px;left:3px;position:absolute;top:3px;transition:transform .2s;width:14px}.toggle-switch.on{background:#6366f1}.toggle-switch.on:after{transform:translateX(16px)}.ctrl-sub{display:flex;flex-direction:column;gap:8px;margin-top:6px}.ctrl-sub-label{color:#fff6;font-size:.72rem}.ctrl-inline-row{align-items:center;display:flex;gap:6px}.ctrl-select{display:flex;flex-wrap:wrap;gap:4px}.ctrl-pos{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;color:#ffffff80;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:600;padding:5px 10px;transition:all .2s}.ctrl-pos:hover{background:#ffffff0f}.ctrl-pos.active{background:#6366f11f;border-color:#6366f14d;color:#a5b4fc}.ctrl-text-input{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#ffffffb3;font-family:inherit;font-size:.82rem;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.ctrl-text-input:focus{border-color:#6366f166}.recompose-preview{display:flex;flex-direction:column;gap:8px}.preview-label{color:#ffffff73;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.video-canvas{border:1px solid #ffffff0f;border-radius:12px;overflow:hidden;position:relative}.video-canvas.canvas-landscape{aspect-ratio:16/9}.video-canvas.canvas-portrait{aspect-ratio:9/16;max-width:220px}.video-grid{height:100%;left:0;position:absolute;top:0;width:100%}.grid-webinar-landscape{display:flex;flex-direction:row;gap:2px}.grid-webinar-landscape .vid-host{flex:0 0 58%;height:100%}.grid-webinar-landscape .vid-participants{display:flex;flex:1 1;flex-direction:column;gap:2px}.grid-webinar-landscape .vid-participants .vid-cell{flex:1 1}.grid-webinar-portrait{display:flex;flex-direction:column;gap:2px}.grid-webinar-portrait .vid-host{flex:0 0 55%;width:100%}.grid-webinar-portrait .vid-participants{display:flex;flex:1 1;flex-direction:row;gap:2px}.grid-webinar-portrait .vid-participants .vid-cell{flex:1 1}.vid-cell{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.vid-cell-contain{background:#0000;padding:2px}.vid-cell-cover{padding:0}.vid-gradient-1{background:radial-gradient(ellipse at 50% 40%,#c8b4a033 0,#0000 60%),linear-gradient(135deg,#1e3a5f,#2d5a87)}.vid-gradient-2{background:radial-gradient(ellipse at 48% 42%,#c8b4a02e 0,#0000 60%),linear-gradient(135deg,#3a1e5f,#5a2d87)}.vid-gradient-3{background:radial-gradient(ellipse at 52% 40%,#c8b4a02e 0,#0000 60%),linear-gradient(135deg,#1e5f3a,#2d8745)}.vid-gradient-4{background:radial-gradient(ellipse at 50% 41%,#c8b4a02e 0,#0000 60%),linear-gradient(135deg,#5f3a1e,#87562d)}.vid-cell-contain{background:#000!important}.vid-cell-contain .vid-silhouette{border-radius:4px;height:68%;width:72%}.vid-cell-contain.vid-gradient-1 .vid-silhouette{height:82%;width:88%}.vid-cell-contain.vid-gradient-2 .vid-silhouette{height:92%;width:55%}.vid-cell-contain.vid-gradient-3 .vid-silhouette{height:58%;width:92%}.vid-cell-contain.vid-gradient-4 .vid-silhouette{height:70%;width:70%}.vid-cell-cover .vid-silhouette{height:100%;width:100%}.vid-silhouette{align-items:center;border-radius:3px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;z-index:1}.vid-cell-contain .vid-silhouette{background:radial-gradient(ellipse at 50% 40%,#c8b4a026 0,#0000 60%),linear-gradient(135deg,#1e3a5f,#2d5a87)}.vid-cell-contain.vid-gradient-2 .vid-silhouette{background:radial-gradient(ellipse at 50% 40%,#c8b4a026 0,#0000 60%),linear-gradient(135deg,#3a1e5f,#5a2d87)}.vid-cell-contain.vid-gradient-3 .vid-silhouette{background:radial-gradient(ellipse at 50% 40%,#c8b4a026 0,#0000 60%),linear-gradient(135deg,#1e5f3a,#2d8745)}.vid-cell-contain.vid-gradient-4 .vid-silhouette{background:radial-gradient(ellipse at 50% 40%,#c8b4a026 0,#0000 60%),linear-gradient(135deg,#5f3a1e,#87562d)}.sil-head{background:#ffffff26;border-radius:50%;flex-shrink:0;height:26px;margin-bottom:3px;width:26px}.sil-body{background:#ffffff17;border-radius:50% 50% 8% 8%;flex-shrink:0;height:20px;width:50px}.sil-head-lg{height:38px;margin-bottom:5px;width:38px}.sil-body-lg{height:28px;width:72px}.vid-silhouette-sm .sil-head{height:16px;margin-bottom:2px;width:16px}.vid-silhouette-sm .sil-body{height:12px;width:32px}.vid-nametag{background:#00000073;border-radius:4px;bottom:4px;font-size:.65rem;font-weight:600;left:6px;padding:2px 6px;position:absolute;z-index:2}.vid-nametag-sm{bottom:3px;font-size:.5rem;left:4px;padding:1px 4px}.vid-watermark{color:#ffffff26;font-size:.65rem;font-weight:800;letter-spacing:.1em;pointer-events:none;position:absolute}.vid-watermark-sm{font-size:.5rem}.wm-top-left{left:8px;top:6px}.wm-top-right{right:8px;top:6px}.wm-bottom-left{bottom:6px;left:8px}.wm-bottom-right{bottom:6px;right:8px}.vid-custom-text{background:#00000059;font-size:.72rem;font-weight:600;left:0;padding:3px 8px;pointer-events:none;position:absolute;right:0;text-align:center}.vid-custom-text-sm{font-size:.58rem}.text-top{top:0}.text-middle{top:50%;transform:translateY(-50%)}.text-bottom{bottom:0}.code-output-wrap{position:relative}.code-copy-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;color:#ffffff80;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:600;padding:4px 10px;position:absolute;right:8px;top:8px;transition:all .2s;z-index:1}.code-copy-btn:hover{background:#6366f126;color:#a5b4fc}.code-output{background:#0006;border:1px solid #ffffff0f;border-radius:10px;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;line-height:1.7;margin:0;overflow-x:auto;padding:16px 18px;white-space:pre}.recompose-highlights{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:28px}.recompose-highlight-card{background:hsla(0,0%,100%,.025);border:1px solid #ffffff0f;border-radius:14px;padding:18px}.rh-emoji{font-size:1.2rem;margin-bottom:8px}.recompose-highlight-card h4{color:#f4f6fb;font-size:.92rem;font-weight:700;margin:0 0 6px}.recompose-highlight-card p{color:#ffffff80;font-size:.82rem;line-height:1.5;margin:0}@media (max-width:900px){.recompose-container{grid-template-columns:1fr}.recompose-controls{max-height:none;padding-right:0}.recompose-highlights{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.recompose-highlights{grid-template-columns:1fr}.video-canvas.canvas-portrait{max-width:160px}}.fn-journey-section{margin-bottom:60px}.fn-journey-step{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:32px;transition:all .3s ease}.fn-journey-step:hover{border-color:#6366f166;border-color:var(--step-color,#6366f166);box-shadow:0 12px 40px #0003;transform:translateY(-2px)}.fn-journey-step-header{align-items:center;display:flex;gap:20px;margin-bottom:24px}.fn-journey-step-number{align-items:center;border-radius:14px;color:#fff;display:flex;font-size:1.3rem;font-weight:800;height:48px;justify-content:center;min-width:48px;width:48px}.fn-journey-step-info{display:flex;flex-direction:column;gap:4px}.fn-journey-step-title{color:#f8fafc;font-size:1.5rem;font-weight:700;margin:0}.fn-journey-step-subtitle{color:#94a3b8;font-size:1rem;margin:0}.fn-journey-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.fn-journey-feature{align-items:flex-start;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:background .2s}.fn-journey-feature:hover{background:#ffffff0d}.fn-journey-feature-icon{flex-shrink:0;font-size:1rem;margin-top:3px}.fn-journey-feature-content{display:flex;flex-direction:column;gap:2px}.fn-journey-feature-content strong{color:#f8fafc;font-size:.95rem;font-weight:600}.fn-journey-feature-content span{color:#94a3b8;font-size:.85rem;line-height:1.4}.fn-journey-link{align-items:center;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:16px;text-decoration:none;transition:opacity .2s}.fn-journey-link:hover{opacity:.8}.fn-journey-connector{color:#6366f166;display:flex;font-size:1.2rem;justify-content:center;padding:12px 0;transform:rotate(90deg)}.fn-stats-row-6{gap:16px}.fn-stats-row-6 .fn-stat-card{min-width:120px;padding:20px 24px}.fn-stats-row-6 .fn-stat-value{font-size:2rem}.fn-integration-section{margin-bottom:60px}.fn-integration-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.fn-integration-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;padding:24px;transition:all .3s ease}.fn-integration-card:hover{border-color:#6366f166;border-color:var(--path-color,#6366f166);box-shadow:0 12px 40px #0003;transform:translateY(-4px)}.fn-integration-time{font-size:.72rem;font-weight:700;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.fn-integration-time svg{margin-right:4px}.fn-integration-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.fn-integration-icon{font-size:1.4rem}.fn-integration-header h3{color:#f8fafc;font-size:1.2rem;font-weight:700;margin:0}.fn-integration-desc{color:#94a3b8;flex:1 1;font-size:.85rem;line-height:1.5;margin-bottom:16px}.fn-integration-code{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;overflow:hidden}.fn-integration-code .fn-code-header{padding:8px 12px}.fn-integration-code pre{color:#10b981;font-family:Fira Code,Consolas,monospace;font-size:.72rem;line-height:1.5;margin:0;overflow-x:auto;padding:12px 14px;white-space:pre}.fn-capabilities-section{margin-bottom:60px}.fn-capabilities-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.fn-capability-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;transition:all .3s ease}.fn-capability-card:hover{border-color:#6366f166;border-color:var(--cap-color,#6366f166);box-shadow:0 12px 40px #0003;transform:translateY(-4px)}.fn-capability-header{align-items:center;display:flex;gap:14px;padding:20px 24px 12px}.fn-capability-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;width:44px}.fn-capability-header h3{color:#f8fafc;font-size:1.15rem;font-weight:700;margin:0}.fn-capability-stats{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 12px}.fn-cap-stat{background:#6366f11a;border-radius:6px;color:#a5b4fc;font-size:.68rem;font-weight:600;padding:3px 10px}.fn-capability-items{list-style:none;margin:0;padding:0 24px 20px}.fn-capability-items li{align-items:flex-start;border-bottom:1px solid #ffffff0a;display:flex;gap:10px;padding:10px 0}.fn-capability-items li:last-child{border-bottom:none}.fn-cap-check{color:#10b981;flex-shrink:0;font-size:.85rem;margin-top:3px}.fn-capability-items li div{display:flex;flex-direction:column;gap:2px}.fn-capability-items li strong{color:#f8fafc;font-size:.9rem;font-weight:600}.fn-capability-items li span{color:#94a3b8;font-size:.82rem;line-height:1.4}.fn-widgets-section{margin-bottom:60px}.fn-widgets-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.fn-widget-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.fn-widget-card:hover{background:#6366f10f;border-color:#6366f14d;transform:translateY(-4px)}.fn-widget-emoji{font-size:2.2rem;margin-bottom:10px}.fn-widget-card h4{color:#f8fafc;font-size:1rem;font-weight:700;margin:0 0 6px}.fn-widget-card p{color:#94a3b8;font-size:.82rem;line-height:1.4;margin:0 0 10px}.fn-widget-tag{background:#10b9811a;border-radius:6px;color:#10b981;font-family:Fira Code,Consolas,monospace;font-size:.7rem;padding:4px 10px}.fn-widget-nocode-strip{background:linear-gradient(135deg,#10b98114,#3b82f60f);border:1px solid #10b98133;border-radius:14px;margin-top:18px;padding:16px}.fn-widget-nocode-title{color:#6ee7b7;font-size:.88rem;font-weight:700;letter-spacing:.04em;margin-bottom:12px;text-transform:uppercase}.fn-widget-nocode-links{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.fn-widget-nocode-link{background:#0f172a73;border:1px solid #ffffff1f;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:10px 12px;text-decoration:none;transition:all .2s ease}.fn-widget-nocode-link strong{color:#f8fafc;font-size:.86rem}.fn-widget-nocode-link span{color:#94a3b8;font-size:.74rem;line-height:1.35}.fn-widget-nocode-link:hover{background:#10b9811a;border-color:#10b98166;transform:translateY(-1px)}.fn-usecases-section{margin-bottom:60px}.fn-usecases-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.fn-usecase-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;color:inherit;display:block;padding:20px;text-decoration:none;transition:all .3s ease}.fn-usecase-card:hover{background:#6366f10f;border-color:#6366f14d;transform:translateY(-3px)}.fn-usecase-emoji{font-size:1.8rem;margin-bottom:8px}.fn-usecase-card h4{color:#f8fafc;font-size:.92rem;font-weight:700;margin:0 0 4px}.fn-usecase-card p{color:#94a3b8;font-size:.78rem;line-height:1.4;margin:0 0 8px}.fn-usecase-link{color:#10b981;font-size:.72rem;font-weight:600}.fn-pricing-section{margin-bottom:60px}.fn-pricing-table-wrap{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;overflow-x:auto}.fn-pricing-table{border-collapse:collapse;font-size:.9rem;width:100%}.fn-pricing-table th{border-bottom:1px solid #ffffff1a;color:#94a3b8;font-size:.78rem;font-weight:600;letter-spacing:.05em;padding:14px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.fn-pricing-highlight-col{color:#818cf8!important}.fn-pricing-table td{border-bottom:1px solid #ffffff0a;color:#cbd5e1;padding:12px 20px;white-space:nowrap}.fn-pricing-table tbody tr:hover td{background:#6366f10d}.fn-pricing-highlight{color:#10b981!important;font-weight:700}.fn-pricing-link-wrap{margin-top:16px;text-align:center}.fn-pricing-link{color:#818cf8;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.fn-pricing-link:hover{color:#6366f1}.fn-pricing-link svg{margin-left:6px}@media (max-width:900px){.fn-capabilities-grid,.fn-integration-grid{grid-template-columns:1fr}.fn-widgets-grid{grid-template-columns:repeat(2,1fr)}.fn-widget-nocode-links{grid-template-columns:1fr}.fn-usecases-grid{grid-template-columns:repeat(2,1fr)}.fn-journey-features{grid-template-columns:1fr}.fn-stats-row-6{gap:12px}.fn-stats-row-6 .fn-stat-card{min-width:100px;padding:14px 16px}.fn-stats-row-6 .fn-stat-value{font-size:1.5rem}}@media (max-width:480px){.fn-usecases-grid,.fn-widgets-grid{grid-template-columns:1fr}.fn-journey-step{padding:20px}.fn-journey-step-title{font-size:1.2rem}.fn-pricing-table{font-size:.78rem}.fn-pricing-table td,.fn-pricing-table th{padding:10px 12px}}
/*# sourceMappingURL=9821.cf5257f4.chunk.css.map*/