{"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\/pt\/","title":{"rendered":"casa-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=\"Ima, o her\u00f3i da entrada de produtos para ativos prontos para campanha\">\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\">Desde a entrada de dados do produto at\u00e9 os recursos prontos para a campanha.<\/h1>\n        <p class=\"hero-subhead\">Transforme links de produtos, resumos de campanhas e detalhes de SKU em imagens, v\u00eddeos e materiais de marketing prontos para lan\u00e7amento em um \u00fanico fluxo de trabalho integrado.<\/p>\n\n        <div class=\"hero-actions\">\n          <a class=\"button button--cyan\" href=\"\/community\">Comece gratuitamente<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-mobile\">\n        <h1 class=\"hero-mobile-title\">Desde a entrada de dados do produto at\u00e9 os recursos prontos para a campanha.<\/h1>\n        <p class=\"hero-mobile-subhead\">Transforme links de produtos, resumos de campanhas e detalhes de SKU em imagens, v\u00eddeos e materiais de marketing prontos para lan\u00e7amento em um \u00fanico fluxo de trabalho integrado.<\/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\">Comece gratuitamente<\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"value section\">\n      <div class=\"section__head\">\n        <h2>Equipes menores. Maior produ\u00e7\u00e3o criativa.<\/h2>\n        <p>A Ima Studio ajuda as equipes de e-commerce a migrarem de uma produ\u00e7\u00e3o mais lenta e fragmentada para um fluxo de trabalho de IA repet\u00edvel, resultando em campanhas mais r\u00e1pidas e dire\u00e7\u00f5es criativas mais reutiliz\u00e1veis.<\/p>\n      <\/div>\n      <div class=\"metrics\">\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>70+<\/strong><span>menos pessoas envolvidas<\/span><\/div>\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>3\u20135x<\/strong><span>Tempo de lan\u00e7amento mais r\u00e1pido<\/span><\/div>\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>3\u20136x<\/strong><span>mais ativos produzidos<\/span><\/div>\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>30\u201360%<\/strong><span>custo de conte\u00fado mais baixo<\/span><\/div>\n      <\/div>\n      <div class=\"comparison\">\n        <article class=\"comparison__panel\">\n          <p class=\"eyebrow\">Antes<\/p>\n          <h3>Produ\u00e7\u00e3o tradicional<\/h3>\n          <div class=\"rows\">\n            <div><b>4 a 5 pessoas<\/b><span>Equipes grandes e transfer\u00eancias de responsabilidades<\/span><img data-asset=\"business-value\/team-4.webp\" alt=\"\"><\/div>\n            <div><b>Sess\u00e3o fotogr\u00e1fica em est\u00fadio<\/b><span>Sess\u00f5es fotogr\u00e1ficas e equipamentos caros<\/span><img data-asset=\"business-value\/makeup.webp\" alt=\"\"><\/div>\n            <div><b>3 a 5 dias<\/b><span>Do briefing aos materiais finais<\/span><img data-asset=\"business-value\/calendar-papers.webp\" alt=\"\"><\/div>\n            <div><b>V\u00e1rias rodadas<\/b><span>Revis\u00f5es e idas e vindas<\/span><img data-asset=\"business-value\/paper-stack.webp\" alt=\"\"><\/div>\n            <div><b>Alto custo marginal<\/b><span>O custo por ativo continua aumentando.<\/span><img data-asset=\"business-value\/wallet.webp\" alt=\"\"><\/div>\n            <div><b>Varia\u00e7\u00f5es limitadas<\/b><span>Dif\u00edcil dimensionar v\u00e1rias vers\u00f5es<\/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\">fluxo de trabalho criativo de IA<\/h3>\n          <div class=\"rows rows--cyan\">\n            <div><b>1 a 2 pessoas<\/b><span>Equipe enxuta e capacitada<\/span><img data-asset=\"business-value\/team-2.webp\" alt=\"\"><\/div>\n            <div><b>fluxo de trabalho baseado em IA<\/b><span>Sem est\u00fadio, sem equipamentos pesados<\/span><img data-asset=\"business-value\/person-laptop.webp\" alt=\"\"><\/div>\n            <div><b>Horas, n\u00e3o dias<\/b><span>Do briefing ao lan\u00e7amento, aproximadamente 8 horas.<\/span><img data-asset=\"business-value\/calendar-stand.webp\" alt=\"\"><\/div>\n            <div><b>Menos revis\u00f5es<\/b><span>Itere mais r\u00e1pido, decida mais r\u00e1pido<\/span><img data-asset=\"business-value\/camera-books.webp\" alt=\"\"><\/div>\n            <div><b>Custo marginal mais baixo<\/b><span>Mais ativos, menor custo por ativo.<\/span><img data-asset=\"business-value\/piggy.webp\" alt=\"\"><\/div>\n            <div><b>Varia\u00e7\u00f5es ilimitadas<\/b><span>Escalabilidade em todos os produtos e canais<\/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>Escolha o fluxo de trabalho que melhor se adapta ao trabalho de hoje.<\/h2>\n        <p>Comece pela tarefa que tem em m\u00e3os e deixe que o Ima Studio o guie desde a entrada de dados at\u00e9 a cria\u00e7\u00e3o de recursos de e-commerce utiliz\u00e1veis.<\/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\">Colapso viral<\/span>\n            <\/div>\n            <h3>Decodifique os vencedores em quadros<\/h3>\n            <p class=\"pfm-body\">Analise an\u00fancios vencedores em cenas, ritmo, argumentos de venda e l\u00f3gica de convers\u00e3o, transformando a inspira\u00e7\u00e3o em um modelo criativo reutiliz\u00e1vel de 9 quadros.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>Identifique a estrutura do an\u00fancio e as cenas principais.<\/li>\n              <li>Extraia ganchos, benef\u00edcios e chamadas para a\u00e7\u00e3o.<\/li>\n              <li>Crie um modelo de storyboard reutiliz\u00e1vel<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">Veja as an\u00e1lises virais<\/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=\"Anima\u00e7\u00e3o vertical em loop de cart\u00f5es\" 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 com um clique<\/span>\n            <\/div>\n            <h3>Recrie o que j\u00e1 funciona.<\/h3>\n            <p class=\"pfm-body\">Fa\u00e7a o upload de um an\u00fancio de refer\u00eancia ou de um material promocional do produto, mantenha a estrutura de convers\u00e3o comprovada e adapte-a ao seu produto, marca e pontos de venda.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>Preserve a estrutura criativa comprovada.<\/li>\n              <li>Adapte o produto, o cen\u00e1rio e a mensagem.<\/li>\n              <li>Gere varia\u00e7\u00f5es prontas para teste<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">Veja exemplos de remixagem<\/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\">An\u00fancios em v\u00eddeo UGC<\/span>\n            <\/div>\n            <h3>Crie an\u00fancios UGC que pare\u00e7am reais.<\/h3>\n            <p class=\"pfm-body\">Gere an\u00fancios em v\u00eddeo aut\u00eanticos no estilo UGC a partir de imagens de produtos, argumentos de venda e resumos, fazendo com que seu produto pare\u00e7a ser recomendado naturalmente por pessoas reais.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>Apoie criadores e roteiros falados.<\/li>\n              <li>Gere roteiros e instru\u00e7\u00f5es de filmagem.<\/li>\n              <li>Criado para an\u00fancios de formato curto.<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">Veja an\u00fancios de conte\u00fado gerado pelo usu\u00e1rio<\/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=\"Anima\u00e7\u00e3o de v\u00eddeo em loop horizontal\" 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=\"Colagem com reprodu\u00e7\u00e3o autom\u00e1tica de anima\u00e7\u00e3o\" 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\">Conjuntos de campanha<\/span>\n            <\/div>\n            <h3>Criar conjuntos completos de campanhas de produtos<\/h3>\n            <p class=\"pfm-body\">Crie um conjunto completo de recursos para uma campanha focada em um produto, desde fotos de destaque e imagens de estilo de vida at\u00e9 an\u00fancios em redes sociais e conte\u00fado pago, tudo com um estilo consistente.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>Gere tamanhos e cenas em um \u00fanico fluxo.<\/li>\n              <li>Mantenha a consist\u00eancia do produto e da marca.<\/li>\n              <li>Abrange com\u00e9rcio eletr\u00f4nico, redes sociais e an\u00fancios pagos.<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">Veja os conjuntos de campanha<\/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\">Escolha o fluxo de trabalho que melhor se adapta ao trabalho de hoje.<\/div>\n            <div class=\"ima11-subtext\">Comece pela tarefa que tem em m\u00e3os e deixe que o Ima Studio o guie desde a entrada de dados at\u00e9 a cria\u00e7\u00e3o de recursos de e-commerce utiliz\u00e1veis.<\/div>\n\n            <div class=\"ima11-workflow-tags\">\n              <button class=\"ima11-workflow-tag active\" data-index=\"0\" type=\"button\">An\u00fancios de TV<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"1\" type=\"button\">An\u00fancios de marcas de luxo<\/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\">V\u00eddeo de demonstra\u00e7\u00e3o do produto<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"4\" type=\"button\">An\u00fancios UGC do TikTok<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"5\" type=\"button\">Imagens de produtos da 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>Transforme o contexto do produto em ativos de crescimento replic\u00e1veis.<\/h2>\n        <p>Utilize modelos, manuais de e-commerce e atualiza\u00e7\u00f5es de produtos para manter as equipes alinhadas sobre o que criar em seguida.<\/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>Recursos de modelos l\u00edderes, orquestrados em uma \u00fanica plataforma.<\/h2>\n        <p>Acesse modelos de imagem e v\u00eddeo de alta qualidade em uma \u00fanica camada de fluxo de trabalho e, em seguida, use o Ima Studio para direcionar a funcionalidade correta para a tarefa de com\u00e9rcio eletr\u00f4nico adequada, com maior consist\u00eancia e qualidade de sa\u00edda.<\/p>\n      <\/div>\n      <div class=\"models-wrap\" aria-label=\"Ima suportava modelos de IA\">\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\/pt\/nano-banana-2\"><span class=\"models-title\">Nano Banana 2<\/span><\/a><span class=\"models-desc\">Gera\u00e7\u00e3o de imagens de \u00faltima gera\u00e7\u00e3o<\/span><\/div>\n              <div class=\"models-entry models-g2\"><a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/pt\/nano-banana-pro\"><span class=\"models-title\">Nano Banana Pro<\/span><\/a><span class=\"models-desc\">Gera\u00e7\u00e3o de imagens fotorrealistas<\/span><\/div>\n              <div class=\"models-entry models-g3\"><span class=\"models-title\">Gemini 3 Pro<\/span><span class=\"models-desc\">Racioc\u00ednio multimodal avan\u00e7ado<\/span><\/div>\n              <div class=\"models-entry models-g4\"><a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/pt\/veo-3-video-generator\"><span class=\"models-title\">Veo3<\/span><\/a><span class=\"models-desc\">V\u00eddeo cinematogr\u00e1fico de longa dura\u00e7\u00e3o<\/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=\"Cavalo feliz\">\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\">Movimento fisicamente realista e suave.<\/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=\"Wan\">\n            <div class=\"models-text models-wan-text\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/pt\/wan-2-7-video-generator\"><span class=\"models-title\">Wan2.6<\/span><\/a>\n              <span class=\"models-desc\">Modelo de imagem culturalmente adaptado<\/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 multimodal de \u00faltima gera\u00e7\u00e3o<\/span><\/div>\n              <div><span class=\"models-title\">Sora 2<\/span><span class=\"models-desc\">v\u00eddeos cinematogr\u00e1ficos<\/span><\/div>\n              <div><a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/pt\/chatgpt-images-2-0\"><span class=\"models-title\">Imagem GPT<\/span><\/a><span class=\"models-desc\">Edi\u00e7\u00e3o de imagem detalhada<\/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=\"Semente ByteDance\">\n            <div class=\"models-text models-seed-entry-1\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/pt\/seedream-5-0\"><span class=\"models-title\">Seedream 5.0<\/span><\/a>\n              <span class=\"models-desc\">Gera\u00e7\u00e3o e edi\u00e7\u00e3o de imagens multimodais<\/span>\n            <\/div>\n            <div class=\"models-text models-seed-entry-2\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/pt\/seedance-2-0\"><span class=\"models-title\">Seedance 2.0<\/span><\/a>\n              <span class=\"models-desc\">V\u00eddeos com m\u00faltiplas tomadas a partir de texto ou imagens.<\/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=\"IA Kling\">\n            <div class=\"models-text models-kling-text\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/pt\/kling-video-generator\"><span class=\"models-title\">Kling 3.0<\/span><\/a>\n              <span class=\"models-desc\">Modelo de v\u00eddeo cinematogr\u00e1fico refinado<\/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 AI\">\n            <div class=\"models-text models-hailuo-text\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/pt\/hailuo-video-generator\"><span class=\"models-title\">Minimax Hailuo<\/span><\/a>\n              <span class=\"models-desc\">Gerador de imagens de uso geral<\/span>\n            <\/div>\n          <\/article>\n        <\/section>\n      <\/div>\n    <\/section>\n\n    <section class=\"faq section\">\n      <h2>Transforme o contexto do produto em ativos de crescimento replic\u00e1veis.<\/h2>\n      <div class=\"faq__list\">\n        <article class=\"is-open\"><button type=\"button\" aria-expanded=\"true\">Para que tipo de trabalho o Ima Studio foi criado?<span>\u2212<\/span><\/button><p>O Ima Studio foi desenvolvido para equipes de e-commerce que criam recursos para campanhas, imagens de produtos, conte\u00fado de marketing e produ\u00e7\u00e3o criativa escal\u00e1vel.<\/p><\/article>\n        <article class=\"is-open\"><button type=\"button\" aria-expanded=\"true\">Preciso de v\u00e1rias ferramentas para ir da ideia aos arquivos finais?<span>\u2212<\/span><\/button><p>N\u00e3o. O Ima Studio foi projetado para integrar idea\u00e7\u00e3o, gera\u00e7\u00e3o e refinamento em um fluxo de trabalho \u00fanico e conectado.<\/p><\/article>\n        <article><button type=\"button\" aria-expanded=\"false\">Posso come\u00e7ar com um link para o produto ou uma breve descri\u00e7\u00e3o?<span>+<\/span><\/button><p>Sim. Voc\u00ea pode come\u00e7ar com links de produtos, resumos de campanhas, detalhes de SKU ou ideias criativas iniciais.<\/p><\/article>\n        <article class=\"is-open\"><button type=\"button\" aria-expanded=\"true\">O Ima Studio \u00e9 voltado para criadores individuais ou equipes?<span>\u2212<\/span><\/button><p>O Ima Studio foi projetado para equipes de e-commerce enxutas, equipes de marketing e criadores que precisam de resultados de campanha repet\u00edveis.<\/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>Da entrada de dados do produto a materiais prontos para a campanha: transforme links de produtos, briefings de campanha e detalhes de SKU em imagens, v\u00eddeos e materiais de marketing prontos para lan\u00e7amento em um fluxo de trabalho integrado. Comece gratuitamente.<\/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\/pt\/wp-json\/wp\/v2\/pages\/7635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imastudio.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imastudio.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imastudio.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imastudio.com\/pt\/wp-json\/wp\/v2\/comments?post=7635"}],"version-history":[{"count":5,"href":"https:\/\/imastudio.com\/pt\/wp-json\/wp\/v2\/pages\/7635\/revisions"}],"predecessor-version":[{"id":7755,"href":"https:\/\/imastudio.com\/pt\/wp-json\/wp\/v2\/pages\/7635\/revisions\/7755"}],"wp:attachment":[{"href":"https:\/\/imastudio.com\/pt\/wp-json\/wp\/v2\/media?parent=7635"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imastudio.com\/pt\/wp-json\/wp\/v2\/categories?post=7635"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imastudio.com\/pt\/wp-json\/wp\/v2\/tags?post=7635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}