@font-face{font-family:PagePop Use Case Inter;src:url(../media/Inter-VariableFont_opsz,wght.18dpcrm6r8ryd.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.use-case-hub-page{--uc-ink:#252525;--uc-purple:#8b47eb;--uc-purple-dark:#6e2fca;--uc-lavender:#eee3ff;--uc-yellow:#ffde59;--uc-mint:#75ddcc;--uc-paper:#fbfaff;background:var(--uc-paper);min-width:0;min-height:100vh;color:var(--uc-ink);font-family:PagePop Use Case Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:clip}.use-case-hub-skip-link{z-index:1000;border:3px solid var(--uc-ink);background:var(--uc-yellow);box-shadow:4px 4px 0 var(--uc-ink);color:var(--uc-ink);border-radius:8px;padding:12px 16px;font-size:13px;font-weight:900;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.use-case-hub-skip-link:focus{transform:translateY(0)}#use-case-hub-main:focus{outline:none}.use-case-hub-shell{width:min(100% - 64px,1240px);min-width:0;margin:0 auto}.use-case-hub-hero{border-bottom:3px solid var(--uc-ink);background:radial-gradient(circle at 1px 1px, #2525252e 1px, transparent 0) 0 0 / 18px 18px, linear-gradient(112deg, var(--uc-lavender) 0 62%, #ffe990 62% 100%);padding:64px 0 58px;position:relative}.use-case-hub-hero:before,.use-case-hub-hero:after{z-index:0;border:3px solid var(--uc-ink);background:var(--uc-paper);content:"";pointer-events:none;position:absolute;box-shadow:6px 6px #25252538}.use-case-hub-hero:before{width:58px;height:58px;top:38px;right:4vw;transform:rotate(9deg)}.use-case-hub-hero:after{width:40px;height:40px;bottom:-24px;left:3vw;transform:rotate(-13deg)}.use-case-hub-hero .use-case-hub-shell{z-index:1;position:relative}.use-case-hub-hero__layout{grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);align-items:stretch;gap:clamp(54px,7vw,96px);margin-top:0;display:grid}.use-case-hub-hero__copy{min-width:0}.use-case-hub-hero__copy h1{letter-spacing:-.06em;overflow-wrap:anywhere;text-wrap:balance;max-width:940px;margin:18px 0 0;font-size:clamp(50px,7vw,96px);font-weight:950;line-height:.96}.use-case-hub-hero__copy>p{max-width:760px;margin:30px 0 0;font-size:clamp(17px,2vw,23px);font-weight:620;line-height:1.5}.use-case-hub-kicker{color:var(--uc-purple-dark);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:9px;font-size:11px;font-weight:950;display:flex}.use-case-hub-kicker--dark{color:var(--uc-ink)}.use-case-hub-categories{border-bottom:3px solid var(--uc-ink);background:#fff;padding:26px 0 30px}.use-case-hub-categories nav>p{color:#252525a6;letter-spacing:.09em;text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:900}.use-case-hub-categories__scroller{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;min-width:0;padding:0 7px 7px 0;display:grid}.use-case-hub-categories__link{--category-accent:#eee3ff;border:2px solid var(--uc-ink);box-sizing:border-box;background:var(--category-accent);min-width:0;min-height:82px;box-shadow:4px 4px 0 var(--uc-ink);color:var(--uc-ink);scroll-snap-align:start;border-radius:11px;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);align-items:end;gap:5px 8px;padding:11px 10px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:grid}.use-case-hub-categories__link>span{color:var(--uc-purple-dark);align-self:start;font-size:10px;font-weight:950}.use-case-hub-categories__link strong{overflow-wrap:anywhere;align-self:end;min-width:0;font-size:18px;line-height:1.2}.use-case-hub-categories__link:hover,.use-case-hub-categories__link.is-active{box-shadow:7px 7px 0 var(--uc-ink);transform:translate(-3px,-3px)}.use-case-hub-categories__link.is-active{background:var(--uc-purple);color:#fff}.use-case-hub-categories__link.is-active>span{color:var(--uc-yellow)}.use-case-hub-categories__link:focus-visible{outline:4px solid var(--uc-purple);outline-offset:3px}.use-case-hub-categories__link--all,.use-case-hub-categories__link--tone-2{--category-accent:#ffde59}.use-case-hub-categories__link--tone-3{--category-accent:#75ddcc}.use-case-hub-categories__link--tone-4{--category-accent:#ffb86b}.use-case-hub-categories__link--tone-5{--category-accent:#bde1ff}.use-case-hub-categories__link--tone-6{--category-accent:#d7bcff}.use-case-hub-categories__link--tone-7{--category-accent:#ffbed8}.use-case-hub-collection{border-bottom:3px solid var(--uc-ink);background:var(--uc-paper);padding:92px 0 104px;scroll-margin-top:84px}.use-case-hub-collection:nth-child(2n){background-color:#fffdf6;background-image:linear-gradient(#8b47eb12 1px,#0000 1px),linear-gradient(90deg,#8b47eb12 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.use-case-hub-collection--category{background-color:#fffdf6;background-image:linear-gradient(#8b47eb12 1px,#0000 1px),linear-gradient(90deg,#8b47eb12 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:52vh}.use-case-hub-collection__heading{justify-content:space-between;align-items:center;gap:24px;min-width:0;display:flex}.use-case-hub-collection__heading h2{letter-spacing:-.05em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:clamp(38px,5vw,64px);font-weight:940;line-height:1}.use-case-hub-collection__heading h2 a{color:inherit;text-decoration:none}.use-case-hub-collection__heading h2 a:hover span{transform:translate(3px,-3px)}.use-case-hub-collection__heading h2 a:focus-visible{outline:4px solid var(--uc-purple);outline-offset:5px;border-radius:5px}.use-case-hub-collection__heading h2 span{color:var(--uc-purple-dark);transition:transform .15s;display:inline-block}.use-case-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;margin-top:48px;display:grid}.use-case-hub-grid--masonry{align-items:start}.use-case-hub-grid--masonry[data-masonry-ready=true]{grid-auto-rows:4px;row-gap:0;margin-bottom:-30px}.use-case-hub-view-more{border:3px solid var(--uc-ink);background:var(--uc-yellow);min-height:50px;box-shadow:6px 6px 0 var(--uc-ink);color:var(--uc-ink);border-radius:10px;align-items:center;gap:13px;padding:0 18px;font-size:13px;font-weight:900;text-decoration:none;transition:box-shadow .15s,transform .15s;display:inline-flex;position:relative;overflow:hidden}.use-case-hub-view-more:before,.use-case-hub-view-more:after{content:"";pointer-events:none;transform-origin:50%;border-radius:50%;position:absolute}.use-case-hub-view-more:before{background:#ff4f5785;width:9px;height:9px;animation:1.8s ease-out infinite use-case-hub-view-more-ripple;top:8px;right:8px}.use-case-hub-view-more:after{background:#ff4f57;width:7px;height:7px;top:9px;right:9px}.use-case-hub-view-more:hover{box-shadow:9px 9px 0 var(--uc-ink);transform:translate(-3px,-3px)}.use-case-hub-view-more:focus-visible{outline:4px solid var(--uc-purple);outline-offset:4px}@keyframes use-case-hub-view-more-ripple{0%{opacity:.75;transform:scale(.7)}75%,to{opacity:0;transform:scale(2.4)}}.use-case-hub-empty{border:3px dashed var(--uc-ink);box-sizing:border-box;text-align:center;background:#fff;border-radius:16px;place-content:center;justify-items:center;max-width:680px;min-height:280px;margin:48px auto 0;padding:36px;display:grid}.use-case-hub-empty>span{color:var(--uc-purple);font-size:52px}.use-case-hub-empty h2,.use-case-hub-empty h3{margin:16px 0 0;font-size:28px;font-weight:920}.use-case-hub-empty p{color:#252525ab;margin:12px 0 0;font-size:14px;line-height:1.6}.use-case-hub-empty a{border:2px solid var(--uc-ink);background:var(--uc-yellow);min-height:44px;box-shadow:4px 4px 0 var(--uc-ink);color:var(--uc-ink);border-radius:9px;align-items:center;gap:8px;margin-top:20px;padding:0 15px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.use-case-hub-empty a:focus-visible{outline:4px solid var(--uc-purple);outline-offset:4px}.use-case-hub-cta{background:var(--uc-purple);padding:78px 0 92px}.use-case-hub-cta__panel{border:3px solid var(--uc-ink);background:var(--uc-yellow);box-shadow:12px 12px 0 var(--uc-ink);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:46px;padding:clamp(30px,5vw,62px);display:grid}.use-case-hub-cta__panel h2{letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance;max-width:760px;margin:20px 0 0;font-size:clamp(36px,5vw,62px);font-weight:940;line-height:1.03}.use-case-hub-cta__panel p{color:#252525b8;max-width:720px;margin:18px 0 0;font-size:16px;line-height:1.65}.use-case-hub-cta__panel button{border:3px solid var(--uc-ink);background:var(--uc-ink);color:#fff;min-height:62px;font:inherit;white-space:nowrap;cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:0 25px;font-size:15px;font-weight:900;transition:box-shadow .15s,transform .15s;display:flex;box-shadow:7px 7px #fff}.use-case-hub-cta__panel button:hover{transform:translate(-3px,-3px);box-shadow:10px 10px #fff}.use-case-hub-cta__panel button:focus-visible{outline-offset:5px;outline:4px solid #fff}@media (max-width:1040px){.use-case-hub-categories__scroller{grid-template-columns:repeat(4,minmax(0,1fr))}.use-case-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.use-case-hub-hero{background:radial-gradient(circle at 1px 1px, #2525252e 1px, transparent 0) 0 0 / 18px 18px, var(--uc-lavender)}.use-case-hub-hero__layout{grid-template-columns:1fr;gap:44px}}@media (max-width:820px){.use-case-hub-cta__panel{grid-template-columns:1fr}.use-case-hub-cta__panel button{width:fit-content}}@media (max-width:640px){.use-case-hub-shell{width:min(100% - 32px,1240px)}.use-case-hub-hero{padding:46px 0 42px}.use-case-hub-hero:before,.use-case-hub-hero:after{display:none}.use-case-hub-hero__copy h1{font-size:clamp(39px,12vw,58px);line-height:.98}.use-case-hub-hero__copy>p{margin-top:22px;font-size:17px}.use-case-hub-categories{padding:22px 0 24px}.use-case-hub-categories__scroller{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:7px}.use-case-hub-collection{padding:68px 0 74px}.use-case-hub-collection__heading h2{font-size:40px}.use-case-hub-collection__heading{flex-direction:column;align-items:flex-start;gap:20px}.use-case-hub-grid{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:36px}.use-case-hub-cta{padding:52px 0 64px}.use-case-hub-cta__panel{box-shadow:7px 7px 0 var(--uc-ink);border-radius:14px;gap:30px;padding:28px 22px}.use-case-hub-cta__panel button{white-space:normal;justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.use-case-hub-page *,.use-case-hub-page :before,.use-case-hub-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.use-case-hub-categories__link:hover,.use-case-hub-categories__link.is-active,.use-case-hub-cta__panel button:hover,.use-case-hub-view-more:hover,.use-case-hub-skip-link{transform:none}.use-case-hub-skip-link:not(:focus){transform:translateY(-160%)}.use-case-hub-view-more:before{opacity:.5;animation:none;transform:scale(1.6)}}.use-case-hub-card{--card-accent:#eee3ff;border:3px solid var(--uc-ink,#252525);min-width:0;height:100%;box-shadow:8px 8px 0 var(--uc-ink,#252525);color:var(--uc-ink,#252525);background:#fff;border-radius:16px;flex-direction:column;align-self:stretch;transition:box-shadow .16s,transform .16s;display:flex;overflow:hidden}.use-case-hub-card:hover{box-shadow:11px 11px 0 var(--uc-ink,#252525);transform:translate(-3px,-3px)}.use-case-hub-card--yellow{--card-accent:#ffde59}.use-case-hub-card--mint{--card-accent:#75ddcc}.use-case-hub-card--orange{--card-accent:#ffb86b}.use-case-hub-card--blue{--card-accent:#bde1ff}.use-case-hub-card--lavender{--card-accent:#d7bcff}.use-case-hub-card--pink{--card-accent:#ffbed8}.use-case-hub-card--natural-height{box-sizing:border-box;align-self:start;width:100%;height:auto}.use-case-hub-card__body{flex-direction:column;flex:1;min-width:0;padding:20px;display:flex}.use-case-hub-card__prompt{border:2px solid var(--uc-ink,#252525);background:var(--card-accent);border-radius:10px;min-width:0;min-height:98px;padding:13px}.use-case-hub-card__prompt>span{letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:950;display:block}.use-case-hub-card__prompt p{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-width:0;margin:7px 0 0;font-size:12px;font-weight:650;line-height:1.5;display:-webkit-box;overflow:hidden}.use-case-hub-card__actions{grid-template-columns:minmax(0,1fr) auto auto;gap:9px;margin-top:auto;padding-top:18px;display:grid;position:relative}.use-case-hub-card__actions button,.use-case-hub-card__actions .use-case-hub-card__detail{border:2px solid var(--uc-ink,#252525);min-width:0;min-height:46px;box-shadow:4px 4px 0 var(--uc-ink,#252525);cursor:pointer;border-radius:9px;transition:box-shadow .15s,transform .15s}:is(.use-case-hub-card__actions button,.use-case-hub-card__actions .use-case-hub-card__detail):hover{box-shadow:6px 6px 0 var(--uc-ink,#252525);transform:translate(-2px,-2px)}:is(.use-case-hub-card__actions button,.use-case-hub-card__actions .use-case-hub-card__detail):focus-visible{outline:4px solid var(--uc-purple,#8b47eb);outline-offset:3px}.use-case-hub-card__try{background:var(--uc-ink,#252525);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:12px;font-weight:900;display:flex}.use-case-hub-card__share{width:48px;color:var(--uc-ink,#252525);background:#fff;place-items:center;padding:0;display:grid}.use-case-hub-card__share svg{fill:currentColor;width:21px;height:21px}.use-case-hub-card__share-feedback{z-index:2;border:2px solid var(--uc-ink,#252525);background:var(--card-accent);max-width:calc(100% - 8px);box-shadow:3px 3px 0 var(--uc-ink,#252525);color:var(--uc-ink,#252525);opacity:0;pointer-events:none;text-overflow:ellipsis;visibility:hidden;white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;line-height:1.2;transition:opacity .12s,transform .12s,visibility 0s linear .12s;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(4px)}.use-case-hub-card__share-feedback:before{content:"✓";margin-right:5px}.use-case-hub-card__share-feedback--visible{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(0)}.use-case-hub-card__detail{max-width:132px;color:var(--uc-purple-dark,#6e2fca);overflow-wrap:anywhere;text-align:center;background:#fff;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:clamp(10px,.9vw,12px);font-weight:900;line-height:1.15;text-decoration:none;display:flex}.use-case-hub-card__detail:hover{color:var(--uc-purple-dark,#6e2fca)}@media (max-width:720px){.use-case-hub-card{box-shadow:6px 6px 0 var(--uc-ink,#252525);border-radius:14px}.use-case-hub-card__body{padding:18px}}@media (prefers-reduced-motion:reduce){.use-case-hub-card,.use-case-hub-card__actions button,.use-case-hub-card__detail,.use-case-hub-card__share-feedback{transition:none}.use-case-hub-card:hover,.use-case-hub-card__actions button:hover,.use-case-hub-card__detail:hover,.use-case-hub-card__share-feedback--visible{transform:none}}.use-case-card-media{min-width:0;aspect-ratio:var(--use-case-media-ratio,4/3);contain:layout paint;border-bottom:3px solid var(--uc-ink,#252525);background:var(--card-accent,#eee3ff);position:relative;overflow:hidden}.use-case-card-media--uniform-aspect-ratio{aspect-ratio:4/3;flex:none;width:100%;height:auto}.use-case-card-media--tall-uniform-aspect-ratio{aspect-ratio:3/4}.use-case-card-media__link,.use-case-card-media__slide,.use-case-card-media__track{width:100%;height:100%;display:block}.use-case-card-media__link:focus-visible{z-index:4;outline:4px solid var(--uc-purple,#8b47eb);outline-offset:-6px;position:relative}.use-case-card-media img,.use-case-card-media video{width:100%;height:100%;display:block}.use-case-card-media__track{transition:transform .3s;display:flex}.use-case-card-media__slide{flex:0 0 100%}.use-case-card-media__slide img,.use-case-card-media__single,.use-case-card-media__gallery-cover{object-fit:cover;object-position:center}.use-case-card-media__single--long{object-fit:cover;object-position:top center}.use-case-card-media__video,.use-case-card-media__video-cover{object-fit:cover;object-position:center;position:absolute;inset:0}.use-case-card-media__video-cover{z-index:1;pointer-events:none}.use-case-card-media__play{z-index:2;border:3px solid var(--uc-ink,#252525);background:var(--uc-yellow,#ffde59);width:54px;height:54px;box-shadow:5px 5px 0 var(--uc-ink,#252525);color:var(--uc-ink,#252525);border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.use-case-card-media__comparison-after,.use-case-card-media__comparison-before,.use-case-card-media__comparison-before img{position:absolute;inset:0}.use-case-card-media__comparison-after,.use-case-card-media__comparison-before img{object-fit:cover;object-position:center}.use-case-card-media__comparison-before{z-index:1;clip-path:inset(0 50% 0 0);width:100%;overflow:hidden}.use-case-card-media__comparison-before img{object-position:left center;width:100%}.use-case-card-media__comparison-line{z-index:2;background:#fff;width:3px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 0 1px #2525254d}.use-case-card-media--comparison.is-active .use-case-card-media__comparison-before{animation:3s ease-in-out infinite use-case-comparison-clip}.use-case-card-media--comparison.is-active .use-case-card-media__comparison-line{animation:3s ease-in-out infinite use-case-comparison-line}.use-case-card-media__count{z-index:5;border:2px solid var(--uc-ink,#252525);min-height:32px;box-shadow:3px 3px 0 var(--uc-ink,#252525);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex;position:absolute;top:12px;left:12px}.use-case-card-media__controls{z-index:5;border:2px solid var(--uc-ink,#252525);min-height:36px;box-shadow:3px 3px 0 var(--uc-ink,#252525);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:3px;display:flex;position:absolute;bottom:10px;right:10px}.use-case-card-media__controls button{width:30px;height:30px;color:var(--uc-ink,#252525);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.use-case-card-media__controls button:hover{background:var(--uc-yellow,#ffde59)}.use-case-card-media__controls button:focus-visible{outline:3px solid var(--uc-purple,#8b47eb);outline-offset:1px}.use-case-card-media__controls>span{text-align:center;min-width:32px;font-size:10px;font-weight:900}.use-case-card-media__placeholder{width:100%;height:100%;color:var(--uc-purple,#8b47eb);place-items:center;font-size:64px;font-weight:950;display:grid}@keyframes use-case-comparison-clip{0%,to{clip-path:inset(0 50% 0 0)}30%{clip-path:inset(0 12% 0 0)}70%{clip-path:inset(0 88% 0 0)}}@keyframes use-case-comparison-line{0%,to{left:50%}30%{left:88%}70%{left:12%}}@media (prefers-reduced-motion:reduce){.use-case-card-media__track,.use-case-card-media__comparison-before,.use-case-card-media__comparison-line{transition:none;animation:none!important}}.use-case-model-showcase{--model-ink:var(--uc-ink,#252525);z-index:1;min-width:0;min-height:474px;color:var(--model-ink);position:relative}.use-case-model-showcase ul{min-height:430px;margin:0;padding:0;list-style:none;position:relative}.use-case-model-showcase li{border:3px solid var(--model-ink);box-sizing:border-box;min-height:58px;box-shadow:6px 6px 0 var(--model-ink);color:var(--model-ink);white-space:nowrap;border-radius:13px;align-items:center;gap:10px;padding:7px 15px 7px 7px;display:inline-flex;position:absolute}.use-case-model-showcase li:first-child{top:52px;left:2%;transform:rotate(3deg)}.use-case-model-showcase li:nth-child(2){top:123px;right:0;transform:rotate(-2.5deg)}.use-case-model-showcase li:nth-child(3){top:194px;left:11%;transform:rotate(-1deg)}.use-case-model-showcase li:nth-child(4){top:268px;right:3%;transform:rotate(2.5deg)}.use-case-model-showcase li:nth-child(5){top:341px;left:0;transform:rotate(-3deg)}.use-case-model-showcase li strong{letter-spacing:-.01em;font-size:13px;font-weight:900}.use-case-model-showcase__actions{z-index:2;gap:10px;display:flex;position:absolute;top:0;right:0}.use-case-model-showcase__actions a{border:3px solid var(--model-ink);box-sizing:border-box;width:54px;height:54px;box-shadow:6px 6px 0 var(--model-ink);color:var(--model-ink);background:#fff;border-radius:0;place-items:center;text-decoration:none;transition:box-shadow .15s,transform .15s;display:grid}.use-case-model-showcase__actions a:hover{box-shadow:8px 8px 0 var(--model-ink);transform:translate(-2px,-2px)}.use-case-model-showcase__actions a:focus-visible{outline:4px solid var(--uc-purple,#8a42e8);outline-offset:4px}.use-case-model-showcase__actions a svg{fill:currentColor;width:25px;height:25px}.use-case-model-showcase__actions a span{font-size:38px;font-weight:500;line-height:1;transform:translateY(-2px)}.use-case-model-showcase__logo{border:2px solid var(--model-ink);background:#fff;border-radius:9px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.use-case-model-showcase__logo img{object-fit:contain;width:28px;height:28px;display:block}.use-case-model-showcase__item--lime{background:#c9ff68}.use-case-model-showcase__item--paper{background:#fff}.use-case-model-showcase__item--orange{background:#ffb86b}.use-case-model-showcase__item--lavender{background:#d7bcff}.use-case-model-showcase__item--blue{background:#bde1ff}@media (max-width:980px){.use-case-model-showcase{border:3px solid var(--model-ink);box-sizing:border-box;width:min(100%,720px);min-height:470px;box-shadow:9px 9px 0 var(--model-ink);background:#ffe990;border-radius:16px;margin:0 auto;padding:26px}.use-case-model-showcase ul{min-height:420px}.use-case-model-showcase__actions{top:26px;right:26px}}@media (max-width:720px){.use-case-model-showcase{min-height:0;box-shadow:6px 6px 0 var(--model-ink);border-radius:14px;padding:20px}.use-case-model-showcase ul{gap:12px;min-height:0;margin-top:18px;display:grid}.use-case-model-showcase li{width:100%;position:static;transform:none!important}.use-case-model-showcase__actions{justify-content:flex-end;position:static}}@media (prefers-reduced-motion:reduce){.use-case-model-showcase__actions a{transition:none}}.use-case-breadcrumbs{width:100%;color:var(--uc-ink,#252525);margin:0 0 clamp(24px,3vw,36px)}.use-case-breadcrumbs__inner{box-sizing:border-box;align-items:center;gap:10px;width:100%;min-width:0;min-height:34px;margin:0;padding:0;list-style:none;display:flex}.use-case-breadcrumbs__item{color:#252525b8;letter-spacing:.04em;min-width:0;font-size:12px;font-weight:850;line-height:1.35}.use-case-breadcrumbs__item a{border:2px solid var(--uc-ink,#252525);box-sizing:border-box;min-height:34px;box-shadow:3px 3px 0 var(--uc-ink,#252525);color:var(--uc-purple-dark,#6e2fca);text-underline-offset:3px;background:#fff;border-radius:999px;align-items:center;padding:0 10px;text-decoration:underline;text-decoration-thickness:2px;transition:box-shadow .15s,transform .15s;display:inline-flex}.use-case-breadcrumbs__item a:hover{box-shadow:5px 5px 0 var(--uc-ink,#252525);transform:translate(-2px,-2px)}.use-case-breadcrumbs__item a:focus-visible{outline:3px solid var(--uc-purple,#8b47eb);outline-offset:3px}.use-case-breadcrumbs__item--current{color:var(--uc-ink,#252525);flex:auto;font-weight:900;overflow:hidden}.use-case-breadcrumbs__item--current>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.use-case-breadcrumbs__separator{color:#25252585;flex:none;font-size:14px;font-weight:900}@media (max-width:640px){.use-case-breadcrumbs__inner{gap:7px;width:100%;min-height:32px}.use-case-breadcrumbs__item{font-size:11px}.use-case-breadcrumbs__item a{min-height:32px;padding:0 8px}}@media (prefers-reduced-motion:reduce){.use-case-breadcrumbs__item a{transition-duration:.01ms}.use-case-breadcrumbs__item a:hover{transform:none}}.use-case-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:48px;display:flex}.use-case-pagination__pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.use-case-pagination__direction,.use-case-pagination__page{border:2px solid var(--uc-ink,#252525);min-height:44px;box-shadow:4px 4px 0 var(--uc-ink,#252525);color:var(--uc-ink,#252525);background:#fff;border-radius:9px;justify-content:center;align-items:center;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.use-case-pagination__direction{gap:8px;min-width:112px;padding:0 16px}.use-case-pagination__page{width:44px}a.use-case-pagination__direction:hover,a.use-case-pagination__page:hover,.use-case-pagination__page.is-active{background:var(--uc-purple,#8b47eb);color:#fff;transform:translate(-1px,-1px)}:is(a.use-case-pagination__direction:focus-visible,a.use-case-pagination__page:focus-visible){outline:4px solid var(--uc-purple,#8b47eb);outline-offset:3px}.use-case-pagination__direction.is-disabled{box-shadow:none;opacity:.45}@media (max-width:720px){.use-case-pagination{gap:16px 10px;margin-top:36px}.use-case-pagination__pages{order:3;width:100%}.use-case-pagination__direction{flex:1;min-width:0}}
.use-case-page{--uc-ink:#252525;--uc-purple:#8b47eb;--uc-purple-dark:#6e2fca;--uc-lavender:#eee3ff;--uc-yellow:#ffde59;--uc-paper:#fbfaff;background:var(--uc-paper);min-height:100vh;color:var(--uc-ink);font-family:PagePop Use Case Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:clip}.use-case-page *,.use-case-page :before,.use-case-page :after{box-sizing:border-box}.use-case-page .use-case-shell,.use-case-detail-state .use-case-shell{width:min(100% - 64px,1240px);margin:0 auto}.use-case-hero{border-bottom:3px solid var(--uc-ink);background:radial-gradient(circle at 1px 1px, #2525252e 1px, transparent 0) 0 0 / 18px 18px, linear-gradient(115deg, var(--uc-lavender) 0 64%, #ffe990 64% 100%);padding:72px 0 60px;position:relative}.use-case-hero:before,.use-case-hero:after{content:"";border:3px solid var(--uc-ink);background:var(--uc-paper);position:absolute;transform:rotate(8deg);box-shadow:6px 6px #25252533}.use-case-hero:before{width:64px;height:64px;top:44px;right:4.5vw}.use-case-hero:after{width:42px;height:42px;bottom:-28px;left:3vw;transform:rotate(-12deg)}.use-case-hero__layout{grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);align-items:stretch;gap:clamp(54px,7vw,96px);display:grid}.use-case-hero__copy h1{letter-spacing:-.055em;text-wrap:balance;max-width:820px;margin:18px 0 0;font-size:clamp(46px,5.4vw,82px);font-weight:950;line-height:.98}.use-case-kicker{color:var(--uc-purple-dark);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:900;display:flex}.use-case-kicker--dark{color:var(--uc-ink)}.use-case-hero__summary{max-width:800px;margin:34px 0 0;font-size:clamp(18px,2vw,26px);font-weight:620;line-height:1.5}.use-case-hero__tags{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.use-case-hero__tags span{border:2px solid var(--uc-ink);background:var(--uc-paper);box-shadow:3px 3px 0 var(--uc-ink);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:850}.use-case-showcase{padding:104px 0}.use-case-showcase__grid{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(44px,7vw,96px);display:grid}.use-case-showcase__grid--result-only{grid-template-columns:minmax(0,1fr)}.use-case-showcase__prompt-column{position:sticky;top:106px}.use-case-section-label{border-bottom:3px solid var(--uc-ink);color:var(--uc-purple-dark);letter-spacing:.09em;text-transform:uppercase;align-items:center;padding-bottom:10px;font-size:12px;font-weight:900;display:flex}.use-case-section-label--result{color:#9d6900}.use-case-section-label--light{color:#d7bcff;border-color:#fff}.use-case-page h2{letter-spacing:-.04em;text-wrap:balance;margin:24px 0 0;font-size:clamp(34px,4vw,58px);font-weight:940;line-height:1.04}.use-case-section-description{color:var(--text-secondary);margin:20px 0 0;font-size:16px;line-height:1.65}.use-case-prompt-card{border:3px solid var(--uc-ink);background:var(--surface-panel);box-shadow:8px 8px 0 var(--uc-ink);border-radius:16px;margin-top:30px;overflow:hidden}.use-case-prompt-card__header{border-bottom:2px solid var(--uc-ink);background:var(--uc-yellow);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 14px 0 18px;font-size:11px;font-weight:900;display:flex}.use-case-prompt-card__header button{border:2px solid var(--uc-ink);background:var(--surface-panel);min-height:30px;color:var(--uc-ink);font:inherit;cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:10px;transition:background-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.use-case-prompt-card__header button:hover{background:var(--uc-lavender);box-shadow:3px 3px 0 var(--uc-ink);transform:translate(-1px,-1px)}.use-case-prompt-card__header button:focus-visible,.use-case-prompt-card blockquote:focus-visible,.use-case-primary-cta:focus-visible,.use-case-secondary-button:focus-visible,.use-case-faq__items summary:focus-visible{outline:4px solid var(--uc-purple);outline-offset:3px}.use-case-prompt-card blockquote{overscroll-behavior:contain;white-space:pre-wrap;max-height:420px;margin:0;padding:28px;font-size:clamp(17px,2vw,22px);font-weight:700;line-height:1.55;overflow-y:auto}.use-case-prompt-card blockquote:focus-visible{outline-offset:-6px}.use-case-prompt-card__original{border-top:2px dashed #25252580}.use-case-prompt-card__original summary{cursor:pointer;padding:14px 18px;font-size:12px;font-weight:850}.use-case-prompt-card__original p{overscroll-behavior:contain;max-height:360px;color:var(--text-secondary);white-space:pre-wrap;margin:0;padding:0 18px 18px;font-size:14px;line-height:1.6;overflow-y:auto}.use-case-page .use-case-primary-cta{border:3px solid var(--uc-ink);background:var(--uc-purple);width:100%;height:auto;min-height:58px;box-shadow:7px 7px 0 var(--uc-ink);color:#fff;border-radius:12px;justify-content:space-between;margin-top:28px;padding:0 12px 0 22px;font-size:16px;font-weight:900;transition:transform .16s,box-shadow .16s;display:flex}.use-case-page .use-case-primary-cta:hover{background:var(--uc-purple);box-shadow:10px 10px 0 var(--uc-ink);transform:translate(-3px,-3px)}.use-case-primary-cta__icon{border:2px solid var(--uc-ink);background:var(--uc-yellow);width:36px;height:36px;color:var(--uc-ink);border-radius:8px;place-items:center;display:grid}.use-case-showcase__result-column>.use-case-result{margin-top:30px}.use-case-showcase__result-column--single-video{align-self:center}.use-case-result{gap:16px;display:grid}.use-case-result__primary{border:3px solid var(--uc-ink,var(--text-primary));min-height:420px;box-shadow:10px 10px 0 var(--uc-ink,var(--text-primary));background:linear-gradient(135deg,#8b47eb24,#ffde592e),#f2edfa;border-radius:18px;position:relative;overflow:hidden}.use-case-result__primary--rednote{background:var(--surface-panel);justify-self:center;width:fit-content;max-width:100%;min-height:0}.use-case-result__image,.use-case-result__image img,.use-case-result__video{object-fit:contain;background:#17151a;width:100%;min-height:420px;max-height:min(78vh,920px);display:block}.use-case-result__pdf,.use-case-document-preview,.use-case-html-preview{background:var(--surface-panel);border:0;width:100%;height:min(78vh,900px);min-height:620px;display:block;position:relative;overflow:hidden}.use-case-result__preview-button{cursor:zoom-in;background:#17151a;border:0;width:100%;padding:0;display:block;position:relative}.use-case-result__preview-button:focus-visible,.use-case-rednote-preview__stage:focus-visible{z-index:1;outline:5px solid var(--brand-primary);outline-offset:-7px}.use-case-result__preview-button--primary,.use-case-result__empty{min-height:420px}.use-case-result__empty,.use-case-rednote-preview__empty{color:var(--text-muted);text-align:center;place-content:center;gap:14px;font-size:14px;font-weight:700;display:grid}.use-case-result__empty span,.use-case-rednote-preview__empty span{color:var(--brand-primary);font-size:64px}.use-case-result__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px;display:grid}.use-case-result__asset{border:2px solid var(--uc-ink,var(--text-primary));background:var(--surface-panel);min-width:0;box-shadow:5px 5px 0 var(--uc-ink,var(--text-primary));border-radius:14px;margin:0;overflow:hidden}.use-case-result__asset img,.use-case-result__asset video{object-fit:contain;background:#17151a;width:100%;height:auto;max-height:620px;display:block}.use-case-result__asset .use-case-result__preview-button{height:100%}.use-case-result__asset figcaption{border-top:2px solid var(--uc-ink,var(--text-primary));color:var(--text-primary);padding:10px 14px;font-size:12px;font-weight:700}.use-case-html-preview iframe,.use-case-document-preview__office{background:var(--surface-panel);border:0;width:100%;height:100%;display:block}.use-case-html-preview__fallback{background:#17151a;place-items:center;width:100%;height:100%;display:grid;position:relative}.use-case-html-preview__fallback img{object-fit:contain;width:100%;height:100%;display:block}.use-case-html-preview__loader,.use-case-html-preview__error,.use-case-document-preview__loading,.use-case-document-preview__error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.use-case-html-preview__loader,.use-case-document-preview__loading span,.use-case-detail-state__loader{border:4px solid #ffffff6b;border-top-color:var(--uc-yellow,#ffde59);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite use-case-preview-spin}.use-case-html-preview__loader{animation-name:use-case-html-preview-spin}.use-case-html-preview__error,.use-case-document-preview__error{border:2px solid var(--text-primary);background:var(--surface-panel);max-width:280px;color:var(--text-primary);text-align:center;border-radius:10px;padding:14px 18px;font-size:13px;font-weight:800;box-shadow:5px 5px #ffde59}.use-case-document-preview{overscroll-behavior:contain;overflow:hidden auto}.use-case-document-preview__local{min-height:100%;position:relative}.use-case-document-preview__local--hidden{display:none}.use-case-document-preview__render{min-height:100%;position:relative}.use-case-document-preview .docx-wrapper{background:0 0;align-items:center;padding:0}.use-case-document-preview .docx-wrapper>.docx{box-shadow:none;margin:0 auto 16px}.use-case-document-preview__loading{z-index:2;background:var(--surface-panel);place-items:center;width:100%;height:100%;display:grid}.use-case-document-preview__error{width:min(100% - 32px,440px);max-width:none;box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.use-case-document-preview__error p{color:#ff4d4f;margin:0;font-size:16px}.use-case-document-preview__error-actions{justify-content:center;align-items:center;gap:12px;display:flex}.use-case-document-preview__error-actions button,.use-case-document-preview__error-actions a{background:var(--surface-panel);min-width:96px;height:36px;color:var(--text-primary);font:inherit;text-align:center;cursor:pointer;border:1px solid #d8d8de;border-radius:6px;padding:0 16px;font-size:14px;font-weight:500;line-height:34px;text-decoration:none}.use-case-document-preview__error-actions button:hover,.use-case-document-preview__error-actions a:hover{border-color:var(--uc-purple,var(--brand-primary));color:var(--uc-purple-dark,var(--brand-primary-hover))}.use-case-document-preview__error-actions button:focus-visible,.use-case-document-preview__error-actions a:focus-visible{outline:3px solid var(--brand-ring);outline-offset:2px}.use-case-rednote-preview{background:var(--surface-panel);justify-self:center;width:550px;max-width:100%;display:grid}.use-case-rednote-preview__stage{background:var(--surface-panel);place-items:center;width:100%;max-width:100%;margin-inline:auto;display:grid;position:relative;overflow:hidden}.use-case-rednote-preview__image-button{cursor:zoom-in;background:0 0;border:0;place-items:center;width:100%;max-width:100%;padding:0;display:grid}.use-case-rednote-preview__image-button img{width:100%;max-width:100%;height:auto;max-height:min(72vh,820px);display:block}.use-case-rednote-preview__image-button:focus-visible{outline-offset:-7px;outline:5px solid #ffde59}.use-case-rednote-preview__controls{border:2px solid var(--text-primary);background:var(--surface-panel);min-height:40px;box-shadow:4px 4px 0 var(--text-primary);color:var(--text-primary);border-radius:999px;align-items:center;gap:8px;padding:5px;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:14px;right:14px}.use-case-rednote-preview__controls button{border:2px solid var(--text-primary);width:30px;height:30px;color:var(--text-primary);cursor:pointer;background:#ffde59;border-radius:50%;place-items:center;padding:0;display:grid}.use-case-rednote-preview__copy{width:0;min-width:100%;border-top:3px solid var(--text-primary);min-inline-size:100%;color:var(--text-primary);padding:clamp(22px,4vw,36px)}.use-case-rednote-preview__copy h3{letter-spacing:-.025em;margin:0;font-size:clamp(22px,3vw,34px);font-weight:940;line-height:1.15}.use-case-rednote-preview__copy p{color:var(--text-secondary);white-space:pre-wrap;margin:18px 0 0;font-size:15px;line-height:1.75}.use-case-rednote-preview__empty{min-height:420px}.use-case-lightbox{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;-webkit-user-select:none;user-select:none;background:#000000eb;position:fixed;inset:0;overflow:hidden}.use-case-lightbox__toolbar{z-index:2;pointer-events:none;justify-content:center;display:flex;position:absolute;top:18px;left:18px;right:18px}.use-case-lightbox__zoom{pointer-events:auto;background:#141414cc;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:5px;display:flex}.use-case-lightbox__zoom button,.use-case-lightbox__close,.use-case-lightbox__navigation{color:#fff;cursor:pointer;background:#252525d6;border:1px solid #ffffff47;place-items:center;display:grid}.use-case-lightbox__zoom button{border-radius:7px;width:32px;height:32px}.use-case-lightbox__zoom button:disabled{opacity:.35;cursor:not-allowed}.use-case-lightbox__zoom output{text-align:center;min-width:52px;font-size:12px}.use-case-lightbox__close{pointer-events:auto;border-radius:50%;width:44px;height:44px;font-size:28px;position:absolute;right:0}.use-case-lightbox__stage{z-index:0;overscroll-behavior:contain;touch-action:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.use-case-lightbox--with-thumbnails .use-case-lightbox__stage{right:120px}.use-case-lightbox__stage--draggable{cursor:grab;touch-action:none}.use-case-lightbox__stage--draggable:active{cursor:grabbing}.use-case-lightbox__image{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;will-change:transform;border-radius:8px;max-width:calc(100% - 120px);max-height:calc(100% - 120px);transition:opacity .3s,transform .1s ease-out;display:block}.use-case-lightbox__image--dragging{transition:opacity .3s}.use-case-lightbox__image-state{z-index:1;pointer-events:none;text-align:center;border-radius:8px;place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:60px}.use-case-lightbox__image-state p{margin:0;font-size:14px;font-weight:600}.use-case-lightbox__image-state--loading>span{border:3px solid #ffffff52;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite use-case-preview-spin}.use-case-lightbox__image-state--error{background:var(--surface-muted);color:var(--text-primary)}.use-case-lightbox__image-state--error>span{color:var(--uc-purple,var(--brand-primary));font-size:48px}.use-case-lightbox__thumbnails{z-index:3;scrollbar-width:none;width:48px;padding:20px 0;position:absolute;top:80px;bottom:16px;right:16px;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 20px calc(100% - 20px),#0000);mask-image:linear-gradient(#0000,#000 20px calc(100% - 20px),#0000)}.use-case-lightbox__thumbnails::-webkit-scrollbar{display:none}.use-case-lightbox__thumbnail-list{flex-direction:column;justify-content:center;align-items:flex-end;min-height:100%;display:flex}.use-case-lightbox__thumbnail{background:var(--surface-muted);width:40px;height:40px;color:var(--brand-primary);cursor:pointer;opacity:.4;border:0;border-radius:8px;place-items:center;margin:6px 0;padding:0;transition:width .2s,height .2s,opacity .2s;display:grid;position:relative;overflow:hidden}.use-case-lightbox__thumbnail:hover,.use-case-lightbox__thumbnail[aria-current=true]{opacity:1}.use-case-lightbox__thumbnail[aria-current=true]{width:48px;height:48px}.use-case-lightbox__thumbnail:focus-visible{outline-offset:-3px;outline:3px solid #fff}.use-case-lightbox__thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.use-case-lightbox__thumbnail>span{font-size:22px}.use-case-lightbox__navigation{border-radius:50%;width:46px;height:46px;font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.use-case-lightbox__navigation--previous{left:24px}.use-case-lightbox__navigation--next{right:24px}.use-case-lightbox--with-thumbnails .use-case-lightbox__navigation--next{right:88px}.use-case-lightbox__counter{background:#252525d6;border-radius:999px;padding:7px 11px;font-size:12px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.use-case-conversation{border-block:3px solid var(--uc-ink);background:var(--uc-ink);color:#fff;padding:100px 0}.use-case-conversation__heading{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:end;gap:72px;display:grid}.use-case-conversation__heading p{color:#ffffffad;margin:0;font-size:17px;line-height:1.65}.use-case-conversation__list{gap:24px;max-width:980px;margin:64px auto 0;padding:0;list-style:none;display:grid}.use-case-conversation__turn{align-items:flex-start;gap:16px;display:flex}.use-case-conversation__turn--user{padding-left:14%}.use-case-conversation__turn--assistant{padding-right:14%}.use-case-conversation__avatar{background:var(--uc-purple);border:2px solid #fff;border-radius:10px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:11px;font-weight:950;display:grid;box-shadow:4px 4px #fff}.use-case-conversation__turn--user .use-case-conversation__avatar{background:var(--uc-yellow);color:var(--uc-ink)}.use-case-conversation__bubble{overscroll-behavior:contain;min-width:0;max-height:400px;box-shadow:6px 6px 0 var(--uc-purple);color:var(--uc-ink);background:#fff;border:2px solid #fff;border-radius:14px;flex:1;padding:22px 24px;overflow-y:auto}.use-case-conversation__bubble:focus-visible{outline:4px solid var(--uc-yellow);outline-offset:4px}.use-case-conversation__bubble p{white-space:pre-wrap;margin:8px 0 0;font-size:15px;line-height:1.65}.use-case-conversation__turn--user .use-case-conversation__bubble{box-shadow:6px 6px 0 var(--uc-yellow)}.use-case-conversation__role{color:var(--uc-purple-dark);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:950}.use-case-conversation__suggestions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.use-case-conversation__suggestions span{border:1.5px solid var(--uc-ink);background:var(--uc-lavender);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.use-case-secondary-button{min-height:46px;box-shadow:4px 4px 0 var(--uc-purple);color:#fff;font:inherit;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:10px;align-items:center;gap:10px;margin:44px auto 0;padding:0 18px;font-size:13px;font-weight:850;transition:background-color .15s,box-shadow .15s,transform .15s;display:flex}.use-case-secondary-button:hover{box-shadow:7px 7px 0 var(--uc-purple);background:#ffffff1f;transform:translate(-3px,-3px)}.use-case-capability{background-color:#fffdf6;background-image:linear-gradient(#8b47eb14 1px,#0000 1px),linear-gradient(90deg,#8b47eb14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;padding:104px 0}.use-case-capability__heading{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:end;gap:72px;display:grid}.use-case-capability__heading p{color:var(--text-secondary);margin:0;font-size:17px;line-height:1.65}.use-case-capability__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:54px;display:grid}.use-case-capability__cards article{border:3px solid var(--uc-ink);background:var(--surface-panel);min-height:250px;box-shadow:8px 8px 0 var(--uc-ink);border-radius:14px;flex-direction:column;justify-content:center;padding:26px;transition:transform .16s,box-shadow .16s;display:flex;position:relative}.use-case-capability__cards article:nth-child(2){background:var(--uc-yellow)}.use-case-capability__cards article:nth-child(3){background:var(--uc-lavender)}.use-case-capability__cards article:hover{box-shadow:12px 12px 0 var(--uc-ink);transform:translate(-4px,-4px)rotate(-.5deg)}.use-case-capability__cards h3{margin:0;font-size:24px;font-weight:900;line-height:1.15}.use-case-capability__cards p{color:var(--text-secondary);margin:14px 0 0;font-size:14px;line-height:1.6}.use-case-cta{border-block:3px solid var(--uc-ink);background:var(--uc-purple);padding:80px 0}.use-case-cta__panel{border:3px solid var(--uc-ink);background:var(--uc-yellow);box-shadow:12px 12px 0 var(--uc-ink);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;padding:clamp(30px,5vw,64px);display:grid}.use-case-cta__panel h2{max-width:760px}.use-case-cta__panel p{max-width:720px;color:var(--text-secondary);margin:20px 0 0;font-size:17px;line-height:1.65}.use-case-page .use-case-cta__panel>button{border:3px solid var(--uc-ink);background:var(--uc-ink);color:#fff;white-space:nowrap;border-radius:12px;align-items:center;gap:14px;width:auto;height:auto;min-height:62px;padding:0 26px;font-size:16px;font-weight:900;transition:box-shadow .16s,transform .16s;display:flex;box-shadow:7px 7px #fff}.use-case-page .use-case-cta__panel>button:hover{background:var(--uc-ink);transform:translate(-3px,-3px);box-shadow:10px 10px #fff}.use-case-faq{padding:104px 0}.use-case-faq__layout{grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);align-items:start;gap:80px;display:grid}.use-case-faq__items{gap:14px;display:grid}.use-case-faq__items details{border:3px solid var(--uc-ink);background:var(--surface-panel);box-shadow:6px 6px 0 var(--uc-ink);border-radius:12px;overflow:hidden}.use-case-faq__items details[open] summary span:last-child{transform:rotate(45deg)}.use-case-faq__items summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 22px;font-size:16px;font-weight:850;list-style:none;transition:background-color .15s;display:flex}.use-case-faq__items summary:hover{background:var(--uc-lavender)}.use-case-faq__items summary::-webkit-details-marker{display:none}.use-case-faq__items summary span:last-child{color:var(--uc-purple-dark);font-size:28px;transition:transform .16s}.use-case-faq__items p{color:var(--text-secondary);margin:0;padding:0 22px 24px;font-size:15px;line-height:1.7}.use-case-related{border-top:3px solid var(--uc-ink);background:var(--uc-lavender);padding:104px 0 120px}.use-case-related__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:44px;display:grid}.use-case-detail-state{background:var(--surface-canvas);min-height:60vh;color:var(--text-primary);place-items:center;display:grid}.use-case-detail-state .use-case-shell{place-items:center;display:grid}.use-case-detail-state__loader{border-color:var(--border-strong);border-top-color:var(--brand-primary)}.use-case-detail-state p{border:1px solid var(--border-soft);background:var(--surface-panel);max-width:480px;box-shadow:var(--shadow-card);color:var(--text-secondary);text-align:center;border-radius:12px;margin:0;padding:24px}@keyframes use-case-preview-spin{to{transform:rotate(360deg)}}@keyframes use-case-html-preview-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@media (max-width:1040px){.use-case-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.use-case-hero{background:radial-gradient(circle at 1px 1px, #2525252e 1px, transparent 0) 0 0 / 18px 18px, var(--uc-lavender)}.use-case-hero__layout,.use-case-showcase__grid,.use-case-conversation__heading,.use-case-capability__heading,.use-case-faq__layout{grid-template-columns:1fr;gap:44px}.use-case-showcase__prompt-column{position:static}.use-case-showcase__result-column--single-video{align-self:start}.use-case-capability__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-cta__panel{grid-template-columns:1fr}.use-case-page .use-case-cta__panel>button{width:fit-content}}@media (max-width:720px){.use-case-page .use-case-shell,.use-case-detail-state .use-case-shell{width:min(100% - 32px,1240px)}.use-case-hero{padding:52px 0 46px}.use-case-hero:before,.use-case-hero:after{display:none}.use-case-hero__layout{gap:38px}.use-case-hero__copy h1{font-size:clamp(42px,13vw,64px)}.use-case-hero__summary{margin-top:24px;font-size:18px}.use-case-showcase,.use-case-conversation,.use-case-capability,.use-case-faq,.use-case-related{padding:72px 0}.use-case-prompt-card{box-shadow:5px 5px 0 var(--uc-ink)}.use-case-prompt-card blockquote{max-height:320px;padding:22px;font-size:17px}.use-case-result__primary,.use-case-result__image,.use-case-result__image img,.use-case-result__video,.use-case-result__empty,.use-case-result__preview-button--primary{min-height:280px}.use-case-result__primary{box-shadow:6px 6px 0 var(--text-primary);border-radius:14px}.use-case-result__pdf,.use-case-document-preview,.use-case-html-preview{height:70vh;min-height:480px}.use-case-result__grid,.use-case-capability__cards,.use-case-related__grid{grid-template-columns:1fr}.use-case-rednote-preview__empty{min-height:280px}.use-case-rednote-preview__controls{bottom:10px;right:10px}.use-case-rednote-preview__image-button img{max-height:min(70vh,680px)}.use-case-lightbox__toolbar{top:10px;left:10px;right:10px}.use-case-lightbox__stage{inset:0}.use-case-lightbox--with-thumbnails .use-case-lightbox__stage{right:72px}.use-case-lightbox__thumbnails{top:70px;bottom:70px;right:8px}.use-case-lightbox__thumbnail{width:36px;height:36px}.use-case-lightbox__thumbnail[aria-current=true]{width:42px;height:42px}.use-case-lightbox__navigation{top:auto;bottom:16px;transform:none}.use-case-lightbox__navigation--previous{left:16px}.use-case-lightbox__navigation--next{right:16px}.use-case-lightbox--with-thumbnails .use-case-lightbox__navigation--next{right:72px}.use-case-document-preview__error-actions{flex-wrap:wrap}.use-case-conversation__turn,.use-case-conversation__turn--user,.use-case-conversation__turn--assistant{gap:10px;padding:0}.use-case-conversation__avatar{flex-basis:38px;width:38px;height:38px;font-size:9px;box-shadow:3px 3px #fff}.use-case-conversation__bubble{max-height:320px;box-shadow:4px 4px 0 var(--uc-purple);padding:18px}.use-case-capability__cards article{min-height:220px}.use-case-cta{padding:52px 0}.use-case-cta__panel{box-shadow:7px 7px 0 var(--uc-ink);border-radius:14px;padding:28px 22px}.use-case-page .use-case-cta__panel>button{white-space:normal;justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.use-case-page *,.use-case-page :before,.use-case-page :after,.use-case-lightbox *,.use-case-lightbox :before,.use-case-lightbox :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
