.jynno-image-page{background:var(--background);color:var(--foreground);min-height:100%;font-family:var(--font-sans);overflow-x:clip}.jynno-image-page p{color:var(--muted-foreground);line-height:1.55}.jynno-image-page a,.jynno-image-page button,.jynno-image-page summary{outline-offset:5px}.image-seo-hero{isolation:isolate;min-height:800px;padding:224px 32px 96px;position:relative}.jynno-image-page[data-image-page=text-to-image] .image-seo-hero{min-height:auto;padding-bottom:16px}.image-seo-hero-backdrop{object-fit:cover;opacity:.38;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.image-seo-hero:after{content:"";background:linear-gradient(180deg, #0f111340, #0f111399 42%, var(--background) 96%);z-index:-1;position:absolute;inset:0}.image-seo-hero-content{max-width:1280px;margin:auto}.image-seo-hero-heading{text-align:center;max-width:1000px;margin:auto}.image-seo-hero-heading h1{letter-spacing:-.025em;font-size:48px;font-weight:700;line-height:56px}.image-seo-hero-heading p{max-width:800px;margin:16px auto 0;font-size:18px}.image-seo-generator{max-width:760px;margin:48px auto 0;scroll-margin-top:72px}.image-seo-generator #recent-creations{margin-top:32px}.image-seo-guide-link{color:var(--foreground);justify-content:center;gap:12px;margin-top:24px;font-size:14px;display:flex}.image-seo-section{max-width:1920px;margin:0 auto;padding:80px 32px;scroll-margin-top:72px}.image-seo-heading{letter-spacing:-.025em;text-transform:uppercase;font-size:48px;font-weight:700;line-height:56px}.image-seo-heading span{color:var(--primary)}.image-seo-centered{text-align:center;max-width:1000px;margin:0 auto}.image-seo-centered>p{max-width:800px;margin:16px auto 0;font-size:18px}.image-seo-action{background:var(--primary);color:var(--primary-foreground);border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 24px;font-size:18px;font-weight:600;line-height:28px;transition:filter .2s;display:inline-flex}.image-seo-action:hover{filter:brightness(1.12)}.image-seo-promotions{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1400px;margin:auto;padding:24px 32px 40px;display:grid}.jynno-image-page[data-image-page=text-to-image] .image-seo-promotions{padding-top:16px}.image-seo-promotions>a{background:var(--surface);border-radius:20px;overflow:hidden}.image-seo-promotions img{aspect-ratio:2;object-fit:cover;width:100%}.image-seo-promotions a>div{padding:16px 20px}.image-seo-promotions h3{text-transform:uppercase;font-size:16px;font-weight:650}.image-seo-promotions p{margin-top:6px;font-size:13px}.image-seo-showcase{max-width:none;padding-inline:0}.image-seo-showcase>.image-seo-centered{padding-inline:32px}.image-showcase-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;padding:40px max(16px,50% - 320px) 12px;display:flex;overflow-x:auto}.image-showcase-track figure{scroll-snap-align:center;background:var(--surface);border-radius:24px;flex:0 0 640px;max-width:none;overflow:hidden}.image-showcase-track img{aspect-ratio:16/9;object-fit:cover;width:100%}.image-showcase-track figcaption{color:var(--muted-foreground);padding:14px 20px;font-size:13px}.image-seo-carousel-controls{justify-content:center;gap:12px;margin-top:20px;display:flex}.image-seo-carousel-controls button{border:1px solid var(--border);background:var(--surface);border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.image-seo-carousel-controls button:hover{border-color:var(--primary)}.image-seo-provenance{text-align:center;max-width:800px;margin:24px auto 0;padding-inline:20px;font-size:13px}.image-seo-prompt{border:1px solid var(--border);background:var(--surface);border-radius:16px;max-width:850px;margin:32px auto 0;padding:20px 24px}.image-seo-prompt>span{color:var(--link);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.image-seo-prompt>p{margin-top:8px;font-size:15px;animation:.24s ease-out image-prompt-enter}.image-seo-feature{grid-template-columns:minmax(0,522fr) minmax(0,900fr);align-items:center;gap:88px;max-width:1920px;margin:auto;padding:80px 32px;display:grid}.image-seo-feature-reverse{grid-template-columns:minmax(0,900fr) minmax(0,522fr)}.image-seo-feature-reverse .image-seo-feature-copy{order:2}.image-seo-feature-copy>p{margin-top:16px;font-size:18px}.image-seo-feature-copy .image-seo-action{margin-top:28px}.image-seo-feature-media,.image-seo-comparison{min-width:0;position:relative}.image-seo-feature-media img{aspect-ratio:16/9;object-fit:cover;border-radius:24px;width:100%}.image-seo-feature-media figcaption,.image-seo-comparison figcaption{color:var(--muted-foreground);margin-top:12px;font-size:12px}.image-seo-comparison{aspect-ratio:1.6;display:block}.image-seo-comparison img{aspect-ratio:1.5;object-fit:cover;border-radius:20px;position:absolute}.image-seo-comparison img:first-child{z-index:1;width:40%;top:0;left:0}.image-seo-comparison img:nth-child(2){width:70%;top:28%;right:0}.image-seo-comparison figcaption{margin:0;position:absolute;bottom:-44px}.image-seo-models{flex-wrap:wrap;justify-content:center;gap:16px;max-width:1280px;margin:40px auto;display:flex}.image-seo-models a{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:24px;padding:20px 24px;font-size:18px;font-weight:600;display:flex}.image-seo-center-action{text-align:center;margin-top:32px}.image-seo-section-heading{justify-content:space-between;align-items:flex-end;gap:32px;max-width:1280px;margin:auto;display:flex}.image-seo-section-heading .image-seo-heading{max-width:1000px}.image-seo-use-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;margin-top:40px;display:flex;overflow-x:auto}.image-seo-use-track article{background:var(--surface);scroll-snap-align:start;border-radius:20px;flex:0 0 800px;max-width:86%;position:relative;overflow:hidden}.image-seo-use-track img{aspect-ratio:4/3;object-fit:cover;width:100%}.image-seo-use-track article>div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000059;padding:20px;position:absolute;inset:auto 0 0}.image-seo-use-track article>div>span{color:var(--muted-foreground);font-size:12px}.image-seo-use-track h3{text-transform:uppercase;margin-top:4px;font-size:24px;font-weight:650;line-height:36px}.image-seo-use-track p{margin:8px 0 20px;font-size:16px}.image-seo-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;display:grid}.image-seo-tool-grid a{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:32px 24px}.image-seo-tool-grid h3{justify-content:space-between;font-size:24px;font-weight:600;display:flex}.image-seo-tool-grid p{margin-top:16px;font-size:16px}.image-seo-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px;display:grid}.image-seo-steps li{border-top:1px solid var(--border);padding:24px 0}.image-seo-steps li>span{color:var(--link);font-size:16px}.image-seo-steps h3{margin:16px 0 8px;font-size:24px;font-weight:600}.image-seo-workflow{grid-template-columns:65fr 35fr;align-items:center;gap:64px;margin-top:40px;display:grid}.image-seo-workflow>img{aspect-ratio:16/9;object-fit:cover;border-radius:24px;width:100%}.image-seo-workflow h3{font-size:28px;font-weight:650}.image-seo-workflow p{margin:16px 0 28px;font-size:18px}.image-seo-review{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.image-seo-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;display:grid}.image-seo-review-grid article{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:24px}.image-seo-review-grid h3{margin-bottom:16px;font-size:22px;font-weight:600}.image-seo-price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;display:grid}.image-seo-price-grid article{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:32px}.image-seo-price-grid h3{font-size:20px;font-weight:600}.image-seo-price-grid strong{margin:20px 0;font-size:40px;font-weight:650;display:block}.image-seo-price-grid small{color:var(--muted-foreground);margin-top:8px;display:block}.image-seo-faq{border-top:1px solid var(--border);grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:64px;display:grid}.image-seo-faq .image-seo-heading{line-height:64px}.image-seo-faq details{border-bottom:1px solid var(--border);padding:20px 0}.image-seo-faq summary{justify-content:flex-start;gap:20px;font-size:18px;font-weight:600;line-height:28px;list-style:none;display:flex}.image-seo-faq summary::-webkit-details-marker{display:none}.image-seo-faq details[open] summary>span{transform:rotate(90deg)}.image-seo-faq details p{margin-top:16px;font-size:16px}.image-seo-related-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1288px;margin:40px auto 0;display:grid}.image-seo-related-grid a{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.image-seo-resources>div:last-child{grid-template-columns:1fr 1fr;gap:16px 40px;margin-top:40px;display:grid}.image-seo-resources a{border-bottom:1px solid var(--border);color:var(--link);justify-content:space-between;gap:20px;padding:16px 0;display:flex}.image-seo-closing{border-top:1px solid var(--border);background:var(--surface);max-width:none}.image-seo-closing .image-seo-action{margin-top:32px}@media (min-width:768px) and (max-width:1023px){.image-seo-feature,.image-seo-feature-reverse{grid-template-columns:1fr 1fr;gap:32px}.image-seo-feature .image-seo-heading{font-size:32px;line-height:40px}.image-seo-faq{grid-template-columns:30fr 70fr;gap:40px}}@media (max-width:767px){.image-seo-hero{min-height:auto;padding:48px 16px 32px}.image-seo-hero-heading h1{font-size:24px;line-height:32px}.image-seo-hero-heading p{font-size:14px;line-height:20px}.image-seo-generator{margin-top:32px}.image-seo-section{padding:32px 16px}.image-seo-heading,.image-seo-feature .image-seo-heading,.image-seo-faq .image-seo-heading{font-size:24px;line-height:32px}.image-seo-centered>p{margin-top:12px;font-size:14px;line-height:20px}.image-seo-promotions{gap:16px;padding:16px;display:flex;overflow-x:auto}.image-seo-promotions>a{flex:0 0 80%}.image-seo-showcase{padding-inline:0}.image-seo-showcase>.image-seo-centered{padding-inline:16px}.image-showcase-track{gap:16px;padding:24px 16px 12px}.image-showcase-track figure{flex-basis:88%;max-width:100%}.image-seo-prompt{margin:24px 16px 0;padding:16px}.image-seo-feature,.image-seo-feature-reverse{grid-template-columns:1fr;gap:40px;padding:32px 16px}.image-seo-feature-reverse .image-seo-feature-copy{order:0}.image-seo-feature-copy>p{margin-top:16px;font-size:16px}.image-seo-feature-copy .image-seo-action{margin-top:20px}.image-seo-models{gap:12px;margin:24px auto}.image-seo-models a{padding:14px 16px;font-size:15px}.image-seo-section-heading{align-items:start}.image-seo-section-heading .image-seo-carousel-controls{display:none}.image-seo-use-track{gap:16px;margin-top:24px}.image-seo-use-track article{flex-basis:90%;max-width:90%}.image-seo-use-track img{aspect-ratio:4/3}.image-seo-use-track h3{font-size:22px;line-height:30px}.image-seo-tool-grid,.image-seo-steps,.image-seo-review-grid,.image-seo-price-grid{grid-template-columns:1fr;gap:16px;margin-top:24px}.image-seo-workflow{grid-template-columns:1fr;gap:24px;margin-top:24px}.image-seo-faq{grid-template-columns:1fr;gap:24px}.image-seo-faq summary{font-size:18px}.image-seo-related-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.image-seo-related-grid a{padding:16px;font-size:14px}.image-seo-resources>div:last-child{grid-template-columns:1fr;gap:0;margin-top:24px}}@media (prefers-reduced-motion:reduce){.image-seo-layout *{scroll-behavior:auto!important;transition:none!important}}.jynno-image-workspace{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.jynno-image-workspace>[data-slot=sidebar-inset]{box-shadow:none;border-radius:0;margin:0}.jynno-image-workspace>main>header{z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0f1113cc,#0000);border:0;position:absolute;inset:0 0 auto}.image-workspace-brand{align-items:center;gap:8px;display:flex}.image-workspace-brand img:last-child{filter:brightness(0)invert()}.image-seo-history{text-align:right;color:var(--muted-foreground);font-size:14px}.image-seo-history a{align-items:center;gap:8px;display:inline-flex}.image-seo-history a:hover{color:var(--foreground)}.image-seo-heading{text-wrap:balance;overflow-wrap:break-word}.image-seo-layout a:focus-visible,.image-seo-layout button:focus-visible,.image-seo-layout summary:focus-visible,.jynno-image-workspace a:focus-visible{outline:2px solid var(--primary)}.image-seo-faq>.image-seo-heading{font-size:36px;line-height:48px}@media (max-width:767px){.jynno-image-workspace .image-seo-hero{min-height:580px;padding-top:104px;padding-bottom:48px}.image-seo-faq>.image-seo-heading{font-size:24px;line-height:32px}.image-seo-action{padding:10px 20px;font-size:16px;line-height:24px}.image-seo-feature-media{order:-1}.image-seo-feature-copy{flex-direction:column;display:flex}.image-seo-feature-copy .image-seo-action{align-self:stretch}.image-seo-feature-copy>p{font-size:14px;line-height:20px}}.image-feature-demo{aspect-ratio:1728/968;isolation:isolate;border-radius:20px;min-width:0;position:relative;overflow:hidden}.image-feature-demo>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.image-feature-prompt{color:#171717;text-align:left;cursor:pointer;background:#fff padding-box padding-box;border:6px solid #ffffff47;border-radius:12px;align-items:center;gap:8px;max-width:86%;min-height:44px;padding:10px 14px;font-size:clamp(11px,1.1vw,17px);line-height:1.35;display:flex;position:absolute;bottom:7%;left:7%;box-shadow:0 8px 24px #0000001f}.image-feature-prompt svg{flex-shrink:0}.image-feature-prompt:hover{background-color:#fff3eb}.image-feature-type-layers{color:#f0eddc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1b2319bf;border:1px solid #ffffff4d;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex;position:absolute;bottom:7%;right:5%}.image-feature-type-sample{color:#263224;background:#f0eddc;border-radius:8px;place-items:center;width:48px;height:48px;font:32px Georgia,serif;display:grid}.image-feature-type-name{letter-spacing:3px;font:17px Georgia,serif}.image-feature-palette{gap:5px;display:flex}.image-feature-palette i{background:#263224;border:1px solid #ffffff40;border-radius:4px;width:14px;height:32px}.image-feature-palette i:nth-child(2){background:#8a9876}.image-feature-palette i:nth-child(3){background:#f0eddc}.image-feature-demo-typography .image-feature-prompt{font-size:12px;top:5%;bottom:auto}.image-feature-product-source{aspect-ratio:1;background:#ffffffe6;border:6px solid #ffffff4d;border-radius:14px;place-items:center;width:23%;display:grid;position:absolute;top:6%;right:5%;box-shadow:0 10px 32px #0000001f}.image-feature-product-source img{object-fit:contain;width:100%;height:100%}.image-feature-frame{border:1px dashed #ffffffd9;border-radius:8px;margin:auto;position:absolute;inset:8% 8% 20%;box-shadow:0 0 0 100vw #00000029}.image-feature-frame[data-ratio="1:1"]{width:40%;inset:8% auto 20% 30%}.image-feature-frame[data-ratio="9:16"]{width:24%;inset:8% auto 20% 38%}.image-feature-frame>span{color:#fff;background:#0000008c;border-radius:4px;margin:8px;padding:2px 6px;font-size:12px;display:inline-block}.image-feature-ratios{background:#000000a6;border:1px solid #ffffff4d;border-radius:999px;gap:4px;padding:4px;display:flex;position:absolute;bottom:7%;right:5%}.image-feature-ratios button{color:#fff;cursor:pointer;border-radius:999px;min-height:36px;padding:6px 10px;font-size:12px}.image-feature-ratios button[aria-pressed=true]{color:#171717;background:#fff}.image-feature-ratios button:hover{background:#ffffff40}.image-feature-demo-framing .image-feature-prompt{max-width:80%;font-size:12px;top:5%;bottom:auto}@media (max-width:767px){.image-feature-prompt{border-width:4px;max-width:90%;min-height:44px;padding:6px 8px;font-size:11px;bottom:5%;left:5%}.image-feature-demo-typography .image-feature-prompt{font-size:10px;top:3%}.image-feature-type-layers{gap:8px;padding:8px;bottom:3%;right:3%}.image-feature-type-sample{width:28px;height:28px;font-size:22px}.image-feature-type-name{letter-spacing:2px;font-size:12px}.image-feature-palette i{width:9px;height:22px}.image-feature-ratios{bottom:5%}.image-feature-ratios button{min-height:36px;padding:4px 8px}}.image-feature-frame,.image-feature-frame[data-ratio="1:1"],.image-feature-frame[data-ratio="9:16"]{aspect-ratio:16/9;width:auto;height:72%;margin:0;inset:8% auto 20% 50%;transform:translate(-50%)}.image-feature-frame[data-ratio="1:1"]{aspect-ratio:1}.image-feature-frame[data-ratio="9:16"]{aspect-ratio:9/16}.jynno-image-workspace{color:var(--foreground)}.image-seo-carousel-controls button:disabled{opacity:.35;cursor:default}.image-feature-demo{background:var(--surface)}@media (max-width:767px){.image-feature-demo{order:-1}}.image-seo-feature{scroll-margin-top:72px}.image-showcase-track{scroll-padding-inline:16px}.image-showcase-carousel{position:relative}.image-showcase-track{overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-behavior:auto;position:relative}.image-showcase-track figure>button{cursor:pointer;outline-offset:-4px;width:100%;display:block}.image-showcase-track img{opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.image-showcase-track img[data-loaded=true]{opacity:1}.image-showcase-arrows{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:40px 32px 88px}.image-showcase-arrows button,.image-showcase-autoplay{color:#ddd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;background:#181818e0;border-radius:50%;place-items:center;width:56px;height:56px;transition:opacity .18s ease-out,background-color .15s ease-out;display:grid}.image-showcase-navigation{justify-content:center;align-items:center;gap:16px;margin-top:28px;display:flex}.image-showcase-dots{background:#141414;border-radius:999px;align-items:center;height:56px;padding:0 16px;display:flex}.image-showcase-dots button{cursor:pointer;place-items:center;height:44px;padding:0 8px;display:grid}.image-showcase-dot{background:#ddd;border-radius:999px;width:8px;height:8px;transition:width 1s cubic-bezier(.65,0,.35,1),background-color .15s ease-out;display:block;position:relative;overflow:hidden}.image-showcase-dots button[aria-current=true] .image-showcase-dot{background:#454545;width:48px}.image-showcase-dot i{border-radius:inherit;transform-origin:0;background:#ddd;animation:5s linear forwards image-carousel-progress;position:absolute;inset:0}@keyframes image-carousel-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes image-prompt-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px) and (hover:hover) and (pointer:fine){.image-showcase-arrows button{opacity:0}.image-showcase-carousel:hover .image-showcase-arrows button,.image-showcase-carousel:focus-within .image-showcase-arrows button{opacity:1}.image-showcase-arrows button:hover,.image-showcase-autoplay:hover{background:#333}.image-seo-use-track article .image-seo-action{opacity:0;min-height:0;max-height:0;margin-top:0;padding-block:0;transition:opacity .5s cubic-bezier(0,1,0,1),transform .5s cubic-bezier(0,1,0,1),max-height .5s cubic-bezier(0,1,0,1),margin-top .5s cubic-bezier(0,1,0,1),padding .5s cubic-bezier(0,1,0,1);overflow:hidden;transform:translateY(8px)}.image-seo-use-track article:hover .image-seo-action,.image-seo-use-track article:focus-within .image-seo-action{opacity:1;min-height:36px;max-height:48px;margin-top:16px;padding-block:6px;transform:translateY(0)}}.image-showcase-carousel button:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (max-width:767px){.image-showcase-track{padding-inline:32px}.image-showcase-track figure{flex-basis:calc(100vw - 64px)}.image-showcase-track img{aspect-ratio:1}.image-showcase-arrows{inset:24px 8px 84px}.image-showcase-arrows button{width:40px;height:40px}.image-showcase-navigation{margin-top:24px}.image-seo-use-track img{aspect-ratio:1}.image-seo-use-track article>div{padding:16px}.image-seo-use-track p{font-size:12px;line-height:16px}.image-seo-use-track h3{font-size:20px;line-height:26px}.image-seo-use-track article .image-seo-action{min-height:36px;font-size:14px}}@media (prefers-reduced-motion:reduce){.image-seo-layout *,.image-seo-layout :before,.image-seo-layout :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.image-showcase-track img{opacity:1}.image-showcase-dot i{transform:scaleX(1)}.image-seo-use-track article .image-seo-action{opacity:1;max-height:none;margin-top:16px;padding-block:6px;transform:none}}
.image-model-marquee{margin:48px -32px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.image-model-marquee-row+.image-model-marquee-row{margin-top:16px}.image-model-marquee-track{width:max-content;animation:70s linear infinite image-model-drift;display:flex}.image-model-marquee-row:nth-child(2) .image-model-marquee-track{animation-direction:reverse}.image-model-marquee-group{gap:16px;padding-right:16px;display:flex}.image-model-tile{isolation:isolate;color:#f4f4f4;background:linear-gradient(145deg,#191919,#131313);border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;flex:0 0 248px;justify-content:space-between;width:248px;height:128px;padding:20px;font-size:17px;font-weight:600;transition:border-color .16s ease-out;display:flex;position:relative;overflow:hidden}.image-model-tile-mark{object-fit:contain;filter:grayscale();width:24px;height:24px}.image-model-marquee:focus-within .image-model-marquee-track{animation-play-state:paused}.image-model-tile:focus-visible{outline:2px solid var(--primary);outline-offset:-4px}@keyframes image-model-drift{to{transform:translate(-33.3333%)}}.image-seo-uses-switcher{padding-top:80px}.image-seo-uses-switcher>.image-seo-section-heading{padding:0 32px 56px}.image-usecase-runway{height:calc(var(--case-count) * var(--case-height,100vh))}.image-usecase-stage{height:var(--case-height,100vh);isolation:isolate;background:#101113;position:sticky;top:0;overflow:hidden}.image-usecase-backgrounds,.image-usecase-shade{pointer-events:none;position:absolute;inset:0}.image-usecase-backgrounds img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s cubic-bezier(.33,1,.68,1);position:absolute;inset:0}.image-usecase-backgrounds img[data-active=true]{opacity:1}.image-usecase-shade{background:linear-gradient(90deg,#000000eb,#000000d1 27%,#00000059 49%,#0000000f 70%)}.image-usecase-content{flex-direction:column;justify-content:center;width:min(720px,51%);height:100%;padding:64px clamp(32px,3.4vw,64px);display:flex;position:relative}.image-usecase-tabs button{text-align:left;color:#ffffff61;cursor:pointer;border-bottom:1px solid #ffffff1f;align-items:center;gap:16px;width:100%;min-height:76px;padding:20px 0;transition:color .5s cubic-bezier(.33,1,.68,1);display:flex}.image-usecase-tabs button>span{min-width:0}.image-usecase-tabs strong{text-transform:uppercase;font-size:clamp(25px,2.1vw,40px);font-weight:400;line-height:1.3;display:block}.image-usecase-tabs svg{width:32px;height:33px;color:var(--primary);opacity:0;flex:0 0 32px;transition:opacity .5s cubic-bezier(.33,1,.68,1),transform .5s cubic-bezier(.33,1,.68,1);transform:scale(.6)}.image-usecase-summary{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.33,1,.68,1),opacity .5s cubic-bezier(.33,1,.68,1);display:grid}.image-usecase-summary>span{color:#c6c6c6;font-size:clamp(14px,1.05vw,20px);line-height:1.6;overflow:hidden}.image-usecase-tabs button[aria-selected=true]{color:#fff}.image-usecase-tabs button[aria-selected=true] strong{font-weight:700}.image-usecase-tabs button[aria-selected=true] svg{opacity:1;transform:scale(1)}.image-usecase-tabs button[aria-selected=true] .image-usecase-summary{opacity:1;grid-template-rows:1fr;margin-top:7px}.image-usecase-tabs button:focus-visible{outline:2px solid var(--primary);outline-offset:5px}.image-usecase-action{margin:28px 0 0 48px;font-size:14px}.image-usecase-mobile-cards{display:none}.image-usecase-stage[data-instant=true] *{transition-duration:0s}@media (hover:hover) and (pointer:fine){.image-model-marquee:hover .image-model-marquee-track{animation-play-state:paused}.image-model-tile:hover{border-color:#ffffff38}.image-usecase-tabs button:hover{color:#fff}}@media (max-width:1023px){.image-usecase-runway{height:auto}.image-usecase-stage{background:0 0;height:auto;position:relative}.image-usecase-backgrounds,.image-usecase-shade,.image-usecase-content{display:none}.image-usecase-mobile-cards{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding:0 20px 20px;display:flex;overflow-x:auto}.image-usecase-mobile-cards button{text-align:left;scroll-snap-align:center;cursor:pointer;flex:0 0 min(76vw,420px);min-width:0}.image-usecase-mobile-cards img{aspect-ratio:3/4;object-fit:cover;border-radius:20px;width:100%}.image-usecase-mobile-cards strong{text-transform:uppercase;margin-top:16px;font-size:20px;display:block}.image-usecase-mobile-cards span{color:#a7a8ac;margin-top:6px;font-size:14px;line-height:1.5;display:block}.image-usecase-mobile-cards button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}}@media (max-width:767px){.image-model-marquee{margin:28px -16px 0}.image-model-tile{flex-basis:208px;width:208px;height:116px;padding:18px;font-size:15px}.image-seo-uses-switcher{padding-top:48px}.image-seo-uses-switcher>.image-seo-section-heading{padding:0 20px 28px}}@media (prefers-reduced-motion:reduce){.image-model-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.image-model-marquee-track{animation:none}.image-model-marquee-group[aria-hidden=true]{display:none}.image-usecase-runway{height:auto}.image-usecase-stage{height:var(--case-height,100vh);position:relative}.image-usecase-stage *{transition:none}}@media (max-width:1023px) and (prefers-reduced-motion:reduce){.image-usecase-stage{height:auto}}.image-model-tile-mark[data-icon-tone=dark]{filter:grayscale()brightness(0)invert()}.image-model-tile-art{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.image-model-tile:after{content:"";z-index:-1;background:linear-gradient(#00000038,#0000 36%,#000000db);position:absolute;inset:0}.image-model-tile-icon{background:#0c0c0c99;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.image-model-tile-monogram{font-size:17px;font-weight:700;line-height:1}.image-model-tile>span{text-shadow:0 1px 6px #000000a6;font-size:16px;line-height:1.25}