.gif-page{--navy: #183e35;--coral: #286451;--content-gutter: max(24px, calc((100vw - 1120px)/2) );color:var(--navy);background:#fffefa;font-family:Bricolage Grotesque,Arial,sans-serif}.gif-page *,.gif-page *:before,.gif-page *:after{box-sizing:border-box}.gif-page :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.03em}.gif-page :is(a,button,input):focus-visible{outline:3px solid #39826c;outline-offset:4px}.gif-page button,.gif-page input{font:inherit}.gif-hero{padding:58px 24px 26px;background:#edf4ee}.gif-hero__heading{max-width:830px;margin:0 auto 34px;text-align:center}.gif-hero h1{max-width:800px;margin:0 auto 22px;font-size:clamp(38px,4.4vw,62px);font-weight:650;line-height:1.08}.gif-hero__heading>p{max-width:760px;margin:auto;color:#48675c;font-size:16px;line-height:1.7}.gif-studio{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:start;gap:24px;max-width:1100px;margin:auto}.gif-example{overflow:hidden;background:#fffefa;border-radius:16px}.gif-example .gif-preview{margin:0}.gif-example .gif-comparison--reveal{border:0;border-radius:0;box-shadow:none;background:#fffefa}.gif-example__playback{display:flex;gap:8px}.gif-showcase{overflow:hidden;border:1px solid #d4e0d5;border-radius:12px;background:#fffefa}.gif-showcase .gif-preview{margin:0}.gif-showcase .gif-preview__canvas{aspect-ratio:3 / 2}.gif-page .gif-showcase .gif-showcase__caption{margin:0;padding:12px 16px;color:#52695b;font-size:12px;line-height:1.5}.gif-preview figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;color:#244f41;background:#fffefa;font-size:12px;font-weight:600}.gif-preview figcaption button{min-height:30px;border:1px solid #adc2b5;border-radius:6px;padding:3px 12px;color:#244f41;background:transparent;cursor:pointer}.gif-preview__canvas{display:grid;place-items:center;aspect-ratio:4 / 3;overflow:hidden}.gif-preview canvas{display:block;width:100%;height:100%;object-fit:contain}.gif-checker{background-color:#f1f4ef;background-image:linear-gradient(45deg,#e0e7df 25%,transparent 25%),linear-gradient(-45deg,#e0e7df 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e7df 75%),linear-gradient(-45deg,transparent 75%,#e0e7df 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.gif-example__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.gif-example__footer p{max-width:29ch;margin:0;color:#526f60;font-size:12px;line-height:1.5}.gif-example__footer>div{display:flex;gap:8px}.gif-example__footer button{width:28px;height:28px;padding:0;border:1px solid #b1c4b7;border-radius:50%;cursor:pointer}.gif-example__footer button[aria-pressed=true]{outline:2px solid #286451;outline-offset:3px}.gif-workspace{scroll-margin-top:96px;min-width:0;padding:26px;background:#fffefa;border:1px solid #b7cdbb;border-radius:16px}.gif-workspace.is-dragging{outline:3px dashed #286451;outline-offset:-10px;background:#e0efdf}.gif-upload{display:flex;min-height:337px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.gif-upload__icon{width:52px;height:52px;margin-bottom:18px;color:#39705a}.gif-upload h2{max-width:340px;margin:0 0 12px;font-size:29px;line-height:1.15;font-weight:600}.gif-upload>p{margin:0 0 22px;color:#55705f;font-size:14px;line-height:1.6}.gif-page .gif-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;border:0;border-radius:8px;padding:13px 23px;background:#286451;color:#fff;font-size:14px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;cursor:pointer}.gif-page .gif-button:hover:not(:disabled){background:#1a493b}.gif-page button:disabled{opacity:.5;cursor:not-allowed}.gif-page .gif-text-button{min-height:32px;border:0;padding:4px 0;color:#286451;background:transparent;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.gif-upload .gif-upload__or{margin:12px 0}.gif-upload .gif-limits{margin:4px 0 0;color:#62715f;font-size:12px;line-height:1.8}.gif-assurances{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px;margin:24px 0 0;padding:0;list-style:none;color:#486653;font-size:12px}.gif-assurances li{display:inline-flex;align-items:center;gap:6px}.gif-assurances svg{width:15px;height:15px}.gif-workspace__top{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}.gif-workspace__top h2{margin:0 0 5px;font-size:22px}.gif-workspace__top p{max-width:35ch;margin:0;color:#526d5c;font-size:12px;overflow-wrap:anywhere}.gif-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.gif-preview-grid .gif-preview{margin:0;min-width:0;border:1px solid #d0ded0;border-radius:8px;overflow:hidden}.gif-preview-grid .gif-preview figcaption{flex-wrap:wrap;gap:4px;padding:7px 9px;font-size:11px}.gif-result-empty{display:grid;place-items:center;border-radius:8px;text-align:center}.gif-result-empty p{padding:12px;color:#405f4c;background:#fffefacc;font-size:12px;line-height:1.7}.gif-ai-note{margin:14px 0 0;color:#526d5c;font-size:12px;line-height:1.65}.gif-background-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;font-size:12px}.gif-background-controls button{min-height:30px;padding:4px 9px;border:1px solid #b7cdbb;border-radius:5px;color:#286451;background:#fff;cursor:pointer}.gif-background-controls button[aria-pressed=true]{background:#e3f0e5;border-color:#286451}.gif-workspace__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}.gif-page .gif-button--download{background:#e3f0e5;color:#214c3c}.gif-page .gif-button--download:hover{background:#cfdfce}.gif-message{margin:16px 0 0;padding:12px 14px;border-radius:8px;color:#28543f;background:#e8f0e4;font-size:13px;line-height:1.65}.gif-message--error{background:#fae8df;color:#87391f}.gif-workspace progress{display:block;width:100%;height:6px;margin-top:12px;accent-color:#286451}.gif-page .tool-section{--tool-section-gutter: var(--content-gutter)}.gif-page .image-text-comparison{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding-block:78px}.gif-page .image-text-comparison h2{font-size:clamp(32px,3.4vw,46px);line-height:1.12;font-weight:600}.gif-page .image-text-comparison p{color:#52695b;font-size:15px;line-height:1.8}.gif-page .image-text-comparison--reversed{background:#edf4ee}.gif-page .comparison-stage{aspect-ratio:4 / 3}.gif-page .comparison-original{background-size:contain;background-color:#fff}.gif-page .gif-comparison .comparison-image[hidden]{display:none}.gif-page .tool-section .gif-comparison .comparison-cutout{background-color:#eef1f2;background-image:linear-gradient(45deg,#dbe1e2 25%,transparent 25%),linear-gradient(-45deg,#dbe1e2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dbe1e2 75%),linear-gradient(-45deg,transparent 75%,#dbe1e2 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.gif-comparison__caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:#fffefa;color:#52695b;font-size:12px;line-height:1.5}.gif-comparison__caption button{flex:none;min-height:32px;padding:5px 12px;border:1px solid #a8c0ae;border-radius:6px;color:#214c43;background:#fff;font:inherit;cursor:pointer}.gif-comparison__caption button:focus-visible{outline:3px solid #286451;outline-offset:3px}.gif-comparison__caption button:disabled{opacity:.5;cursor:default}.gif-page .image-text-comparison--compact__visual,.gif-page .image-text-comparison--reversed__visual,.gif-page .image-text-comparison--tall__visual{max-width:520px;box-shadow:none;border-radius:12px}.gif-page .product-placement-showcase{display:block;width:100%;height:auto;border-radius:12px}.gif-workflow{padding-bottom:64px;background:#f5f3e9}.gif-page .gif-workflow .seo-workflow{padding-bottom:24px;background:transparent}.gif-page .workflow-explanation{margin:18px auto 0;color:#52695b;font-size:14px;line-height:1.7}.gif-workflow__action{padding-inline:24px;text-align:center}.gif-page .why-section{--why-background: #fffefa}.gif-page .why-section__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}.gif-page .why-section__image{border-radius:12px;box-shadow:none;background:#edf4ee}.gif-page .why-section__card h3{font-size:24px}.gif-page .why-section__card p,.gif-page .why-section__lead{color:#52695b}.gif-page .audience-tabs{background:#edf4ee}.gif-page .audience-tabs__tabs{background:#e0eadd}.gif-page .audience-tabs__tabs .is-active{background:#286451;color:#fff}.gif-page .audience-tabs__visual--single{grid-template-columns:1fr;aspect-ratio:3 / 2;height:auto;min-height:0}.gif-page .audience-tabs__visual--single img{min-height:0;object-fit:contain;background:#dceadf}.gif-page .audience-tabs__copy>a{border-radius:8px;background:#286451}.gif-page .preview-close{background:#183e35}.gif-page .preview-close>div>a{border-radius:8px;background:#e1ecd8;color:#183e35}@media(max-width:1000px){.gif-studio{gap:18px}.gif-workspace{padding:20px}.gif-page .image-text-comparison{gap:36px}}@media(max-width:760px){.gif-hero{padding:36px 20px 24px}.gif-hero__heading{margin-bottom:26px}.gif-hero__heading>p{font-size:14px}.gif-studio{grid-template-columns:1fr;max-width:520px}.gif-example{order:2}.gif-example .gif-preview__canvas{aspect-ratio:8 / 5}.gif-workspace{padding:22px}.gif-upload{min-height:290px}.gif-upload h2{font-size:27px}.gif-assurances{gap:8px 18px}.gif-page .image-text-comparison{grid-template-columns:1fr;padding-block:56px}.gif-page .image-text-comparison h2{font-size:34px}.gif-page .why-section__grid{gap:32px}.gif-page .audience-tabs__tabs{flex-wrap:wrap}}@media(max-width:540px){.gif-hero h1{font-size:38px}.gif-workspace{padding:18px}.gif-assurances{font-size:11px}.gif-page .why-section__grid{grid-template-columns:1fr}.gif-workspace__actions .gif-button{flex-grow:1}.gif-page .tool-section h2{font-size:32px;line-height:1.15}}@media(prefers-reduced-motion:reduce){html:has(.gif-page){scroll-behavior:auto}}html[lang=zh-CN]:has(.gif-page) .site-header :is(.site-nav>a,.blog-nav-menu__trigger,.locale-switcher>summary){white-space:nowrap}@media(min-width:1121px){html[lang=zh-CN]:has(.gif-page) .site-nav{gap:clamp(12px,1.2vw,18px)}}html[lang=zh-Hant-TW]:has(.gif-page) .site-header :is(.site-nav>a,.blog-nav-menu__trigger,.locale-switcher>summary){white-space:nowrap}@media(min-width:1121px){html[lang=zh-Hant-TW]:has(.gif-page) .site-nav{gap:clamp(4px,.4vw,12px)}}@media(min-width:1121px){html:is([lang=ar],[lang=th],[lang=fr],[lang=pt-BR],[lang=es],[lang=de-DE],[lang=ja-JP],[lang=hi-IN],[lang=ko],[lang=id-ID],[lang=ru-RU],[lang=it],[lang=tr],[lang=vi],[lang=ms],[lang=uk],[lang=fil],[lang=cs]):has(.gif-page) body header.site-header{padding-inline:max(24px,calc((100vw - 1536px)/2))}html:is([lang=ar],[lang=th],[lang=fr],[lang=pt-BR],[lang=es],[lang=de-DE],[lang=ja-JP],[lang=hi-IN],[lang=ko],[lang=id-ID],[lang=ru-RU],[lang=it],[lang=tr],[lang=vi],[lang=ms],[lang=uk],[lang=fil],[lang=cs]):has(.gif-page) .site-nav{gap:12px}}html[lang=th]:has(.gif-page) .site-header :is(.site-nav>a,.blog-nav-menu__trigger,.locale-switcher>summary){white-space:nowrap}html[lang=ar] .gif-page .comparison-input{direction:ltr}@media(min-width:761px){html[lang=ar] .gif-page .seo-workflow .workflow-card:not(:last-child):after{right:auto;left:-33px;content:"←"}}html[lang=ja-JP]:has(.gif-page) .site-header :is(.site-nav>a,.blog-nav-menu__trigger,.locale-switcher>summary){white-space:nowrap}html[lang=ko]:has(.gif-page) .site-header :is(.site-nav>a,.blog-nav-menu__trigger,.locale-switcher>summary){white-space:nowrap}html[lang=ko] .gif-page{word-break:keep-all;overflow-wrap:break-word}