{"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\/id\/","title":{"rendered":"rumah-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 input produk ke aset siap kampanye hero\">\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\">Dari input produk hingga aset siap kampanye.<\/h1>\n        <p class=\"hero-subhead\">Ubah tautan produk, ringkasan kampanye, dan detail SKU menjadi gambar, video, dan aset pemasaran siap luncur untuk e-commerce dalam satu alur kerja yang terhubung.<\/p>\n\n        <div class=\"hero-actions\">\n          <a class=\"button button--cyan\" href=\"\/community\">Mulai secara gratis<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-mobile\">\n        <h1 class=\"hero-mobile-title\">Dari input produk hingga aset siap kampanye.<\/h1>\n        <p class=\"hero-mobile-subhead\">Ubah tautan produk, ringkasan kampanye, dan detail SKU menjadi gambar, video, dan aset pemasaran siap luncur untuk e-commerce dalam satu alur kerja yang terhubung.<\/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\">Mulai secara gratis<\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"value section\">\n      <div class=\"section__head\">\n        <h2>Tim yang lebih kecil. Hasil kreatif yang lebih besar.<\/h2>\n        <p>Ima Studio membantu tim e-commerce beralih dari produksi yang lambat dan terfragmentasi ke alur kerja AI yang berulang untuk kampanye yang lebih cepat dan arahan kreatif yang lebih dapat digunakan kembali.<\/p>\n      <\/div>\n      <div class=\"metrics\">\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>70+<\/strong><span>lebih sedikit orang yang terlibat<\/span><\/div>\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>3\u20135 kali<\/strong><span>waktu peluncuran yang lebih cepat<\/span><\/div>\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>3\u20136 kali<\/strong><span>lebih banyak aset yang diproduksi<\/span><\/div>\n        <div><img data-asset=\"business-value\/upload-circle.svg\" alt=\"\"><strong>30\u201360%<\/strong><span>biaya konten yang lebih rendah<\/span><\/div>\n      <\/div>\n      <div class=\"comparison\">\n        <article class=\"comparison__panel\">\n          <p class=\"eyebrow\">Sebelum<\/p>\n          <h3>Produksi tradisional<\/h3>\n          <div class=\"rows\">\n            <div><b>4\u20135 orang<\/b><span>Tim besar dan proses serah terima<\/span><img data-asset=\"business-value\/team-4.webp\" alt=\"\"><\/div>\n            <div><b>Pemotretan di studio<\/b><span>Pemotretan dan peralatan yang mahal.<\/span><img data-asset=\"business-value\/makeup.webp\" alt=\"\"><\/div>\n            <div><b>3\u20135 hari<\/b><span>Dari pengarahan awal hingga aset akhir.<\/span><img data-asset=\"business-value\/calendar-papers.webp\" alt=\"\"><\/div>\n            <div><b>Beberapa putaran<\/b><span>Revisi &amp; bolak-balik<\/span><img data-asset=\"business-value\/paper-stack.webp\" alt=\"\"><\/div>\n            <div><b>Biaya marginal tinggi<\/b><span>Biaya per aset terus meningkat<\/span><img data-asset=\"business-value\/wallet.webp\" alt=\"\"><\/div>\n            <div><b>Variasi terbatas<\/b><span>Sulit untuk meningkatkan skala beberapa versi.<\/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\">Alur kerja kreatif AI<\/h3>\n          <div class=\"rows rows--cyan\">\n            <div><b>1\u20132 orang<\/b><span>Tim yang ramping dan berdaya.<\/span><img data-asset=\"business-value\/team-2.webp\" alt=\"\"><\/div>\n            <div><b>Alur kerja berbasis AI<\/b><span>Tidak ada studio, tidak ada peralatan berat.<\/span><img data-asset=\"business-value\/person-laptop.webp\" alt=\"\"><\/div>\n            <div><b>Jam, bukan hari<\/b><span>Dari tahap pengarahan hingga siap diluncurkan, sekitar 8 jam.<\/span><img data-asset=\"business-value\/calendar-stand.webp\" alt=\"\"><\/div>\n            <div><b>Revisi lebih sedikit<\/b><span>Berulang lebih cepat, ambil keputusan lebih cepat.<\/span><img data-asset=\"business-value\/camera-books.webp\" alt=\"\"><\/div>\n            <div><b>Biaya marginal lebih rendah<\/b><span>Semakin banyak aset, semakin rendah biaya per aset.<\/span><img data-asset=\"business-value\/piggy.webp\" alt=\"\"><\/div>\n            <div><b>Variasi tak terbatas<\/b><span>Skalabilitas di seluruh produk &amp; saluran<\/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>Pilih alur kerja yang sesuai dengan pekerjaan hari ini.<\/h2>\n        <p>Mulailah dari tugas yang ada di depan Anda, lalu biarkan Ima Studio memandu jalannya dari input hingga menjadi aset e-commerce yang dapat digunakan.<\/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\">Kerusakan Virus<\/span>\n            <\/div>\n            <h3>Uraikan Pemenang ke dalam Bingkai<\/h3>\n            <p class=\"pfm-body\">Uraikan iklan-iklan yang sukses menjadi beberapa adegan, tempo, poin penjualan, dan logika konversi, ubah inspirasi menjadi cetak biru kreatif 9 bingkai yang dapat digunakan kembali.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>Identifikasi struktur iklan dan adegan-adegan kuncinya.<\/li>\n              <li>Ekstrak poin-poin penting, manfaat, dan ajakan bertindak (CTA).<\/li>\n              <li>Buat cetak biru storyboard yang dapat digunakan kembali.<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">Lihat Rincian Virus<\/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=\"Animasi putaran kartu vertikal\" 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 sekali klik<\/span>\n            <\/div>\n            <h3>Ciptakan Kembali Apa yang Sudah Berhasil<\/h3>\n            <p class=\"pfm-body\">Unggah iklan referensi atau aset produk, pertahankan struktur konversi yang telah terbukti, dan sesuaikan dengan produk, merek, dan poin penjualan Anda.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>Pertahankan struktur kreatif yang telah terbukti.<\/li>\n              <li>Sesuaikan produk, situasi, dan pesan.<\/li>\n              <li>Hasilkan variasi yang siap untuk diuji.<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">Lihat Contoh 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\">Iklan Video UGC<\/span>\n            <\/div>\n            <h3>Buat Iklan UGC yang Terasa Nyata<\/h3>\n            <p class=\"pfm-body\">Hasilkan iklan video bergaya UGC (User-Generated Content) yang autentik dari gambar produk, poin penjualan, dan ringkasan, sehingga produk Anda terasa direkomendasikan secara alami oleh orang-orang nyata.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>Dukung para kreator dan naskah lisan.<\/li>\n              <li>Membuat skrip dan arahan pengambilan gambar.<\/li>\n              <li>Dirancang untuk penempatan iklan berdurasi singkat.<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">Jelajahi Iklan 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=\"Animasi video horizontal berulang\" 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=\"Animasi pemutaran otomatis kolase\" 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\">Set Kampanye<\/span>\n            <\/div>\n            <h3>Buat Set Kampanye Produk Lengkap<\/h3>\n            <p class=\"pfm-body\">Hasilkan serangkaian aset kampanye lengkap seputar satu produk, mulai dari foto utama dan visual gaya hidup hingga penempatan di media sosial dan berbayar, semuanya dengan gaya yang konsisten.<\/p>\n            <ul class=\"pfm-bullets\">\n              <li>Hasilkan ukuran dan adegan dalam satu alur.<\/li>\n              <li>Jaga konsistensi produk dan merek.<\/li>\n              <li>Mencakup e-commerce, media sosial, dan iklan berbayar.<\/li>\n            <\/ul>\n            <a class=\"process__cta\" href=\"\/community\">Lihat Set Kampanye<\/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\">Pilih alur kerja yang sesuai dengan pekerjaan hari ini.<\/div>\n            <div class=\"ima11-subtext\">Mulailah dari tugas yang ada di depan Anda, lalu biarkan Ima Studio memandu jalannya dari input hingga menjadi aset e-commerce yang dapat digunakan.<\/div>\n\n            <div class=\"ima11-workflow-tags\">\n              <button class=\"ima11-workflow-tag active\" data-index=\"0\" type=\"button\">Iklan TVC<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"1\" type=\"button\">Iklan Merek Mewah<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"2\" type=\"button\">UGC Sosial<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"3\" type=\"button\">Video Demo Produk<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"4\" type=\"button\">Iklan TikTok UGC<\/button>\n              <button class=\"ima11-workflow-tag\" data-index=\"5\" type=\"button\">Visual Produk EC<\/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>Ubah konteks produk menjadi aset pertumbuhan yang dapat diulang.<\/h2>\n        <p>Gunakan templat, panduan e-commerce, dan pembaruan produk untuk menjaga agar tim tetap selaras tentang apa yang akan dibuat selanjutnya.<\/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>Kemampuan model terdepan, terintegrasi dalam satu platform.<\/h2>\n        <p>Akses model gambar dan video kelas atas dalam satu lapisan alur kerja, lalu gunakan Ima Studio untuk mengarahkan kemampuan yang tepat ke tugas e-commerce yang tepat dengan konsistensi dan kualitas output yang lebih baik.<\/p>\n      <\/div>\n      <div class=\"models-wrap\" aria-label=\"Ima mendukung model AI.\">\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\/id\/nano-banana-2\"><span class=\"models-title\">Nano Banana 2<\/span><\/a><span class=\"models-desc\">Generasi gambar mutakhir<\/span><\/div>\n              <div class=\"models-entry models-g2\"><a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/id\/nano-banana-pro\"><span class=\"models-title\">Nano Banana Pro<\/span><\/a><span class=\"models-desc\">Pembuatan gambar fotorealistik<\/span><\/div>\n              <div class=\"models-entry models-g3\"><span class=\"models-title\">Gemini 3 Pro<\/span><span class=\"models-desc\">Penalaran multimodal tingkat lanjut<\/span><\/div>\n              <div class=\"models-entry models-g4\"><a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/id\/veo-3-video-generator\"><span class=\"models-title\">Veo3<\/span><\/a><span class=\"models-desc\">Video panjang sinematik<\/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=\"Kuda bahagia\">\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\">Gerakan yang realistis secara fisik dan pergerakan yang halus.<\/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=\"Lemah\">\n            <div class=\"models-text models-wan-text\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/id\/wan-2-7-video-generator\"><span class=\"models-title\">Wan2.6<\/span><\/a>\n              <span class=\"models-desc\">Model gambar yang disesuaikan secara budaya<\/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\">AI multimodal mutakhir<\/span><\/div>\n              <div><span class=\"models-title\">Sora 2<\/span><span class=\"models-desc\">Video sinematik<\/span><\/div>\n              <div><a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/id\/chatgpt-images-2-0\"><span class=\"models-title\">Gambar GPT<\/span><\/a><span class=\"models-desc\">Pengeditan gambar terperinci<\/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=\"Benih ByteDance\">\n            <div class=\"models-text models-seed-entry-1\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/id\/seedream-5-0\"><span class=\"models-title\">Seedream 5.0<\/span><\/a>\n              <span class=\"models-desc\">Pembuatan dan pengeditan gambar multimodal<\/span>\n            <\/div>\n            <div class=\"models-text models-seed-entry-2\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/id\/seedance-2-0\"><span class=\"models-title\">Seedance 2.0<\/span><\/a>\n              <span class=\"models-desc\">Video multi-shot dari teks atau gambar<\/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 AI\">\n            <div class=\"models-text models-kling-text\">\n              <a class=\"models-title-link\" href=\"https:\/\/imastudio.com\/id\/kling-video-generator\"><span class=\"models-title\">Kling 3.0<\/span><\/a>\n              <span class=\"models-desc\">Model video sinematik yang disempurnakan<\/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\/id\/hailuo-video-generator\"><span class=\"models-title\">Minimax Hailuo<\/span><\/a>\n              <span class=\"models-desc\">Generator gambar serbaguna<\/span>\n            <\/div>\n          <\/article>\n        <\/section>\n      <\/div>\n    <\/section>\n\n    <section class=\"faq section\">\n      <h2>Ubah konteks produk menjadi aset pertumbuhan yang dapat diulang.<\/h2>\n      <div class=\"faq__list\">\n        <article class=\"is-open\"><button type=\"button\" aria-expanded=\"true\">Ima Studio dirancang untuk jenis pekerjaan apa?<span>\u2212<\/span><\/button><p>Ima Studio dirancang untuk tim e-commerce yang membuat aset kampanye, visual produk, konten pemasaran, dan hasil kreatif yang dapat diskalakan.<\/p><\/article>\n        <article class=\"is-open\"><button type=\"button\" aria-expanded=\"true\">Apakah saya memerlukan banyak alat untuk mewujudkan ide hingga menjadi aset akhir?<span>\u2212<\/span><\/button><p>Tidak. Ima Studio dirancang untuk menyatukan proses ideasi, pembuatan, dan penyempurnaan ke dalam satu alur kerja yang terhubung.<\/p><\/article>\n        <article><button type=\"button\" aria-expanded=\"false\">Bisakah saya mulai dengan tautan produk atau penjelasan singkat?<span>+<\/span><\/button><p>Ya. Anda bisa mulai dari tautan produk, ringkasan kampanye, detail SKU, atau ide kreatif kasar.<\/p><\/article>\n        <article class=\"is-open\"><button type=\"button\" aria-expanded=\"true\">Apakah Ima Studio ditujukan untuk kreator individu atau tim?<span>\u2212<\/span><\/button><p>Ima Studio dirancang untuk tim e-commerce yang ramping, tim pemasaran, dan kreator yang membutuhkan output kampanye yang dapat diulang.<\/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>Dari input produk hingga aset siap kampanye Ubah tautan produk, ringkasan kampanye, dan detail SKU menjadi gambar, video, dan aset pemasaran siap luncur untuk e-commerce dalam satu alur kerja yang terhubung. Mulai secara gratis Dari input produk hingga aset siap kampanye Ubah tautan produk, ringkasan kampanye, dan detail SKU menjadi gambar, video, dan aset pemasaran siap luncur untuk e-commerce dalam satu alur kerja yang terhubung [\u2026]<\/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\/id\/wp-json\/wp\/v2\/pages\/7635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/comments?post=7635"}],"version-history":[{"count":5,"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/pages\/7635\/revisions"}],"predecessor-version":[{"id":7755,"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/pages\/7635\/revisions\/7755"}],"wp:attachment":[{"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/media?parent=7635"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/categories?post=7635"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/tags?post=7635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}