{"id":9,"date":"2026-05-15T11:37:03","date_gmt":"2026-05-15T11:37:03","guid":{"rendered":"https:\/\/ailyma.online\/?page_id=9"},"modified":"2026-05-17T08:56:16","modified_gmt":"2026-05-17T08:56:16","slug":"9-2","status":"publish","type":"page","link":"https:\/\/ailyma.online\/","title":{"rendered":"home"},"content":{"rendered":"

\n\n\n \n \n AI Copywriting Dashboard<\/title>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n <style>\n :root {\n --bg-black: #000000;\n --purple: #8b5cf6;\n --pink: #ff6ec7;\n --card-bg: rgba(20, 20, 25, 0.8);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: Arial, sans-serif;\n min-height: 100vh;\n overflow-x: hidden;\n color: white;\n background-color: var(--bg-black);\n position: relative;\n }\n\n \/* ================= HERO BACKGROUND SAME AS CTA ================= *\/\n\n body::before {\n content: \"\";\n position: fixed;\n inset: 0;\n\n background:\n linear-gradient(\n 180deg,\n #08111f 0%,\n #0a1222 40%,\n #1c1635 72%,\n #4b2f76 100%\n );\n\n z-index: -3;\n }\n\n \/* DOT GRID *\/\n\n body::after {\n content: \"\";\n position: fixed;\n inset: 0;\n\n background-image:\n radial-gradient(\n rgba(255,255,255,.10) 1px,\n transparent 1px\n );\n\n background-size: 16px 16px;\n\n opacity: .28;\n\n pointer-events: none;\n\n z-index: -2;\n }\n\n \/* EXTRA GLOW EFFECT *\/\n\n .hero-bg-glow-1,\n .hero-bg-glow-2{\n position: fixed;\n border-radius: 50%;\n filter: blur(140px);\n z-index: -1;\n opacity: .28;\n pointer-events: none;\n }\n\n .hero-bg-glow-1{\n width: 460px;\n height: 460px;\n background: #a855f7;\n top: -160px;\n left: -120px;\n }\n\n .hero-bg-glow-2{\n width: 460px;\n height: 460px;\n background: #ff8bcf;\n bottom: -180px;\n right: -120px;\n }\n\n .wrapper {\n width: 100%;\n padding: 60px 20px 100px;\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n z-index: 2;\n }\n\n .badge {\n padding: 10px 22px;\n border-radius: 999px;\n border: 1px solid rgba(255,255,255,0.1);\n background: rgba(255,255,255,0.05);\n backdrop-filter: blur(12px);\n font-size: 14px;\n letter-spacing: 2px;\n margin-bottom: 30px;\n color: rgba(255,255,255,0.8);\n text-transform: uppercase;\n }\n\n .hero-title {\n font-size: 64px;\n font-weight: 800;\n text-align: center;\n line-height: 1.1;\n max-width: 1000px;\n }\n\n .white-text{\n color:#ffffff;\n }\n\n .gradient-text {\n background: linear-gradient(\n 90deg,\n #b16cea 0%,\n #ff6ec7 50%,\n #ff8a5b 100%\n );\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .hero-desc {\n margin-top: 24px;\n font-size: 22px;\n color: rgba(255,255,255,0.68);\n text-align: center;\n max-width: 800px;\n line-height: 1.7;\n }\n\n .btn-group {\n margin-top: 40px;\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .btn-primary {\n background: white;\n color: black;\n padding: 18px 40px;\n border-radius: 18px;\n font-weight: 700;\n border: none;\n cursor: pointer;\n transition: 0.3s;\n }\n\n .btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(255,255,255,0.15);\n }\n\n \/* DASHBOARD *\/\n\n .dashboard {\n margin-top: 80px;\n width: 100%;\n max-width: 1300px;\n height: 700px;\n border-radius: 30px;\n overflow: hidden;\n background: var(--card-bg);\n border: 1px solid rgba(255,255,255,0.08);\n backdrop-filter: blur(24px);\n display: flex;\n box-shadow: 0 40px 100px rgba(0,0,0,0.8);\n }\n\n .sidebar {\n width: 260px;\n background: rgba(0, 0, 0, 0.3);\n border-right: 1px solid rgba(255,255,255,0.05);\n padding: 35px 25px;\n display: flex;\n flex-direction: column;\n }\n\n .logo {\n font-size: 30px;\n font-weight: 700;\n margin-bottom: 50px;\n }\n\n .menu-item {\n padding: 16px 18px;\n border-radius: 16px;\n color: rgba(255,255,255,0.5);\n cursor: pointer;\n transition: 0.3s;\n font-size: 17px;\n margin-bottom: 10px;\n }\n\n .active {\n background: rgba(139, 92, 246, 0.15);\n color: #d6b4ff;\n border: 1px solid rgba(139, 92, 246, 0.3);\n }\n\n .main {\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n\n .topbar {\n height: 90px;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 40px;\n }\n\n .avatar {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: linear-gradient(135deg, #8b5cf6, #ff6ec7);\n }\n\n .content {\n padding: 40px;\n }\n\n .hello {\n font-size: 42px;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n .sub {\n color: rgba(255,255,255,0.45);\n font-size: 18px;\n margin-bottom: 45px;\n }\n\n .cards {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n }\n\n .column-title {\n margin-bottom: 18px;\n font-size: 12px;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: rgba(255,255,255,0.4);\n }\n\n .card {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 22px;\n padding: 22px;\n min-height: 180px;\n }\n\n .publish {\n display: inline-block;\n padding: 8px 16px;\n border-radius: 999px;\n background: rgba(168,85,247,0.15);\n color: #d8b4fe;\n font-size: 12px;\n font-weight: 700;\n }\n\n @media(max-width: 1024px) {\n\n .hero-title {\n font-size: 48px;\n }\n\n .cards {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media(max-width: 768px) {\n\n .hero-title {\n font-size: 38px;\n line-height: 1.2;\n }\n\n .hero-desc {\n font-size: 16px;\n line-height: 1.8;\n }\n\n .dashboard {\n height: auto;\n flex-direction: column;\n }\n\n .sidebar {\n width: 100%;\n }\n\n .cards {\n grid-template-columns: 1fr;\n }\n }\n\n <\/style>\n<\/head>\n\n<body>\n\n <!-- BACKGROUND GLOWS -->\n\n <div class=\"hero-bg-glow-1\"><\/div>\n <div class=\"hero-bg-glow-2\"><\/div>\n\n <div class=\"wrapper\">\n\n <div class=\"badge\">\n Launch Your AI-Powered Website in Just Days\n <\/div>\n\n <h1 class=\"hero-title\">\n <span class=\"white-text\">AI Features That Make Every Task<\/span>\n <br \/>\n <span class=\"gradient-text\">Faster, Smarter & More Productive<\/span>\n <\/h1>\n\n <p class=\"hero-desc\">\n Transform complex workflows into simple automated processes with\n powerful AI tools designed for speed, efficiency, and business growth.\n <\/p>\n\n <div class=\"btn-group\">\n <button class=\"btn-primary\">\n Get Started for Free\n <\/button>\n <\/div>\n\n <div class=\"dashboard\">\n\n <aside class=\"sidebar\">\n\n <div class=\"logo\">\n AI Dashboard\n <\/div>\n\n <div class=\"menu\">\n\n <div class=\"menu-item active\">\n \ud83c\udfe0 Home\n <\/div>\n\n <div class=\"menu-item\">\n \ud83d\udcc1 Projects\n <\/div>\n\n <div class=\"menu-item\">\n \ud83d\udca1 Automation\n <\/div>\n\n <div class=\"menu-item\">\n \ud83d\udcca Analytics\n <\/div>\n\n <\/div>\n\n <div style=\"margin-top:auto;color:rgba(255,255,255,0.4);\">\n \ud83d\udeaa Logout\n <\/div>\n\n <\/aside>\n\n <main class=\"main\">\n\n <div class=\"topbar\">\n\n <div style=\"font-weight:600;\">\n Overview\n <\/div>\n\n <div class=\"flex items-center gap-6\">\n <div class=\"avatar\"><\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"content\">\n\n <div class=\"hello\">\n Welcome back!\n <\/div>\n\n <div class=\"sub\">\n Manage your automated workflows below.\n <\/div>\n\n <div class=\"cards\">\n\n <div>\n\n <div class=\"column-title\">\n Ready\n <\/div>\n\n <div class=\"card\">\n\n <p style=\"margin-bottom:20px;\">\n Automated SEO Content Generation\n <\/p>\n\n <span class=\"publish\">\n Execute\n <\/span>\n\n <\/div>\n\n <\/div>\n\n <div>\n\n <div class=\"column-title\">\n In Progress\n <\/div>\n\n <div class=\"card\">\n <p>\n Social Media Strategy Mapping\n <\/p>\n <\/div>\n\n <\/div>\n\n <div>\n\n <div class=\"column-title\">\n Completed\n <\/div>\n\n <div class=\"card\">\n <p>\n Website Landing Page V1.0\n <\/p>\n <\/div>\n\n <\/div>\n\n <div>\n\n <div class=\"column-title\">\n Live\n <\/div>\n\n <div class=\"card\" style=\"border-color:rgba(168,85,247,0.3);background:rgba(168,85,247,0.05);\">\n\n <p>\n Customer Support Chatbot\n <\/p>\n\n <span style=\"color:#4ade80;font-weight:bold;font-size:12px;\">\n \u25cf ACTIVE\n <\/span>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/main>\n\n <\/div>\n\n <\/div>\n\n<\/body>\n<\/html><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-color:#3b3053;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"xcribemate-partners-wrapper\">\n\n <!-- GOOGLE FONT -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n\n \/* ======================= *\/\n \/* FULL WIDTH WRAPPER *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper{\n\n width:100vw !important;\n max-width:100vw !important;\n min-width:100vw !important;\n\n position:relative !important;\n\n left:50% !important;\n right:50% !important;\n\n margin-left:-50vw !important;\n margin-right:-50vw !important;\n\n overflow:hidden;\n\n padding:70px 0;\n\n font-family:'Inter',sans-serif;\n\n background:\n linear-gradient(\n 180deg,\n #08111f 0%,\n #0a1222 35%,\n #1c1635 72%,\n #4b2f76 100%\n );\n }\n\n .xcribemate-partners-wrapper *{\n box-sizing:border-box;\n }\n\n \/* ======================= *\/\n \/* GRID BACKGROUND *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper::before{\n\n content:\"\";\n\n position:absolute;\n inset:0;\n\n background-image:\n radial-gradient(\n rgba(255,255,255,.10) 1px,\n transparent 1px\n );\n\n background-size:18px 18px;\n\n opacity:.15;\n\n pointer-events:none;\n }\n\n \/* ======================= *\/\n \/* BOTTOM GLOW *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper::after{\n\n content:\"\";\n\n position:absolute;\n\n left:0;\n bottom:0;\n\n width:100%;\n height:260px;\n\n background:\n linear-gradient(\n to top,\n rgba(168,85,247,.18),\n transparent\n );\n\n pointer-events:none;\n }\n\n \/* ======================= *\/\n \/* SECTION *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper .partners-section{\n\n width:100%;\n max-width:1700px;\n\n margin:auto;\n\n padding:40px 0;\n\n text-align:center;\n\n position:relative;\n z-index:2;\n }\n\n \/* ======================= *\/\n \/* GLOW EFFECTS *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper .partners-section::before{\n\n content:\"\";\n\n position:absolute;\n\n width:500px;\n height:500px;\n\n border-radius:50%;\n\n background:#a855f7;\n\n top:-250px;\n left:-200px;\n\n filter:blur(130px);\n\n opacity:.18;\n\n pointer-events:none;\n }\n\n .xcribemate-partners-wrapper .partners-section::after{\n\n content:\"\";\n\n position:absolute;\n\n width:500px;\n height:500px;\n\n border-radius:50%;\n\n background:#ff8bcf;\n\n right:-200px;\n bottom:-250px;\n\n filter:blur(130px);\n\n opacity:.15;\n\n pointer-events:none;\n }\n\n \/* ======================= *\/\n \/* BADGE *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper .badge{\n\n display:inline-flex;\n\n align-items:center;\n justify-content:center;\n\n padding:12px 24px;\n\n border-radius:999px;\n\n border:1px solid rgba(255,255,255,.10);\n\n background:rgba(255,255,255,.05);\n\n backdrop-filter:blur(10px);\n\n color:#ffffff;\n\n font-size:12px;\n font-weight:600;\n\n letter-spacing:1px;\n\n margin-bottom:28px;\n\n text-transform:uppercase;\n }\n\n \/* ======================= *\/\n \/* TITLE *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper h1{\n\n font-size:68px;\n\n line-height:1.08;\n\n margin:0 0 24px;\n\n font-weight:700;\n\n letter-spacing:-2px;\n\n background:\n linear-gradient(\n 90deg,\n #ffffff 0%,\n #d9b3ff 45%,\n #ffb6cf 100%\n );\n\n -webkit-background-clip:text;\n -webkit-text-fill-color:transparent;\n }\n\n \/* ======================= *\/\n \/* SUBTITLE *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper p{\n\n max-width:760px;\n\n margin:auto;\n\n color:rgba(255,255,255,.72);\n\n font-size:18px;\n\n line-height:1.8;\n }\n\n \/* ======================= *\/\n \/* CAROUSEL *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper .carousel-container{\n\n position:relative;\n\n width:100%;\n\n height:340px;\n\n margin-top:70px;\n\n display:flex;\n\n align-items:center;\n\n overflow:hidden;\n }\n\n \/* ======================= *\/\n \/* BACKGROUND CIRCLE *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper .bg-circle{\n\n position:absolute;\n\n width:700px;\n height:700px;\n\n border-radius:50%;\n\n border:1px solid rgba(255,255,255,.05);\n\n left:50%;\n top:50%;\n\n transform:translate(-50%,-50%);\n\n z-index:1;\n\n background:\n radial-gradient(\n rgba(168,85,247,.08),\n transparent 70%\n );\n }\n\n \/* ======================= *\/\n \/* SLIDER *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper .slider{\n\n width:100%;\n\n overflow:hidden;\n\n position:relative;\n\n z-index:5;\n }\n\n .xcribemate-partners-wrapper .slider-track{\n\n display:flex;\n\n align-items:center;\n\n width:max-content;\n\n gap:0;\n\n animation:partnerScroll 18s linear infinite;\n }\n\n \/* ======================= *\/\n \/* CONTINUOUS MOVEMENT *\/\n \/* ======================= *\/\n\n @keyframes partnerScroll{\n\n 0%{\n transform:translateX(0);\n }\n\n 100%{\n transform:translateX(-50%);\n }\n }\n\n .xcribemate-partners-wrapper .slider:hover .slider-track{\n animation-play-state:paused;\n }\n\n \/* ======================= *\/\n \/* SLIDES *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper .slide{\n\n width:170px;\n\n flex-shrink:0;\n\n display:flex;\n\n justify-content:center;\n\n align-items:center;\n }\n\n \/* ======================= *\/\n \/* LOGO CARD *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper .logo-container-node{\n\n width:120px;\n height:120px;\n\n border-radius:50%;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,255,255,.08),\n rgba(255,255,255,.03)\n );\n\n border:1px solid rgba(255,255,255,.10);\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n backdrop-filter:blur(14px);\n\n box-shadow:\n 0 0 0 10px rgba(255,255,255,.02),\n 0 18px 45px rgba(0,0,0,.45);\n\n transition:.35s ease;\n }\n\n .xcribemate-partners-wrapper .logo-container-node:hover{\n\n transform:translateY(-8px) scale(1.05);\n\n border-color:rgba(255,255,255,.20);\n\n box-shadow:\n 0 20px 60px rgba(168,85,247,.25);\n }\n\n \/* ======================= *\/\n \/* SVG FIX *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper .logo-container-node svg{\n\n width:68px !important;\n height:68px !important;\n\n display:block;\n\n overflow:visible;\n }\n\n \/* ======================= *\/\n \/* EDGE FADE *\/\n \/* ======================= *\/\n\n .xcribemate-partners-wrapper .slider::before,\n .xcribemate-partners-wrapper .slider::after{\n\n content:\"\";\n\n position:absolute;\n\n top:0;\n\n width:180px;\n height:100%;\n\n z-index:10;\n\n pointer-events:none;\n }\n\n .xcribemate-partners-wrapper .slider::before{\n\n left:0;\n\n background:\n linear-gradient(\n to right,\n #09111f 0%,\n transparent 100%\n );\n }\n\n .xcribemate-partners-wrapper .slider::after{\n\n right:0;\n\n background:\n linear-gradient(\n to left,\n #3a295f 0%,\n transparent 100%\n );\n }\n\n \/* ======================= *\/\n \/* RESPONSIVE *\/\n \/* ======================= *\/\n\n @media(max-width:768px){\n\n .xcribemate-partners-wrapper{\n padding:40px 0;\n }\n\n .xcribemate-partners-wrapper h1{\n\n font-size:42px;\n\n line-height:1.15;\n }\n\n .xcribemate-partners-wrapper p{\n\n font-size:15px;\n\n line-height:1.7;\n\n padding:0 16px;\n }\n\n .xcribemate-partners-wrapper .carousel-container{\n\n height:240px;\n\n margin-top:40px;\n }\n\n .xcribemate-partners-wrapper .slide{\n width:120px;\n }\n\n .xcribemate-partners-wrapper .logo-container-node{\n\n width:88px;\n height:88px;\n }\n\n .xcribemate-partners-wrapper .logo-container-node svg{\n\n width:48px !important;\n height:48px !important;\n }\n\n .xcribemate-partners-wrapper .bg-circle{\n\n width:420px;\n height:420px;\n }\n }\n\n <\/style>\n\n <section class=\"partners-section\">\n\n <span class=\"badge\">\n Our Partners\n <\/span>\n\n <h1>\n Explore Our Trusted<br>\n Partnerships\n <\/h1>\n\n <p>\n Our trusted partners help boost your success with Xcribemate\n <\/p>\n\n <div class=\"carousel-container\">\n\n <div class=\"bg-circle\"><\/div>\n\n <div class=\"slider\">\n\n <div class=\"slider-track\">\n\n <!-- GOOGLE -->\n <div class=\"slide\">\n <div class=\"logo-container-node\">\n <svg viewBox=\"0 0 24 24\">\n <path fill=\"#4285F4\" d=\"M22.6 12.3c0-.8-.1-1.5-.2-2.3H12v4.3h6c-.3 1.4-1 2.5-2.2 3.3v2.7h3.5c2-1.9 3.3-4.7 3.3-8z\"\/>\n <path fill=\"#34A853\" d=\"M12 23c3 0 5.5-1 7.3-2.7l-3.5-2.7c-1 .7-2.3 1.1-3.8 1.1-2.9 0-5.4-2-6.3-4.7H2.1v2.8C3.9 20.5 7.7 23 12 23z\"\/>\n <path fill=\"#FBBC05\" d=\"M5.7 14c-.2-.7-.4-1.4-.4-2s.2-1.3.4-2V7.2H2.1C1.4 8.7 1 10.3 1 12s.4 3.3 1.1 4.8l3.6-2.8z\"\/>\n <path fill=\"#EA4335\" d=\"M12 5.4c1.6 0 3.1.6 4.2 1.6l3.2-3.2C17.5 2.1 15 1 12 1 7.7 1 3.9 3.5 2.1 7.2l3.6 2.8c.9-2.6 3.4-4.6 6.3-4.6z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <!-- ADS -->\n <div class=\"slide\">\n <div class=\"logo-container-node\">\n <svg viewBox=\"0 0 24 24\">\n <path fill=\"#4285F4\" d=\"M7 20c-.8 0-1.5-.2-2.1-.6C2.8 18.2 2.1 15.5 3.3 13.4L9.5 2.7c.7-1.3 2-2 3.4-2 .7 0 1.5.2 2.1.6 2.1 1.2 2.8 3.9 1.6 6L10.4 18c-.7 1.3-2 2-3.4 2z\"\/>\n <path fill=\"#34A853\" d=\"M19 20c-2.2 0-4-1.8-4-4 0-.7.2-1.4.5-2l2.5-4.3c.7-1.2 2-2 3.5-2 2.2 0 4 1.8 4 4 0 .7-.2 1.4-.5 2L22.5 18c-.7 1.2-2 2-3.5 2z\"\/>\n <circle fill=\"#FBBC05\" cx=\"4\" cy=\"20\" r=\"4\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <!-- DRIVE -->\n <div class=\"slide\">\n <div class=\"logo-container-node\">\n <svg viewBox=\"0 0 24 24\">\n <path fill=\"#0066DA\" d=\"M17.3 13H6.7l-3.4 5.8h10.6z\"\/>\n <path fill=\"#00AA47\" d=\"M10.6 5h5.3l4.7 8.2h-5.3z\"\/>\n <path fill=\"#FFBA00\" d=\"M6.7 13l3.9-6.8 3.4 5.8-3.9 6.8z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <!-- CHAT -->\n <div class=\"slide\">\n <div class=\"logo-container-node\">\n <svg viewBox=\"0 0 24 24\">\n <path fill=\"#0F9D58\" d=\"M12 2c-5.5 0-10 4.5-10 10 0 5.1 3.8 9.3 8.8 9.9v-3.4H9.3c-2.4 0-4.3-1.9-4.3-4.3V11c0-2.4 1.9-4.3 4.3-4.3h5.4c2.4 0 4.3 1.9 4.3 4.3v3.2c0 2.4-1.9 4.3-4.3 4.3h-.9v3.5c4.7-.7 8.2-4.7 8.2-9.5 0-5.5-4.5-10-10-10z\"\/>\n <path fill=\"#fff\" d=\"M7 9h3v3H7zm4 0h3v3h-3z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <!-- DUPLICATES FOR PERFECT CONTINUOUS LOOP -->\n\n <div class=\"slide\">\n <div class=\"logo-container-node\">\n <svg viewBox=\"0 0 24 24\">\n <path fill=\"#4285F4\" d=\"M22.6 12.3c0-.8-.1-1.5-.2-2.3H12v4.3h6c-.3 1.4-1 2.5-2.2 3.3v2.7h3.5c2-1.9 3.3-4.7 3.3-8z\"\/>\n <path fill=\"#34A853\" d=\"M12 23c3 0 5.5-1 7.3-2.7l-3.5-2.7c-1 .7-2.3 1.1-3.8 1.1-2.9 0-5.4-2-6.3-4.7H2.1v2.8C3.9 20.5 7.7 23 12 23z\"\/>\n <path fill=\"#FBBC05\" d=\"M5.7 14c-.2-.7-.4-1.4-.4-2s.2-1.3.4-2V7.2H2.1C1.4 8.7 1 10.3 1 12s.4 3.3 1.1 4.8l3.6-2.8z\"\/>\n <path fill=\"#EA4335\" d=\"M12 5.4c1.6 0 3.1.6 4.2 1.6l3.2-3.2C17.5 2.1 15 1 12 1 7.7 1 3.9 3.5 2.1 7.2l3.6 2.8c.9-2.6 3.4-4.6 6.3-4.6z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"slide\">\n <div class=\"logo-container-node\">\n <svg viewBox=\"0 0 24 24\">\n <path fill=\"#4285F4\" d=\"M7 20c-.8 0-1.5-.2-2.1-.6C2.8 18.2 2.1 15.5 3.3 13.4L9.5 2.7c.7-1.3 2-2 3.4-2 .7 0 1.5.2 2.1.6 2.1 1.2 2.8 3.9 1.6 6L10.4 18c-.7 1.3-2 2-3.4 2z\"\/>\n <path fill=\"#34A853\" d=\"M19 20c-2.2 0-4-1.8-4-4 0-.7.2-1.4.5-2l2.5-4.3c.7-1.2 2-2 3.5-2 2.2 0 4 1.8 4 4 0 .7-.2 1.4-.5 2L22.5 18c-.7 1.2-2 2-3.5 2z\"\/>\n <circle fill=\"#FBBC05\" cx=\"4\" cy=\"20\" r=\"4\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"slide\">\n <div class=\"logo-container-node\">\n <svg viewBox=\"0 0 24 24\">\n <path fill=\"#0066DA\" d=\"M17.3 13H6.7l-3.4 5.8h10.6z\"\/>\n <path fill=\"#00AA47\" d=\"M10.6 5h5.3l4.7 8.2h-5.3z\"\/>\n <path fill=\"#FFBA00\" d=\"M6.7 13l3.9-6.8 3.4 5.8-3.9 6.8z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"slide\">\n <div class=\"logo-container-node\">\n <svg viewBox=\"0 0 24 24\">\n <path fill=\"#0F9D58\" d=\"M12 2c-5.5 0-10 4.5-10 10 0 5.1 3.8 9.3 8.8 9.9v-3.4H9.3c-2.4 0-4.3-1.9-4.3-4.3V11c0-2.4 1.9-4.3 4.3-4.3h5.4c2.4 0 4.3 1.9 4.3 4.3v3.2c0 2.4-1.9 4.3-4.3 4.3h-.9v3.5c4.7-.7 8.2-4.7 8.2-9.5 0-5.5-4.5-10-10-10z\"\/>\n <path fill=\"#fff\" d=\"M7 9h3v3H7zm4 0h3v3h-3z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:-40px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ================= GOOGLE FONT ================= -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"ai-steps-section\">\n\n <!-- GLOW ORBS -->\n <div class=\"bg-orb orb-1\"><\/div>\n <div class=\"bg-orb orb-2\"><\/div>\n\n <div class=\"ai-steps-container\">\n\n <!-- ================= TOP ================= -->\n\n <div class=\"steps-top\">\n\n <div class=\"steps-badge\">\n How It Works\n <\/div>\n\n <h2 class=\"steps-title\">\n 3 Step Towards AI Future\n <\/h2>\n\n <p class=\"steps-subtitle\">\n Smart AI workflow designed for speed, automation & productivity.\n <\/p>\n\n <\/div>\n\n <!-- ================= STEPS GRID ================= -->\n\n <div class=\"steps-grid\">\n\n <!-- ================= STEP 1 ================= -->\n\n <div class=\"step-card\">\n\n <div class=\"step-line\"><\/div>\n\n <div class=\"step-number\">\n 01\n <\/div>\n\n <div class=\"step-icon\">\n \u2726\n <\/div>\n\n <h3 class=\"step-title\">\n Step 1: Sign Up\n <\/h3>\n\n <p class=\"step-desc\">\n Get Started with our simple and user friendly interface.\n Create your account in seconds and access powerful AI tools instantly.\n <\/p>\n\n <\/div>\n\n <!-- ================= STEP 2 ================= -->\n\n <div class=\"step-card active\">\n\n <div class=\"step-line\"><\/div>\n\n <div class=\"step-number\">\n 02\n <\/div>\n\n <div class=\"step-icon\">\n \u2726\n <\/div>\n\n <h3 class=\"step-title\">\n Step 2: Choose Your Tool\n <\/h3>\n\n <p class=\"step-desc\">\n Choose from hundreds of intelligent AI tools built for\n writing, coding, image generation, automation, and more.\n <\/p>\n\n <\/div>\n\n <!-- ================= STEP 3 ================= -->\n\n <div class=\"step-card\">\n\n <div class=\"step-line\"><\/div>\n\n <div class=\"step-number\">\n 03\n <\/div>\n\n <div class=\"step-icon\">\n \u2726\n <\/div>\n\n <h3 class=\"step-title\">\n Step 3: Get Your Result\n <\/h3>\n\n <p class=\"step-desc\">\n Add your prompt and click generate to instantly create\n your desired AI-powered content with high quality output.\n <\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n<\/section>\n\n<style>\n\n\/* ================= RESET ================= *\/\n\n*{\n margin:0;\n padding:0;\n box-sizing:border-box;\n}\n\n\/* ================= BODY ================= *\/\n\nbody{\n overflow-x:hidden;\n font-family:'Poppins',sans-serif;\n background:#050816;\n}\n\n\/* ================= SECTION ================= *\/\n\n.ai-steps-section{\n\n width:100vw !important;\n max-width:100vw !important;\n min-width:100vw !important;\n\n position:relative !important;\n\n left:50% !important;\n right:50% !important;\n\n margin-left:-50vw !important;\n margin-right:-50vw !important;\n\n padding:130px 60px;\n\n overflow:hidden;\n\n background:\n linear-gradient(\n 135deg,\n #070b17 0%,\n #10182d 40%,\n #070b17 100%\n );\n}\n\n\/* ================= GRID BACKGROUND ================= *\/\n\n.ai-steps-section::before{\n content:\"\";\n\n position:absolute;\n\n inset:0;\n\n background-image:\n linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\n\n background-size:70px 70px;\n\n opacity:.35;\n\n pointer-events:none;\n}\n\n\/* ================= GLOW ORBS ================= *\/\n\n.bg-orb{\n position:absolute;\n border-radius:50%;\n filter:blur(90px);\n opacity:.25;\n}\n\n.orb-1{\n width:420px;\n height:420px;\n background:#8b5cf6;\n top:-100px;\n left:-120px;\n}\n\n.orb-2{\n width:380px;\n height:380px;\n background:#ff7ac6;\n bottom:-120px;\n right:-100px;\n}\n\n\/* ================= CONTAINER ================= *\/\n\n.ai-steps-container{\n width:100%;\n max-width:1750px;\n margin:auto;\n position:relative;\n z-index:2;\n}\n\n\/* ================= TOP ================= *\/\n\n.steps-top{\n text-align:center;\n margin-bottom:100px;\n}\n\n\/* ================= BADGE ================= *\/\n\n.steps-badge{\n\n display:inline-flex;\n\n align-items:center;\n justify-content:center;\n\n padding:13px 28px;\n\n border-radius:999px;\n\n background:rgba(255,255,255,.06);\n\n border:1px solid rgba(255,255,255,.1);\n\n color:#ffffff !important;\n\n font-size:14px;\n\n font-weight:600;\n\n letter-spacing:1px;\n\n margin-bottom:26px;\n\n backdrop-filter:blur(10px);\n}\n\n\/* ================= TITLE ================= *\/\n\n.steps-title{\n\n color:#ffffff !important;\n\n font-size:76px;\n\n font-weight:800;\n\n line-height:1.05;\n\n margin-bottom:22px;\n\n letter-spacing:-2px;\n}\n\n\/* ================= SUBTITLE ================= *\/\n\n.steps-subtitle{\n\n color:#ffffff !important;\n\n font-size:22px;\n\n font-weight:300;\n\n opacity:.88;\n}\n\n\/* ================= GRID ================= *\/\n\n.steps-grid{\n\n width:100%;\n\n display:grid;\n\n grid-template-columns:repeat(3,minmax(0,1fr));\n\n gap:38px;\n}\n\n\/* ================= CARD ================= *\/\n\n.step-card{\n\n position:relative;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,255,255,.08),\n rgba(255,255,255,.03)\n );\n\n border:1px solid rgba(255,255,255,.12);\n\n border-radius:34px;\n\n padding:55px 42px;\n\n overflow:hidden;\n\n transition:.45s ease;\n\n backdrop-filter:blur(18px);\n\n box-shadow:\n 0 20px 60px rgba(0,0,0,.35);\n}\n\n\/* ================= ACTIVE CARD ================= *\/\n\n.step-card.active{\n\n border:1px solid rgba(168,85,247,.55);\n\n box-shadow:\n 0 0 40px rgba(168,85,247,.28),\n 0 25px 80px rgba(0,0,0,.45);\n}\n\n\/* ================= HOVER ================= *\/\n\n.step-card:hover{\n transform:translateY(-12px);\n}\n\n\/* ================= TOP LINE ================= *\/\n\n.step-line{\n\n position:absolute;\n\n top:0;\n left:0;\n\n width:100%;\n height:4px;\n\n background:\n linear-gradient(\n 90deg,\n #8b5cf6,\n #ff7ac6,\n #60a5fa\n );\n}\n\n\/* ================= NUMBER ================= *\/\n\n.step-number{\n\n font-size:95px;\n\n font-weight:800;\n\n line-height:1;\n\n margin-bottom:26px;\n\n color:rgba(255,255,255,.08);\n}\n\n\/* ================= ICON ================= *\/\n\n.step-icon{\n\n width:88px;\n height:88px;\n\n border-radius:26px;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n background:\n linear-gradient(\n 135deg,\n rgba(139,92,246,.25),\n rgba(255,122,198,.22)\n );\n\n border:1px solid rgba(255,255,255,.12);\n\n color:#ffffff !important;\n\n font-size:36px;\n\n margin-bottom:34px;\n\n box-shadow:\n 0 12px 35px rgba(139,92,246,.22);\n}\n\n\/* ================= TITLE ================= *\/\n\n.step-title{\n\n color:#ffffff !important;\n\n font-size:34px;\n\n line-height:1.25;\n\n font-weight:700;\n\n margin-bottom:22px;\n}\n\n\/* ================= DESCRIPTION ================= *\/\n\n.step-desc{\n\n color:#ffffff !important;\n\n font-size:17px;\n\n line-height:1.95;\n\n opacity:.92;\n}\n\n\/* ================= RESPONSIVE ================= *\/\n\n@media(max-width:1100px){\n\n .steps-grid{\n grid-template-columns:1fr;\n }\n\n}\n\n@media(max-width:768px){\n\n .ai-steps-section{\n padding:90px 20px;\n }\n\n .steps-title{\n font-size:42px;\n line-height:1.2;\n }\n\n .steps-subtitle{\n font-size:16px;\n }\n\n .step-card{\n padding:38px 28px;\n }\n\n .step-title{\n font-size:28px;\n }\n\n .step-desc{\n font-size:15px;\n line-height:1.8;\n }\n\n .step-number{\n font-size:70px;\n }\n\n .step-icon{\n width:72px;\n height:72px;\n font-size:30px;\n }\n\n}\n\n<\/style><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:-30px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- GOOGLE FONT -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"efficient-section\">\n\n <div class=\"efficient-container\">\n\n <!-- BADGE -->\n <div class=\"section-badge\">\n Features Section\n <\/div>\n\n <!-- TITLE -->\n <h2 class=\"section-title\">\n Powerful AI Features Designed<br>\n for Speed, Automation & Growth\n <\/h2>\n\n <!-- GRID -->\n <div class=\"cards-grid\">\n\n <!-- CARD 1 -->\n <div class=\"feature-card\">\n\n <div class=\"icon-box\">\n\n <div class=\"feature-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M4 14L12 6H20V14L12 22V14H4Z\"\/>\n <\/svg>\n <\/div>\n\n <\/div>\n\n <div class=\"small-label\">\n Input Data\n <\/div>\n\n <h3 class=\"card-title\">\n Voiceovers & Transcription\n <\/h3>\n\n <p class=\"card-desc\">\n Convert audio and video into clear, accurate text and lifelike\n voiceovers with advanced speech technology. Generate natural,\n professional-quality voiceovers in multiple languages and tones\n perfect for podcasts, videos, and marketing content.\n <\/p>\n\n <div class=\"info-box\">\n\n <div class=\"info-title\">\n What You Get\n <\/div>\n\n <ul>\n <li>High-accuracy transcription<\/li>\n <li>Natural AI voiceovers<\/li>\n <li>Multi-language support<\/li>\n <li>Studio-quality output<\/li>\n <\/ul>\n\n <\/div>\n\n <\/div>\n\n <!-- CARD 2 -->\n <div class=\"feature-card\">\n\n <div class=\"icon-box\">\n\n <div class=\"feature-icon\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"1\"\/>\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\n <line x1=\"10\" y1=\"3\" x2=\"10\" y2=\"21\"\/>\n <\/svg>\n <\/div>\n\n <\/div>\n\n <div class=\"small-label\">\n AI Processing\n <\/div>\n\n <h3 class=\"card-title\">\n AI Code Developer\n <\/h3>\n\n <p class=\"card-desc\">\n Write clean, efficient, and production-ready code with intelligent\n AI assistance. Generate accurate code snippets, automate repetitive\n tasks, and accelerate development workflows without compromising quality.\n <\/p>\n\n <div class=\"info-box\">\n\n <div class=\"info-title\">\n Best For\n <\/div>\n\n <ul>\n <li>Web & app development<\/li>\n <li>API integration<\/li>\n <li>Debugging & optimization<\/li>\n <li>Faster project delivery<\/li>\n <\/ul>\n\n <\/div>\n\n <\/div>\n\n <!-- CARD 3 -->\n <div class=\"feature-card\">\n\n <div class=\"icon-box\">\n\n <div class=\"feature-icon\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"3\" y=\"5\" width=\"10\" height=\"14\" rx=\"1\"\/>\n <line x1=\"17\" y1=\"5\" x2=\"17\" y2=\"19\"\/>\n <line x1=\"21\" y1=\"5\" x2=\"21\" y2=\"19\"\/>\n <\/svg>\n <\/div>\n\n <\/div>\n\n <div class=\"small-label\">\n Actionable Insights\n <\/div>\n\n <h3 class=\"card-title\">\n AI-Powered Content Creation\n <\/h3>\n\n <p class=\"card-desc\">\n Effortlessly create blogs, ads, website copy, and social media content\n using advanced AI engines. Generate engaging, SEO-friendly content\n tailored to your audience and brand voice.\n <\/p>\n\n <div class=\"info-box\">\n\n <div class=\"info-title\">\n Content Solutions\n <\/div>\n\n <ul>\n <li>SEO-optimized article generation<\/li>\n <li>Social media & ad copy writing<\/li>\n <li>Brand-focused content creation<\/li>\n <li>Fast scalable publishing workflow<\/li>\n <\/ul>\n\n <\/div>\n\n <\/div>\n\n <!-- CARD 4 -->\n <div class=\"feature-card\">\n\n <div class=\"icon-box\">\n\n <div class=\"feature-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M4 5h16v10H7l-3 3V5z\"\/>\n <\/svg>\n <\/div>\n\n <\/div>\n\n <div class=\"small-label\">\n Smart Chat\n <\/div>\n\n <h3 class=\"card-title\">\n Smart Chat Assistant\n <\/h3>\n\n <p class=\"card-desc\">\n Deliver instant customer engagement with an intelligent AI chatbot.\n Provide fast replies, personalized interactions, and 24\/7 automated support.\n <\/p>\n\n <div class=\"info-box\">\n\n <div class=\"info-title\">\n Includes\n <\/div>\n\n <ul>\n <li>Instant automated replies<\/li>\n <li>Personalized user interactions<\/li>\n <li>Lead capture & routing<\/li>\n <li>Always-on customer support<\/li>\n <\/ul>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <!-- CTA -->\n <div class=\"cta-section\">\n\n <div class=\"cta-subtitle\">\n See It in Action\n <\/div>\n\n <button class=\"cta-button\">\n Try It Out\n <\/button>\n\n <\/div>\n\n <\/div>\n\n<\/section>\n\n<style>\n\n\/* ================= RESET ================= *\/\n\n.efficient-section *{\n margin:0;\n padding:0;\n box-sizing:border-box;\n}\n\n\/* ================= SECTION ================= *\/\n\n.efficient-section{\n width:100vw !important;\n min-width:100vw !important;\n max-width:100vw !important;\n\n position:relative !important;\n left:50% !important;\n right:50% !important;\n\n margin-left:-50vw !important;\n margin-right:-50vw !important;\n\n overflow:hidden !important;\n\n background:\n linear-gradient(\n 90deg,\n #0a0f17 0%,\n #0f1623 50%,\n #0a0f17 100%\n ) !important;\n\n padding:110px 50px !important;\n\n font-family:'Inter',sans-serif !important;\n}\n\n\/* ================= CONTAINER ================= *\/\n\n.efficient-container{\n width:100% !important;\n max-width:1600px !important;\n margin:0 auto !important;\n}\n\n\/* ================= BADGE ================= *\/\n\n.efficient-section .section-badge{\n width:max-content;\n margin:0 auto 28px;\n padding:12px 24px;\n border-radius:999px;\n border:1px solid rgba(255,255,255,.08);\n background:rgba(255,255,255,.04);\n color:#ffffff !important;\n font-size:13px;\n font-weight:700;\n letter-spacing:1px;\n text-transform:uppercase;\n}\n\n\/* ================= TITLE ================= *\/\n\n.efficient-section .section-title{\n text-align:center;\n color:#ffffff !important;\n font-size:68px;\n line-height:1.08;\n font-weight:800;\n letter-spacing:-2px;\n margin-bottom:100px;\n}\n\n\/* ================= GRID ================= *\/\n\n.efficient-section .cards-grid{\n width:100%;\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:45px;\n}\n\n\/* ================= CARD ================= *\/\n\n.efficient-section .feature-card{\n background:rgba(13,18,28,.75);\n border:1px solid rgba(255,255,255,.06);\n border-radius:28px;\n padding:42px;\n backdrop-filter:blur(14px);\n box-shadow:0 25px 70px rgba(0,0,0,.35);\n transition:.35s ease;\n}\n\n.efficient-section .feature-card:hover{\n transform:translateY(-6px);\n border-color:rgba(168,85,247,.25);\n}\n\n\/* ================= ICON BOX ================= *\/\n\n.efficient-section .icon-box{\n width:100%;\n height:190px;\n border-radius:22px;\n background:rgba(255,255,255,.02);\n border:1px solid rgba(255,255,255,.06);\n display:flex;\n align-items:center;\n justify-content:center;\n margin-bottom:32px;\n position:relative;\n overflow:hidden;\n}\n\n.efficient-section .icon-box::before{\n content:\"\";\n position:absolute;\n left:0;\n top:0;\n width:100%;\n height:2px;\n background:linear-gradient(90deg,#ff9966,#a855f7);\n}\n\n.efficient-section .icon-box::after{\n content:\"\";\n position:absolute;\n right:-80px;\n top:50%;\n transform:translateY(-50%);\n width:180px;\n height:180px;\n background:radial-gradient(circle,rgba(168,85,247,.18),transparent 70%);\n}\n\n\/* ================= ICON ================= *\/\n\n.efficient-section .feature-icon{\n width:95px;\n height:95px;\n position:relative;\n z-index:2;\n}\n\n.efficient-section .feature-icon svg{\n width:100%;\n height:100%;\n stroke:#ffffff !important;\n stroke-width:1.8;\n fill:none !important;\n}\n\n\/* ================= TEXT ================= *\/\n\n.efficient-section .small-label,\n.efficient-section .card-title,\n.efficient-section .card-desc,\n.efficient-section .info-title,\n.efficient-section .info-box li,\n.efficient-section .cta-subtitle,\n.efficient-section .cta-button{\n color:#ffffff !important;\n}\n\n.efficient-section .small-label{\n font-size:13px;\n font-weight:700;\n letter-spacing:1px;\n text-transform:uppercase;\n margin-bottom:14px;\n}\n\n.efficient-section .card-title{\n font-size:36px;\n line-height:1.2;\n font-weight:800;\n margin-bottom:22px;\n}\n\n.efficient-section .card-desc{\n font-size:16px;\n line-height:1.9;\n margin-bottom:32px;\n}\n\n\/* ================= INFO BOX ================= *\/\n\n.efficient-section .info-box{\n border-top:1px solid rgba(255,255,255,.08);\n padding-top:24px;\n}\n\n.efficient-section .info-title{\n font-size:15px;\n font-weight:700;\n margin-bottom:16px;\n}\n\n.efficient-section .info-box ul{\n padding-left:20px;\n}\n\n.efficient-section .info-box li{\n margin-bottom:12px;\n line-height:1.6;\n}\n\n\/* ================= CTA ================= *\/\n\n.efficient-section .cta-section{\n text-align:center;\n margin-top:100px;\n}\n\n.efficient-section .cta-subtitle{\n font-size:24px;\n font-weight:700;\n margin-bottom:28px;\n}\n\n.efficient-section .cta-button{\n border:none;\n outline:none;\n cursor:pointer;\n padding:20px 48px;\n border-radius:18px;\n background:linear-gradient(90deg,#a855f7,#ff7b72);\n font-size:17px;\n font-weight:700;\n transition:.35s ease;\n box-shadow:0 18px 45px rgba(168,85,247,.28);\n}\n\n.efficient-section .cta-button:hover{\n transform:translateY(-4px);\n box-shadow:0 25px 60px rgba(168,85,247,.35);\n}\n\n\/* ================= RESPONSIVE ================= *\/\n\n@media(max-width:1100px){\n\n .efficient-section .cards-grid{\n grid-template-columns:1fr;\n }\n\n .efficient-section .section-title{\n font-size:50px;\n }\n\n}\n\n@media(max-width:768px){\n\n .efficient-section{\n padding:80px 20px !important;\n }\n\n .efficient-section .section-title{\n font-size:38px;\n line-height:1.2;\n margin-bottom:65px;\n }\n\n .efficient-section .feature-card{\n padding:28px;\n }\n\n .efficient-section .card-title{\n font-size:28px;\n }\n\n .efficient-section .card-desc{\n font-size:15px;\n }\n\n .efficient-section .icon-box{\n height:150px;\n }\n\n .efficient-section .feature-icon{\n width:72px;\n height:72px;\n }\n\n}\n\n<\/style><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-5 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:-60px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"ai-results-section\">\n\n <div class=\"ai-results-container\">\n\n <div class=\"top-label\">\n Why ailyma.online\n <\/div>\n\n <h2 class=\"main-heading\">\n Power Up Your Projects With ailyma.online\n <\/h2>\n\n <p class=\"main-subtitle\">\n Smart AI Tools Built to Scale Your Business.\n <\/p>\n\n <div class=\"results-grid\">\n\n <div class=\"result-card\">\n\n <div class=\"icon-wrapper\">\n\n <div class=\"icon-box\">\n\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 3L4 7V11C4 16 7.4 20.7 12 22C16.6 20.7 20 16 20 11V7L12 3Z\"\/>\n <path d=\"M9 12L11 14L15 10\"\/>\n <\/svg>\n\n <\/div>\n\n <\/div>\n\n <div class=\"card-content\">\n\n <h3>\n Education & Learning\n <\/h3>\n\n <p>\n Support students, educators, and institutions with AI-assisted writing, research summaries, and learning content.\n <\/p>\n\n <a href=\"#\">\n Learn More\n <span>\u203a<\/span>\n <\/a>\n\n <\/div>\n\n <\/div>\n\n <div class=\"result-card\">\n\n <div class=\"icon-wrapper\">\n\n <div class=\"icon-box\">\n\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\n <path d=\"M7 12H17\"\/>\n <path d=\"M12 7V17\"\/>\n <\/svg>\n\n <\/div>\n\n <\/div>\n\n <div class=\"card-content\">\n\n <h3>\n SOC 2 Compliant Infrastructure\n <\/h3>\n\n <p>\n Protected with advanced threat detection, prevention, & alarm mechanisms. We run on robust isolated networks with fully auditable access and logs.\n <\/p>\n\n <a href=\"#\">\n Learn More\n <span>\u203a<\/span>\n <\/a>\n\n <\/div>\n\n <\/div>\n\n <div class=\"result-card\">\n\n <div class=\"icon-wrapper\">\n\n <div class=\"icon-box\">\n\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M5 5H19V19H5Z\"\/>\n <path d=\"M8 9H16\"\/>\n <path d=\"M8 13H16\"\/>\n <\/svg>\n\n <\/div>\n\n <\/div>\n\n <div class=\"card-content\">\n\n <h3>\n Content Creators\n <\/h3>\n\n <p>\n Generate blogs, articles, and marketing content that engages audiences and ranks on search engines\u2014without writer\u2019s block.\n <\/p>\n\n <a href=\"#\">\n Learn More\n <span>\u203a<\/span>\n <\/a>\n\n <\/div>\n\n <\/div>\n\n <div class=\"result-card\">\n\n <div class=\"icon-wrapper\">\n\n <div class=\"icon-box\">\n\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M4 5H20V15H4Z\"\/>\n <path d=\"M8 19H16\"\/>\n <\/svg>\n\n <\/div>\n\n <\/div>\n\n <div class=\"card-content\">\n\n <h3>\n Marketing Teams\n <\/h3>\n\n <p>\n Create high-converting ad copy, landing pages, emails, and social media content in minutes with consistent brand tone.\n <\/p>\n\n <a href=\"#\">\n Learn More\n <span>\u203a<\/span>\n <\/a>\n\n <\/div>\n\n <\/div>\n\n <div class=\"result-card\">\n\n <div class=\"icon-wrapper\">\n\n <div class=\"icon-box\">\n\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 2V22\"\/>\n <path d=\"M5 7H19\"\/>\n <path d=\"M5 17H19\"\/>\n <\/svg>\n\n <\/div>\n\n <\/div>\n\n <div class=\"card-content\">\n\n <h3>\n Education & Learning\n <\/h3>\n\n <p>\n Scale content production, automate workflows, and maintain brand consistency across teams with enterprise-ready AI tools.\n <\/p>\n\n <a href=\"#\">\n Learn More\n <span>\u203a<\/span>\n <\/a>\n\n <\/div>\n\n <\/div>\n\n <div class=\"result-card\">\n\n <div class=\"icon-wrapper\">\n\n <div class=\"icon-box\">\n\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M6 12H18\"\/>\n <path d=\"M12 6V18\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n <\/svg>\n\n <\/div>\n\n <\/div>\n\n <div class=\"card-content\">\n\n <h3>\n AI Workflow Automation\n <\/h3>\n\n <p>\n Automate repetitive tasks, streamline operations, and boost efficiency with intelligent AI-powered workflow systems.\n <\/p>\n\n <a href=\"#\">\n Learn More\n <span>\u203a<\/span>\n <\/a>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n<\/section>\n\n<style>\n\n\/* ================= RESET ================= *\/\n\n*{\n margin:0;\n padding:0;\n box-sizing:border-box;\n}\n\nhtml,\nbody{\n width:100% !important;\n max-width:100% !important;\n overflow-x:hidden;\n font-family:'Inter',sans-serif;\n background:#0a0f17;\n}\n\n\/* ================= SECTION ================= *\/\n\n.ai-results-section{\n width:100vw !important;\n min-width:100vw !important;\n max-width:100vw !important;\n position:relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n background:\n linear-gradient(\n 90deg,\n #0b1018 0%,\n #101826 50%,\n #0b1018 100%\n ) !important;\n padding:110px 45px;\n}\n\n\/* ================= CONTAINER ================= *\/\n\n.ai-results-container{\n width:100% !important;\n max-width:100% !important;\n margin:auto !important;\n}\n\n\/* ================= LABEL ================= *\/\n\n.top-label{\n width:max-content;\n margin:0 auto 24px;\n padding:10px 22px;\n border-radius:999px;\n border:1px solid rgba(255,255,255,.08);\n background:rgba(255,255,255,.04);\n color:#d1d5db;\n font-size:13px;\n font-weight:700;\n letter-spacing:1px;\n text-transform:uppercase;\n}\n\n\/* ================= HEADING ================= *\/\n\n.main-heading{\n text-align:center;\n color:#ffffff;\n font-size:68px;\n line-height:1.08;\n font-weight:800;\n letter-spacing:-2px;\n margin-bottom:18px;\n}\n\n\/* ================= SUBTITLE ================= *\/\n\n.main-subtitle{\n text-align:center;\n color:#b8c0cf;\n font-size:22px;\n margin-bottom:85px;\n}\n\n\/* ================= GRID ================= *\/\n\n.results-grid{\n width:100%;\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:34px;\n}\n\n\/* ================= CARD ================= *\/\n\n.result-card{\n background:rgba(17,23,35,.88);\n border-radius:26px;\n padding:34px;\n border:1px solid rgba(255,255,255,.04);\n display:flex;\n align-items:flex-start;\n gap:22px;\n transition:.35s ease;\n min-height:260px;\n}\n\n.result-card:hover{\n transform:translateY(-6px);\n border-color:rgba(168,85,247,.22);\n box-shadow:0 25px 60px rgba(0,0,0,.35);\n}\n\n\/* ================= ICON ================= *\/\n\n.icon-wrapper{\n flex-shrink:0;\n}\n\n.icon-box{\n width:72px;\n height:72px;\n border-radius:18px;\n border:1px solid rgba(255,255,255,.08);\n background:rgba(255,255,255,.02);\n display:flex;\n align-items:center;\n justify-content:center;\n position:relative;\n overflow:hidden;\n}\n\n.icon-box::before{\n content:\"\";\n position:absolute;\n inset:0;\n padding:1px;\n border-radius:18px;\n background:\n linear-gradient(\n 135deg,\n #a855f7,\n #ff9966\n );\n -webkit-mask:\n linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n -webkit-mask-composite:xor;\n mask-composite:exclude;\n}\n\n.icon-box svg{\n width:34px;\n height:34px;\n stroke:#737d91;\n stroke-width:1.8;\n fill:none;\n position:relative;\n z-index:2;\n}\n\n\/* ================= CONTENT ================= *\/\n\n.card-content{\n flex:1;\n}\n\n.card-content h3{\n color:#ffffff;\n font-size:34px;\n line-height:1.2;\n font-weight:800;\n margin-bottom:18px;\n}\n\n.card-content p{\n color:#c0c8d6;\n font-size:18px;\n line-height:1.8;\n margin-bottom:32px;\n}\n\n\/* ================= LINK ================= *\/\n\n.card-content a{\n color:#ffffff;\n text-decoration:none;\n font-size:20px;\n font-weight:500;\n display:inline-flex;\n align-items:center;\n gap:10px;\n transition:.3s ease;\n}\n\n.card-content a span{\n font-size:26px;\n line-height:1;\n}\n\n.card-content a:hover{\n color:#d8b4fe;\n}\n\n\/* ================= RESPONSIVE ================= *\/\n\n@media(max-width:1200px){\n\n .results-grid{\n grid-template-columns:repeat(2,1fr);\n }\n\n}\n\n@media(max-width:768px){\n\n .ai-results-section{\n padding:80px 20px !important;\n }\n\n .main-heading{\n font-size:42px;\n line-height:1.18;\n }\n\n .main-subtitle{\n font-size:18px;\n margin-bottom:60px;\n }\n\n .results-grid{\n grid-template-columns:1fr;\n gap:24px;\n }\n\n .result-card{\n flex-direction:column;\n min-height:auto;\n padding:26px;\n }\n\n .card-content h3{\n font-size:28px;\n }\n\n .card-content p{\n font-size:16px;\n line-height:1.7;\n }\n\n}\n\n<\/style><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-6 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:-60px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ================= GOOGLE FONT ================= -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"pricing-section\">\n\n <div class=\"pricing-container\">\n\n <!-- ================= TOP ================= -->\n\n <div class=\"pricing-top\">\n\n <div class=\"pricing-badge\">\n Our Pricing Plan\n <\/div>\n\n <h1 class=\"pricing-title\">\n Flexible Pricing To Suit Every Need\n <\/h1>\n\n <p class=\"pricing-subtitle\">\n Smart AI Tools Built to Scale Your Business.\n <\/p>\n\n <!-- TOGGLE -->\n\n <div class=\"toggle-wrapper\">\n\n <div class=\"toggle-box\">\n\n <button class=\"toggle-btn active\" id=\"monthlyBtn\">\n Monthly\n <\/button>\n\n <button class=\"toggle-btn\" id=\"yearlyBtn\">\n Yearly\n <\/button>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <!-- ================= GRID ================= -->\n\n <div class=\"pricing-grid\">\n\n <!-- ================= BASIC PLAN ================= -->\n\n <div class=\"pricing-card\">\n\n <h3 class=\"plan-name\">\n basic plan\n <\/h3>\n\n <p class=\"plan-desc\">\n Free to use lifetime\n <\/p>\n\n <div class=\"divider\"><\/div>\n\n <div class=\"price\">\n <span class=\"dollar\">$<\/span>\n <h2 class=\"amount\" data-month=\"0\" data-year=\"0\">0<\/h2>\n <\/div>\n\n <button class=\"plan-btn\">\n Get Started\n <\/button>\n\n <div class=\"divider\"><\/div>\n\n <ul class=\"features\">\n\n <li>3000 Word<\/li>\n <li>Single editor<\/li>\n <li>5 AI Images<\/li>\n <li>1 AI Chat Access<\/li>\n <li>Smart Ai Writer<\/li>\n <li>10 Template Access<\/li>\n\n <\/ul>\n\n <\/div>\n\n <!-- ================= PROFESSIONAL ================= -->\n\n <div class=\"pricing-card active\">\n\n <div class=\"popular-tag\">\n Most Popular\n <\/div>\n\n <h3 class=\"plan-name\">\n Professional\n <\/h3>\n\n <p class=\"plan-desc\">\n All the features you need\n <\/p>\n\n <div class=\"divider\"><\/div>\n\n <div class=\"price\">\n <span class=\"dollar\">$<\/span>\n <h2 class=\"amount\" data-month=\"29\" data-year=\"299\">29<\/h2>\n <\/div>\n\n <button class=\"plan-btn\">\n Get Started\n <\/button>\n\n <div class=\"divider\"><\/div>\n\n <ul class=\"features\">\n\n <li>30000 Words\/ Month<\/li>\n <li>100 Ai Images<\/li>\n <li>1000 AI Voiceover Char.<\/li>\n <li>20 Min AI Speech to Text<\/li>\n <li>30+ Templates<\/li>\n <li>10 AI Chat Access<\/li>\n <li>1000 Characters Output<\/li>\n <li>2 team Member<\/li>\n\n <\/ul>\n\n <\/div>\n\n <!-- ================= ENTERPRISE ================= -->\n\n <div class=\"pricing-card\">\n\n <h3 class=\"plan-name\">\n Enterprise Plan\n <\/h3>\n\n <p class=\"plan-desc\">\n All the features you need\n <\/p>\n\n <div class=\"divider\"><\/div>\n\n <div class=\"price\">\n <span class=\"dollar\">$<\/span>\n <h2 class=\"amount\" data-month=\"149\" data-year=\"1499\">149<\/h2>\n <\/div>\n\n <button class=\"plan-btn\">\n Get Started\n <\/button>\n\n <div class=\"divider\"><\/div>\n\n <ul class=\"features\">\n\n <li>Unlimited Words<\/li>\n <li>500 Images\/month<\/li>\n <li>4000 AI Voiceover char.<\/li>\n <li>100 Min AI Speech to Text<\/li>\n <li>All Templates Access<\/li>\n <li>All AI Chat Access<\/li>\n <li>2000 Characters Output<\/li>\n <li>10 team Members<\/li>\n\n <\/ul>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n<\/section>\n\n<style>\n\n\/* ================= RESET ================= *\/\n\n*{\n margin:0;\n padding:0;\n box-sizing:border-box;\n}\n\n\/* ================= BODY ================= *\/\n\nbody{\n font-family:'Poppins',sans-serif;\n background:#060b16;\n overflow-x:hidden;\n}\n\n\/* ================= SECTION ================= *\/\n\n.pricing-section{\n\n width:100vw !important;\n max-width:100vw !important;\n min-width:100vw !important;\n\n position:relative !important;\n\n left:50% !important;\n right:50% !important;\n\n margin-left:-50vw !important;\n margin-right:-50vw !important;\n\n min-height:100vh;\n\n padding:100px 50px !important;\n\n overflow:hidden;\n\n background:\n radial-gradient(circle at top,#131d31 0%,#060b16 60%);\n}\n\n\/* ================= DOT BG ================= *\/\n\n.pricing-section::before{\n content:\"\";\n position:absolute;\n inset:0;\n background-image:\n radial-gradient(rgba(168,85,247,.22) 1px, transparent 1px);\n background-size:18px 18px;\n opacity:.28;\n pointer-events:none;\n}\n\n\/* ================= CONTAINER ================= *\/\n\n.pricing-container{\n width:100% !important;\n max-width:1800px !important;\n margin:0 auto !important;\n position:relative;\n z-index:2;\n}\n\n\/* ================= TOP ================= *\/\n\n.pricing-top{\n text-align:center;\n margin-bottom:70px;\n}\n\n.pricing-badge{\n display:inline-block;\n padding:12px 24px;\n border-radius:999px;\n background:rgba(255,255,255,.05);\n border:1px solid rgba(255,255,255,.08);\n color:#d4b5ff;\n font-size:14px;\n font-weight:600;\n letter-spacing:1px;\n margin-bottom:24px;\n}\n\n.pricing-title{\n font-size:68px;\n font-weight:700;\n line-height:1.1;\n margin-bottom:18px;\n background:linear-gradient(90deg,#c57fff,#ff9bcf);\n -webkit-background-clip:text;\n -webkit-text-fill-color:transparent;\n}\n\n.pricing-subtitle{\n color:rgba(255,255,255,.75);\n font-size:22px;\n font-weight:300;\n}\n\n\/* ================= TOGGLE ================= *\/\n\n.toggle-wrapper{\n margin-top:40px;\n display:flex;\n justify-content:center;\n}\n\n.toggle-box{\n width:200px;\n height:58px;\n border-radius:50px;\n border:2px solid rgba(168,85,247,.4);\n overflow:hidden;\n display:flex;\n background:#111827;\n}\n\n.toggle-btn{\n flex:1;\n border:none;\n cursor:pointer;\n background:transparent;\n color:#ffffff;\n font-size:16px;\n font-weight:600;\n transition:.35s;\n}\n\n.toggle-btn.active{\n background:#e3e7ef;\n color:#111827;\n}\n\n\/* ================= GRID ================= *\/\n\n.pricing-grid{\n\n width:100% !important;\n\n display:grid;\n\n grid-template-columns:repeat(3,minmax(0,1fr));\n\n gap:35px;\n\n align-items:stretch;\n}\n\n\/* ================= CARD ================= *\/\n\n.pricing-card{\n width:100% !important;\n min-width:0 !important;\n\n background:rgba(10,15,24,.92);\n border:2px solid rgba(255,255,255,.14);\n border-radius:30px;\n padding:40px 32px;\n position:relative;\n transition:.4s ease;\n backdrop-filter:blur(14px);\n box-shadow:0 25px 70px rgba(0,0,0,.28);\n}\n\n.pricing-card:hover{\n transform:translateY(-8px);\n}\n\n.pricing-card.active{\n border-color:#b86cf7;\n box-shadow:\n 0 0 0 2px rgba(184,108,247,.18),\n 0 25px 70px rgba(184,108,247,.18);\n}\n\n\/* ================= TAG ================= *\/\n\n.popular-tag{\n position:absolute;\n top:-14px;\n right:24px;\n background:linear-gradient(90deg,#b86cf7,#ff8eb9);\n color:#fff;\n padding:8px 18px;\n border-radius:999px;\n font-size:13px;\n font-weight:600;\n}\n\n\/* ================= TEXT ================= *\/\n\n.plan-name{\n color:#ffffff;\n font-size:34px;\n font-weight:600;\n margin-bottom:12px;\n text-transform:capitalize;\n}\n\n.plan-desc{\n color:rgba(255,255,255,.72);\n font-size:17px;\n margin-bottom:28px;\n}\n\n\/* ================= DIVIDER ================= *\/\n\n.divider{\n width:100%;\n height:2px;\n background:rgba(255,255,255,.08);\n margin-bottom:34px;\n}\n\n\/* ================= PRICE ================= *\/\n\n.price{\n display:flex;\n align-items:flex-start;\n gap:6px;\n margin-bottom:40px;\n}\n\n.dollar{\n color:#ffffff;\n font-size:34px;\n font-weight:400;\n margin-top:8px;\n}\n\n.price h2{\n color:#ffffff;\n font-size:82px;\n line-height:1;\n font-weight:300;\n}\n\n\/* ================= BUTTON ================= *\/\n\n.plan-btn{\n width:100%;\n height:64px;\n border:none;\n border-radius:999px;\n background:#dfe4eb;\n color:#111827;\n font-size:18px;\n font-weight:600;\n cursor:pointer;\n transition:.35s;\n margin-bottom:36px;\n}\n\n.plan-btn:hover{\n transform:scale(1.02);\n}\n\n\/* ================= FEATURES ================= *\/\n\n.features{\n list-style:none;\n display:flex;\n flex-direction:column;\n gap:18px;\n}\n\n.features li{\n color:rgba(255,255,255,.9);\n font-size:17px;\n position:relative;\n padding-left:28px;\n}\n\n.features li::before{\n content:\"\u2713\";\n position:absolute;\n left:0;\n top:0;\n color:#ffffff;\n font-weight:600;\n}\n\n\/* ================= RESPONSIVE ================= *\/\n\n@media(max-width:1100px){\n\n .pricing-grid{\n grid-template-columns:1fr;\n }\n\n}\n\n@media(max-width:768px){\n\n .pricing-section{\n padding:80px 20px !important;\n }\n\n .pricing-title{\n font-size:42px;\n }\n\n .pricing-subtitle{\n font-size:17px;\n }\n\n .pricing-card{\n padding:32px 24px;\n }\n\n .price h2{\n font-size:64px;\n }\n\n .plan-name{\n font-size:28px;\n }\n\n}\n\n<\/style>\n\n<script>\n\n\/* ================= TOGGLE ================= *\/\n\nconst monthlyBtn = document.getElementById(\"monthlyBtn\");\nconst yearlyBtn = document.getElementById(\"yearlyBtn\");\n\nconst amounts = document.querySelectorAll(\".amount\");\n\nmonthlyBtn.addEventListener(\"click\", () => {\n\n monthlyBtn.classList.add(\"active\");\n yearlyBtn.classList.remove(\"active\");\n\n amounts.forEach(price => {\n price.innerHTML = price.dataset.month;\n });\n\n});\n\nyearlyBtn.addEventListener(\"click\", () => {\n\n yearlyBtn.classList.add(\"active\");\n monthlyBtn.classList.remove(\"active\");\n\n amounts.forEach(price => {\n price.innerHTML = price.dataset.year;\n });\n\n});\n\n<\/script><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-7 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:-40px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ================= GOOGLE FONT ================= -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"faq-section-custom\">\n\n <!-- GLOW EFFECTS -->\n\n <div class=\"faq-glow faq-glow-1\"><\/div>\n <div class=\"faq-glow faq-glow-2\"><\/div>\n\n <div class=\"faq-container-custom\">\n\n <!-- HEADER -->\n\n <div class=\"faq-header-custom\">\n\n <div class=\"faq-badge-custom\">\n FAQ Section\n <\/div>\n\n <h2 class=\"faq-title-custom\">\n Common Questions\n <\/h2>\n\n <p class=\"faq-subtitle-custom\">\n Got Questions About Ailyma.online?\n <\/p>\n\n <p class=\"faq-description-custom\">\n Find quick, helpful answers to common questions about the\n Ailyma.online platform and features.\n <\/p>\n\n <\/div>\n\n <!-- FAQ LIST -->\n\n <div class=\"faq-list-custom\">\n\n <!-- FAQ ITEM -->\n\n <div class=\"faq-item-custom active\">\n\n <button class=\"faq-question-custom\">\n\n <span>\n What is Ailyma.online AI?\n <\/span>\n\n <div class=\"faq-toggle-custom\">\n +\n <\/div>\n\n <\/button>\n\n <div class=\"faq-answer-custom\">\n Ailyma.online AI is an advanced artificial intelligence platform\n that helps users generate content, create AI images, automate tasks,\n build code, and improve productivity using smart AI-powered tools.\n <\/div>\n\n <\/div>\n\n <!-- FAQ ITEM -->\n\n <div class=\"faq-item-custom\">\n\n <button class=\"faq-question-custom\">\n\n <span>\n Who can use Ailyma.online AI?\n <\/span>\n\n <div class=\"faq-toggle-custom\">\n +\n <\/div>\n\n <\/button>\n\n <div class=\"faq-answer-custom\">\n Ailyma.online AI is designed for businesses, marketers, developers,\n students, content creators, agencies, startups, and anyone looking\n to save time using intelligent AI solutions.\n <\/div>\n\n <\/div>\n\n <!-- FAQ ITEM -->\n\n <div class=\"faq-item-custom\">\n\n <button class=\"faq-question-custom\">\n\n <span>\n Is Ailyma.online AI beginner-friendly?\n <\/span>\n\n <div class=\"faq-toggle-custom\">\n +\n <\/div>\n\n <\/button>\n\n <div class=\"faq-answer-custom\">\n Yes. The platform is built with a clean and user-friendly interface,\n making it easy for beginners and professionals to use AI tools\n without technical experience.\n <\/div>\n\n <\/div>\n\n <!-- FAQ ITEM -->\n\n <div class=\"faq-item-custom\">\n\n <button class=\"faq-question-custom\">\n\n <span>\n Is the content SEO-friendly?\n <\/span>\n\n <div class=\"faq-toggle-custom\">\n +\n <\/div>\n\n <\/button>\n\n <div class=\"faq-answer-custom\">\n Absolutely. Ailyma.online generates optimized and SEO-friendly\n content designed to improve rankings, visibility, and audience\n engagement across search engines.\n <\/div>\n\n <\/div>\n\n <!-- FAQ ITEM -->\n\n <div class=\"faq-item-custom\">\n\n <button class=\"faq-question-custom\">\n\n <span>\n Do I need to edit AI-generated content?\n <\/span>\n\n <div class=\"faq-toggle-custom\">\n +\n <\/div>\n\n <\/button>\n\n <div class=\"faq-answer-custom\">\n AI-generated content is high quality and ready to use, but you can\n always customize or refine the output to perfectly match your\n brand voice and requirements.\n <\/div>\n\n <\/div>\n\n <!-- FAQ ITEM -->\n\n <div class=\"faq-item-custom\">\n\n <button class=\"faq-question-custom\">\n\n <span>\n Can I use Ailyma.online for business purposes?\n <\/span>\n\n <div class=\"faq-toggle-custom\">\n +\n <\/div>\n\n <\/button>\n\n <div class=\"faq-answer-custom\">\n Yes. Ailyma.online is built for businesses and professionals who\n need scalable AI solutions for marketing, automation, customer\n support, content creation, and productivity.\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n<\/section>\n\n<style>\n\n\/* ================= FAQ SECTION ONLY ================= *\/\n\n.faq-section-custom,\n.faq-section-custom *{\n box-sizing:border-box;\n}\n\n\/* ================= MAIN SECTION ================= *\/\n\n.faq-section-custom{\n\n width:100vw !important;\n max-width:100vw !important;\n min-width:100vw !important;\n\n position:relative !important;\n\n left:50% !important;\n right:50% !important;\n\n margin-left:-50vw !important;\n margin-right:-50vw !important;\n\n overflow:hidden;\n\n padding:140px 60px;\n\n background:\n linear-gradient(\n 135deg,\n #050816 0%,\n #0e1630 45%,\n #050816 100%\n );\n\n font-family:'Poppins',sans-serif;\n}\n\n\/* ================= GRID BACKGROUND ================= *\/\n\n.faq-section-custom::before{\n\n content:\"\";\n\n position:absolute;\n\n inset:0;\n\n background-image:\n linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\n\n background-size:70px 70px;\n\n opacity:.35;\n\n pointer-events:none;\n}\n\n\/* ================= GLOW EFFECT ================= *\/\n\n.faq-glow{\n position:absolute;\n border-radius:50%;\n filter:blur(120px);\n opacity:.22;\n}\n\n.faq-glow-1{\n width:500px;\n height:500px;\n background:#8b5cf6;\n top:-160px;\n left:-160px;\n}\n\n.faq-glow-2{\n width:450px;\n height:450px;\n background:#ff71c6;\n bottom:-160px;\n right:-140px;\n}\n\n\/* ================= CONTAINER ================= *\/\n\n.faq-container-custom{\n\n width:100%;\n max-width:1700px;\n\n margin:0 auto;\n\n position:relative;\n z-index:5;\n}\n\n\/* ================= HEADER ================= *\/\n\n.faq-header-custom{\n\n width:100%;\n\n text-align:center;\n\n margin-bottom:90px;\n\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n}\n\n\/* ================= BADGE ================= *\/\n\n.faq-badge-custom{\n\n display:inline-flex;\n\n align-items:center;\n justify-content:center;\n\n padding:14px 30px;\n\n border-radius:999px;\n\n background:rgba(255,255,255,.06);\n\n border:1px solid rgba(255,255,255,.10);\n\n backdrop-filter:blur(14px);\n\n color:#ffffff;\n\n font-size:14px;\n font-weight:600;\n\n letter-spacing:1px;\n\n margin-bottom:28px;\n}\n\n\/* ================= TITLE ================= *\/\n\n.faq-title-custom{\n\n width:100%;\n\n color:#ffffff;\n\n font-size:76px;\n\n line-height:1.05;\n\n font-weight:800;\n\n letter-spacing:-2px;\n\n margin-bottom:18px;\n\n text-align:center;\n}\n\n\/* ================= SUBTITLE ================= *\/\n\n.faq-subtitle-custom{\n\n width:100%;\n\n max-width:1000px;\n\n margin:0 auto 22px auto;\n\n color:#ffffff;\n\n font-size:30px;\n\n line-height:1.4;\n\n font-weight:600;\n\n text-align:center;\n}\n\n\/* ================= DESCRIPTION ================= *\/\n\n.faq-description-custom{\n\n width:100%;\n\n max-width:920px;\n\n margin:0 auto;\n\n color:rgba(255,255,255,.82);\n\n font-size:18px;\n\n line-height:1.9;\n\n text-align:center;\n}\n\n\/* ================= FAQ LIST ================= *\/\n\n.faq-list-custom{\n\n width:100%;\n\n display:flex;\n\n flex-direction:column;\n\n gap:28px;\n}\n\n\/* ================= FAQ ITEM ================= *\/\n\n.faq-item-custom{\n\n width:100%;\n\n border-radius:30px;\n\n overflow:hidden;\n\n border:1px solid rgba(255,255,255,.12);\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,255,255,.08),\n rgba(255,255,255,.03)\n );\n\n backdrop-filter:blur(20px);\n\n transition:.35s ease;\n\n box-shadow:\n 0 18px 60px rgba(0,0,0,.25);\n}\n\n.faq-item-custom.active{\n\n border-color:rgba(168,85,247,.55);\n\n box-shadow:\n 0 0 40px rgba(168,85,247,.16),\n 0 18px 60px rgba(0,0,0,.35);\n}\n\n\/* ================= QUESTION ================= *\/\n\n.faq-question-custom{\n\n width:100%;\n\n border:none;\n outline:none;\n\n background:none;\n\n cursor:pointer;\n\n display:flex;\n\n align-items:center;\n\n justify-content:space-between;\n\n gap:30px;\n\n padding:36px 42px;\n\n color:#ffffff;\n\n font-size:26px;\n\n line-height:1.5;\n\n font-weight:600;\n\n text-align:left;\n}\n\n\/* ================= TOGGLE ================= *\/\n\n.faq-toggle-custom{\n\n min-width:58px;\n min-height:58px;\n\n border-radius:18px;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n background:\n linear-gradient(\n 135deg,\n rgba(139,92,246,.30),\n rgba(255,122,198,.28)\n );\n\n border:1px solid rgba(255,255,255,.12);\n\n color:#ffffff;\n\n font-size:32px;\n\n transition:.35s ease;\n\n flex-shrink:0;\n}\n\n.faq-item-custom.active .faq-toggle-custom{\n transform:rotate(45deg);\n}\n\n\/* ================= ANSWER ================= *\/\n\n.faq-answer-custom{\n\n max-height:0;\n\n overflow:hidden;\n\n padding:0 42px;\n\n color:rgba(255,255,255,.84);\n\n font-size:18px;\n\n line-height:2;\n\n transition:\n max-height .45s ease,\n padding .35s ease;\n}\n\n.faq-item-custom.active .faq-answer-custom{\n\n max-height:500px;\n\n padding:0 42px 38px 42px;\n}\n\n\/* ================= HOVER ================= *\/\n\n.faq-item-custom:hover{\n transform:translateY(-5px);\n}\n\n\/* ================= RESPONSIVE ================= *\/\n\n@media(max-width:1100px){\n\n .faq-title-custom{\n font-size:56px;\n }\n\n .faq-subtitle-custom{\n font-size:24px;\n }\n\n .faq-question-custom{\n font-size:21px;\n }\n\n}\n\n@media(max-width:768px){\n\n .faq-section-custom{\n padding:90px 20px;\n }\n\n .faq-title-custom{\n font-size:40px;\n line-height:1.2;\n }\n\n .faq-subtitle-custom{\n font-size:20px;\n line-height:1.6;\n }\n\n .faq-description-custom{\n font-size:15px;\n line-height:1.9;\n }\n\n .faq-question-custom{\n padding:24px;\n font-size:17px;\n gap:16px;\n }\n\n .faq-answer-custom{\n padding:0 24px;\n font-size:15px;\n line-height:1.8;\n }\n\n .faq-item-custom.active .faq-answer-custom{\n padding:0 24px 24px 24px;\n }\n\n .faq-toggle-custom{\n min-width:46px;\n min-height:46px;\n font-size:24px;\n }\n\n}\n\n<\/style>\n\n<script>\n\n\/* ================= FAQ TOGGLE ================= *\/\n\nconst faqCustomItems = document.querySelectorAll(\".faq-item-custom\");\n\nfaqCustomItems.forEach(item => {\n\n const question = item.querySelector(\".faq-question-custom\");\n\n question.addEventListener(\"click\", () => {\n\n faqCustomItems.forEach(faq => {\n\n if(faq !== item){\n faq.classList.remove(\"active\");\n }\n\n });\n\n item.classList.toggle(\"active\");\n\n });\n\n});\n\n<\/script><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-8 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:-40px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ================= GOOGLE FONT ================= -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"integration-section-ai\">\n\n <!-- ================= BACKGROUND GLOW ================= -->\n\n <div class=\"integration-glow integration-glow-1\"><\/div>\n <div class=\"integration-glow integration-glow-2\"><\/div>\n\n <div class=\"integration-container-ai\">\n\n <!-- ================= LEFT CONTENT ================= -->\n\n <div class=\"integration-left-ai\">\n\n <div class=\"integration-badge-ai\">\n Website Integrations\n <\/div>\n\n <h2 class=\"integration-title-ai\">\n Seamless AI Integrations\n <\/h2>\n\n <p class=\"integration-desc-ai\">\n Ailyma.online AI integrates seamlessly with the tools you already use,\n helping you automate workflows, publish faster, and scale content effortlessly.\n <\/p>\n\n <!-- FEATURES -->\n\n <div class=\"integration-features-ai\">\n\n <div class=\"integration-feature-card-ai\">\n\n <div class=\"feature-icon-ai\">\n \u2726\n <\/div>\n\n <div class=\"feature-content-ai\">\n\n <h4>\n Upload or Connect Your Data\n <\/h4>\n\n <p>\n Easily connect cloud apps, upload files, or integrate APIs\n for seamless workflow automation.\n <\/p>\n\n <\/div>\n\n <\/div>\n\n <div class=\"integration-feature-card-ai\">\n\n <div class=\"feature-icon-ai\">\n \u2726\n <\/div>\n\n <div class=\"feature-content-ai\">\n\n <h4>\n Smart Workflow Automation\n <\/h4>\n\n <p>\n Drag-and-drop automation, conditional triggers, and intelligent\n task flows built for productivity.\n <\/p>\n\n <\/div>\n\n <\/div>\n\n <div class=\"integration-feature-card-ai\">\n\n <div class=\"feature-icon-ai\">\n \u2726\n <\/div>\n\n <div class=\"feature-content-ai\">\n\n <h4>\n Dedicated Slack Support\n <\/h4>\n\n <p>\n Automatically join a dedicated Slack support channel\n and get instant expert assistance.\n <\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <!-- ================= RIGHT SIDE ================= -->\n\n <div class=\"integration-right-ai\">\n\n <!-- MAIN GLASS CARD -->\n\n <div class=\"integration-main-card-ai\">\n\n <div class=\"integration-top-ai\">\n\n <div class=\"mini-badge-ai\">\n Statistics\n <\/div>\n\n <h3>\n 12,000+ Happy Users\n <\/h3>\n\n <p>\n Trusted by creators, startups, agencies, and businesses worldwide.\n <\/p>\n\n <\/div>\n\n <!-- TOOL GRID -->\n\n <div class=\"tools-grid-ai\">\n\n <div class=\"tool-box-ai\">\n Slack\n <\/div>\n\n <div class=\"tool-box-ai\">\n WordPress\n <\/div>\n\n <div class=\"tool-box-ai\">\n Shopify\n <\/div>\n\n <div class=\"tool-box-ai\">\n Zapier\n <\/div>\n\n <div class=\"tool-box-ai\">\n Notion\n <\/div>\n\n <div class=\"tool-box-ai\">\n OpenAI\n <\/div>\n\n <\/div>\n\n <!-- PROGRESS -->\n\n <div class=\"integration-progress-ai\">\n\n <div class=\"progress-text-ai\">\n\n <span>Workflow Automation<\/span>\n <span>98%<\/span>\n\n <\/div>\n\n <div class=\"progress-bar-ai\">\n <div class=\"progress-fill-ai\"><\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n<\/section>\n\n<style>\n\n\/* ================= SECTION RESET ================= *\/\n\n.integration-section-ai,\n.integration-section-ai *{\n margin:0;\n padding:0;\n box-sizing:border-box;\n}\n\n\/* ================= MAIN SECTION ================= *\/\n\n.integration-section-ai{\n\n width:100vw !important;\n max-width:100vw !important;\n min-width:100vw !important;\n\n position:relative !important;\n\n left:50% !important;\n right:50% !important;\n\n margin-left:-50vw !important;\n margin-right:-50vw !important;\n\n overflow:hidden;\n\n padding:140px 60px;\n\n font-family:'Poppins',sans-serif;\n\n background:\n linear-gradient(\n 135deg,\n #050816 0%,\n #10182d 45%,\n #050816 100%\n );\n}\n\n\/* ================= GRID BG ================= *\/\n\n.integration-section-ai::before{\n\n content:\"\";\n\n position:absolute;\n\n inset:0;\n\n background-image:\n linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\n\n background-size:70px 70px;\n\n opacity:.3;\n\n pointer-events:none;\n}\n\n\/* ================= GLOW ================= *\/\n\n.integration-glow{\n position:absolute;\n border-radius:50%;\n filter:blur(120px);\n opacity:.22;\n}\n\n.integration-glow-1{\n width:450px;\n height:450px;\n background:#8b5cf6;\n top:-140px;\n left:-140px;\n}\n\n.integration-glow-2{\n width:420px;\n height:420px;\n background:#ff71c6;\n bottom:-140px;\n right:-120px;\n}\n\n\/* ================= CONTAINER ================= *\/\n\n.integration-container-ai{\n\n width:100%;\n max-width:1700px;\n\n margin:0 auto;\n\n position:relative;\n z-index:5;\n\n display:grid;\n\n grid-template-columns:1.1fr .9fr;\n\n gap:70px;\n\n align-items:center;\n}\n\n\/* ================= LEFT ================= *\/\n\n.integration-left-ai{\n width:100%;\n}\n\n\/* ================= BADGE ================= *\/\n\n.integration-badge-ai{\n\n display:inline-flex;\n\n align-items:center;\n justify-content:center;\n\n padding:14px 30px;\n\n border-radius:999px;\n\n background:rgba(255,255,255,.05);\n\n border:1px solid rgba(255,255,255,.08);\n\n backdrop-filter:blur(14px);\n\n color:#ffffff;\n\n font-size:14px;\n font-weight:600;\n\n letter-spacing:1px;\n\n margin-bottom:30px;\n}\n\n\/* ================= TITLE ================= *\/\n\n.integration-title-ai{\n\n color:#ffffff;\n\n font-size:74px;\n\n line-height:1.05;\n\n font-weight:800;\n\n letter-spacing:-2px;\n\n margin-bottom:28px;\n}\n\n\/* ================= DESCRIPTION ================= *\/\n\n.integration-desc-ai{\n\n color:rgba(255,255,255,.82);\n\n font-size:19px;\n\n line-height:2;\n\n max-width:760px;\n\n margin-bottom:50px;\n}\n\n\/* ================= FEATURES ================= *\/\n\n.integration-features-ai{\n\n display:flex;\n\n flex-direction:column;\n\n gap:24px;\n}\n\n\/* ================= FEATURE CARD ================= *\/\n\n.integration-feature-card-ai{\n\n width:100%;\n\n display:flex;\n\n align-items:flex-start;\n\n gap:24px;\n\n padding:28px;\n\n border-radius:28px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,255,255,.08),\n rgba(255,255,255,.03)\n );\n\n border:1px solid rgba(255,255,255,.08);\n\n backdrop-filter:blur(18px);\n\n transition:.35s ease;\n\n box-shadow:\n 0 18px 50px rgba(0,0,0,.25);\n}\n\n.integration-feature-card-ai:hover{\n transform:translateY(-6px);\n border-color:rgba(168,85,247,.35);\n}\n\n\/* ================= ICON ================= *\/\n\n.feature-icon-ai{\n\n min-width:72px;\n min-height:72px;\n\n border-radius:22px;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n font-size:30px;\n\n color:#ffffff;\n\n background:\n linear-gradient(\n 135deg,\n rgba(139,92,246,.28),\n rgba(255,122,198,.28)\n );\n\n border:1px solid rgba(255,255,255,.10);\n}\n\n\/* ================= FEATURE CONTENT ================= *\/\n\n.feature-content-ai h4{\n\n color:#ffffff;\n\n font-size:24px;\n\n font-weight:700;\n\n margin-bottom:12px;\n}\n\n.feature-content-ai p{\n\n color:rgba(255,255,255,.78);\n\n font-size:16px;\n\n line-height:1.9;\n}\n\n\/* ================= RIGHT ================= *\/\n\n.integration-right-ai{\n width:100%;\n}\n\n\/* ================= MAIN CARD ================= *\/\n\n.integration-main-card-ai{\n\n width:100%;\n\n padding:50px 40px;\n\n border-radius:36px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,255,255,.10),\n rgba(255,255,255,.03)\n );\n\n border:1px solid rgba(255,255,255,.10);\n\n backdrop-filter:blur(20px);\n\n box-shadow:\n 0 25px 70px rgba(0,0,0,.32);\n\n position:relative;\n\n overflow:hidden;\n}\n\n\/* ================= TOP ================= *\/\n\n.integration-top-ai{\n margin-bottom:40px;\n}\n\n.mini-badge-ai{\n\n display:inline-block;\n\n padding:10px 20px;\n\n border-radius:999px;\n\n background:rgba(255,255,255,.06);\n\n border:1px solid rgba(255,255,255,.08);\n\n color:#ffffff;\n\n font-size:13px;\n\n font-weight:600;\n\n margin-bottom:24px;\n}\n\n.integration-top-ai h3{\n\n color:#ffffff;\n\n font-size:52px;\n\n line-height:1.1;\n\n font-weight:800;\n\n margin-bottom:18px;\n}\n\n.integration-top-ai p{\n\n color:rgba(255,255,255,.76);\n\n font-size:17px;\n\n line-height:1.9;\n}\n\n\/* ================= TOOLS GRID ================= *\/\n\n.tools-grid-ai{\n\n display:grid;\n\n grid-template-columns:repeat(2,1fr);\n\n gap:18px;\n\n margin-bottom:40px;\n}\n\n\/* ================= TOOL BOX ================= *\/\n\n.tool-box-ai{\n\n height:85px;\n\n border-radius:22px;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n color:#ffffff;\n\n font-size:18px;\n\n font-weight:600;\n\n background:\n linear-gradient(\n 135deg,\n rgba(255,255,255,.07),\n rgba(255,255,255,.03)\n );\n\n border:1px solid rgba(255,255,255,.08);\n\n transition:.35s ease;\n}\n\n.tool-box-ai:hover{\n\n transform:translateY(-4px);\n\n border-color:rgba(168,85,247,.35);\n\n background:\n linear-gradient(\n 135deg,\n rgba(139,92,246,.20),\n rgba(255,122,198,.14)\n );\n}\n\n\/* ================= PROGRESS ================= *\/\n\n.integration-progress-ai{\n width:100%;\n}\n\n.progress-text-ai{\n\n display:flex;\n\n align-items:center;\n\n justify-content:space-between;\n\n margin-bottom:16px;\n\n color:#ffffff;\n\n font-size:16px;\n\n font-weight:600;\n}\n\n\/* ================= BAR ================= *\/\n\n.progress-bar-ai{\n\n width:100%;\n\n height:16px;\n\n border-radius:999px;\n\n overflow:hidden;\n\n background:rgba(255,255,255,.08);\n}\n\n.progress-fill-ai{\n\n width:98%;\n\n height:100%;\n\n border-radius:999px;\n\n background:\n linear-gradient(\n 90deg,\n #8b5cf6,\n #ff71c6\n );\n}\n\n\/* ================= RESPONSIVE ================= *\/\n\n@media(max-width:1100px){\n\n .integration-container-ai{\n grid-template-columns:1fr;\n }\n\n .integration-title-ai{\n font-size:56px;\n }\n\n}\n\n@media(max-width:768px){\n\n .integration-section-ai{\n padding:90px 20px;\n }\n\n .integration-title-ai{\n font-size:40px;\n line-height:1.2;\n }\n\n .integration-desc-ai{\n font-size:15px;\n line-height:1.9;\n }\n\n .integration-feature-card-ai{\n flex-direction:column;\n }\n\n .feature-content-ai h4{\n font-size:22px;\n }\n\n .integration-top-ai h3{\n font-size:36px;\n }\n\n .tools-grid-ai{\n grid-template-columns:1fr;\n }\n\n .integration-main-card-ai{\n padding:36px 24px;\n }\n\n}\n\n<\/style><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-9 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:-40px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ================= GOOGLE FONT ================= -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"testimonials-section-ai\">\n\n <!-- ================= BACKGROUND EFFECTS ================= -->\n\n <div class=\"testimonials-glow testimonials-glow-1\"><\/div>\n <div class=\"testimonials-glow testimonials-glow-2\"><\/div>\n\n <div class=\"testimonials-container-ai\">\n\n <!-- ================= TOP ================= -->\n\n <div class=\"testimonials-top-ai\">\n\n <div class=\"testimonials-badge-ai\">\n Testimonials Section\n <\/div>\n\n <h2 class=\"testimonials-title-ai\">\n Client Stories\n <\/h2>\n\n <p class=\"testimonials-subtitle-ai\">\n Find quick, helpful answers to common questions about our\n Ailyma.online platform features.\n <\/p>\n\n <div class=\"testimonials-cta-ai\">\n\n <button class=\"reviews-btn-ai\">\n View All Reviews\n <\/button>\n\n <\/div>\n\n <\/div>\n\n <!-- ================= GRID ================= -->\n\n <div class=\"testimonials-grid-ai\">\n\n <!-- ================= CARD 1 ================= -->\n\n <div class=\"testimonial-card-ai active-card-ai\">\n\n <div class=\"card-top-ai\">\n\n <div class=\"quote-icon-ai\">\n \u275d\n <\/div>\n\n <div class=\"rating-ai\">\n \u2605\u2605\u2605\u2605\u2605\n <\/div>\n\n <\/div>\n\n <p class=\"testimonial-text-ai\">\n \u201cUsing Ailyma.online AI drastically reduced our content creation\n time while delivering engaging, optimized copy that performs\n well across multiple platforms.\u201d\n <\/p>\n\n <div class=\"testimonial-user-ai\">\n\n <div class=\"user-image-ai\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=12\" alt=\"Andrew\">\n <\/div>\n\n <div class=\"user-info-ai\">\n <h4>Andrew<\/h4>\n <span>Growth Lead<\/span>\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <!-- ================= CARD 2 ================= -->\n\n <div class=\"testimonial-card-ai\">\n\n <div class=\"card-top-ai\">\n\n <div class=\"quote-icon-ai\">\n \u275d\n <\/div>\n\n <div class=\"rating-ai\">\n \u2605\u2605\u2605\u2605\u2605\n <\/div>\n\n <\/div>\n\n <p class=\"testimonial-text-ai\">\n \u201cBefore Ailyma.online AI, our team spent hours writing SEO blogs.\n Now we generate optimized content in minutes, and several pages\n started ranking within weeks.\u201d\n <\/p>\n\n <div class=\"testimonial-user-ai\">\n\n <div class=\"user-image-ai\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=15\" alt=\"James\">\n <\/div>\n\n <div class=\"user-info-ai\">\n <h4>James<\/h4>\n <span>Startup Founder<\/span>\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <!-- ================= CARD 3 ================= -->\n\n <div class=\"testimonial-card-ai\">\n\n <div class=\"card-top-ai\">\n\n <div class=\"quote-icon-ai\">\n \u275d\n <\/div>\n\n <div class=\"rating-ai\">\n \u2605\u2605\u2605\u2605\u2605\n <\/div>\n\n <\/div>\n\n <p class=\"testimonial-text-ai\">\n \u201cAilyma.online AI has completely changed how we create content.\n What used to take hours now takes minutes, and the quality is\n consistently impressive.\u201d\n <\/p>\n\n <div class=\"testimonial-user-ai\">\n\n <div class=\"user-image-ai\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=32\" alt=\"Celin\">\n <\/div>\n\n <div class=\"user-info-ai\">\n <h4>Celin<\/h4>\n <span>Digital Marketing Manager<\/span>\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <!-- ================= CARD 4 ================= -->\n\n <div class=\"testimonial-card-ai\">\n\n <div class=\"card-top-ai\">\n\n <div class=\"quote-icon-ai\">\n \u275d\n <\/div>\n\n <div class=\"rating-ai\">\n \u2605\u2605\u2605\u2605\u2605\n <\/div>\n\n <\/div>\n\n <p class=\"testimonial-text-ai\">\n \u201cWith Ailyma.online AI, our workflow became smoother, faster,\n and more productive, allowing us to scale content creation\n without increasing team size.\u201d\n <\/p>\n\n <div class=\"testimonial-user-ai\">\n\n <div class=\"user-image-ai\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=45\" alt=\"David\">\n <\/div>\n\n <div class=\"user-info-ai\">\n <h4>David<\/h4>\n <span>Content Strategist<\/span>\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n<\/section>\n\n<style>\n\n\/* ================= SECTION ONLY ================= *\/\n\n.testimonials-section-ai *,\n.testimonials-section-ai *::before,\n.testimonials-section-ai *::after{\n margin:0;\n padding:0;\n box-sizing:border-box;\n}\n\n\/* ================= SECTION ================= *\/\n\n.testimonials-section-ai{\n\n width:100vw !important;\n max-width:100vw !important;\n min-width:100vw !important;\n\n position:relative !important;\n\n left:50% !important;\n right:50% !important;\n\n margin-left:-50vw !important;\n margin-right:-50vw !important;\n\n overflow:hidden;\n\n padding:130px 50px;\n\n background:\n linear-gradient(\n 135deg,\n #070b17 0%,\n #10182d 45%,\n #070b17 100%\n );\n\n font-family:'Poppins',sans-serif;\n}\n\n\/* ================= GRID BACKGROUND ================= *\/\n\n.testimonials-section-ai::before{\n\n content:\"\";\n\n position:absolute;\n inset:0;\n\n background-image:\n linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\n\n background-size:70px 70px;\n\n opacity:.35;\n\n pointer-events:none;\n}\n\n\/* ================= GLOW ================= *\/\n\n.testimonials-glow{\n position:absolute;\n border-radius:50%;\n filter:blur(120px);\n opacity:.22;\n}\n\n.testimonials-glow-1{\n width:430px;\n height:430px;\n background:#8b5cf6;\n top:-120px;\n left:-120px;\n}\n\n.testimonials-glow-2{\n width:420px;\n height:420px;\n background:#ff71c6;\n bottom:-120px;\n right:-120px;\n}\n\n\/* ================= CONTAINER ================= *\/\n\n.testimonials-container-ai{\n\n width:100%;\n max-width:1700px;\n\n margin:auto;\n\n position:relative;\n z-index:2;\n}\n\n\/* ================= TOP ================= *\/\n\n.testimonials-top-ai{\n\n width:100%;\n max-width:1000px;\n\n margin:0 auto 90px auto;\n\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n\n text-align:center;\n}\n\n\/* ================= BADGE ================= *\/\n\n.testimonials-badge-ai{\n\n display:inline-flex;\n\n align-items:center;\n justify-content:center;\n\n padding:13px 28px;\n\n border-radius:999px;\n\n background:rgba(255,255,255,.05);\n\n border:1px solid rgba(255,255,255,.08);\n\n color:#ffffff;\n\n font-size:14px;\n font-weight:600;\n\n letter-spacing:1px;\n\n margin-bottom:28px;\n\n backdrop-filter:blur(10px);\n}\n\n\/* ================= TITLE ================= *\/\n\n.testimonials-title-ai{\n\n width:100%;\n\n color:#ffffff;\n\n font-size:76px;\n\n line-height:1.08;\n\n font-weight:800;\n\n letter-spacing:-2px;\n\n text-align:center;\n\n margin-bottom:24px;\n}\n\n\/* ================= SUBTITLE ================= *\/\n\n.testimonials-subtitle-ai{\n\n width:100%;\n max-width:860px;\n\n margin:0 auto;\n\n text-align:center;\n\n color:rgba(255,255,255,.82);\n\n font-size:20px;\n\n line-height:1.9;\n\n display:block;\n}\n\n\/* ================= CTA ================= *\/\n\n.testimonials-cta-ai{\n\n width:100%;\n\n display:flex;\n\n justify-content:center;\n\n margin-top:42px;\n}\n\n\/* ================= BUTTON ================= *\/\n\n.reviews-btn-ai{\n\n border:none;\n outline:none;\n\n cursor:pointer;\n\n padding:18px 40px;\n\n border-radius:18px;\n\n background:\n linear-gradient(\n 90deg,\n #a855f7,\n #ff71c6\n );\n\n color:#ffffff;\n\n font-size:17px;\n\n font-weight:600;\n\n transition:.35s ease;\n\n box-shadow:\n 0 18px 45px rgba(168,85,247,.28);\n}\n\n.reviews-btn-ai:hover{\n transform:translateY(-5px);\n}\n\n\/* ================= GRID ================= *\/\n\n.testimonials-grid-ai{\n\n width:100%;\n\n display:grid;\n\n grid-template-columns:repeat(2,minmax(0,1fr));\n\n gap:35px;\n\n align-items:stretch;\n}\n\n\/* ================= CARD ================= *\/\n\n.testimonial-card-ai{\n\n position:relative;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\n min-height:420px;\n\n padding:42px;\n\n border-radius:32px;\n\n overflow:hidden;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,255,255,.08),\n rgba(255,255,255,.03)\n );\n\n border:1px solid rgba(255,255,255,.12);\n\n backdrop-filter:blur(18px);\n\n transition:.4s ease;\n\n box-shadow:\n 0 25px 60px rgba(0,0,0,.28);\n}\n\n\/* ================= ACTIVE ================= *\/\n\n.active-card-ai{\n\n border-color:rgba(168,85,247,.5);\n\n box-shadow:\n 0 0 40px rgba(168,85,247,.16),\n 0 25px 60px rgba(0,0,0,.35);\n}\n\n\/* ================= HOVER ================= *\/\n\n.testimonial-card-ai:hover{\n transform:translateY(-8px);\n}\n\n\/* ================= TOP LINE ================= *\/\n\n.testimonial-card-ai::before{\n\n content:\"\";\n\n position:absolute;\n\n left:0;\n top:0;\n\n width:100%;\n height:2px;\n\n background:\n linear-gradient(\n 90deg,\n #ff9966,\n #a855f7\n );\n}\n\n\/* ================= CARD TOP ================= *\/\n\n.card-top-ai{\n\n width:100%;\n\n display:flex;\n\n align-items:center;\n\n justify-content:space-between;\n\n gap:20px;\n\n margin-bottom:35px;\n}\n\n\/* ================= QUOTE ================= *\/\n\n.quote-icon-ai{\n\n width:80px;\n height:80px;\n\n min-width:80px;\n\n border-radius:24px;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n background:\n linear-gradient(\n 135deg,\n rgba(139,92,246,.22),\n rgba(255,122,198,.22)\n );\n\n border:1px solid rgba(255,255,255,.08);\n\n color:#ffffff;\n\n font-size:42px;\n\n font-weight:700;\n}\n\n\/* ================= RATING ================= *\/\n\n.rating-ai{\n\n color:#ffcc66;\n\n font-size:22px;\n\n letter-spacing:3px;\n\n text-align:right;\n}\n\n\/* ================= TEXT ================= *\/\n\n.testimonial-text-ai{\n\n flex:1;\n\n width:100%;\n\n color:rgba(255,255,255,.92);\n\n font-size:18px;\n\n line-height:2;\n\n margin-bottom:40px;\n}\n\n\/* ================= USER ================= *\/\n\n.testimonial-user-ai{\n\n width:100%;\n\n display:flex;\n\n align-items:center;\n\n gap:18px;\n\n margin-top:auto;\n}\n\n\/* ================= USER IMAGE ================= *\/\n\n.user-image-ai{\n\n width:72px;\n height:72px;\n\n min-width:72px;\n\n border-radius:50%;\n\n overflow:hidden;\n\n border:3px solid rgba(255,255,255,.15);\n\n box-shadow:\n 0 10px 30px rgba(168,85,247,.28);\n}\n\n.user-image-ai img{\n\n width:100%;\n height:100%;\n\n object-fit:cover;\n\n display:block;\n}\n\n\/* ================= USER INFO ================= *\/\n\n.user-info-ai{\n\n display:flex;\n flex-direction:column;\n justify-content:center;\n\n text-align:left;\n}\n\n.user-info-ai h4{\n\n color:#ffffff;\n\n font-size:24px;\n\n font-weight:600;\n\n margin-bottom:6px;\n\n line-height:1.2;\n}\n\n.user-info-ai span{\n\n color:rgba(255,255,255,.68);\n\n font-size:16px;\n\n line-height:1.5;\n}\n\n\/* ================= RESPONSIVE ================= *\/\n\n@media(max-width:1100px){\n\n .testimonials-grid-ai{\n grid-template-columns:1fr;\n }\n\n .testimonial-card-ai{\n min-height:auto;\n }\n\n}\n\n@media(max-width:768px){\n\n .testimonials-section-ai{\n padding:90px 20px;\n }\n\n .testimonials-top-ai{\n margin-bottom:60px;\n }\n\n .testimonials-title-ai{\n font-size:42px;\n line-height:1.2;\n }\n\n .testimonials-subtitle-ai{\n font-size:15px;\n line-height:1.8;\n max-width:100%;\n }\n\n .testimonial-card-ai{\n padding:30px 24px;\n border-radius:24px;\n }\n\n .card-top-ai{\n margin-bottom:25px;\n }\n\n .quote-icon-ai{\n width:65px;\n height:65px;\n min-width:65px;\n font-size:34px;\n border-radius:18px;\n }\n\n .rating-ai{\n font-size:18px;\n letter-spacing:2px;\n }\n\n .testimonial-text-ai{\n font-size:15px;\n line-height:1.9;\n margin-bottom:30px;\n }\n\n .user-image-ai{\n width:62px;\n height:62px;\n min-width:62px;\n }\n\n .user-info-ai h4{\n font-size:20px;\n }\n\n .user-info-ai span{\n font-size:14px;\n }\n\n}\n\n<\/style><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-10 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:-60px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ================= GOOGLE FONT ================= -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"cta-section-ai\">\n\n <!-- ================= GLOW EFFECTS ================= -->\n\n <div class=\"cta-glow cta-glow-1\"><\/div>\n <div class=\"cta-glow cta-glow-2\"><\/div>\n\n <div class=\"cta-container-ai\">\n\n <!-- ================= BADGE ================= -->\n\n <div class=\"cta-badge-ai\">\n Final CTA Section\n <\/div>\n\n <!-- ================= TITLE ================= -->\n\n <h2 class=\"cta-title-ai\">\n Get Started\n <\/h2>\n\n <!-- ================= SUBTITLE ================= -->\n\n <p class=\"cta-subtitle-ai\">\n Sign up and get access to our AI tool that is built for perfection.\n <\/p>\n\n <!-- ================= BUTTON ================= -->\n\n <div class=\"cta-buttons-ai\">\n\n <button class=\"cta-btn-primary-ai\">\n Get Started Now\n <\/button>\n\n <\/div>\n\n <\/div>\n\n<\/section>\n\n<style>\n\n\/* ================= RESET ================= *\/\n\n.cta-section-ai *,\n.cta-section-ai *::before,\n.cta-section-ai *::after{\n margin:0;\n padding:0;\n box-sizing:border-box;\n}\n\n\/* ================= SECTION ================= *\/\n\n.cta-section-ai{\n\n width:100vw !important;\n max-width:100vw !important;\n min-width:100vw !important;\n\n position:relative !important;\n\n left:50% !important;\n right:50% !important;\n\n margin-left:-50vw !important;\n margin-right:-50vw !important;\n\n overflow:hidden;\n\n padding:140px 20px;\n\n background:\n linear-gradient(\n 180deg,\n #08111f 0%,\n #0a1222 40%,\n #1c1635 72%,\n #4b2f76 100%\n );\n\n font-family:'Poppins',sans-serif;\n}\n\n\/* ================= GRID BACKGROUND ================= *\/\n\n.cta-section-ai::before{\n\n content:\"\";\n\n position:absolute;\n inset:0;\n\n background-image:\n radial-gradient(\n rgba(255,255,255,.10) 1px,\n transparent 1px\n );\n\n background-size:16px 16px;\n\n opacity:.28;\n\n pointer-events:none;\n}\n\n\/* ================= BOTTOM GLOW ================= *\/\n\n.cta-section-ai::after{\n\n content:\"\";\n\n position:absolute;\n\n left:0;\n bottom:0;\n\n width:100%;\n height:260px;\n\n background:\n linear-gradient(\n to top,\n rgba(168,85,247,.22),\n transparent\n );\n\n pointer-events:none;\n}\n\n\/* ================= GLOW EFFECTS ================= *\/\n\n.cta-glow{\n position:absolute;\n border-radius:50%;\n filter:blur(120px);\n opacity:.28;\n}\n\n.cta-glow-1{\n\n width:430px;\n height:430px;\n\n background:#a855f7;\n\n top:-150px;\n left:-120px;\n}\n\n.cta-glow-2{\n\n width:430px;\n height:430px;\n\n background:#ff8bcf;\n\n right:-120px;\n bottom:-150px;\n}\n\n\/* ================= CONTAINER ================= *\/\n\n.cta-container-ai{\n\n width:100%;\n max-width:1050px;\n\n margin:auto;\n\n position:relative;\n z-index:2;\n\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n\n text-align:center;\n}\n\n\/* ================= BADGE ================= *\/\n\n.cta-badge-ai{\n\n display:inline-flex;\n\n align-items:center;\n justify-content:center;\n\n padding:13px 28px;\n\n border-radius:999px;\n\n background:rgba(255,255,255,.05);\n\n border:1px solid rgba(255,255,255,.08);\n\n color:#ffffff;\n\n font-size:14px;\n font-weight:600;\n\n letter-spacing:1px;\n\n margin-bottom:30px;\n\n backdrop-filter:blur(10px);\n}\n\n\/* ================= TITLE ================= *\/\n\n.cta-title-ai{\n\n width:100%;\n\n max-width:900px;\n\n margin:0 auto;\n\n text-align:center;\n\n font-size:82px;\n\n line-height:1.08;\n\n font-weight:800;\n\n letter-spacing:-2px;\n\n background:\n linear-gradient(\n 90deg,\n #a855f7 0%,\n #d58cff 40%,\n #ffb6cf 100%\n );\n\n -webkit-background-clip:text;\n -webkit-text-fill-color:transparent;\n}\n\n\/* ================= SUBTITLE ================= *\/\n\n.cta-subtitle-ai{\n\n width:100%;\n\n max-width:650px;\n\n margin-top:22px;\n margin-bottom:48px;\n\n text-align:center;\n\n color:rgba(255,255,255,.74);\n\n font-size:20px;\n\n font-weight:400;\n\n line-height:1.9;\n\n display:block;\n}\n\n\/* ================= BUTTON WRAPPER ================= *\/\n\n.cta-buttons-ai{\n\n width:100%;\n\n display:flex;\n\n justify-content:center;\n\n align-items:center;\n}\n\n\/* ================= BUTTON ================= *\/\n\n.cta-btn-primary-ai{\n\n border:none;\n outline:none;\n\n cursor:pointer;\n\n padding:20px 42px;\n\n border-radius:999px;\n\n background:\n linear-gradient(\n 90deg,\n #ffffff,\n #e5e7eb\n );\n\n color:#111827;\n\n font-size:18px;\n\n font-weight:700;\n\n transition:.35s ease;\n\n box-shadow:\n 0 18px 45px rgba(255,255,255,.10);\n}\n\n.cta-btn-primary-ai:hover{\n\n transform:translateY(-5px);\n\n box-shadow:\n 0 20px 55px rgba(255,255,255,.16);\n}\n\n\/* ================= RESPONSIVE ================= *\/\n\n@media(max-width:991px){\n\n .cta-title-ai{\n font-size:58px;\n }\n\n .cta-subtitle-ai{\n max-width:600px;\n }\n\n}\n\n@media(max-width:768px){\n\n .cta-section-ai{\n padding:100px 20px;\n }\n\n .cta-title-ai{\n\n font-size:42px;\n\n line-height:1.18;\n\n letter-spacing:-1px;\n }\n\n .cta-subtitle-ai{\n\n max-width:100%;\n\n font-size:15px;\n\n line-height:1.8;\n\n margin-top:18px;\n\n padding:0 10px;\n }\n\n .cta-btn-primary-ai{\n\n width:100%;\n max-width:280px;\n\n font-size:16px;\n }\n\n}\n\n<\/style><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ailyma.online\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ailyma.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ailyma.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ailyma.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ailyma.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":21,"href":"https:\/\/ailyma.online\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/ailyma.online\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/ailyma.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}