{"id":7635,"date":"2026-05-18T17:50:42","date_gmt":"2026-05-18T09:50:42","guid":{"rendered":"https:\/\/imastudio.com\/?page_id=7635"},"modified":"2026-05-26T18:29:01","modified_gmt":"2026-05-26T10:29:01","slug":"home-3","status":"publish","type":"page","link":"https:\/\/imastudio.com\/fr\/","title":{"rendered":"accueil-2"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7635\" class=\"elementor elementor-7635\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c65a36 e-flex e-con-boxed e-con e-parent\" data-id=\"7c65a36\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0e39b4 elementor-widget elementor-widget-html\" data-id=\"a0e39b4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Set data-asset-base to the absolute URL of your uploaded \/assets folder before pasting into Elementor. -->\n<style>\n.elementor embed, .elementor iframe{\n    max-width:none;\n    width: auto;\n}\n\n\n\n  .ima-studio-embed {\n    --ima-cyan: #2cdff7;\n    --ima-bg: #000;\n    --ima-text: #f5f5f5;\n    --ima-muted: rgba(255,255,255,.62);\n    --ima-weak: rgba(255,255,255,.38);\n    --ima-card-1: rgba(255,255,255,.08);\n    --ima-card-2: rgba(255,255,255,.12);\n    --ima-card-3: rgba(255,255,255,.18);\n    --ima-line: rgba(255,255,255,.14);\n    width: 100vw;\n    max-width: 100vw;\n    margin: 0;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    color: var(--ima-text);\n    background: #000;\n    font-family: \"PingFang SC\", \"SF Pro SC\", \"SF Pro Text\", -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n    line-height: 1.4;\n    letter-spacing: normal;\n    text-transform: none;\n    isolation: isolate;\n    overflow-x: visible;\n  }\n\n  .ima-studio-embed,\n  .ima-studio-embed * {\n    box-sizing: border-box;\n  }\n\n  .ima-studio-embed .site,\n  .ima-studio-embed section,\n  .ima-studio-embed article,\n  .ima-studio-embed div,\n  .ima-studio-embed p,\n  .ima-studio-embed h1,\n  .ima-studio-embed h2,\n  .ima-studio-embed h3 {\n    margin: 0;\n  }\n\n  .ima-studio-embed a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .ima-studio-embed a:hover,\n  .ima-studio-embed a:focus {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .ima-studio-embed button {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    background: none;\n    color: inherit;\n    font: inherit;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  .ima-studio-embed button:focus {\n    outline: none;\n  }\n\n  .ima-studio-embed img {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    border: 0;\n    box-shadow: none;\n  }\n\n  .ima-studio-embed .site {\n    overflow-x: visible;\n    background: #000;\n  }\n\n  .ima-studio-embed .button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 32px;\n    padding: 4px 16px;\n    border: 1px solid transparent;\n    border-radius: 24px;\n    font-size: 12px;\n    line-height: 18px;\n  }\n\n  .ima-studio-embed .button--outline {\n    border-color: rgba(44,223,247,.72);\n    color: var(--ima-cyan);\n    background: rgba(44,223,247,.1);\n  }\n\n  .ima-studio-embed .button--cyan {\n    min-width: 201px;\n    height: 52px;\n    border-radius: 42px;\n    background: var(--ima-cyan);\n    color: #071013;\n    font-size: 15px;\n  }\n\n  .ima-studio-embed .hero {\n    position: relative;\n    width: 100%;\n    min-height: min(975px, 100vh);\n    height: clamp(720px, 50.78125vw, 975px);\n    overflow: hidden;\n    isolation: isolate;\n    background: #000;\n  }\n\n  .ima-studio-embed .hero-stage {\n    position: absolute;\n    left: 50%;\n    top: 0;\n    width: 1920px;\n    height: 975px;\n    transform: translateX(-50%) scale(var(--hero-scale, 1));\n    transform-origin: top center;\n  }\n\n  .ima-studio-embed .hero-media-layer {\n    position: absolute;\n    left: 0;\n    top: -423px;\n    width: 1920px;\n    height: 1398px;\n    display: block;\n    user-select: none;\n    -webkit-user-drag: none;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .ima-studio-embed .hero-video {\n    position: absolute;\n    left: 1311px;\n    width: 468px;\n    height: 263px;\n    border: 0;\n    border-radius: 23.829px;\n    display: block;\n    object-fit: cover;\n    overflow: hidden;\n    pointer-events: none;\n    z-index: 1;\n    background: #111;\n  }\n\n  .ima-studio-embed .hero-video-top {\n    top: 270px;\n  }\n\n  .ima-studio-embed .hero-video-bottom {\n    top: 585px;\n  }\n\n  .ima-studio-embed .hero-flow {\n    position: absolute;\n    inset: 0;\n    width: 1920px;\n    height: 975px;\n    pointer-events: none;\n    overflow: visible;\n    z-index: 2;\n    mix-blend-mode: screen;\n  }\n\n  .ima-studio-embed .hero-flow path {\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    pathLength: 1000;\n  }\n\n  .ima-studio-embed .hero-flow-sweep {\n    stroke: rgba(255, 255, 255, 0.88);\n    stroke-width: 1.8;\n    stroke-dasharray: 96 1000;\n    animation: ima-hero-line-sweep 1.175s linear infinite;\n    filter: url(\"#imaHeroLineGlow\");\n  }\n\n  .ima-studio-embed .hero-flow-delay {\n    animation-delay: 0.42s;\n  }\n\n  @keyframes ima-hero-line-sweep {\n    0% { opacity: 0; stroke-dashoffset: 80; }\n    10% { opacity: 1; }\n    72% { opacity: 1; }\n    100% { opacity: 0; stroke-dashoffset: -1010; }\n  }\n\n  .ima-studio-embed .hero-headline {\n    position: absolute;\n    left: 664.5px;\n    top: 375px;\n    width: 591px;\n    margin: 0;\n    color: var(--ima-text);\n    text-align: center;\n    font-family: \"Galano Grotesque Alt DEMO\", \"SF Pro Display\", Inter, ui-sans-serif, system-ui, sans-serif;\n    font-size: 48px;\n    line-height: 1.08;\n    font-weight: 700;\n    letter-spacing: 0;\n    z-index: 2;\n  }\n\n  .ima-studio-embed .hero-subhead {\n    position: absolute;\n    left: 639px;\n    top: 537px;\n    width: 642px;\n    margin: 0;\n    color: rgba(255,255,255,.6);\n    text-align: center;\n    font-size: 17px;\n    line-height: 22px;\n    font-weight: 400;\n    letter-spacing: 0;\n    z-index: 2;\n  }\n\n  .ima-studio-embed .hero-actions {\n    position: absolute;\n    left: 834px;\n    top: 623px;\n    width: 252px;\n    z-index: 2;\n  }\n\n  .ima-studio-embed .hero-mobile {\n    display: none;\n  }\n\n  .ima-studio-embed .hero-mobile-title {\n    margin: 0;\n    font-family: \"Galano Grotesque Alt DEMO\", \"SF Pro Display\", Inter, ui-sans-serif, system-ui, sans-serif;\n    font-size: 42px;\n    line-height: 1.08;\n    font-weight: 700;\n    letter-spacing: 0;\n    color: var(--ima-text);\n  }\n\n  .ima-studio-embed .hero-mobile-subhead {\n    margin: 0;\n    color: rgba(255,255,255,.6);\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  .ima-studio-embed .hero-mobile-video {\n    width: 100%;\n    border: 0;\n    border-radius: 18px;\n    display: block;\n    background: #111;\n    object-fit: cover;\n    box-shadow: 0 24px 60px rgba(0,0,0,.32);\n  }\n\n  @media (max-width: 1919px) {\n    .ima-studio-embed .hero {\n      height: calc(975px * var(--hero-scale, 1));\n      min-height: calc(975px * var(--hero-scale, 1));\n    }\n  }\n\n  .ima-studio-embed h1,\n  .ima-studio-embed h2 {\n    font-family: \"Galano Grotesque Alt\", \"Arial Black\", system-ui, sans-serif;\n    font-weight: 800;\n    letter-spacing: -.04em;\n  }\n\n  .ima-studio-embed h1 {\n    font-size: 48px;\n    line-height: 1.16;\n  }\n\n  .ima-studio-embed h2 {\n    font-size: 36px;\n    line-height: 1.12;\n  }\n\n  .ima-studio-embed .hero__copy p {\n    color: var(--ima-muted);\n    font-size: 17px;\n    line-height: 22px;\n    margin-top: 18px;\n  }\n\n  .ima-studio-embed .hero__copy .button {\n    margin-top: 28px;\n  }\n\n  .ima-studio-embed .hero__link {\n    display: block;\n    margin-top: 18px;\n    color: var(--ima-muted);\n  }\n\n  .ima-studio-embed .hero__canvas {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    pointer-events: none;\n  }\n\n  .ima-studio-embed .node-label {\n    display: block;\n    margin-bottom: 4px;\n    color: var(--ima-muted);\n    font-size: 12px;\n  }\n\n  .ima-studio-embed .media-node,\n  .ima-studio-embed .generation-card,\n  .ima-studio-embed .prompt-card,\n  .ima-studio-embed .text-node {\n    position: absolute;\n    pointer-events: auto;\n  }\n\n  .ima-studio-embed .media-node img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border: 1px solid rgba(255,255,255,.24);\n    border-radius: 24px;\n  }\n\n  .ima-studio-embed .media-node--left {\n    top: 205px;\n    left: 7%;\n    width: 330px;\n  }\n\n  .ima-studio-embed .media-node--left img {\n    height: 198px;\n  }\n\n  .ima-studio-embed .generation-card {\n    top: 439px;\n    left: 4%;\n    width: 474px;\n    height: 280px;\n    padding: 16px;\n    border: 1px solid var(--ima-line);\n    border-radius: 24px;\n    background: rgba(31,31,31,.78);\n    backdrop-filter: blur(34px);\n    box-shadow: 0 24px 64px rgba(0,0,0,.32);\n  }\n\n  .ima-studio-embed .generation-card__toolbar,\n  .ima-studio-embed .generation-card__footer {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .ima-studio-embed .generation-card__toolbar span,\n  .ima-studio-embed .generation-card__footer span {\n    display: inline-flex;\n    align-items: center;\n    min-height: 32px;\n    padding: 4px 10px;\n    border-radius: 24px;\n    background: var(--ima-card-2);\n    font-size: 12px;\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n\n  .ima-studio-embed .generation-card__uploads {\n    display: flex;\n    gap: 8px;\n    margin-top: 12px;\n  }\n\n  .ima-studio-embed .generation-card__uploads img {\n    width: 104px;\n    height: 104px;\n    object-fit: cover;\n    border-radius: 8px;\n  }\n\n  .ima-studio-embed .generation-card p {\n    color: var(--ima-muted);\n    font-size: 15px;\n    line-height: 22px;\n  }\n\n  .ima-studio-embed .send {\n    width: 32px;\n    margin-left: auto;\n    justify-content: center;\n    background: var(--ima-cyan) !important;\n    color: #071013;\n  }\n\n  .ima-studio-embed .media-node--video {\n    top: 515px;\n    left: 50%;\n    width: 549px;\n    transform: translateX(-50%);\n  }\n\n  .ima-studio-embed .media-node--video img {\n    height: 309px;\n  }\n\n  .ima-studio-embed .prompt-card {\n    top: 797px;\n    left: 50%;\n    width: 452px;\n    height: 112px;\n    padding: 12px;\n    border: 1px solid var(--ima-card-2);\n    border-radius: 24px;\n    background: rgba(31,31,31,.72);\n    backdrop-filter: blur(34px);\n    transform: translateX(-50%);\n  }\n\n  .ima-studio-embed .prompt-card p {\n    color: rgba(255,255,255,.3);\n  }\n\n  .ima-studio-embed .prompt-card div {\n    position: absolute;\n    right: 12px;\n    bottom: 12px;\n    left: 12px;\n    display: flex;\n    gap: 8px;\n  }\n\n  .ima-studio-embed .prompt-card span {\n    min-height: 32px;\n    padding: 6px 12px;\n    border-radius: 24px;\n    background: var(--ima-card-2);\n    font-size: 12px;\n  }\n\n  .ima-studio-embed .text-node {\n    top: 184px;\n    right: 7%;\n    width: 414px;\n  }\n\n  .ima-studio-embed .text-node p {\n    height: 130px;\n    margin-top: 4px;\n    padding: 12px;\n    overflow: hidden;\n    border: 1px solid var(--ima-card-3);\n    border-radius: 24px;\n    background: rgba(45,45,45,.72);\n    color: var(--ima-muted);\n    font-size: 12px;\n    line-height: 18px;\n  }\n\n  .ima-studio-embed .media-node--right {\n    top: 362px;\n    right: 12%;\n    width: 330px;\n  }\n\n  .ima-studio-embed .media-node--right img {\n    height: 224px;\n  }\n\n  .ima-studio-embed .section {\n    padding: 86px 24px;\n    background: #000;\n  }\n\n  .ima-studio-embed .section__head,\n  .ima-studio-embed .metrics,\n  .ima-studio-embed .comparison,\n  .ima-studio-embed .process__grid,\n  .ima-studio-embed .asset-grid,\n  .ima-studio-embed .faq__list {\n    width: min(1280px, 100%);\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .ima-studio-embed .section__head p {\n    color: #7b7b7b;\n    font-size: 20px;\n    line-height: 27px;\n  }\n\n  .ima-studio-embed .value .section__head {\n    margin-bottom: 36px;\n  }\n\n  .ima-studio-embed .process .section__head {\n    margin-bottom: 56px;\n  }\n\n  .ima-studio-embed .metrics {\n    display: grid;\n    grid-template-columns: repeat(4,1fr);\n    gap: 24px;\n    min-height: 118px;\n    padding: 28px 36px;\n    border: 1px solid var(--ima-line);\n    border-radius: 24px;\n    background: rgba(238,238,238,.1);\n  }\n\n  .ima-studio-embed .metrics div {\n    display: grid;\n    grid-template-columns: 40px 1fr;\n    column-gap: 10px;\n    align-items: center;\n  }\n\n  .ima-studio-embed .metrics img {\n    grid-row: span 2;\n    width: 40px;\n    height: 40px;\n    padding: 12px;\n    border-radius: 50%;\n    background: var(--ima-card-2);\n  }\n\n  .ima-studio-embed .metrics strong {\n    font-size: 36px;\n    line-height: 1;\n  }\n\n  .ima-studio-embed .metrics span {\n    font-size: 12px;\n  }\n\n  .ima-studio-embed .comparison {\n    display: grid;\n    grid-template-columns: repeat(2,1fr);\n    gap: 12px;\n    margin-top: 12px;\n  }\n\n  .ima-studio-embed .comparison__panel {\n    padding: 36px;\n    overflow: hidden;\n    border: 1px solid var(--ima-line);\n    border-radius: 24px;\n    background: rgba(238,238,238,.1);\n  }\n\n  .ima-studio-embed .eyebrow {\n    color: rgba(238,238,238,.33);\n    font-size: 32px;\n  }\n\n  .ima-studio-embed .comparison h3 {\n    margin-bottom: 24px;\n    font-size: 48px;\n    line-height: 1.15;\n    font-weight: 500;\n    letter-spacing: -.04em;\n  }\n\n  .ima-studio-embed .comparison__logo {\n    width: 161px;\n    height: 30px;\n    margin-bottom: 10px;\n  }\n\n  .ima-studio-embed .cyan {\n    color: var(--ima-cyan);\n  }\n\n  .ima-studio-embed .rows {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .ima-studio-embed .rows div {\n    position: relative;\n    min-height: 90px;\n    padding: 16px 24px;\n    overflow: hidden;\n    border: 1px solid rgba(255,255,255,.04);\n    border-radius: 12px;\n    background: rgba(238,238,238,.1);\n  }\n\n  .ima-studio-embed .rows--cyan div {\n    background: rgba(44,223,247,.1);\n    color: var(--ima-cyan);\n  }\n\n  .ima-studio-embed .rows b,\n  .ima-studio-embed .rows span {\n    position: relative;\n    z-index: 2;\n    display: block;\n    max-width: 52%;\n  }\n\n  .ima-studio-embed .rows span {\n    margin-top: 4px;\n    color: var(--ima-muted);\n    font-size: 14px;\n  }\n\n  .ima-studio-embed .rows img {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    width: 260px;\n    height: 90px;\n    object-fit: contain;\n    object-position: right center;\n    opacity: .92;\n    transform: translateY(-50%);\n  }\n\n  .ima-studio-embed .asset-grid article {\n    padding: 36px;\n    overflow: hidden;\n    border: 1px solid var(--ima-line);\n    border-radius: 24px;\n    background: rgba(238,238,238,.1);\n  }\n\n  .ima-studio-embed .pfm-stack {\n    display: grid;\n    gap: 56px;\n  }\n\n  .ima-studio-embed .process .section__head,\n  .ima-studio-embed .process .pfm-stack {\n    width: min(1280px, 100%);\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .ima-studio-embed .assets .section__head {\n    margin-bottom: 36px;\n  }\n\n  .ima-studio-embed .pfm-row {\n    display: grid;\n    grid-template-columns: 508px 590px;\n    justify-content: space-between;\n    align-items: center;\n    min-height: 474px;\n    border-radius: 24px;\n  }\n\n  .ima-studio-embed .pfm-row.reverse {\n    grid-template-columns: 590px 508px;\n  }\n\n  .ima-studio-embed .pfm-row.reverse .pfm-visual {\n    order: 1;\n  }\n\n  .ima-studio-embed .pfm-row.reverse .pfm-copy {\n    order: 2;\n  }\n\n  .ima-studio-embed .pfm-copy {\n    display: grid;\n    gap: 18px;\n    width: 508px;\n  }\n\n  .ima-studio-embed .pfm-label-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .ima-studio-embed .pfm-index-dot {\n    display: grid;\n    place-items: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid rgba(44, 223, 247, 0.38);\n    border-radius: 14px;\n    background: rgba(44, 223, 247, 0.12);\n    color: var(--ima-cyan);\n    font-size: 11px;\n    line-height: 14px;\n    font-weight: 500;\n  }\n\n  .ima-studio-embed .pfm-eyebrow {\n    color: var(--ima-cyan);\n    font-size: 12px;\n    line-height: 18px;\n    font-weight: 500;\n    text-transform: uppercase;\n  }\n\n  .ima-studio-embed .pfm-copy h3 {\n    margin: 0;\n    color: #eeeeee;\n    font-size: 34px;\n    line-height: 42px;\n    font-weight: 650;\n    letter-spacing: 0;\n  }\n\n  .ima-studio-embed .pfm-body {\n    max-width: 492px;\n    margin: 0;\n    color: rgba(255, 255, 255, 0.62);\n    font-size: 15px;\n    line-height: 22px;\n  }\n\n  .ima-studio-embed .pfm-bullets {\n    display: grid;\n    gap: 7px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    color: rgba(255, 255, 255, 0.72);\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .ima-studio-embed .pfm-bullets li {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .ima-studio-embed .pfm-bullets li::before {\n    content: \"\";\n    width: 5px;\n    height: 5px;\n    flex: 0 0 auto;\n    border-radius: 3px;\n    background: rgba(44, 223, 247, 0.85);\n  }\n\n  .ima-studio-embed .process__cta {\n    display: inline-flex;\n    width: fit-content;\n    align-items: center;\n    justify-content: center;\n    min-height: 46px;\n    margin-top: 24px;\n    padding: 10px 18px;\n    border: 1px solid rgba(44,223,247,.72);\n    border-radius: 999px;\n    background: rgba(44,223,247,.14);\n    color: #fcfcfc;\n    font-size: 13px;\n    line-height: 18px;\n    font-weight: 600;\n    text-decoration: none;\n    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 12px 24px rgba(0,0,0,.24);\n  }\n\n  .ima-studio-embed .pfm-visual {\n    position: relative;\n    width: 590px;\n    aspect-ratio: 4 \/ 3;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 20px;\n    background: #000;\n    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.48);\n  }\n\n  .ima-studio-embed .pfm-media-fill {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    display: block;\n    background: #000;\n  }\n\n  .ima-studio-embed .pfm-media-fill.video {\n    object-fit: cover;\n  }\n\n  .ima-studio-embed .pfm-media-embed {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 800px;\n    height: 600px;\n    transform: translate(-50%, -50%) scale(calc(590 \/ 800));\n    transform-origin: center;\n    border: 0;\n    background: #000;\n  }\n\n  .ima-studio-embed .pfm-media-embed.pfm-wide-source {\n    width: 801px;\n    transform: translate(-50%, -50%) scale(calc(590 \/ 801));\n  }\n\n  .ima-studio-embed .pfm-inline-video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .ima-studio-embed .visual-panel {\n    position: relative;\n    min-height: 560px;\n  }\n\n  .ima-studio-embed .mock-canvas {\n    position: absolute;\n    inset: 0;\n    padding: 44px;\n    overflow: hidden;\n    border-radius: 28px;\n    background: rgba(14, 14, 14, 0.88);\n    border: 1px solid rgba(255,255,255,0.12);\n    box-shadow: 0 30px 90px rgba(0,0,0,0.55);\n    opacity: 0;\n    transform: translateY(26px) scale(0.98);\n    transition: opacity 0.45s ease, transform 0.45s ease;\n  }\n\n  .ima-studio-embed .mock-canvas.active {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n\n  .ima-studio-embed .dot-grid {\n    position: absolute;\n    inset: 0;\n    background-image: radial-gradient(rgba(255,255,255,0.25) 1px, transparent 1px);\n    background-size: 18px 18px;\n    opacity: 0.35;\n  }\n\n  .ima-studio-embed .asset-card {\n    position: absolute;\n    border-radius: 18px;\n    overflow: hidden;\n    background: rgba(255,255,255,0.08);\n    border: 1px solid rgba(255,255,255,0.14);\n    box-shadow: 0 18px 50px rgba(0,0,0,0.35);\n  }\n\n  .ima-studio-embed .asset-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .ima-studio-embed .card-1 { width: 46%; height: 32%; left: 10%; top: 12%; }\n  .ima-studio-embed .card-2 { width: 44%; height: 34%; left: 18%; top: 48%; }\n  .ima-studio-embed .card-3 { width: 48%; height: 40%; right: 8%; top: 31%; }\n\n  .ima-studio-embed .canvas-label {\n    position: absolute;\n    top: 28px;\n    left: 36px;\n    color: rgba(255,255,255,0.55);\n    font-size: 14px;\n  }\n\n  .ima-studio-embed .description {\n    position: absolute;\n    left: 0;\n    bottom: -115px;\n    color: #fff;\n    max-width: 640px;\n    font-size: 24px;\n    line-height: 1.35;\n  }\n\n  .ima-studio-embed .cta-button {\n    display: inline-flex;\n    margin-top: 24px;\n    padding: 12px 22px;\n    border-radius: 999px;\n    border: 1px solid rgba(106, 255, 140, 0.7);\n    color: #6aff8c;\n    font-size: 14px;\n    text-decoration: none;\n    background: rgba(106, 255, 140, 0.06);\n  }\n\n  .ima-studio-embed .asset-grid {\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    gap: 20px;\n  }\n\n  .ima-studio-embed .asset-grid article {\n    padding: 16px;\n    transition: border-color .16s ease, background .16s ease;\n  }\n\n  .ima-studio-embed .asset-grid article:hover {\n    border-color: var(--ima-card-1);\n    background: var(--ima-card-3);\n  }\n\n  .ima-studio-embed .asset-grid img {\n    width: 100%;\n    aspect-ratio: 1.35;\n    object-fit: cover;\n    border-radius: 10px;\n  }\n\n  .ima-studio-embed .asset-grid h3 {\n    margin: 18px 0 6px;\n    font-size: 22px;\n  }\n\n  .ima-studio-embed .asset-grid p {\n    color: var(--ima-muted);\n    line-height: 20px;\n  }\n\n  .ima-studio-embed .asset-card-link {\n    display: block;\n    height: 100%;\n  }\n\n  .ima-studio-embed .models-section {\n    padding: 112px 24px 96px;\n    background: #000;\n  }\n\n  .ima-studio-embed .models-section .section__head {\n    width: min(1280px, 100%);\n    margin: 0 auto 44px;\n  }\n\n  .ima-studio-embed .models-wrap {\n    width: min(1280px, 100%);\n    margin: 0 auto;\n    position: relative;\n    height: calc(min(1280px, 100vw - 48px) * 842 \/ 1280);\n    min-height: 720px;\n    overflow: hidden;\n    background: #000;\n  }\n\n  .ima-studio-embed .models-canvas {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 1280px;\n    height: 842px;\n    transform-origin: top left;\n  }\n\n  .ima-studio-embed .models-card {\n    position: absolute;\n    display: block;\n    overflow: hidden;\n    border-radius: 24px;\n    background: #000;\n    isolation: isolate;\n  }\n\n  .ima-studio-embed .models-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 10;\n    border-radius: inherit;\n    box-shadow: inset 0 0 0 1.5px #000;\n    pointer-events: none;\n  }\n\n  .ima-studio-embed .models-card-bg,\n  .ima-studio-embed .models-card-overlay,\n  .ima-studio-embed .models-card-gradient {\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  .ima-studio-embed .models-card-bg {\n    z-index: 0;\n    overflow: hidden;\n  }\n\n  .ima-studio-embed .models-card-bg img,\n  .ima-studio-embed .models-card-overlay img,\n  .ima-studio-embed .models-brand-logo,\n  .ima-studio-embed .models-runway-logo img {\n    position: absolute;\n    display: block;\n    max-width: none;\n    border-radius: 0;\n    transform: none;\n  }\n\n  .ima-studio-embed .models-card-overlay {\n    z-index: 1;\n  }\n\n  .ima-studio-embed .models-card-gradient {\n    z-index: 2;\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.7) 100%);\n    mix-blend-mode: luminosity;\n  }\n\n  .ima-studio-embed .models-brand-logo {\n    z-index: 4;\n    pointer-events: none;\n  }\n\n  .ima-studio-embed .models-text,\n  .ima-studio-embed .models-list,\n  .ima-studio-embed .models-entry {\n    position: absolute;\n    z-index: 5;\n    color: #eee;\n  }\n\n  .ima-studio-embed .models-title,\n  .ima-studio-embed .models-desc {\n    display: block;\n    width: max-content;\n    max-width: 100%;\n    margin: 0;\n    white-space: nowrap;\n    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);\n  }\n\n  .ima-studio-embed .models-title-link {\n    display: inline-block;\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .ima-studio-embed .models-title {\n    color: #eee;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 20px;\n  }\n\n  .ima-studio-embed .models-desc {\n    color: rgba(255, 255, 255, 0.72);\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 17px;\n    margin-top: 3px;\n  }\n\n  .ima-studio-embed .models-google { left: 0; top: 0; width: 910px; height: 270px; }\n  .ima-studio-embed .models-google .models-card-bg img { left: 0; top: 0; width: 910px; height: 270px; }\n  .ima-studio-embed .models-google-logo { left: 24px; top: 24px; width: 108.96px; height: 36px; }\n  .ima-studio-embed .models-google-models { left: 24px; top: 158.75px; width: 861.7px; height: 87.25px; }\n  .ima-studio-embed .models-google-models .models-entry { width: 276.56px; height: 35.63px; }\n  .ima-studio-embed .models-g1 { left: 0; top: 0; }\n  .ima-studio-embed .models-g2 { left: 292.56px; top: 0; }\n  .ima-studio-embed .models-g3 { left: 585.13px; top: 0; }\n  .ima-studio-embed .models-g4 { left: 0; top: 51.62px; }\n\n  .ima-studio-embed .models-runway { left: 926px; top: 0; width: 354px; height: 556px; }\n  .ima-studio-embed .models-runway .models-card-bg img { top: 0; left: -317px; width: 988px; height: 556px; }\n  .ima-studio-embed .models-runway .models-card-overlay img { top: 0; left: -0.7px; width: 353.94px; height: 612px; }\n  .ima-studio-embed .models-runway-logo {\n    position: absolute;\n    left: 24px;\n    top: 24px;\n    z-index: 4;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    height: 30px;\n    pointer-events: none;\n  }\n  .ima-studio-embed .models-runway-mark {\n    width: 29.4px;\n    height: 29.4px;\n    flex: 0 0 auto;\n    overflow: hidden;\n    border-radius: 5px;\n    background: #fff;\n  }\n  .ima-studio-embed .models-runway-mark img { position: static; width: auto; height: 29.4px; }\n  .ima-studio-embed .models-runway-logo > img { position: static; width: 114.9px; height: 16.85px; }\n  .ima-studio-embed .models-runway-text { left: 24px; bottom: 24px; width: 306.28px; }\n\n  .ima-studio-embed .models-wan { left: 0; top: 286px; width: 354px; height: 270px; }\n  .ima-studio-embed .models-wan .models-card-bg img { left: 0; top: 0; width: 354px; height: 270px; }\n  .ima-studio-embed .models-wan .models-card-overlay img { left: 0; top: 1px; width: 357.79px; height: 317px; }\n  .ima-studio-embed .models-wan-logo { left: 24px; top: 24px; width: 102.83px; height: 30px; }\n  .ima-studio-embed .models-wan-text,\n  .ima-studio-embed .models-kling-text,\n  .ima-studio-embed .models-hailuo-text { left: 24px; top: 209px; width: 306.28px; }\n\n  .ima-studio-embed .models-openai { left: 370px; top: 286px; width: 540px; height: 270px; }\n  .ima-studio-embed .models-openai .models-card-bg img { left: 0; top: 0; width: 540px; height: 270px; }\n  .ima-studio-embed .models-openai .models-card-overlay img { left: -97.28px; top: -82px; width: 733px; height: 393px; }\n  .ima-studio-embed .models-openai-logo { left: 24px; top: 24px; width: 104.13px; height: 28px; }\n  .ima-studio-embed .models-openai-list { left: 24px; top: 106.56px; display: flex; flex-direction: column; gap: 15.99px; width: 491.42px; }\n\n  .ima-studio-embed .models-seed { left: 0; top: 572px; width: 540px; height: 270px; }\n  .ima-studio-embed .models-seed .models-card-bg img { left: 0; top: 0; width: 540px; height: 270px; }\n  .ima-studio-embed .models-seed .models-card-overlay img { left: 0; top: -54px; width: 548px; height: 411px; }\n  .ima-studio-embed .models-seed-logo { left: 24px; top: 24px; width: 263.88px; height: 28px; }\n  .ima-studio-embed .models-seed-entry-1 { left: 24px; top: 157.39px; width: 491.42px; }\n  .ima-studio-embed .models-seed-entry-2 { left: 24px; top: 209.37px; width: 491.42px; }\n\n  .ima-studio-embed .models-kling { left: 556px; top: 572px; width: 354px; height: 270px; }\n  .ima-studio-embed .models-kling .models-card-bg img { left: 0; top: 0; width: 354px; height: 270px; }\n  .ima-studio-embed .models-kling-logo { left: 24px; top: 24px; width: 111.55px; height: 30px; }\n\n  .ima-studio-embed .models-hailuo { left: 926px; top: 572px; width: 354px; height: 270px; }\n  .ima-studio-embed .models-hailuo .models-card-bg img { left: 0; top: 0; width: 354px; height: 270px; }\n  .ima-studio-embed .models-hailuo-logo { left: 24px; top: 24px; width: 127.39px; height: 30px; }\n\n  @media (max-width: 900px) {\n    .ima-studio-embed .models-section {\n      padding: 72px 16px;\n    }\n\n    .ima-studio-embed .models-wrap {\n      width: 100%;\n      min-height: 540px;\n      height: calc((100vw - 32px) * 842 \/ 1280);\n    }\n  }\n\n  .ima-studio-embed .faq {\n    min-height: 720px;\n  }\n\n  .ima-studio-embed .faq h2 {\n    width: min(1280px,100%);\n    margin: 0 auto 28px;\n  }\n\n  .ima-studio-embed .faq__list article {\n    border-bottom: .663px solid rgba(255,255,255,.28);\n  }\n\n  .ima-studio-embed .faq__list button {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    width: 100%;\n    padding: 18px 0;\n    text-align: left;\n    font-weight: 600;\n  }\n\n  .ima-studio-embed .faq__list button span {\n    display: grid;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--ima-card-2);\n    place-items: center;\n  }\n\n  .ima-studio-embed .faq__list p {\n    display: none;\n    margin: -4px 56px 20px 0;\n    color: var(--ima-muted);\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .ima-studio-embed .faq__list article.is-open p {\n    display: block;\n  }\n\n  @media (max-width: 900px) {\n    .ima-studio-embed .hero {\n      min-height: 0;\n      height: auto;\n      padding: 72px 0 56px;\n      overflow: hidden;\n    }\n\n    .ima-studio-embed .hero-stage {\n      display: none;\n    }\n\n    .ima-studio-embed .hero-mobile {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      width: min(640px, calc(100vw - 32px));\n      margin: 0 auto;\n      padding: 0 16px;\n    }\n\n    .ima-studio-embed .hero-mobile-title {\n      font-size: 38px;\n      line-height: 1.08;\n    }\n\n    .ima-studio-embed .hero-mobile-subhead {\n      font-size: 15px;\n      line-height: 22px;\n    }\n\n    .ima-studio-embed .hero-mobile .button {\n      min-width: 184px;\n      height: 44px;\n    }\n\n    .ima-studio-embed .metrics,\n    .ima-studio-embed .comparison,\n    .ima-studio-embed .asset-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .ima-studio-embed .process__row,\n    .ima-studio-embed .process__row--reverse {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n\n    .ima-studio-embed .process__row--reverse .process__copy,\n    .ima-studio-embed .process__row--reverse .process__media {\n      order: initial;\n    }\n\n    .ima-studio-embed .process__copy h3 {\n      font-size: 30px;\n    }\n\n    .ima-studio-embed .process__copy p {\n      font-size: 16px;\n    }\n\n    .ima-studio-embed .process__cta {\n      min-height: 40px;\n      margin-top: 20px;\n      padding: 8px 16px;\n      font-size: 12px;\n    }\n\n    .ima-studio-embed .pfm-stack {\n      gap: 32px;\n    }\n\n    .ima-studio-embed .pfm-row,\n    .ima-studio-embed .pfm-row.reverse {\n      grid-template-columns: 1fr;\n      gap: 24px;\n      min-height: auto;\n    }\n\n    .ima-studio-embed .pfm-row.reverse .pfm-visual,\n    .ima-studio-embed .pfm-row.reverse .pfm-copy {\n      order: initial;\n    }\n\n    .ima-studio-embed .pfm-copy,\n    .ima-studio-embed .pfm-visual {\n      width: min(590px, 100%);\n    }\n\n    .ima-studio-embed .pfm-copy {\n      gap: 16px;\n    }\n\n    .ima-studio-embed .pfm-copy h3 {\n      font-size: 30px;\n      line-height: 38px;\n    }\n\n    .ima-studio-embed .pfm-body {\n      font-size: 14px;\n      line-height: 21px;\n    }\n\n    .ima-studio-embed .pfm-bullets {\n      font-size: 13px;\n      line-height: 19px;\n    }\n\n    .ima-studio-embed .pfm-visual {\n      margin: 0 auto;\n    }\n\n    .ima-studio-embed .pfm-media-embed {\n      transform: translate(-50%, -50%) scale(calc((100vw - 48px) \/ 800));\n    }\n\n    .ima-studio-embed .pfm-media-embed.pfm-wide-source {\n      transform: translate(-50%, -50%) scale(calc((100vw - 48px) \/ 801));\n    }\n\n    .ima-studio-embed .workflow {\n      height: auto;\n    }\n\n    .ima-studio-embed .workflow__pin {\n      position: relative;\n      height: auto;\n      min-height: auto;\n      padding: 80px 24px;\n    }\n\n    .ima-studio-embed .workflow__stage {\n      grid-template-columns: 1fr;\n      width: min(1400px, 100%);\n    }\n\n    .ima-studio-embed .workflow__preview {\n      margin-top: 32px;\n      min-height: 0;\n    }\n\n    .ima-studio-embed .workflow__slides {\n      min-height: 0;\n    }\n\n    .ima-studio-embed .workflow-slide {\n      position: relative;\n      inset: auto;\n      display: none;\n      opacity: 1;\n      pointer-events: auto;\n      transform: none;\n    }\n\n    .ima-studio-embed .workflow-slide.is-active {\n      display: flex;\n    }\n\n    .ima-studio-embed .workflow__tabs button {\n      font-size: 42px;\n    }\n\n    .ima-studio-embed .workflow__canvas {\n      min-height: 460px;\n    }\n  }\n\n  .ima-studio-embed .ima11-workflow-scroll-section {\n    position: relative;\n    height: 420vh;\n    background: #050505;\n  }\n\n  .ima-studio-embed .ima11-workflow-sticky {\n    position: sticky;\n    top: 0;\n    height: 100vh;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 7vw;\n  }\n\n  .ima-studio-embed .ima11-workflow-bg {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    opacity: .7;\n    filter: blur(10px) saturate(1.08);\n    transition: opacity .42s ease, filter .42s ease;\n  }\n\n  .ima-studio-embed .ima11-workflow-bg-video {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    opacity: 0;\n    filter: none;\n    transition: opacity .42s ease;\n    pointer-events: none;\n  }\n\n  .ima-studio-embed .ima11-workflow-bg-video.active {\n    opacity: .7;\n  }\n\n  .ima-studio-embed .ima11-workflow-sticky::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: rgba(0,0,0,.45);\n    backdrop-filter: blur(2px);\n  }\n\n  .ima-studio-embed .ima11-workflow-scroll-section.is-video-mode .ima11-workflow-sticky::after {\n    background: rgba(0,0,0,.5);\n    backdrop-filter: none;\n  }\n\n  .ima-studio-embed .ima11-workflow-inner {\n    position: relative;\n    z-index: 2;\n    width: min(1280px, 100%);\n    display: grid;\n    grid-template-columns: 500px minmax(0, 1fr);\n    gap: 96px;\n    align-items: center;\n  }\n\n  .ima-studio-embed .ima11-eyebrow {\n    margin: 0;\n    font-family: \"Galano Grotesque Alt\", \"Arial Black\", system-ui, sans-serif;\n    font-size: 42px;\n    line-height: 1.08;\n    letter-spacing: -.04em;\n    color: #fff;\n    font-weight: 800;\n    max-width: 500px;\n  }\n\n  .ima-studio-embed .ima11-subtext {\n    margin: 14px 0 0;\n    color: var(--ima-muted);\n    font-size: 15px;\n    line-height: 1.5;\n    max-width: 470px;\n    padding: 0;\n  }\n\n  .ima-studio-embed .ima11-workflow-tags {\n    display: flex;\n    flex-direction: column;\n    gap: 26px;\n    margin-top: 54px;\n  }\n\n  .ima-studio-embed .ima11-workflow-tag {\n    border: 0;\n    background: none;\n    padding: 0;\n    text-align: left;\n    cursor: pointer;\n    font: inherit;\n    font-size: 48px;\n    line-height: 1;\n    font-weight: 500;\n    color: rgba(255,255,255,.30);\n    transition: color .35s ease, opacity .35s ease;\n    letter-spacing: -.04em;\n  }\n\n  .ima-studio-embed .ima11-workflow-tag.active {\n    color: #fff;\n    opacity: 1;\n  }\n\n  .ima-studio-embed .ima11-tvc-canvas {\n    background: rgba(10, 10, 10, 0.88);\n  }\n\n  .ima-studio-embed .ima11-video-canvas {\n    background: rgba(10, 10, 10, 0.88);\n  }\n\n  .ima-studio-embed .ima11-video-canvas--luxury {\n    padding: 20px !important;\n  }\n\n  .ima-studio-embed .ima11-tvc-video,\n  .ima-studio-embed .ima11-ugc-video,\n  .ima-studio-embed .ima11-product-demo-video,\n  .ima-studio-embed .ima11-product-ad-video {\n    width: 100%;\n    height: 100%;\n    border-radius: 20px;\n    object-fit: cover;\n    box-shadow: 0 24px 64px rgba(0,0,0,.42);\n  }\n\n  .ima-studio-embed .ima11-visual-panel {\n    position: relative;\n    width: min(100%, 760px);\n    aspect-ratio: 4 \/ 3;\n    min-height: 0;\n    margin-top: 56px;\n  }\n\n  .ima-studio-embed .ima11-mock-canvas {\n    position: absolute;\n    inset: 0;\n    border-radius: 28px;\n    background: rgba(14, 14, 14, 0.88);\n    border: 1px solid rgba(255,255,255,0.12);\n    box-shadow: 0 30px 90px rgba(0,0,0,0.55);\n    padding: 0;\n    opacity: 0;\n    transform: translateY(26px) scale(0.98);\n    transition: opacity 0.45s ease, transform 0.45s ease;\n    overflow: hidden;\n    pointer-events: none;\n  }\n\n  .ima-studio-embed .ima11-mock-canvas.active {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n    pointer-events: auto;\n  }\n\n  .ima-studio-embed .ima11-dot-grid {\n    position: absolute;\n    inset: 0;\n    background-image: radial-gradient(rgba(255,255,255,0.25) 1px, transparent 1px);\n    background-size: 18px 18px;\n    opacity: 0.35;\n  }\n\n  .ima-studio-embed .ima11-asset-card {\n    position: absolute;\n    border-radius: 18px;\n    overflow: hidden;\n    background: rgba(255,255,255,0.08);\n    border: 1px solid rgba(255,255,255,0.14);\n    box-shadow: 0 18px 50px rgba(0,0,0,0.35);\n  }\n\n  .ima-studio-embed .ima11-asset-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .ima-studio-embed .ima11-card-1 { width: 46%; height: 32%; left: 10%; top: 12%; }\n  .ima-studio-embed .ima11-card-2 { width: 44%; height: 34%; left: 18%; top: 48%; }\n  .ima-studio-embed .ima11-card-3 { width: 48%; height: 40%; right: 8%; top: 31%; }\n\n  @media (max-width: 900px) {\n    .ima-studio-embed .ima11-workflow-scroll-section {\n      height: auto;\n    }\n\n    .ima-studio-embed .ima11-workflow-sticky {\n      position: relative;\n      height: auto;\n      padding: 80px 24px;\n    }\n\n    .ima-studio-embed .ima11-workflow-inner {\n      grid-template-columns: 1fr;\n      gap: 32px;\n    }\n\n    .ima-studio-embed .ima11-workflow-tags {\n      gap: 14px;\n      margin-top: 24px;\n    }\n\n    .ima-studio-embed .ima11-workflow-tag {\n      font-size: 30px;\n      line-height: 1.02;\n    }\n\n    .ima-studio-embed .ima11-visual-panel {\n      width: 100%;\n      aspect-ratio: 16 \/ 12;\n      min-height: 0;\n      margin-top: 8px;\n    }\n\n    .ima-studio-embed .ima11-mock-canvas {\n      position: absolute;\n      display: none;\n    }\n\n    .ima-studio-embed .ima11-mock-canvas.active {\n      display: block;\n    }\n\n    .ima-studio-embed .ima11-subtext {\n      margin: 16px 0 0;\n      padding: 0;\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .ima-studio-embed {\n      font-size: 14px;\n    }\n\n    .ima-studio-embed h2 {\n      font-size: 28px;\n      line-height: 1.12;\n    }\n\n    .ima-studio-embed .hero {\n      padding: 64px 0 44px;\n    }\n\n    .ima-studio-embed .hero-mobile {\n      width: calc(100vw - 32px);\n      gap: 18px;\n      padding: 0;\n    }\n\n    .ima-studio-embed .hero-mobile-title {\n      font-size: 30px;\n    }\n\n    .ima-studio-embed .hero-mobile-subhead {\n      font-size: 14px;\n      line-height: 20px;\n    }\n\n    .ima-studio-embed .hero-mobile .button {\n      min-width: 170px;\n      height: 42px;\n      font-size: 14px;\n    }\n\n    .ima-studio-embed .section__head p {\n      font-size: 15px;\n      line-height: 22px;\n    }\n\n    .ima-studio-embed .metrics strong {\n      font-size: 28px;\n    }\n\n    .ima-studio-embed .metrics span {\n      font-size: 11px;\n      line-height: 15px;\n    }\n\n    .ima-studio-embed .comparison h3 {\n      font-size: 18px;\n      line-height: 1.08;\n    }\n\n    .ima-studio-embed .button--cyan {\n      min-width: 170px;\n      height: 42px;\n      font-size: 14px;\n    }\n\n    .ima-studio-embed .metrics {\n      grid-template-columns: 1fr;\n      gap: 12px;\n      padding: 18px;\n    }\n\n    .ima-studio-embed .metrics div {\n      align-items: start;\n    }\n\n    .ima-studio-embed .comparison {\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    .ima-studio-embed .comparison__panel {\n      display: block;\n      padding: 14px;\n      border-radius: 18px;\n    }\n\n    .ima-studio-embed .comparison h3 {\n      margin: 0 0 12px;\n      font-size: 24px;\n      line-height: 1.08;\n    }\n\n    .ima-studio-embed .comparison__logo {\n      width: 96px;\n      height: auto;\n      margin-bottom: 5px;\n    }\n\n    .ima-studio-embed .eyebrow {\n      font-size: 16px;\n    }\n\n    .ima-studio-embed .rows {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .ima-studio-embed .rows div {\n      min-height: 0;\n      padding: 9px 10px;\n      border-radius: 10px;\n    }\n\n    .ima-studio-embed .rows img {\n      display: none;\n    }\n\n    .ima-studio-embed .rows b,\n    .ima-studio-embed .rows span {\n      max-width: none;\n    }\n\n    .ima-studio-embed .rows b {\n      font-size: 13px;\n      line-height: 16px;\n    }\n\n    .ima-studio-embed .rows span {\n      margin-top: 2px;\n      font-size: 11px;\n      line-height: 15px;\n    }\n\n    .ima-studio-embed .process__grid h3 {\n      font-size: 34px;\n    }\n\n  }\n<\/style>\n\n<div class=\"ima-studio-embed\" data-ima-embed data-asset-base=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\">\n  <div class=\"site\">\n    <section class=\"hero\">\n      <div class=\"hero-stage\" aria-label=\"Contribution produit Ima aux ressources pr\u00eates pour la campagne\">\n        <img decoding=\"async\" class=\"hero-media-layer\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/media-layer-raw.png\" alt=\"\">\n\n        <video class=\"hero-video hero-video-top\" src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/22\/1779436710701_1961611281289533441_3070ba2bb4d64d7ca7fed045a30a99e8.mp4\" autoplay muted loop playsinline preload=\"auto\"><\/video>\n        <video class=\"hero-video hero-video-bottom\" src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/22\/1779436585655_1961611281289533441_7d723c3f98344ee2a237eab52152f44f.mp4\" autoplay muted loop playsinline preload=\"auto\"><\/video>\n\n        <svg class=\"hero-flow\" viewbox=\"0 0 1920 975\" aria-hidden=\"true\">\n          <defs>\n            <filter id=\"imaHeroLineGlow\" x=\"-10%\" y=\"-60%\" width=\"120%\" height=\"220%\">\n              <fegaussianblur stddeviation=\"0.45\" result=\"blur\"><\/fegaussianblur>\n              <femerge>\n                <femergenode in=\"blur\"><\/femergenode>\n                <femergenode in=\"SourceGraphic\"><\/femergenode>\n              <\/femerge>\n            <\/filter>\n          <\/defs>\n\n          <path class=\"hero-flow-sweep\" pathlength=\"1000\" d=\"M 550 309 C 652.86681365966797 309 1217.490966796875 596 1313.5 596\"><\/path>\n          <path class=\"hero-flow-sweep hero-flow-delay\" pathlength=\"1000\" d=\"M 544.5 730 C 673.6918792724609 730 1182.0801391601562 520.5 1320.5 520.5\"><\/path>\n        <\/svg>\n\n        <h1 class=\"hero-headline\">De la saisie des donn\u00e9es produit aux ressources pr\u00eates pour la campagne<\/h1>\n        <p class=\"hero-subhead\">Transformez les liens produits, les briefs de campagne et les d\u00e9tails SKU en images, vid\u00e9os et ressources marketing pr\u00eates pour le lancement dans un flux de travail int\u00e9gr\u00e9.<\/p>\n\n        <div class=\"hero-actions\">\n          <a class=\"button button--cyan\" href=\"\/community\">Commencez gratuitement<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-mobile\">\n        <h1 class=\"hero-mobile-title\">De la saisie des donn\u00e9es produit aux ressources pr\u00eates pour la campagne<\/h1>\n        <p class=\"hero-mobile-subhead\">Transformez les liens produits, les briefs de campagne et les d\u00e9tails SKU en images, vid\u00e9os et ressources marketing pr\u00eates pour le lancement dans un flux de travail int\u00e9gr\u00e9.<\/p>\n        <video class=\"hero-mobile-video\" src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/23\/1779466213026_1961611281289533441_d42e793defcb4f45bf1bb157d1029e5b.mp4\" autoplay muted loop playsinline preload=\"auto\"><\/video>\n        <a class=\"button button--cyan\" href=\"\/community\">Commencez gratuitement<\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"value section\">\n      <div class=\"section__head\">\n        <h2>Des \u00e9quipes plus petites. Une production cr\u00e9ative plus importante.<\/h2>\n        <p>Ima Studio aide les \u00e9quipes e-commerce \u00e0 passer d&#039;une production lente et fragment\u00e9e \u00e0 un flux de travail IA reproductible pour des campagnes plus rapides et des orientations cr\u00e9atives plus r\u00e9utilisables.<\/p>\n      <\/div>\n      <div class=\"metrics\">\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>70+<\/strong><span>moins de personnes impliqu\u00e9es<\/span><\/div>\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>3 \u00e0 5 fois<\/strong><span>d\u00e9lai de lancement plus court<\/span><\/div>\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>3 \u00e0 6 fois<\/strong><span>plus d&#039;actifs produits<\/span><\/div>\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>30\u201360%<\/strong><span>co\u00fbt du contenu r\u00e9duit<\/span><\/div>\n      <\/div>\n      <div class=\"comparison\">\n        <article class=\"comparison__panel\">\n          <p class=\"eyebrow\">Avant<\/p>\n          <h3>Production traditionnelle<\/h3>\n          <div class=\"rows\">\n            <div><b>4 \u00e0 5 personnes<\/b><span>Grandes \u00e9quipes et transferts de responsabilit\u00e9s<\/span><img data-asset=\"business-value\/team-4.webp\" alt=\"\"><\/div>\n            <div><b>s\u00e9ance photo en studio<\/b><span>S\u00e9ances photo et mat\u00e9riel co\u00fbteux<\/span><img data-asset=\"business-value\/makeup.webp\" alt=\"\"><\/div>\n            <div><b>3 \u00e0 5 jours<\/b><span>De la conception \u00e0 la r\u00e9alisation des actifs finaux<\/span><img data-asset=\"business-value\/calendar-papers.webp\" alt=\"\"><\/div>\n            <div><b>Plusieurs tours<\/b><span>R\u00e9visions et allers-retours<\/span><img data-asset=\"business-value\/paper-stack.webp\" alt=\"\"><\/div>\n            <div><b>Co\u00fbt marginal \u00e9lev\u00e9<\/b><span>Le co\u00fbt par actif ne cesse d&#039;augmenter.<\/span><img data-asset=\"business-value\/wallet.webp\" alt=\"\"><\/div>\n            <div><b>Variations limit\u00e9es<\/b><span>Difficile de faire \u00e9voluer plusieurs versions<\/span><img data-asset=\"business-value\/laundry-chair.webp\" alt=\"\"><\/div>\n          <\/div>\n        <\/article>\n        <article class=\"comparison__panel\">\n          <img class=\"comparison__logo\" data-asset=\"figma-nav\/topnav-logo.svg\" alt=\"Ima Studio\">\n          <h3 class=\"cyan\">Flux de travail cr\u00e9atif IA<\/h3>\n          <div class=\"rows rows--cyan\">\n            <div><b>1 \u00e0 2 personnes<\/b><span>\u00c9quipe agile et autonome<\/span><img data-asset=\"business-value\/team-2.webp\" alt=\"\"><\/div>\n            <div><b>Flux de travail aliment\u00e9 par l&#039;IA<\/b><span>Pas de studio, pas d&#039;installation lourde<\/span><img data-asset=\"business-value\/person-laptop.webp\" alt=\"\"><\/div>\n            <div><b>Des heures, pas des jours<\/b><span>Du brief au produit pr\u00eat pour le lancement, environ 8 h<\/span><img data-asset=\"business-value\/calendar-stand.webp\" alt=\"\"><\/div>\n            <div><b>Moins de r\u00e9visions<\/b><span>It\u00e9rez plus vite, d\u00e9cidez plus vite<\/span><img data-asset=\"business-value\/camera-books.webp\" alt=\"\"><\/div>\n            <div><b>co\u00fbt marginal inf\u00e9rieur<\/b><span>Plus d&#039;actifs, co\u00fbt par actif inf\u00e9rieur<\/span><img data-asset=\"business-value\/piggy.webp\" alt=\"\"><\/div>\n            <div><b>Variations illimit\u00e9es<\/b><span>D\u00e9ploiement \u00e0 l&#039;\u00e9chelle des produits et des canaux<\/span><img data-asset=\"business-value\/clothes-rack.webp\" alt=\"\"><\/div>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"process section\">\n      <div class=\"section__head\">\n        <h2>Choisissez le flux de travail qui correspond \u00e0 votre activit\u00e9 d&#039;aujourd&#039;hui<\/h2>\n        <p>Commencez par la t\u00e2che qui vous incombe, puis laissez Ima Studio vous guider du d\u00e9but \u00e0 la fin, de la saisie des donn\u00e9es \u00e0 la cr\u00e9ation d&#039;\u00e9l\u00e9ments e-commerce utilisables.<\/p>\n      <\/div>\n      <div class=\"pfm-stack\">\n        <section class=\"pfm-row\">\n          <div class=\"pfm-copy\">\n            <div class=\"pfm-label-row\">\n              <span class=\"pfm-index-dot\">01<\/span>\n              <span class=\"pfm-eyebrow\">D\u00e9composition virale<\/span>\n            <\/div>\n            <h3>D\u00e9coder les gagnants en images<\/h3>\n            <p class=\"pfm-body\">D\u00e9composez les publicit\u00e9s gagnantes en sc\u00e8nes, rythme, arguments de vente et logique de conversion, transformant ainsi l&#039;inspiration en un plan cr\u00e9atif r\u00e9utilisable en 9 images.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>Identifier la structure publicitaire et les sc\u00e8nes cl\u00e9s<\/li>\n              <li>Extraire les \u00e9l\u00e9ments accrocheurs, les avantages et les appels \u00e0 l&#039;action<\/li>\n              <li>Cr\u00e9er un mod\u00e8le de storyboard r\u00e9utilisable<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">Voir les analyses virales<\/a>\n          <\/div>\n\n          <div class=\"pfm-visual\">\n            <video class=\"pfm-media-fill video\" src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/22\/1779435151483_1961611281289533441_7ecd8ed6a3374c26a7b704e6a8a9ccca.mp4\" autoplay muted loop playsinline preload=\"auto\"><\/video>\n          <\/div>\n        <\/section>\n\n        <section class=\"pfm-row reverse\">\n          <div class=\"pfm-visual\">\n            <iframe class=\"pfm-media-embed\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/deliverables\/ima-vertical-card-loop\/index.html\" title=\"Animation en boucle verticale de cartes\" loading=\"lazy\"><\/iframe>\n          <\/div>\n\n          <div class=\"pfm-copy\">\n            <div class=\"pfm-label-row\">\n              <span class=\"pfm-index-dot\">02<\/span>\n              <span class=\"pfm-eyebrow\">Remix en un clic<\/span>\n            <\/div>\n            <h3>Recr\u00e9er ce qui fonctionne d\u00e9j\u00e0<\/h3>\n            <p class=\"pfm-body\">T\u00e9l\u00e9chargez une publicit\u00e9 ou un visuel produit de r\u00e9f\u00e9rence, conservez la structure de conversion \u00e9prouv\u00e9e et adaptez-la \u00e0 votre produit, votre marque et vos arguments de vente.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>Pr\u00e9server la structure cr\u00e9ative \u00e9prouv\u00e9e<\/li>\n              <li>Adapter le produit, la sc\u00e8ne et le message<\/li>\n              <li>G\u00e9n\u00e9rer des variantes pr\u00eates pour les tests<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">Voir des exemples de remix<\/a>\n          <\/div>\n        <\/section>\n\n        <section class=\"pfm-row\">\n          <div class=\"pfm-copy\">\n            <div class=\"pfm-label-row\">\n              <span class=\"pfm-index-dot\">03<\/span>\n              <span class=\"pfm-eyebrow\">Publicit\u00e9s vid\u00e9o UGC<\/span>\n            <\/div>\n            <h3>Cr\u00e9ez des publicit\u00e9s UGC qui semblent r\u00e9elles<\/h3>\n            <p class=\"pfm-body\">G\u00e9n\u00e9rez des publicit\u00e9s vid\u00e9o authentiques de type UGC \u00e0 partir d&#039;images de produits, d&#039;arguments de vente et de descriptions, donnant ainsi l&#039;impression que votre produit est naturellement recommand\u00e9 par de vraies personnes.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>Soutenir les cr\u00e9ateurs et les scripts audio<\/li>\n              <li>G\u00e9n\u00e9rer des scripts et des indications de prise de vue<\/li>\n              <li>Con\u00e7u pour les placements publicitaires courts<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">Parcourir les annonces UGC<\/a>\n          <\/div>\n\n          <div class=\"pfm-visual\">\n            <iframe class=\"pfm-media-embed pfm-wide-source\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/deliverables\/ima-horizontal-video-loop\/index.html\" title=\"Animation en boucle vid\u00e9o horizontale\" loading=\"lazy\"><\/iframe>\n          <\/div>\n        <\/section>\n\n        <section class=\"pfm-row reverse\">\n          <div class=\"pfm-visual\">\n            <iframe class=\"pfm-media-embed pfm-wide-source\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/deliverables\/ima-collage-autoplay\/index.html\" title=\"animation de collage en lecture automatique\" loading=\"lazy\"><\/iframe>\n          <\/div>\n\n          <div class=\"pfm-copy\">\n            <div class=\"pfm-label-row\">\n              <span class=\"pfm-index-dot\">04<\/span>\n              <span class=\"pfm-eyebrow\">Ensembles de campagne<\/span>\n            <\/div>\n            <h3>Cr\u00e9er des ensembles de campagnes de produits complets<\/h3>\n            <p class=\"pfm-body\">Cr\u00e9ez un ensemble complet d&#039;\u00e9l\u00e9ments de campagne autour d&#039;un seul produit, allant des photos phares et des visuels lifestyle aux placements payants et sur les r\u00e9seaux sociaux, le tout dans un style coh\u00e9rent.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>G\u00e9n\u00e9rez des tailles et des sc\u00e8nes en un seul flux.<\/li>\n              <li>Maintenir la coh\u00e9rence du produit et de la marque<\/li>\n              <li>Couvrir le commerce \u00e9lectronique, les r\u00e9seaux sociaux et les publicit\u00e9s payantes<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">Voir les ensembles de campagne<\/a>\n          <\/div>\n        <\/section>\n      <\/div>\n    <\/section>\n\n    <section id=\"ima-studio-workflow\" class=\"ima11-workflow-scroll-section\" data-section=\"workflow\">\n      <div class=\"ima11-workflow-sticky\">\n        <img class=\"ima11-workflow-bg\" data-asset=\"workflow-entry\/ec-bg.webp\" alt=\"\">\n        <video class=\"ima11-workflow-bg-video ima11-workflow-bg-video--ugc\" muted loop playsinline preload=\"auto\">\n          <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/20\/1779271709904_1961611281289533441_0bbc2e50a2b148ad9a6989b2c4c39ed3.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <video class=\"ima11-workflow-bg-video ima11-workflow-bg-video--tvc\" muted loop playsinline preload=\"auto\">\n          <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/20\/1779271003995_1961611281289533441_516e6757eac24f4eaa200fb5b2a36614.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <video class=\"ima11-workflow-bg-video ima11-workflow-bg-video--product-ad-video\" muted loop playsinline preload=\"auto\">\n          <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/22\/1779422978637_1961611281289533441_8e49bddc506e4e53acdb4c28afa6c6c8.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <video class=\"ima11-workflow-bg-video ima11-workflow-bg-video--product-demo-video\" muted loop playsinline preload=\"auto\">\n          <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/20\/1779272714444_1961611281289533441_cedd0a4777384c43a48a4c8e608ae300.mp4\" type=\"video\/mp4\">\n        <\/video>\n\n        <div class=\"ima11-workflow-inner\">\n          <div class=\"ima11-copy-side\">\n            <div class=\"ima11-eyebrow\">Choisissez le flux de travail qui correspond \u00e0 votre activit\u00e9 d&#039;aujourd&#039;hui<\/div>\n            <div class=\"ima11-subtext\">Commencez par la t\u00e2che qui vous incombe, puis laissez Ima Studio vous guider du d\u00e9but \u00e0 la fin, de la saisie des donn\u00e9es \u00e0 la cr\u00e9ation d&#039;\u00e9l\u00e9ments e-commerce utilisables.<\/div>\n\n            <div class=\"ima11-workflow-tags\">\n              <button class=\"ima11-workflow-tag active\" data-index=\"0\" type=\"button\">Publicit\u00e9s t\u00e9l\u00e9vis\u00e9es<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"1\" type=\"button\">Publicit\u00e9s de marques de luxe<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"2\" type=\"button\">UGC Social<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"3\" type=\"button\">Vid\u00e9o de d\u00e9monstration du produit<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"4\" type=\"button\">Publicit\u00e9s TikTok UGC<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"5\" type=\"button\">Visuels des produits CE<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"ima11-visual-panel\">\n            <div class=\"ima11-mock-canvas ima11-tvc-canvas active\" data-index=\"0\">\n              <video class=\"ima11-tvc-video\" muted loop playsinline preload=\"auto\">\n                <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/20\/1779272255792_1961611281289533441_a7cf0a5efff04422b7d2bf3e5a0b0847.mp4\" type=\"video\/mp4\">\n              <\/video>\n            <\/div>\n\n            <div class=\"ima11-mock-canvas ima11-video-canvas ima11-video-canvas--luxury\" data-index=\"1\">\n              <video class=\"ima11-product-ad-video\" muted loop playsinline preload=\"auto\">\n                <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/22\/1779443743581_1961611281289533441_1ad3e71c4b4b4cb6ab8cf539a9d6b090.mp4\" type=\"video\/mp4\">\n              <\/video>\n            <\/div>\n\n            <div class=\"ima11-mock-canvas\" data-index=\"2\">\n              <img class=\"ima11-product-image-main\" data-asset=\"workflow-entry\/ugc-social-content.webp\" alt=\"\">\n            <\/div>\n\n            <div class=\"ima11-mock-canvas ima11-video-canvas\" data-index=\"3\">\n              <video class=\"ima11-product-demo-video\" muted loop playsinline preload=\"auto\">\n                <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/20\/1779272877193_1961611281289533441_c439aea40dc145bbb55230eb328092dd.mp4\" type=\"video\/mp4\">\n              <\/video>\n            <\/div>\n\n            <div class=\"ima11-mock-canvas ima11-video-canvas\" data-index=\"4\">\n              <video class=\"ima11-ugc-video\" muted loop playsinline preload=\"auto\">\n                <source src=\"https:\/\/file-cdn.photogrid.com.cn\/webAgent\/private\/video\/2026\/05\/20\/1779272409837_1961611281289533441_fe74a5ec4aaf4d6386b3c0576cc6c167.mp4\" type=\"video\/mp4\">\n              <\/video>\n            <\/div>\n\n            <div class=\"ima11-mock-canvas\" data-index=\"5\">\n              <img class=\"ima11-product-image-main\" data-asset=\"workflow-entry\/ec-content.webp\" alt=\"\">\n            <\/div>\n\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n    <section class=\"assets section\">\n      <div class=\"section__head\">\n        <h2>Transformer le contexte produit en atouts de croissance reproductibles<\/h2>\n        <p>Utilisez des mod\u00e8les, des guides de commerce \u00e9lectronique et des mises \u00e0 jour de produits pour que les \u00e9quipes restent align\u00e9es sur les prochaines cr\u00e9ations.<\/p>\n      <\/div>\n      <div class=\"asset-grid\" id=\"wpBlogGrid\"><\/div>\n    <\/section>\n\n    <section class=\"models-section\">\n      <div class=\"section__head\">\n        <h2>Des fonctionnalit\u00e9s de pointe, orchestr\u00e9es sur une seule plateforme<\/h2>\n        <p>Acc\u00e9dez \u00e0 des mod\u00e8les d&#039;images et de vid\u00e9os de haut niveau dans une seule couche de flux de travail, puis utilisez Ima Studio pour acheminer la bonne capacit\u00e9 vers la bonne t\u00e2che de commerce \u00e9lectronique avec une meilleure coh\u00e9rence et une meilleure qualit\u00e9 de sortie.<\/p>\n      <\/div>\n      <div class=\"models-wrap\" aria-label=\"Mod\u00e8les d&#039;IA pris en charge par Ima\">\n        <section class=\"models-canvas\">\n          <article class=\"models-card models-google\">\n            <span class=\"models-card-bg\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/google-art.png\" alt=\"\"><\/span>\n            <span class=\"models-card-gradient\"><\/span>\n            <img decoding=\"async\" class=\"models-brand-logo models-google-logo\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/google-logo.svg\" alt=\"Google\">\n            <div class=\"models-list models-google-models\">\n              <div class=\"models-entry models-g1\"><a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/fr\/nano-banana-2\"><span class=\"models-title\">Nano Banane 2<\/span><\/a><span class=\"models-desc\">G\u00e9n\u00e9ration d&#039;images de pointe<\/span><\/div>\n              <div class=\"models-entry models-g2\"><a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/fr\/nano-banana-pro\"><span class=\"models-title\">Nano Banana Pro<\/span><\/a><span class=\"models-desc\">G\u00e9n\u00e9ration d&#039;images photor\u00e9alistes<\/span><\/div>\n              <div class=\"models-entry models-g3\"><span class=\"models-title\">Gemini 3 Pro<\/span><span class=\"models-desc\">Raisonnement multimodal avanc\u00e9<\/span><\/div>\n              <div class=\"models-entry models-g4\"><a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/fr\/veo-3-video-generator\"><span class=\"models-title\">Veo3<\/span><\/a><span class=\"models-desc\">Vid\u00e9o cin\u00e9matographique de long format<\/span><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"models-card models-runway\">\n            <span class=\"models-card-bg\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/runway-bg.png\" alt=\"\"><\/span>\n            <span class=\"models-card-overlay\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/runway-figure.png\" alt=\"\"><\/span>\n            <span class=\"models-card-gradient\"><\/span>\n            <span class=\"models-runway-logo\" aria-label=\"Cheval heureux\">\n              <span class=\"models-runway-mark\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/happy-horse-mark.png\" alt=\"\"><\/span>\n              <img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/happy-horse-word.svg\" alt=\"\">\n            <\/span>\n            <div class=\"models-text models-runway-text\">\n              <span class=\"models-title\">HappyHorse 1.0<\/span>\n              <span class=\"models-desc\">Mouvements physiquement r\u00e9alistes et fluides<\/span>\n            <\/div>\n          <\/article>\n\n          <article class=\"models-card models-wan\">\n            <span class=\"models-card-bg\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/wan-art.png\" alt=\"\"><\/span>\n            <span class=\"models-card-overlay\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/wan-overlay-left.png\" alt=\"\"><\/span>\n            <span class=\"models-card-gradient\"><\/span>\n            <img decoding=\"async\" class=\"models-brand-logo models-wan-logo\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/wan-logo.svg\" alt=\"Bl\u00eame\">\n            <div class=\"models-text models-wan-text\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/fr\/wan-2-7-video-generator\"><span class=\"models-title\">Wan2.6<\/span><\/a>\n              <span class=\"models-desc\">Mod\u00e8le d&#039;image adapt\u00e9 \u00e0 la culture<\/span>\n            <\/div>\n          <\/article>\n\n          <article class=\"models-card models-openai\">\n            <span class=\"models-card-bg\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/openai-art.png\" alt=\"\"><\/span>\n            <span class=\"models-card-overlay\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/openai-overlay.png\" alt=\"\"><\/span>\n            <span class=\"models-card-gradient\"><\/span>\n            <img decoding=\"async\" class=\"models-brand-logo models-openai-logo\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/openai-logo.svg\" alt=\"OpenAI\">\n            <div class=\"models-list models-openai-list\">\n              <div><span class=\"models-title\">GPT-5.4<\/span><span class=\"models-desc\">IA multimodale de pointe<\/span><\/div>\n              <div><span class=\"models-title\">Sora 2<\/span><span class=\"models-desc\">Vid\u00e9os cin\u00e9matographiques<\/span><\/div>\n              <div><a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/fr\/chatgpt-images-2-0\"><span class=\"models-title\">Image GPT<\/span><\/a><span class=\"models-desc\">Retouche d&#039;image d\u00e9taill\u00e9e<\/span><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"models-card models-seed\">\n            <span class=\"models-card-bg\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/seed-art.png\" alt=\"\"><\/span>\n            <span class=\"models-card-overlay\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/seed-overlay.png\" alt=\"\"><\/span>\n            <span class=\"models-card-gradient\"><\/span>\n            <img decoding=\"async\" class=\"models-brand-logo models-seed-logo\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/seed-logo.svg\" alt=\"Graine ByteDance\">\n            <div class=\"models-text models-seed-entry-1\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/fr\/seedream-5-0\"><span class=\"models-title\">Seedream 5.0<\/span><\/a>\n              <span class=\"models-desc\">g\u00e9n\u00e9ration et \u00e9dition d&#039;images multimodales<\/span>\n            <\/div>\n            <div class=\"models-text models-seed-entry-2\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/fr\/seedance-2-0\"><span class=\"models-title\">Seedance 2.0<\/span><\/a>\n              <span class=\"models-desc\">Vid\u00e9os multi-plans \u00e0 partir de texte ou d&#039;images<\/span>\n            <\/div>\n          <\/article>\n\n          <article class=\"models-card models-kling\">\n            <span class=\"models-card-bg\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/kling-art.png\" alt=\"\"><\/span>\n            <span class=\"models-card-gradient\"><\/span>\n            <img decoding=\"async\" class=\"models-brand-logo models-kling-logo\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/kling-logo.svg\" alt=\"Kling IA\">\n            <div class=\"models-text models-kling-text\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/fr\/kling-video-generator\"><span class=\"models-title\">Kling 3.0<\/span><\/a>\n              <span class=\"models-desc\">Mod\u00e8le vid\u00e9o cin\u00e9matographique raffin\u00e9<\/span>\n            <\/div>\n          <\/article>\n\n          <article class=\"models-card models-hailuo\">\n            <span class=\"models-card-bg\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/hailuo-art.png\" alt=\"\"><\/span>\n            <span class=\"models-card-gradient\"><\/span>\n            <img decoding=\"async\" class=\"models-brand-logo models-hailuo-logo\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/assets\/models\/hailuo-logo.svg\" alt=\"Hailuo IA\">\n            <div class=\"models-text models-hailuo-text\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/fr\/hailuo-video-generator\"><span class=\"models-title\">Minimax Hailuo<\/span><\/a>\n              <span class=\"models-desc\">G\u00e9n\u00e9rateur d&#039;images \u00e0 usage g\u00e9n\u00e9ral<\/span>\n            <\/div>\n          <\/article>\n        <\/section>\n      <\/div>\n    <\/section>\n\n    <section class=\"faq section\">\n      <h2>Transformer le contexte produit en atouts de croissance reproductibles<\/h2>\n      <div class=\"faq__list\">\n        <article class=\"is-open\"><button type=\"button\" aria-expanded=\"true\">Pour quel type de travail Ima Studio a-t-il \u00e9t\u00e9 con\u00e7u ?<span>\u2212<\/span><\/button><p>Ima Studio est con\u00e7u pour les \u00e9quipes e-commerce qui cr\u00e9ent des \u00e9l\u00e9ments de campagne, des visuels de produits, du contenu marketing et une production cr\u00e9ative \u00e9volutive.<\/p><\/article>\n        <article class=\"is-open\"><button type=\"button\" aria-expanded=\"true\">Ai-je besoin de plusieurs outils pour passer de l&#039;id\u00e9e aux ressources finales\u00a0?<span>\u2212<\/span><\/button><p>Non. Ima Studio est con\u00e7u pour int\u00e9grer l&#039;id\u00e9ation, la g\u00e9n\u00e9ration et le perfectionnement dans un flux de travail unique et connect\u00e9.<\/p><\/article>\n        <article><button type=\"button\" aria-expanded=\"false\">Puis-je commencer par un lien vers le produit ou une br\u00e8ve description\u00a0?<span>+<\/span><\/button><p>Oui. Vous pouvez partir de liens produits, de briefs de campagne, de d\u00e9tails SKU ou d&#039;id\u00e9es cr\u00e9atives sommaires.<\/p><\/article>\n        <article class=\"is-open\"><button type=\"button\" aria-expanded=\"true\">Ima Studio est-il destin\u00e9 aux cr\u00e9ateurs individuels ou aux \u00e9quipes\u00a0?<span>\u2212<\/span><\/button><p>Ima Studio est con\u00e7u pour les \u00e9quipes e-commerce, les \u00e9quipes marketing et les cr\u00e9ateurs aux effectifs r\u00e9duits qui ont besoin de r\u00e9sultats de campagne reproductibles.<\/p><\/article>\n      <\/div>\n    <\/section>\n  <\/div>\n<\/div>\n\n<script>\n  (() => {\n    const rootEl = document.documentElement;\n    const heroCanvasWidth = 1920;\n    const heroMinMobileScale = 0.48;\n\n    function updateHeroScale() {\n      const viewportWidth = window.innerWidth;\n      const scale = Math.min(1, viewportWidth \/ heroCanvasWidth);\n      rootEl.style.setProperty(\"--hero-scale\", String(Math.max(scale, heroMinMobileScale)));\n    }\n\n    function updateModelsScale() {\n      const wraps = document.querySelectorAll('.models-wrap');\n      wraps.forEach((wrap) => {\n        const canvas = wrap.querySelector('.models-canvas');\n        if (!canvas) return;\n        const scale = wrap.clientWidth \/ 1280;\n        canvas.style.transform = `scale(${scale})`;\n      });\n    }\n\n    updateHeroScale();\n    window.addEventListener(\"resize\", updateHeroScale);\n    updateModelsScale();\n    window.addEventListener(\"resize\", updateModelsScale);\n\n    async function loadLatestPosts() {\n      const grid = document.getElementById('wpBlogGrid');\n      if (!grid) return;\n\n      try {\n        const response = await fetch('https:\/\/imastudio.com\/wp-json\/wp\/v2\/posts?_embed&per_page=3');\n        if (!response.ok) return;\n        const posts = await response.json();\n\n        grid.innerHTML = posts.map((post) => {\n          const image = post?._embedded?.['wp:featuredmedia']?.[0]?.source_url || 'https:\/\/imastudio.com\/wp-content\/uploads\/assets\/growth-assets\/workflow-templates.webp';\n          const title = post?.title?.rendered || '';\n          const excerpt = (post?.excerpt?.rendered || '').replace(\/<[^>]+>\/g, '').trim();\n          const link = post?.link || '#';\n\n          return `\n            <article>\n              <a class=\"asset-card-link\" href=\"${link}\">\n                <img decoding=\"async\" src=\"${image}\" alt=\"${title}\">\n                <h3>${title}<\/h3>\n                <p>${excerpt}<\/p>\n              <\/a>\n            <\/article>\n          `;\n        }).join('');\n      } catch (error) {\n        \/\/ keep silent and leave section empty if API is unavailable\n      }\n    }\n\n    const roots = document.querySelectorAll('.ima-studio-embed[data-ima-embed]');\n    roots.forEach((root) => {\n      if (root.dataset.imaInitialized === 'true') return;\n      root.dataset.imaInitialized = 'true';\n\n      const assetBase = (root.dataset.assetBase || '.\/assets').replace(\/\\\/+$\/, '');\n      const assetUrl = (path) => `${assetBase}\/${String(path || '').replace(\/^\\\/+\/, '')}`;\n      const setImageSource = (image, path) => {\n        if (!image || !path) return;\n        image.src = assetUrl(path);\n      };\n\n      root.querySelectorAll('img[data-asset]').forEach((image) => {\n        setImageSource(image, image.dataset.asset);\n      });\n\n      root.querySelectorAll('[data-scroll-to]').forEach((link) => {\n        link.addEventListener('click', (event) => {\n          const targetName = link.dataset.scrollTo;\n          const target = root.querySelector(`[data-section=\"${targetName}\"]`);\n          if (!target) return;\n          event.preventDefault();\n          target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        });\n      });\n\n      const workflowSection = root.querySelector('.ima11-workflow-scroll-section');\n      const workflowButtons = [...root.querySelectorAll('.ima11-workflow-tag')];\n      const workflowSlides = [...root.querySelectorAll('.ima11-mock-canvas')];\n      const workflowBg = root.querySelector('.ima11-workflow-bg');\n      const workflowStaticBackgrounds = [\n        'workflow-entry\/ec-bg.webp',\n        'workflow-entry\/ec-bg.webp',\n        'workflow-entry\/ugc-social-bg.webp',\n        'workflow-entry\/ec-bg.webp',\n        'workflow-entry\/ec-bg.webp',\n        'workflow-entry\/ec-bg.webp',\n      ];\n      const workflowBgVideoUgc = root.querySelector('.ima11-workflow-bg-video--ugc');\n      const workflowBgVideoTvc = root.querySelector('.ima11-workflow-bg-video--tvc');\n      const workflowBgVideoProductDemo = root.querySelector('.ima11-workflow-bg-video--product-demo-video');\n      const workflowBgVideoProductAd = root.querySelector('.ima11-workflow-bg-video--product-ad-video');\n      const ugcVideo = root.querySelector('video.ima11-ugc-video');\n      const tvcVideo = root.querySelector('video.ima11-tvc-video');\n      const productDemoVideo = root.querySelector('video.ima11-product-demo-video');\n      const productAdVideo = root.querySelector('video.ima11-product-ad-video');\n      let activeWorkflowIndex = -1;\n\n      const resetVideo = (video) => {\n        if (!video) return;\n        video.classList.remove('active');\n        video.pause();\n      };\n\n      [workflowBgVideoUgc, workflowBgVideoTvc, workflowBgVideoProductDemo, workflowBgVideoProductAd, ugcVideo, tvcVideo, productDemoVideo, productAdVideo].forEach((video) => {\n        if (!video) return;\n        video.load();\n      });\n\n      const applyWorkflow = (index) => {\n        if (index === activeWorkflowIndex) return;\n        if (index < 0 || index >= workflowButtons.length) return;\n\n        activeWorkflowIndex = index;\n        workflowButtons.forEach((item, itemIndex) => {\n          item.classList.toggle('active', itemIndex === index);\n        });\n        workflowSlides.forEach((slide, slideIndex) => {\n          slide.classList.toggle('active', slideIndex === index);\n        });\n\n        workflowSection.classList.toggle('is-video-mode', index === 0 || index === 1 || index === 3 || index === 4);\n\n        if (workflowBg) {\n          workflowBg.style.opacity = '.7';\n          const bgPath = workflowStaticBackgrounds[index] || workflowStaticBackgrounds[0];\n          workflowBg.src = `${assetBase}\/${bgPath}`;\n        }\n\n        resetVideo(workflowBgVideoUgc);\n        resetVideo(workflowBgVideoTvc);\n        resetVideo(workflowBgVideoProductDemo);\n        resetVideo(workflowBgVideoProductAd);\n\n        if (index === 4 && workflowBgVideoUgc) {\n          workflowBgVideoUgc.classList.add('active');\n          workflowBgVideoUgc.play().catch(() => {});\n        }\n\n        if (index === 0 && workflowBgVideoTvc) {\n          workflowBgVideoTvc.classList.add('active');\n          workflowBgVideoTvc.play().catch(() => {});\n        }\n\n        if (index === 3 && workflowBgVideoProductDemo) {\n          workflowBgVideoProductDemo.classList.add('active');\n          workflowBgVideoProductDemo.play().catch(() => {});\n        }\n\n        if (index === 1 && workflowBgVideoProductAd) {\n          workflowBgVideoProductAd.classList.add('active');\n          workflowBgVideoProductAd.play().catch(() => {});\n        }\n\n        if (ugcVideo) {\n          if (index === 4) {\n            ugcVideo.play().catch(() => {});\n          } else {\n            ugcVideo.pause();\n            ugcVideo.currentTime = 0;\n          }\n        }\n\n        if (tvcVideo) {\n          if (index === 0) {\n            tvcVideo.play().catch(() => {});\n          } else {\n            tvcVideo.pause();\n            tvcVideo.currentTime = 0;\n          }\n        }\n\n        if (productDemoVideo) {\n          if (index === 3) {\n            productDemoVideo.play().catch(() => {});\n          } else {\n            productDemoVideo.pause();\n            productDemoVideo.currentTime = 0;\n          }\n        }\n\n        if (productAdVideo) {\n          if (index === 1) {\n            productAdVideo.play().catch(() => {});\n          } else {\n            productAdVideo.pause();\n            productAdVideo.currentTime = 0;\n          }\n        }\n      };\n\n      const updateWorkflowOnScroll = () => {\n        if (!workflowSection) return;\n        const rect = workflowSection.getBoundingClientRect();\n        const scrollable = workflowSection.offsetHeight - window.innerHeight;\n        const progress = Math.min(Math.max(-rect.top \/ scrollable, 0), 1);\n        const index = Math.min(workflowButtons.length - 1, Math.floor(progress * workflowButtons.length));\n        applyWorkflow(index);\n      };\n\n      applyWorkflow(0);\n      updateWorkflowOnScroll();\n      window.addEventListener('scroll', updateWorkflowOnScroll, { passive: true });\n      window.addEventListener('resize', updateWorkflowOnScroll);\n\n      root.querySelectorAll('.faq__list button').forEach((button) => {\n        button.addEventListener('click', () => {\n          const item = button.closest('article');\n          if (!item) return;\n\n          const isOpen = item.classList.toggle('is-open');\n          button.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n          const icon = button.querySelector('span');\n          if (icon) icon.textContent = isOpen ? '\u2212' : '+';\n        });\n      });\n    });\n\n    loadLatestPosts();\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>De la saisie des donn\u00e9es produit aux supports marketing pr\u00eats pour la campagne\u00a0: transformez les liens produits, les briefs de campagne et les d\u00e9tails des r\u00e9f\u00e9rences en images, vid\u00e9os et supports marketing e-commerce pr\u00eats pour le lancement gr\u00e2ce \u00e0 un flux de travail unique et int\u00e9gr\u00e9. Commencez gratuitement.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"rank_math_title":"Ima Studio: Next-Gen AI Image &amp; Video Creation Platform","rank_math_description":"Ima Studio is a next-gen, multi-model AI platform for image and video creation. Prompt once and create with 10+ models like Sora 2, Nano Banana Pro and Seedream.","footnotes":""},"categories":[],"tags":[],"class_list":["post-7635","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imastudio.com\/fr\/wp-json\/wp\/v2\/pages\/7635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imastudio.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imastudio.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imastudio.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imastudio.com\/fr\/wp-json\/wp\/v2\/comments?post=7635"}],"version-history":[{"count":5,"href":"https:\/\/imastudio.com\/fr\/wp-json\/wp\/v2\/pages\/7635\/revisions"}],"predecessor-version":[{"id":7755,"href":"https:\/\/imastudio.com\/fr\/wp-json\/wp\/v2\/pages\/7635\/revisions\/7755"}],"wp:attachment":[{"href":"https:\/\/imastudio.com\/fr\/wp-json\/wp\/v2\/media?parent=7635"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imastudio.com\/fr\/wp-json\/wp\/v2\/categories?post=7635"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imastudio.com\/fr\/wp-json\/wp\/v2\/tags?post=7635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}