{"id":11918,"date":"2025-08-18T10:46:16","date_gmt":"2025-08-18T10:46:16","guid":{"rendered":"https:\/\/flyfone.com\/?page_id=11918"},"modified":"2026-01-23T15:50:35","modified_gmt":"2026-01-23T15:50:35","slug":"ai-powered-quality-assurance","status":"publish","type":"page","link":"https:\/\/flyfone.com\/ru\/ai-powered-quality-assurance\/","title":{"rendered":"\u041e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0430"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n\/* ========================================\n   HERO SECTION CSS - Cloud Call Center\n   Th\u00eam v\u00e0o: Appearance > Customize > Additional CSS\n   ======================================== *\/\n\n\/* Base Styles *\/\n.hero-section-flyfone {\n    position: relative;\n    width: 100%;\n    min-height: 640px;\n    background: #e8f5e3;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    padding: 80px 0;\n}\n\n.hero-container-flyfone {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 60px;\n    width: 100%;\n    display: grid;\n    grid-template-columns: 45% 55%;\n    gap: 40px;\n    align-items: center;\n    position: relative;\n    z-index: 2;\n}\n\n\/* Left Content *\/\n.hero-content-flyfone {\n    position: relative;\n    z-index: 3;\n    padding-right: 20px;\n}\n\n.hero-title-flyfone {\n    font-family: 'Maven Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 64px;\n    font-weight: 700;\n    line-height: 1.1;\n    color: #082746;\n    margin-bottom: 30px;\n    animation: slideInLeft 0.8s ease-out;\n}\n\n.hero-description-flyfone {\n    font-family: 'Maven Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 16px;\n    line-height: 1.9;\n    color: #64748b;\n    margin-bottom: 36px;\n    max-width: 500px;\n    animation: slideInLeft 0.8s ease-out 0.2s both;\n}\n\n.hero-cta-flyfone {\n    display: inline-block;\n    background: #69AA46;\n    color: white !important;\n    font-family: 'Maven Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 16px;\n    font-weight: 500;\n    padding: 16px 36px;\n    border-radius: 25px;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    animation: slideInLeft 0.8s ease-out 0.4s both;\n    box-shadow: 0 4px 12px rgba(105, 170, 70, 0.25);\n}\n\n.hero-cta-flyfone:hover {\n    background: #5a9639;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(105, 170, 70, 0.35);\n    color: white !important;\n}\n\n\/* Right Video Section *\/\n.hero-image-wrapper-flyfone {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    animation: fadeInScale 1s ease-out 0.3s both;\n    min-height: 480px;\n}\n\n.hero-video-container-flyfone {\n    position: relative;\n    width: 100%;\n    max-width: 850px;\n    padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\n    height: 0;\n    overflow: hidden;\n    border-radius: 20px;\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\n    animation: float 8s ease-in-out infinite;\n}\n\n.hero-video-container-flyfone iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    border-radius: 20px;\n}\n\n\/* Background Decorations *\/\n.bg-decoration-flyfone {\n    position: absolute;\n    border-radius: 50%;\n    opacity: 0.15;\n    z-index: 1;\n    pointer-events: none;\n}\n\n.bg-circle-1-flyfone {\n    width: 500px;\n    height: 500px;\n    background: linear-gradient(135deg, #a8d89a, #7cb968);\n    top: -150px;\n    right: -150px;\n    filter: blur(100px);\n}\n\n.bg-circle-2-flyfone {\n    width: 400px;\n    height: 400px;\n    background: linear-gradient(135deg, #c8e6c0, #9fd48e);\n    bottom: -100px;\n    left: -100px;\n    filter: blur(80px);\n}\n\n\/* Animations *\/\n@keyframes slideInLeft {\n    from {\n        opacity: 0;\n        transform: translateX(-50px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes fadeInScale {\n    from {\n        opacity: 0;\n        transform: scale(0.95);\n    }\n    to {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n@keyframes float {\n    0%, 100% {\n        transform: translateY(0px);\n    }\n    50% {\n        transform: translateY(-15px);\n    }\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .hero-container-flyfone {\n        max-width: 1200px;\n        padding: 0 40px;\n    }\n\n    .hero-title-flyfone {\n        font-size: 56px;\n    }\n\n    .hero-video-container-flyfone {\n        max-width: 700px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .hero-title-flyfone {\n        font-size: 52px;\n    }\n\n    .hero-container-flyfone {\n        gap: 30px;\n        padding: 0 30px;\n    }\n\n    .hero-video-container-flyfone {\n        max-width: 600px;\n    }\n}\n\n@media (max-width: 768px) {\n    .hero-section-flyfone {\n        min-height: auto;\n        padding: 50px 0 40px;\n    }\n\n    .hero-container-flyfone {\n        grid-template-columns: 1fr;\n        gap: 30px;\n        padding: 0 20px;\n        text-align: center;\n    }\n\n    .hero-content-flyfone {\n        padding-right: 0;\n    }\n\n    .hero-title-flyfone {\n        font-size: 38px;\n        margin-bottom: 18px;\n    }\n\n    .hero-description-flyfone {\n        font-size: 15px;\n        margin: 0 auto 24px;\n        max-width: 100%;\n        line-height: 1.7;\n    }\n\n    .hero-cta-flyfone {\n        font-size: 15px;\n        padding: 14px 32px;\n    }\n\n    .hero-image-wrapper-flyfone {\n        order: -1;\n        min-height: auto;\n        justify-content: center;\n        padding: 0;\n    }\n\n    .hero-video-container-flyfone {\n        max-width: 420px;\n        width: 90%;\n    }\n\n    \/* Hide background decorations on mobile *\/\n    .bg-decoration-flyfone {\n        opacity: 0.08;\n    }\n}\n\n@media (max-width: 480px) {\n    .hero-section-flyfone {\n        padding: 40px 0 30px;\n    }\n\n    .hero-container-flyfone {\n        padding: 0 16px;\n        gap: 25px;\n    }\n\n    .hero-title-flyfone {\n        font-size: 32px;\n        line-height: 1.2;\n        margin-bottom: 16px;\n    }\n\n    .hero-description-flyfone {\n        font-size: 14px;\n        line-height: 1.6;\n        margin-bottom: 20px;\n    }\n\n    .hero-cta-flyfone {\n        font-size: 14px;\n        padding: 12px 28px;\n    }\n\n    .hero-video-container-flyfone {\n        max-width: 360px;\n        width: 95%;\n    }\n\n    .bg-decoration-flyfone {\n        display: none;\n    }\n}\n\n@media (max-width: 375px) {\n    .hero-title-flyfone {\n        font-size: 28px;\n    }\n\n    .hero-description-flyfone {\n        font-size: 13px;\n    }\n\n    .hero-video-container-flyfone {\n        max-width: 320px;\n        width: 100%;\n    }\n}\n<\/style>\n\n<section class=\"hero-section-flyfone\">\n    <!-- Background Decorations -->\n    <div class=\"bg-decoration-flyfone bg-circle-1-flyfone\"><\/div>\n    <div class=\"bg-decoration-flyfone bg-circle-2-flyfone\"><\/div>\n\n    <div class=\"hero-container-flyfone\">\n        <!-- Left Content -->\n        <div class=\"hero-content-flyfone\">\n            <h1 class=\"hero-title-flyfone\">\u0426\u0435\u043d\u0442\u0440 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432\u044b\u0437\u043e\u0432\u043e\u0432 \u0441 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u043e\u043c<\/h1>\n            <p class=\"hero-description-flyfone\">\n                Elevate every customer interaction with intelligent AI monitoring. Automatically evaluate, analyze, and optimize call quality to ensure consistent excellence across your team.\n            <\/p>\n            <a href=\"https:\/\/flyfone.com\/ru\/request-free-trial\/\" class=\"hero-cta-flyfone\">\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u0435 \u0438\u0441\u043f\u044b\u0442\u0430\u043d\u0438\u0435<\/a>\n        <\/div>\n\n        <!-- Right Video -->\n        <div class=\"hero-image-wrapper-flyfone\">\n            <div class=\"hero-video-container-flyfone\">\n                <iframe \n                    src=\"https:\/\/www.youtube.com\/embed\/Ea2PxyrUN20?rel=0&modestbranding=1\" \n                    title=\"AI-Powered Call Center Demo\" \n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n                    allowfullscreen>\n                <\/iframe>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n.flyfone-embed-accordion-header {\n    min-height: 80px !important;\n    padding: 20px 24px !important;\n}\n\n.bg-slate-800\\\/50 {\n    min-height: 80px;\n}\n\/* Header Navigation *\/\n.header-nav {\n    background: white;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n    position: sticky;\n    top: 0;\n    z-index: 100;\n}\n\n\/* Main Banner *\/\n.banner-main {\n    background: #f8f9fa;\n    padding: 80px 0;\n}\n\n\/* Icon styling *\/\n.main-icon {\n    color: #ffa500;\n    font-size: 120px;\n    margin-bottom: 20px;\n}\n\n\/* Content styling *\/\n.banner-heading {\n    font-size: 48px;\n    color: #2d3748;\n    font-weight: 700;\n    margin-bottom: 24px;\n    line-height: 1.2;\n}\n\n.banner-description {\n    font-size: 16px;\n    color: #4a5568;\n    line-height: 1.6;\n    margin-bottom: 30px;\n}\n\n\/* Button styling *\/\n.cta-button {\n    border: 2px solid #ddd;\n    background: transparent;\n    color: #666;\n    padding: 12px 30px;\n    transition: all 0.3s ease;\n}\n\n.cta-button:hover {\n    border-color: #ffa500;\n    color: #ffa500;\n}\n\n\/* Dashboard image *\/\n.dashboard-preview {\n    border-radius: 8px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    max-width: 100%;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n.flyfone-features-grid {\ngrid-template-columns: 1fr !important;\n}\n    .banner-heading {\n        font-size: 32px;\n    }\n    \n    .main-icon {\n        font-size: 80px;\n    }\n}\n\n\n        .comm-solutions-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .comm-solutions-wrapper {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f8fafc;\n            padding: 80px 20px;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .comm-solutions-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            position: relative;\n        }\n        \n        .comm-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n        \n        .comm-badge {\n            display: inline-block;\n            background: #69AA46;\n            color: white;\n            padding: 8px 20px;\n            border-radius: 20px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 20px;\n        }\n        \n        .comm-title {\n            font-size: 3.5rem;\n            font-weight: 700;\n            color: #1e293b;\n            line-height: 1.1;\n            margin-bottom: 20px;\n        }\n        \n        .comm-title .highlight {\n            background: linear-gradient(135deg, #69AA46, #5a9138);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n        \n        .comm-subtitle {\n            font-size: 1.1rem;\n            color: #64748b;\n            line-height: 1.6;\n            max-width: 800px;\n            margin: 0 auto 30px;\n        }\n        \n        .comm-cta {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: linear-gradient(135deg, #69AA46, #5a9138);\n            color: white;\n            padding: 12px 24px;\n            border-radius: 8px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(105, 170, 70, 0.3);\n        }\n        \n        .comm-cta:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(105, 170, 70, 0.4);\n        }\n        \n        .comm-content {\n            display: block;\n            max-width: 900px;\n            margin: 0 auto;\n        }\n        \n        .comm-features {\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n        \n        .comm-feature {\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n            padding: 16px 20px;\n            border-radius: 12px;\n            border: 2px solid transparent;\n            background: white;\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\n            margin-bottom: 12px;\n        }\n        \n        .comm-feature-icon {\n            width: 42px;\n            height: 42px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 18px;\n            color: white;\n            font-weight: bold;\n            flex-shrink: 0;\n        }\n        \n        .icon-blue {\n            background: linear-gradient(135deg, #69AA46, #5a9138);\n        }\n        \n        .icon-emerald {\n            background: linear-gradient(135deg, #10b981, #059669);\n        }\n        \n        .icon-violet {\n            background: linear-gradient(135deg, #8b5cf6, #7c3aed);\n        }\n        \n        .icon-orange {\n            background: linear-gradient(135deg, #f59e0b, #d97706);\n        }\n        \n        .comm-feature-main {\n            flex: 1;\n        }\n        \n        .comm-feature-content {\n            flex: 1;\n        }\n        \n        .comm-feature-title {\n            font-size: 1.15rem;\n            font-weight: 600;\n            color: #1e293b;\n            margin-bottom: 8px;\n        }\n        \n        .comm-feature-desc {\n            color: #64748b;\n            line-height: 1.5;\n            font-size: 0.95rem;\n        }\n        \n        .comm-feature-link {\n            display: none;\n        }\n        \n\n        \n        @keyframes pulse {\n            0% { opacity: 1; }\n            50% { opacity: 0.5; }\n            100% { opacity: 1; }\n        }\n        \n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .comm-solutions-wrapper {\n                padding: 40px 15px;\n            }\n            \n            .comm-header {\n                margin-bottom: 40px;\n            }\n            \n            .comm-title {\n                font-size: 2rem;\n            }\n            \n            .comm-subtitle {\n                font-size: 1rem;\n            }\n            \n            .comm-feature {\n                padding: 16px 15px;\n                margin-bottom: 10px;\n            }\n            \n            .comm-feature-icon {\n                width: 38px;\n                height: 38px;\n                font-size: 16px;\n            }\n            \n            .comm-feature-title {\n                font-size: 1.05rem;\n            }\n            \n            .comm-feature-desc {\n                font-size: 0.9rem;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .comm-solutions-container {\n                max-width: 100%;\n            }\n            .comm-title {\n                font-size: 1.8rem;\n            }\n            \n            .comm-badge {\n                font-size: 0.75rem;\n                padding: 6px 16px;\n            }\n            \n            .comm-feature {\n                padding: 12px 10px;\n                gap: 10px;\n                margin-bottom: 6px;\n            }\n            \n            .comm-feature-icon {\n                width: 35px;\n                height: 35px;\n                font-size: 14px;\n            }\n            \n            .comm-feature-title {\n                font-size: 1rem;\n            }\n            \n            .comm-feature-desc {\n                font-size: 0.85rem;\n            }\n        }\n\n.flyfone-advantages * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.flyfone-advantages {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    color: #1a1a1a;\n    padding: 60px 20px;\n    line-height: 1.6;\n    position: relative;\n}\n\n.flyfone-advantages .advantages-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    border-radius: 16px;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n    padding: 50px;\n}\n\n.flyfone-advantages .header-section {\n    text-align: center;\n    margin-bottom: 60px;\n    padding-bottom: 30px;\n    border-bottom: 3px solid #ff6b35;\n}\n\n.flyfone-advantages .main-title {\n    font-size: 2.8rem;\n    font-weight: 600;\n    color: #2d3748;\n    margin-bottom: 16px;\n    letter-spacing: -0.02em;\n}\n\n.flyfone-advantages .title-highlight {\n    background: linear-gradient(135deg, #ff6b35 0%, #ff8a50 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-weight: 700;\n}\n\n.flyfone-advantages .advantages-grid {\n    margin-top: 50px;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 40px;\n}\n\n.flyfone-advantages .advantage-card {\n    border-radius: 16px;\n    border: 2px solid #e2e8f0;\n    padding: 40px;\n    transition: all 0.3s ease;\n    position: relative;\n}\n\n.flyfone-advantages .advantage-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 40px rgba(255, 107, 53, 0.15);\n    border-color: #ff6b35;\n}\n\n.flyfone-advantages .card-header {\n    margin-bottom: 30px;\n}\n\n.flyfone-advantages .card-title {\n    font-size: 1.8rem;\n    font-weight: 600;\n    color: #ff6b35;\n    margin-bottom: 20px;\n    line-height: 1.3;\n}\n\n.flyfone-advantages .card-description {\n    font-size: 1.1rem;\n    color: #4a5568;\n    line-height: 1.6;\n    margin-bottom: 30px;\n}\n\n.flyfone-advantages .highlight-text {\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    color: #ff6b35;\n}\n\n.flyfone-advantages .benefits-section {\n    margin-top: 30px;\n}\n\n.flyfone-advantages .benefits-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #2d3748;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n}\n\n.flyfone-advantages .benefits-title::before {\n    content: '';\n    width: 4px;\n    height: 24px;\n    background: linear-gradient(135deg, #ff6b35, #ff8a50);\n    border-radius: 2px;\n    margin-right: 12px;\n}\n\n.flyfone-advantages .benefits-list {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 16px;\n}\n\n.flyfone-advantages .benefit-row {\n    display: flex;\n    align-items: flex-start;\n    padding: 20px;\n    border-radius: 12px;\n    transition: all 0.3s ease;\n    border-left: 4px solid #ff6b35;\n}\n\n.flyfone-advantages .benefit-row:hover {\n    transform: translateX(4px);\n}\n\n.flyfone-advantages .benefit-icon {\n    font-size: 1.3rem;\n    margin-right: 15px;\n    margin-top: 2px;\n    flex-shrink: 0;\n}\n\n.flyfone-advantages .benefit-content {\n    flex: 1;\n}\n\n.flyfone-advantages .benefit-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #2d3748;\n    margin-bottom: 4px;\n}\n\n.flyfone-advantages .benefit-description {\n    font-size: 0.95rem;\n    color: #666;\n    line-height: 1.4;\n}\n\n\/* Desktop Layout *\/\n@media (min-width: 992px) {\n    .flyfone-advantages .benefits-list {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n\/* Mobile Layout *\/\n@media (max-width: 767px) {\n    .flyfone-advantages {\n        padding: 40px 15px;\n    }\n    \n    .flyfone-advantages .advantages-container {\n        padding: 30px 20px;\n    }\n    \n    .flyfone-advantages .main-title {\n        font-size: 2.2rem;\n    }\n    \n    .flyfone-advantages .advantage-card {\n        padding: 30px 24px;\n    }\n\n    .flyfone-advantages .benefits-list {\n        grid-template-columns: 1fr;\n    }\n}\n\n.flyfone-advantages * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.flyfone-advantages {\n    font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: #1a1a1a;\n    padding: 60px 20px;\n    line-height: 1.6;\n    position: relative;\n}\n\n.flyfone-advantages .advantages-container {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.flyfone-advantages .header-section {\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n.flyfone-advantages .main-title {\n    font-size: 3.5rem;\n    font-weight: 700;\n    color: #2d3748;\n    margin-bottom: 16px;\n    letter-spacing: -0.02em;\n    text-align: center;\n}\n\n.flyfone-advantages .title-highlight {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-weight: 600;\n}\n\n.flyfone-advantages .subtitle {\n    font-size: 1.1rem;\n    color: #718096;\n    font-weight: 400;\n    margin-bottom: 30px;\n}\n\n.flyfone-advantages .intro-text {\n    max-width: 700px;\n    margin: 0 auto;\n    font-size: 1rem;\n    color: #4a5568;\n    line-height: 1.7;\n}\n\n.flyfone-advantages .advantages-grid {\n    margin-top: 50px;\n}\n\n.flyfone-advantages .advantage-card {\n    background: white;\n    border-radius: 16px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    margin-bottom: 40px;\n    padding: 40px;\n    transition: all 0.3s ease;\n    position: relative;\n}\n\n.flyfone-advantages .advantage-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n}\n\n.flyfone-advantages .card-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: 10px;\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: white;\n    margin-bottom: 20px;\n}\n\n.flyfone-advantages .features-card .card-number {\n    background: linear-gradient(135deg, #667eea, #764ba2);\n}\n\n.flyfone-advantages .implementation-card .card-number {\n    background: linear-gradient(135deg, #4facfe, #00f2fe);\n}\n\n.flyfone-advantages .cost-card .card-number {\n    background: linear-gradient(135deg, #43e97b, #38f9d7);\n}\n\n.flyfone-advantages .card-subtitle {\n    font-size: 0.85rem;\n    color: #718096;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    margin-bottom: 16px;\n    font-weight: 500;\n}\n\n.flyfone-advantages .card-title {\n    font-size: 1.6rem;\n    font-weight: 600;\n    color: #2d3748;\n    margin-bottom: 20px;\n    line-height: 1.3;\n}\n\n.flyfone-advantages .card-description {\n    font-size: 1rem;\n    color: #4a5568;\n    line-height: 1.6;\n    margin-bottom: 30px;\n}\n\n.flyfone-advantages .benefits-list {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 16px;\n}\n\n.flyfone-advantages .benefit-row {\n    display: flex;\n    align-items: flex-start;\n    padding: 16px;\n    background: #f8fafc;\n    border-radius: 12px;\n    transition: all 0.3s ease;\n}\n\n.flyfone-advantages .benefit-row:hover {\n    background: #e2e8f0;\n    transform: translateX(4px);\n}\n\n.flyfone-advantages .benefit-icon {\n    font-size: 1.2rem;\n    margin-right: 12px;\n    margin-top: 2px;\n    flex-shrink: 0;\n}\n\n.flyfone-advantages .benefit-content {\n    flex: 1;\n}\n\n.flyfone-advantages .benefit-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #2d3748;\n    margin-bottom: 4px;\n}\n\n.flyfone-advantages .benefit-description {\n    font-size: 0.9rem;\n    color: #718096;\n    line-height: 1.4;\n}\n\n.flyfone-advantages .vs-indicator {\n    display: inline-block;\n    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n    color: white;\n    padding: 4px 10px;\n    border-radius: 16px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    margin: 0 6px;\n}\n\n.flyfone-advantages .highlight-text {\n    background: linear-gradient(135deg, #667eea15, #764ba215);\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    color: #667eea;\n}\n\n\/* Desktop Grid Layout *\/\n@media (min-width: 992px) {\n    .flyfone-advantages .advantages-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n    }\n    \n    .flyfone-advantages .advantage-card {\n        margin-bottom: 0;\n    }\n    \n    .flyfone-advantages .benefits-list {\n        grid-template-columns: 1fr;\n    }\n}\n\n\/* Tablet Layout *\/\n@media (max-width: 991px) and (min-width: 768px) {\n    .flyfone-advantages .advantages-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 30px;\n    }\n    \n    .flyfone-advantages .advantage-card {\n        margin-bottom: 0;\n    }\n    \n    .flyfone-advantages .advantage-card:last-child {\n        grid-column: 1 \/ -1;\n        max-width: 600px;\n        margin: 0 auto;\n    }\n}\n\n\/* Mobile Layout *\/\n@media (max-width: 767px) {\n    .flyfone-advantages {\n        padding: 40px 15px;\n    }\n    \n    .flyfone-advantages .main-title {\n        font-size: 2.2rem;\n    }\n    \n    .flyfone-advantages .advantage-card {\n        padding: 30px 24px;\n        margin-bottom: 30px;\n    }\n}\n\n        .flyfone-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .flyfone-wrapper {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            line-height: 1.6;\n            color: #333;\n            background: linear-gradient(135deg, #ff6b35 0%, #ff8f65 100%);\n        }\n        \n        .flyfone-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n        \n        \/* Hero Section *\/\n        .flyfone-hero {\n            background: linear-gradient(135deg, #ff6b35 0%, #ff8f65 50%, #ffb88c 100%);\n            color: white;\n            padding: 80px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .flyfone-hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 20\"><defs><radialGradient id=\"a\" cx=\"50%\" cy=\"0%\" r=\"100%\"><stop offset=\"0%\" style=\"stop-color:rgb(255,255,255);stop-opacity:0.1\" \/><stop offset=\"100%\" style=\"stop-color:rgb(255,255,255);stop-opacity:0\" \/><rect width=\"100\" height=\"20\" fill=\"url(%23a)\" \/>') repeat-x;\n            opacity: 0.3;\n        }\n        \n        .flyfone-hero-content {\n            position: relative;\n            z-index: 2;\n        }\n        \n        .flyfone-hero h1 {\n            font-size: 3.5rem;\n            font-weight: 700;\n            margin-bottom: 20px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n            animation: flyfoneAnimateIn 1s ease-out;\n        }\n        \n        .flyfone-hero p {\n            font-size: 1.3rem;\n            margin-bottom: 30px;\n            opacity: 0.9;\n            animation: flyfoneAnimateIn 1s ease-out 0.2s both;\n        }\n        \n        .flyfone-cta-btn {\n            display: inline-block;\n            background: white;\n            color: #ff6b35;\n            padding: 15px 40px;\n            text-decoration: none;\n            border-radius: 50px;\n            font-weight: 600;\n            font-size: 1.1rem;\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n            animation: flyfoneAnimateIn 1s ease-out 0.4s both;\n        }\n        \n        .flyfone-cta-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n            background: #f8f8f8;\n            color: #ff6b35;\n        }\n        \n        \/* Features Grid *\/\n        .flyfone-features {\n            background: white;\n            padding: 80px 0;\n        }\n        \n        .flyfone-section-title {\n            text-align: center;\n            font-size: 3rem;\n            color: #ff6b35;\nfont-weight: 700;\n            margin-bottom: 60px;\n            position: relative;\n        }\n        \n        .flyfone-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 4px;\n            background: linear-gradient(90deg, #ff6b35, #ff8f65);\n            border-radius: 2px;\n        }\n        \n        .flyfone-features-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            margin-bottom: 60px;\n        }\n        \n        .flyfone-feature-card {\n            background: white;\n            padding: 40px 30px;\n            border-radius: 20px;\n            box-shadow: 0 10px 30px rgba(255, 107, 53, 0.1);\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .flyfone-feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, #ff6b35, #ff8f65);\n        }\n        \n        .flyfone-feature-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 50px rgba(255, 107, 53, 0.2);\n            border-color: #ff6b35;\n        }\n        \n        .flyfone-feature-icon {\n            width: 60px;\n            height: 60px;\n            background: linear-gradient(135deg, #ff6b35, #ff8f65);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            font-size: 24px;\n            color: white;\n        }\n        \n        .flyfone-feature-card h3 {\n            color: #ff6b35;\n            font-size: 1.5rem;\n            margin-bottom: 15px;\n        }\n        \n        .flyfone-feature-card p {\n            color: #666;\n            line-height: 1.6;\n        }\n        \n        .flyfone-feature-list {\n            margin-top: 15px;\n        }\n        \n        .flyfone-feature-item {\n            color: #555;\n            margin-bottom: 8px;\n            padding-left: 20px;\n            position: relative;\n        }\n        \n        .flyfone-feature-item::before {\n            content: '\u2713';\n            position: absolute;\n            left: 0;\n            color: #ff6b35;\n            font-weight: bold;\n        }\n        \n        \/* Stats Section *\/\n        .flyfone-stats {\n            background: linear-gradient(135deg, #ff6b35, #ff8f65);\n            color: white;\n            padding: 80px 0;\n            text-align: center;\n        }\n        \n        .flyfone-stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 40px;\n        }\n        \n        .flyfone-stat-item {\n            padding: 20px;\n        }\n        \n        .flyfone-stat-number {\n            font-size: 3rem;\n            font-weight: 700;\n            margin-bottom: 10px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n        }\n        \n        .flyfone-stat-label {\n            font-size: 1.1rem;\n            opacity: 0.9;\n        }\n        \n        \/* Infrastructure Section *\/\n        .flyfone-infrastructure {\n            background: #f8f9fa;\n            padding: 80px 0;\n        }\n        \n        .flyfone-infrastructure-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 60px;\n            align-items: center;\n        }\n        \n        .flyfone-infrastructure-text h2 {\n            color: #ff6b35;\n            font-size: 3rem;\nfont-weight:700;\n            margin-bottom: 20px;\n        }\n        \n        .flyfone-infrastructure-features {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            margin-top: 30px;\n        }\n        \n        .flyfone-infra-feature {\n            background: white;\n            padding: 20px;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(255, 107, 53, 0.1);\n            text-align: center;\n        }\n        \n        .flyfone-infra-feature h4 {\n            color: #ff6b35;\n            margin-bottom: 10px;\n        }\n        \n        \/* CTA Section *\/\n        .flyfone-final-cta {\n            background: linear-gradient(135deg, #ff6b35, #ff8f65);\n            color: white;\n            padding: 80px 0;\n            text-align: center;\n        }\n        \n        .flyfone-final-cta h2 {\n            font-size: 3rem;\nfont-weight: 700;\n            margin-bottom: 20px;\n        }\n        \n        .flyfone-final-cta p {\n            font-size: 1.2rem;\n            margin-bottom: 30px;\n            opacity: 0.9;\n        }\n        \n        .flyfone-cta-buttons {\n            display: flex;\n            gap: 20px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n        \n        .flyfone-cta-secondary {\n            background: transparent;\n            color: white;\n            border: 2px solid white;\n            padding: 15px 40px;\n            text-decoration: none;\n            border-radius: 50px;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n        \n        .flyfone-cta-secondary:hover {\n            background: white;\n            color: #ff6b35;\n            transform: translateY(-3px);\n        }\n        \n        \/* Animations *\/\n        @keyframes flyfoneAnimateIn {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .flyfone-animate-scroll {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.6s ease;\n        }\n        \n        .flyfone-animate-scroll.flyfone-animated {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .flyfone-hero h1 {\n                font-size: 2.5rem;\n            }\n            \n            .flyfone-infrastructure-content {\n                grid-template-columns: 1fr;\n            }\n            \n            .flyfone-cta-buttons {\n                flex-direction: column;\n                align-items: center;\n            }\n            \n            .flyfone-infrastructure-features {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n\n<div class=\"comm-solutions-wrapper\">\n        <div class=\"comm-solutions-container\">\n            <div class=\"comm-header\">\n                <div class=\"comm-badge\">AI-POWERED QUALITY ASSURANCE<\/div>\n                <h1 class=\"comm-title\">\n                    <span class=\"highlight\">\u0418\u0418-\u043f\u0438\u0442\u0430\u043d\u0438\u0435<\/span> \u0426\u0435\u043d\u0442\u0440 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432\u044b\u0437\u043e\u0432\u043e\u0432<br>\n                    Quality Assurance Solutions\n                <\/h1>\n                <p class=\"comm-subtitle\">\n                   \n                  <strong><a href=\"\/ru\/\">Flyfone<\/a>\u2019s AI-Powered QA<\/strong> automates call evaluation and delivers real-time performance insights. It transforms quality management into proactive optimization with emotion detection, smart scoring, and intelligent coaching for enterprise-grade accuracy without complexity.\n\n                <\/p>\n                \n            <\/div>\n            \n            <div class=\"comm-content\">\n                <div class=\"comm-features\">\n                    <div class=\"comm-feature\">\n                        <div class=\"comm-feature-icon icon-blue\">\ud83e\udd16<\/div>\n                        <div class=\"comm-feature-content\">\n                            <h3 class=\"comm-feature-title\">90% Automated Call Scoring<\/h3>\n                            <p class=\"comm-feature-desc\">Advanced AI algorithms automatically score every customer interaction with consistent, bias-free evaluations and real-time performance insights for comprehensive quality management.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"comm-feature\">\n                        <div class=\"comm-feature-icon icon-emerald\">\ud83c\udfaf<\/div>\n                        <div class=\"comm-feature-content\">\n                            <h3 class=\"comm-feature-title\">Real-Time Sentiment Analysis<\/h3>\n                            <p class=\"comm-feature-desc\">AI-powered sentiment monitoring detects customer frustration, satisfaction levels, and compliance risks instantly, enabling proactive intervention and enhanced customer experience.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"comm-feature\">\n                        <div class=\"comm-feature-icon icon-violet\">\ud83d\udcc8<\/div>\n                        <div class=\"comm-feature-content\">\n                            <h3 class=\"comm-feature-title\">Intelligent Agent Coaching<\/h3>\n                            <p class=\"comm-feature-desc\">Personalized coaching recommendations powered by AI analysis of performance patterns, identifying training needs and providing targeted development pathways for agent improvement.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"comm-feature\">\n                        <div class=\"comm-feature-icon icon-orange\">\ud83d\udcca<\/div>\n                        <div class=\"comm-feature-content\">\n                            <h3 class=\"comm-feature-title\">Comprehensive Analytics Dashboard<\/h3>\n                            <p class=\"comm-feature-desc\">Real-time QA dashboards with advanced performance metrics, compliance tracking, and actionable insights to drive continuous improvement and business results.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<!-- Section: FlyFone's Key Features AI-QA Solution -->\n<section class=\"bg-slate-900 py-20 px-4\">\n    <div class=\"max-w-7xl mx-auto\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-start\">\n            <!-- Left Column (30%) -->\n<div class=\"lg:col-span-5 flex flex-col space-y-6\">\n    <h2 class=\"text-white text-3xl font-bold leading-tight\">\nWhat Makes FlyFone\u2019s AI-QA Solutions Exceptional\n\n    <\/h2>\n<h3 class=\"text-blue-300 text-2xl font-semibold self-start\">\n    FlyFone's Key Features AI-QA Solution\n<\/h3>\n                <p class=\"text-gray-300 text-lg leading-relaxed mb-8\">\n                    Discover how FlyFone's advanced AI-powered quality assurance platform delivers comprehensive automation, seamless integration, and enterprise-grade features at mid-market accessibility.\n                <\/p>\n                <button class=\"bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-lg font-semibold text-lg transition-all duration-300 shadow-xl hover:scale-105\">\n                    <a href=\"https:\/\/flyfone.com\/ru\/request-free-trial\/\"> \u0421\u0412\u042f\u0416\u0418\u0422\u0415\u0421\u042c \u0421 \u041d\u0410\u041c\u0418 <\/a>\n                <\/button>\n            <\/div>\n            \n            <!-- Right Column (70%) -->\n            <div class=\"lg:col-span-7\" id=\"flyfone-embed-section-unique\">\n<div class=\"flex flex-col space-y-4\">\n                    <!-- Accordion 1: AI-Powered Automation vs Manual QA -->\n<div class=\"bg-slate-800\/50 border border-slate-700\/50 rounded-2xl overflow-hidden\" style=\"min-height: 100px;\">\n                        <button class=\"flyfone-embed-accordion-header w-full p-6 text-left hover:bg-slate-700\/50 transition-all duration-300\" data-flyfone-target=\"ai-automation\">\n                            <div class=\"flex items-center justify-between\">\n                                <div class=\"flex items-center\">\n                                    <div class=\"bg-blue-600 text-white text-xl font-bold w-10 h-10 rounded-full flex items-center justify-center mr-4\">\n                                        01\n                                    <\/div>\n                                    <h3 class=\"text-white text-xl font-bold\">AI-Powered Automation vs Manual QA<\/h3>\n                                <\/div>\n                                <div class=\"text-white transition-transform duration-300\">\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <polyline points=\"6,9 12,15 18,9\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/button>\n                        \n                        <div class=\"flyfone-embed-accordion-content hidden px-6 pb-6\">\n                            <p class=\"text-gray-300 mb-4 leading-relaxed text-sm\">\n                                While traditional QA evaluates only 1-2% of interactions manually, FlyFone's AI-Powered QA engine delivers 90% automated evaluation with consistent scoring and real-time insights.\n                            <\/p>\n                            \n                            <h4 class=\"text-blue-300 text-lg font-semibold mb-3\">\n                                Advanced AI Features:\n                            <\/h4>\n                            \n                            <div class=\"flex flex-col space-y-3\">\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-2xl\">\ud83e\udde0<\/span>\n                                    <p class=\"text-gray-300 text-sm\">\n                                        <span class=\"text-white font-semibold\">Machine learning algorithms<\/span><br>\n                                        that improve with every interaction\n                                    <\/p>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-2xl\">\ud83d\udcca<\/span>\n                                    <p class=\"text-gray-300 text-sm\">\n                                        <span class=\"text-white font-semibold\">Objective scoring<\/span><br>\n                                        eliminating human bias and inconsistency\n                                    <\/p>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-2xl\">\u26a1<\/span>\n                                    <p class=\"text-gray-300 text-sm\">\n                                        <span class=\"text-white font-semibold\">Real-time analysis<\/span><br>\n                                        enabling immediate corrective action\n                                    <\/p>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-2xl\">\ud83c\udfaf<\/span>\n                                    <p class=\"text-gray-300 text-sm\">\n                                        <span class=\"text-white font-semibold\">\u041f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0430\u043d\u0438\u044f<\/span><br>\n                                        for proactive quality management\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Accordion 2: Integrated AI Platform vs Standalone QA Tools -->\n<div class=\"bg-slate-800\/50 border border-slate-700\/50 rounded-2xl overflow-hidden\" style=\"min-height: 100px;\">\n                        <button class=\"flyfone-embed-accordion-header w-full p-6 text-left hover:bg-slate-700\/50 transition-all duration-300\" data-flyfone-target=\"integrated-platform\">\n                            <div class=\"flex items-center justify-between\">\n                                <div class=\"flex items-center\">\n                                    <div class=\"bg-blue-600 text-white text-xl font-bold w-10 h-10 rounded-full flex items-center justify-center mr-4\">\n                                        02\n                                    <\/div>\n                                    <h3 class=\"text-white text-xl font-bold\">Integrated AI Platform vs Standalone QA Tools<\/h3>\n                                <\/div>\n                                <div class=\"text-white transition-transform duration-300\">\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <polyline points=\"6,9 12,15 18,9\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/button>\n                        \n                        <div class=\"flyfone-embed-accordion-content hidden px-6 pb-6\">\n                            <p class=\"text-gray-300 mb-4 leading-relaxed text-sm\">\n                                FlyFone's unified AI-QA platform integrates seamlessly with existing call center infrastructure, providing comprehensive quality assurance without requiring multiple vendor relationships or complex integrations.\n                            <\/p>\n                            \n                            <h4 class=\"text-blue-300 text-lg font-semibold mb-3\">\n                                Platform Integration:\n                            <\/h4>\n                            \n                            <div class=\"flex flex-col space-y-3\">\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-2xl\">\ud83d\udd17<\/span>\n                                    <p class=\"text-gray-300 text-sm\">\n                                        <span class=\"text-white font-semibold\">Seamless CRM integration<\/span><br>\n                                        with existing business systems\n                                    <\/p>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-2xl\">\u2601\ufe0f<\/span>\n                                    <p class=\"text-gray-300 text-sm\">\n                                        <span class=\"text-white font-semibold\">Cloud-native deployment<\/span><br>\n                                        on AWS infrastructure\n                                    <\/p>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-2xl\">\ud83d\udcde<\/span>\n                                    <p class=\"text-gray-300 text-sm\">\n                                        <span class=\"text-white font-semibold\">Built-in call center features<\/span><br>\n                                        auto-dialer, CRM, and analytics\n                                    <\/p>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-2xl\">\u2699\ufe0f<\/span>\n                                    <p class=\"text-gray-300 text-sm\">\n                                        <span class=\"text-white font-semibold\">API-first architecture<\/span><br>\n                                        for flexible customization\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Accordion 3: Enterprise AI Features with Mid-Market Accessibility -->\n<div class=\"bg-slate-800\/50 border border-slate-700\/50 rounded-2xl overflow-hidden\" style=\"min-height: 100px;\">\n                        <button class=\"flyfone-embed-accordion-header w-full p-6 text-left hover:bg-slate-700\/50 transition-all duration-300\" data-flyfone-target=\"enterprise-accessibility\">\n                            <div class=\"flex items-center justify-between\">\n                                <div class=\"flex items-center\">\n                                    <div class=\"bg-blue-600 text-white text-xl font-bold w-10 h-10 rounded-full flex items-center justify-center mr-4\">\n                                        03\n                                    <\/div>\n                                    <h3 class=\"text-white text-xl font-bold\">Enterprise AI Features with Mid-Market Accessibility<\/h3>\n                                <\/div>\n                                <div class=\"text-white transition-transform duration-300\">\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <polyline points=\"6,9 12,15 18,9\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/button>\n                        \n                        <div class=\"flyfone-embed-accordion-content hidden px-6 pb-6\">\n                            <p class=\"text-gray-300 mb-4 leading-relaxed text-sm\">\n                                FlyFone provides sophisticated AI-QA capabilities typically found only in expensive enterprise solutions, making advanced quality assurance technology accessible to growing businesses with transparent <a href=\"\/ru\/pricing\/\">pricing<\/a>.\n                            <\/p>\n                            \n                            <h4 class=\"text-blue-300 text-lg font-semibold mb-3\">\n                                Value Proposition:\n                            <\/h4>\n                            \n                            <div class=\"flex flex-col space-y-3\">\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-2xl\">\ud83d\udc8e<\/span>\n                                    <p class=\"text-gray-300 text-sm\">\n                                        <span class=\"text-white font-semibold\">Enterprise-grade AI<\/span><br>\n                                        without enterprise pricing complexity\n                                    <\/p>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-2xl\">\ud83d\udcc8<\/span>\n                                    <p class=\"text-gray-300 text-sm\">\n                                        <span class=\"text-white font-semibold\">Proven ROI delivery<\/span><br>\n                                        18% retention, 22% upsell improvement\n                                    <\/p>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-2xl\">\u26a1<\/span>\n                                    <p class=\"text-gray-300 text-sm\">\n                                        <span class=\"text-white font-semibold\">Rapid deployment<\/span><br>\n                                        operational within 1-4 weeks\n                                    <\/p>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-2xl\">\ud83d\udee1\ufe0f<\/span>\n                                    <p class=\"text-gray-300 text-sm\">\n                                        <span class=\"text-white font-semibold\">No hidden costs<\/span><br>\n                                        pay only for connected minutes\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<div class=\"flyfone-advantages\">\n    <div class=\"advantages-container\">\n        <div class=\"header-section\">\n            <h2 class=\"main-title\">\n                <span class=\"title-highlight\">FlyFone's<\/span> AI-QA Advantages\n            <\/h2>\n            <p class=\"intro-text\">\n                Discover the unique advantages that set FlyFone's AI-powered quality assurance apart from traditional QA methods and expensive enterprise platforms, \n                delivering optimal value for modern call center operations.\n            <\/p>\n        <\/div>\n\n        <div class=\"advantages-grid\">\n            <div class=\"advantage-card features-card\">\n                <div class=\"card-number\">01<\/div>\n                <div class=\"card-subtitle\">Comprehensive AI Automation<\/div>\n                <h2 class=\"card-title\">\n                    AI-Powered Analysis\n                    <span class=\"vs-indicator\">\u043f\u0440\u043e\u0442\u0438\u0432<\/span>\n                    Manual Sampling\n                <\/h2>\n                <p class=\"card-description\">\n                    While traditional QA relies on random sampling of 1-2% of calls, FlyFone's platform uses <span class=\"highlight-text\">advanced AI algorithms<\/span> \n                    to evaluate 100% of customer interactions with consistent, objective scoring.\n                <\/p>\n                <div class=\"benefits-list\">\n                    <div class=\"benefit-row\">\n                        <div class=\"benefit-icon\">\ud83e\udd16<\/div>\n                        <div class=\"benefit-content\">\n                            <div class=\"benefit-title\">Machine learning models<\/div>\n                            <div class=\"benefit-description\">continuously improving accuracy<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"benefit-row\">\n                        <div class=\"benefit-icon\">\ud83d\udcca<\/div>\n                        <div class=\"benefit-content\">\n                            <div class=\"benefit-title\">\u0410\u043d\u0430\u043b\u0438\u0437 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f<\/div>\n                            <div class=\"benefit-description\">detecting emotional patterns<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"benefit-row\">\n                        <div class=\"benefit-icon\">\ud83c\udfaf<\/div>\n                        <div class=\"benefit-content\">\n                            <div class=\"benefit-title\">\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0437\u0430 \u0441\u043e\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435\u043c \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439<\/div>\n                            <div class=\"benefit-description\">automatic risk detection<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"benefit-row\">\n                        <div class=\"benefit-icon\">\u26a1<\/div>\n                        <div class=\"benefit-content\">\n                            <div class=\"benefit-title\">Real-time insights<\/div>\n                            <div class=\"benefit-description\">immediate performance feedback<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"advantage-card implementation-card\">\n                <div class=\"card-number\">02<\/div>\n                <div class=\"card-subtitle\">Intelligent Coaching<\/div>\n                <h2 class=\"card-title\">\n                    AI-Driven Coaching\n                    <span class=\"vs-indicator\">\u043f\u0440\u043e\u0442\u0438\u0432<\/span>\n                    Generic Training\n                <\/h2>\n                <p class=\"card-description\">\n                    FlyFone's AI engine provides <span class=\"highlight-text\">personalized coaching recommendations<\/span> based on individual agent performance patterns, \n                    replacing one-size-fits-all training approaches with targeted development.\n                <\/p>\n                <div class=\"benefits-list\">\n                    <div class=\"benefit-row\">\n                        <div class=\"benefit-icon\">\ud83c\udf93<\/div>\n                        <div class=\"benefit-content\">\n                            <div class=\"benefit-title\">Personalized learning paths<\/div>\n                            <div class=\"benefit-description\">tailored to individual needs<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"benefit-row\">\n                        <div class=\"benefit-icon\">\ud83d\udcc8<\/div>\n                        <div class=\"benefit-content\">\n                            <div class=\"benefit-title\">\u041e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/div>\n                            <div class=\"benefit-description\">measuring improvement over time<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"benefit-row\">\n                        <div class=\"benefit-icon\">\ud83c\udfaf<\/div>\n                        <div class=\"benefit-content\">\n                            <div class=\"benefit-title\">Skill gap identification<\/div>\n                            <div class=\"benefit-description\">precise training requirements<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"benefit-row\">\n                        <div class=\"benefit-icon\">\ud83c\udfc6<\/div>\n                        <div class=\"benefit-content\">\n                            <div class=\"benefit-title\">Best practice replication<\/div>\n                            <div class=\"benefit-description\">scaling top performer behaviors<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"advantage-card cost-card\">\n                <div class=\"card-number\">03<\/div>\n                <div class=\"card-subtitle\">Integrated Platform<\/div>\n                <h2 class=\"card-title\">\n                    All-in-One Solution\n                    <span class=\"vs-indicator\">\u043f\u0440\u043e\u0442\u0438\u0432<\/span>\n                    Multiple Vendors\n                <\/h2>\n                <p class=\"card-description\">\n                    Unlike standalone QA tools requiring separate systems for telephony, CRM, and analytics, \n                    FlyFone provides <span class=\"highlight-text\">complete integration<\/span> within a unified platform for streamlined operations.\n                <\/p>\n                <div class=\"benefits-list\">\n                    <div class=\"benefit-row\">\n                        <div class=\"benefit-icon\">\ud83d\udd17<\/div>\n                        <div class=\"benefit-content\">\n                            <div class=\"benefit-title\">Unified data architecture<\/div>\n                            <div class=\"benefit-description\">eliminating data silos<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"benefit-row\">\n                        <div class=\"benefit-icon\">\ud83d\udcb0<\/div>\n                        <div class=\"benefit-content\">\n                            <div class=\"benefit-title\">Simplified pricing<\/div>\n                            <div class=\"benefit-description\">single vendor relationship<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"benefit-row\">\n                        <div class=\"benefit-icon\">\u2699\ufe0f<\/div>\n                        <div class=\"benefit-content\">\n                            <div class=\"benefit-title\">Seamless workflows<\/div>\n                            <div class=\"benefit-description\">integrated business processes<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"benefit-row\">\n                        <div class=\"benefit-icon\">\ud83d\udee0\ufe0f<\/div>\n                        <div class=\"benefit-content\">\n                            <div class=\"benefit-title\">Unified support<\/div>\n                            <div class=\"benefit-description\">single point of contact<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    <div class=\"flyfone-wrapper\">\n        <!-- Hero Section -->\n        <section class=\"flyfone-hero\">\n            <div class=\"flyfone-container\">\n                <div class=\"flyfone-hero-content\">\n                    <h1>FlyFone AI-Powered Quality Assurance<\/h1>\n                    <p>Transform quality management with 100% automated evaluation and intelligent insights<\/p>\n                    <a href=\"https:\/\/flyfone.com\/ru\/contact-us\/\" class=\"flyfone-cta-btn\">\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0441\u0435\u0433\u043e\u0434\u043d\u044f<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Features Section -->\n        <section class=\"flyfone-features\">\n            <div class=\"flyfone-container\">\n                <h2 class=\"flyfone-section-title flyfone-animate-scroll\">AI-QA Applications Across Industries<\/h2>\n                \n                <div class=\"flyfone-features-grid\">\n                    <div class=\"flyfone-feature-card flyfone-animate-scroll\">\n                        <div class=\"flyfone-feature-icon\">\ud83c\udfa7<\/div>\n                        <h3>Customer Service Excellence<\/h3>\n                        <p>Enhance service quality with AI-powered monitoring, sentiment analysis, and real-time coaching for consistent customer experiences across all interactions.<\/p>\n                        <div class=\"flyfone-feature-list\">\n                            <div class=\"flyfone-feature-item\">Real-time sentiment monitoring for proactive intervention<\/div>\n                            <div class=\"flyfone-feature-item\">Automated CSAT prediction and tracking<\/div>\n                            <div class=\"flyfone-feature-item\">Service recovery opportunity identification<\/div>\n                            <div class=\"flyfone-feature-item\">Agent performance optimization for better CX<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"flyfone-feature-card flyfone-animate-scroll\">\n                        <div class=\"flyfone-feature-icon\">\ud83d\udcbc<\/div>\n                        <h3>Sales Performance Optimization<\/h3>\n                        <p>Maximize sales effectiveness with AI analysis of conversion patterns, objection handling, and coaching recommendations for improved close rates.<\/p>\n                        <div class=\"flyfone-feature-list\">\n                            <div class=\"flyfone-feature-item\">Conversion pattern analysis and optimization<\/div>\n                            <div class=\"flyfone-feature-item\">Objection handling technique improvement<\/div>\n                            <div class=\"flyfone-feature-item\">Sales script effectiveness measurement<\/div>\n                            <div class=\"flyfone-feature-item\">Revenue opportunity identification<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"flyfone-feature-card flyfone-animate-scroll\">\n                        <div class=\"flyfone-feature-icon\">\ud83d\udee1\ufe0f<\/div>\n                        <h3>Compliance & Risk Management<\/h3>\n                        <p>Ensure regulatory compliance with automated monitoring, risk detection, and comprehensive audit trails for peace of mind in regulated industries.<\/p>\n                        <div class=\"flyfone-feature-list\">\n                            <div class=\"flyfone-feature-item\">Automated compliance violation detection<\/div>\n                            <div class=\"flyfone-feature-item\">Regulatory requirement tracking<\/div>\n                            <div class=\"flyfone-feature-item\">Audit-ready documentation and reporting<\/div>\n                            <div class=\"flyfone-feature-item\">Risk mitigation through early detection<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"flyfone-feature-card flyfone-animate-scroll\">\n                        <div class=\"flyfone-feature-icon\">\ud83d\udcca<\/div>\n                        <h3>Business Intelligence & Analytics<\/h3>\n                        <p>Unlock actionable insights from customer interactions with advanced AI analytics, trend identification, and strategic business intelligence.<\/p>\n                        <div class=\"flyfone-feature-list\">\n                            <div class=\"flyfone-feature-item\">Voice of customer insights and analysis<\/div>\n                            <div class=\"flyfone-feature-item\">Performance trend identification<\/div>\n                            <div class=\"flyfone-feature-item\">Operational efficiency optimization<\/div>\n                            <div class=\"flyfone-feature-item\">Strategic decision support through data<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Stats Section -->\n        <section class=\"flyfone-stats\">\n            <div class=\"flyfone-container\">\n                <div class=\"flyfone-stats-grid flyfone-animate-scroll\">\n                    <div class=\"flyfone-stat-item\">\n                        <div class=\"flyfone-stat-number\">100%<\/div>\n                        <div class=\"flyfone-stat-label\">Interaction Coverage<\/div>\n                    <\/div>\n                    <div class=\"flyfone-stat-item\">\n                        <div class=\"flyfone-stat-number\">22%<\/div>\n                        <div class=\"flyfone-stat-label\">FCR Improvement<\/div>\n                    <\/div>\n                    <div class=\"flyfone-stat-item\">\n                        <div class=\"flyfone-stat-number\">20%<\/div>\n                        <div class=\"flyfone-stat-label\">Customer Retention Increase<\/div>\n                    <\/div>\n                    <div class=\"flyfone-stat-item\">\n                        <div class=\"flyfone-stat-number\">3-6<\/div>\n                        <div class=\"flyfone-stat-label\">Months to ROI<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Infrastructure Section -->\n        <section class=\"flyfone-infrastructure\">\n            <div class=\"flyfone-container\">\n                <div class=\"flyfone-infrastructure-content flyfone-animate-scroll\">\n                    <div class=\"flyfone-infrastructure-text\">\n                        <h2>Enterprise-Grade AI Infrastructure<\/h2>\n                        <p>FlyFone's AI-QA platform operates on Amazon AWS infrastructure with advanced machine learning models, ensuring reliable performance, data security, and scalable AI processing capabilities for quality assurance at any scale.<\/p>\n                        <div class=\"flyfone-infrastructure-features\">\n                            <div class=\"flyfone-infra-feature\">\n                                <h4>AI Model Training<\/h4>\n                                <p>Continuous learning and optimization<\/p>\n                            <\/div>\n                            <div class=\"flyfone-infra-feature\">\n                                <h4>\u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0445<\/h4>\n                                <p>Enterprise-grade protection<\/p>\n                            <\/div>\n                            <div class=\"flyfone-infra-feature\">\n                                <h4>Scalable Processing<\/h4>\n                                <p>Handle any interaction volume<\/p>\n                            <\/div>\n                            <div class=\"flyfone-infra-feature\">\n                                <h4>Real-time Analysis<\/h4>\n                                <p>Instant insights and alerts<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flyfone-infrastructure-visual\">\n                        <div style=\"background: linear-gradient(135deg, #ff6b35, #ff8f65); height: 300px; border-radius: 20px; display: flex; align-items: center; justify-content: center; color: white; font-size: 4rem;\">\n                            \ud83e\udd16\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Final CTA -->\n        <section class=\"flyfone-final-cta\">\n            <div class=\"flyfone-container\">\n                <h2>Transform Your Quality Assurance Today<\/h2>\n                <p>Join leading companies who have revolutionized their quality management with FlyFone's AI-powered solutions, achieving measurable improvements in customer satisfaction, agent performance, and business outcomes<\/p>\n                <div class=\"flyfone-cta-buttons\">\n                    Get Free Trial\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n    \/\/ Select the stats container\n    const statsContainer = document.querySelector('.flyfone-stats-grid');\n    const statNumbers = document.querySelectorAll('.flyfone-stat-number');\n    \n    \/\/ Create IntersectionObserver to detect when the container is in view\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                \/\/ Start animation for each stat number\nstatNumbers.forEach(element => {\n    \/\/ Skip if already animated\n    if (element.dataset.animated) return;\n    \n    \/\/ Mark as animated\n    element.dataset.animated = 'true';\n    \n    \/\/ Check for dash FIRST - skip animation if it has dash\n    let hasDash = element.textContent.includes('-');\n    if (hasDash) {\n        return; \/\/ Gi\u1eef nguy\u00ean \"3-6\", kh\u00f4ng animate\n    }\n    \n    \/\/ Get the target number from the element's text\n    let targetText = element.textContent.replace(\/[^0-9.]\/g, ''); \/\/ Remove non-numeric characters\n    let targetNumber = parseFloat(targetText);\n\n                    \/\/ Check for special suffixes\n                    let hasPercent = element.textContent.includes('%');\n                    let hasHour = element.textContent.includes('h');\n                    let hasPlus = element.textContent.includes('+');\n                    \n                    \/\/ Set up counter animation\n                    let count = 0;\n                    const duration = 2000; \/\/ Animation duration in milliseconds\n                    const stepTime = 20; \/\/ Update every 20ms\n                    const steps = duration \/ stepTime;\n                    const increment = targetNumber \/ steps;\n                    \n                    const updateCounter = () => {\n                        count += increment;\n                        if (count >= targetNumber) {\n                            count = targetNumber;\n                            clearInterval(timer);\n                        }\n                        \n                        \/\/ Update the text based on the suffix\n                        if (hasPercent) {\n                            element.textContent = Math.round(count) + '%';\n                        } else if (hasHour) {\n                            element.textContent = Math.round(count) + 'h';\n                        } else if (hasPlus) {\n                            element.textContent = Math.round(count) + '+';\n                        } else if (hasDash) {\n    element.textContent = targetText.includes('-') ? element.getAttribute('data-original') || '3-6' : Math.round(count);\n                        } else {\n                            element.textContent = Math.round(count);\n                        }\n                    };\n                    \n                    \/\/ Start the animation\n                    const timer = setInterval(updateCounter, stepTime);\n                });\n                \n                \/\/ Stop observing once animation starts\n                observer.unobserve(statsContainer);\n            }\n        });\n    }, {\n        threshold: 0.1 \/\/ Trigger when 10% of the element is visible\n    });\n    \n    \/\/ Start observing the stats container\n    if (statsContainer) {\n        observer.observe(statsContainer);\n    }\n});\n\n        \/\/ Smooth scrolling animation for FlyFone\n        const flyfoneObserverOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const flyfoneObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('flyfone-animated');\n                }\n            });\n        }, flyfoneObserverOptions);\n\n        \/\/ Observe all elements with flyfone-animate-scroll class\n        document.querySelectorAll('.flyfone-animate-scroll').forEach(el => {\n            flyfoneObserver.observe(el);\n        });\n\n        \/\/ Smooth scrolling for anchor links in FlyFone section\n        document.querySelectorAll('.flyfone-wrapper a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n\n        \/\/ Add floating animation to hero elements\n        setInterval(() => {\n            const heroContent = document.querySelector('.flyfone-hero-content');\n            if (heroContent) {\n                heroContent.style.transform = `translateY(${Math.sin(Date.now() * 0.001) * 5}px)`;\n            }\n        }, 50);\n    <\/script>\n<script>\n    \/\/ FlyFone Accordion functionality for embedded section\n    document.addEventListener('DOMContentLoaded', function() {\n        const accordionHeaders = document.querySelectorAll('.flyfone-embed-accordion-header');\n        \n        accordionHeaders.forEach(header => {\n            header.addEventListener('click', function() {\n                const target = this.getAttribute('data-flyfone-target');\n                const content = this.nextElementSibling;\n                const isActive = !content.classList.contains('hidden');\n                \n                \/\/ Close all accordions first\n                accordionHeaders.forEach(otherHeader => {\n                    const otherContent = otherHeader.nextElementSibling;\n                    const otherSvg = otherHeader.querySelector('svg');\n                    \n                    otherContent.classList.add('hidden');\n                    otherContent.classList.remove('flyfone-embed-active');\n                    otherHeader.classList.remove('flyfone-embed-active');\n                    if (otherSvg) {\n                        otherSvg.style.transform = 'rotate(0deg)';\n                    }\n                });\n                \n                \/\/ Toggle current accordion if it wasn't active\n                if (!isActive) {\n                    content.classList.remove('hidden');\n                    content.classList.add('flyfone-embed-active');\n                    this.classList.add('flyfone-embed-active');\n                    const svg = this.querySelector('svg');\n                    if (svg) {\n                        svg.style.transform = 'rotate(180deg)';\n                    }\n                }\n            });\n        });\n        \n        \/\/ Add click event listeners to buttons\n        const buttons = document.querySelectorAll('button:not(.flyfone-embed-accordion-header)');\n        buttons.forEach(button => {\n            button.addEventListener('click', function() {\n                console.log('Button clicked:', this.textContent.trim());\n                \/\/ Add your button functionality here\n            });\n        });\n    });\n<\/script>\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<style>\n    .bg-primary-blue {\n        background-color: #2563eb;\n    }\n    .text-primary-blue {\n        color: #2563eb;\n    }\n    .border-primary-blue {\n        border-color: #2563eb;\n    }\n    .hover\\:bg-primary-blue:hover {\n        background-color: #2563eb;\n    }\n    .hover\\:text-primary-blue:hover {\n        color: #2563eb;\n    }\n    .hover\\:border-primary-blue:hover {\n        border-color: #2563eb;\n    }\n    \n    \/* Accordion Styles *\/\n    .flyfone-embed-accordion-content {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.3s ease-out, padding 0.3s ease-out;\n    }\n    \n    .flyfone-embed-accordion-content.flyfone-embed-active {\n        max-height: 500px;\n        display: block !important;\n    }\n    \n    .flyfone-embed-accordion-header.flyfone-embed-active svg {\n        transform: rotate(180deg);\n    }\n    \n    .flyfone-embed-accordion-header svg {\n        transition: transform 0.3s ease;\n    }\n\n\/* Force equal width for all 3 accordion boxes *\/\n#flyfone-embed-section-unique > div > div {\n    width: 100% !important;\n    max-width: 100% !important;\n}\n\n#flyfone-embed-section-unique .bg-slate-800\\\/50 {\n    width: 100% !important;\n}\n\/* C\u0103n tr\u00e1i n\u1ed9i dung b\u00ean trong accordion *\/\n#flyfone-embed-section-unique .flyfone-embed-accordion-content {\n    text-align: left !important;\n}\n\n#flyfone-embed-section-unique .flyfone-embed-accordion-content .flex {\n    justify-content: flex-start !important;\n    align-items: flex-start !important;\n}\n\n#flyfone-embed-section-unique .flyfone-embed-accordion-content h4 {\n    text-align: left !important;\n}\n\n<\/style>\n\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    \"itemListElement\": [\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 1,\n            \"name\": \"Home\",\n            \"item\": \"https:\\\/\\\/flyfone.com\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 2,\n            \"name\": \"AI-Powered Quality Assurance\",\n            \"item\": \"https:\\\/\\\/flyfone.com\\\/ai-powered-quality-assurance\\\/\"\n        }\n    ]\n}<\/script>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"AI-Powered Call Center Elevate every customer interaction with intelligent AI monitoring. Automatically evaluate, analyze, and optimize call quality to ensure consistent excellence across your team. Start My Free Trial AI-POWERED QUALITY ASSURANCE AI-Powered Call Center Quality Assurance Solutions Flyfone\u2019s AI-Powered QA automates call evaluation and delivers real-time performance insights. It transforms quality management into proactive [...]","protected":false},"author":1,"featured_media":12617,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-11918","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/pages\/11918","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/comments?post=11918"}],"version-history":[{"count":29,"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/pages\/11918\/revisions"}],"predecessor-version":[{"id":13946,"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/pages\/11918\/revisions\/13946"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/media\/12617"}],"wp:attachment":[{"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/media?parent=11918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}