.case-dialog .video-stage video:fullscreen,.pi-video-dialog .pi-video-stage video:fullscreen{display:block;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#000;object-fit:contain}.case-dialog video::backdrop,.pi-video-dialog video::backdrop{background:#000}dialog.case-dialog.video-expanded,dialog.pi-video-dialog.video-expanded{width:calc(100vw - (2*clamp(16px,4vw,72px)));height:calc(100dvh - (2*clamp(16px,4dvh,48px)));max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:0;overflow:hidden;background:#000}.video-expanded .dialog-inner{height:100%;min-height:0}dialog.video-expanded .dialog-topbar,dialog.video-expanded .dialog-description,dialog.video-expanded .dialog-navigation,dialog.video-expanded .vc-playback-status,dialog.video-expanded .fullscreen-error,dialog.video-expanded>header,dialog.video-expanded>footer{display:none}.video-expanded .video-stage,.video-expanded .pi-video-stage,.video-expanded .public-video{width:100%;height:100%;min-height:0;background:#000}.video-expanded .video-stage>:not(video):not(.public-video),.video-expanded .pi-video-stage>:not(video):not(.public-video),.video-expanded .public-video>:not(video){display:none}dialog.video-expanded .video-stage video,dialog.video-expanded .pi-video-stage video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#000;border-radius:0}.vc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.cache-open{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--showcase-border-strong);border-radius:7px;background:var(--showcase-surface);color:var(--showcase-text);padding:10px 12px;font-size:12px;white-space:nowrap}.video-cache-dialog{width:min(780px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--showcase-border);border-radius:14px;background:var(--showcase-surface);color:var(--showcase-text);overflow:auto}.video-cache-dialog::backdrop{background:#0b100dd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.video-cache-dialog header,.video-cache-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--showcase-border)}.video-cache-dialog h2{margin:7px 0 0;font-size:23px}.video-cache-dialog footer{border-top:1px solid var(--showcase-border);border-bottom:0;font-size:12px;color:var(--showcase-muted)}.video-cache-dialog button,.vc-playback-status button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:12px;padding:9px 12px;border:1px solid var(--showcase-border-strong);border-radius:6px;background:var(--showcase-surface);color:var(--showcase-text);cursor:pointer}.video-cache-dialog button:disabled,.vc-playback-status button:disabled{opacity:.55;cursor:default}.vc-content{padding:4px 24px 16px}.vc-intro{font-size:13px;line-height:1.8;color:var(--showcase-muted)}.vc-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--showcase-subtle);border:1px solid var(--showcase-border);padding:16px;border-radius:8px;font-size:13px;margin:18px 0}.vc-summary span{color:var(--showcase-muted)}.vc-auto,.vc-choice{display:flex;gap:10px;align-items:center;font-size:13px}.video-cache-dialog input[type=checkbox]{accent-color:var(--showcase-action);width:17px;height:17px;flex-shrink:0}.vc-help{font-size:12px;color:var(--showcase-muted);line-height:1.8}.vc-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.vc-list{list-style:none;padding:0;margin:0}.vc-list li{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 0;border-top:1px solid var(--showcase-border)}.vc-choice{flex:1;min-width:130px}.vc-choice span{display:grid;gap:7px;overflow-wrap:anywhere}.vc-choice small{font-size:11px;color:var(--showcase-muted)}.vc-item-state{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--showcase-muted)}.vc-list progress{width:100%;height:6px;accent-color:var(--showcase-action)}.vc-error{width:100%;font-size:12px;margin:0;line-height:1.6}.vc-playback-status{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:var(--showcase-surface);color:var(--showcase-muted);font-size:12px}.public-video{width:100%;min-width:0}.public-video>p{padding:20px;color:#fff}.pi-video-stage .public-video video{max-height:60dvh}@media(max-width:1050px){.cache-open>span{display:none}.cache-open{padding:10px}}@media(max-width:760px){.video-cache-dialog header,.video-cache-dialog footer{padding:16px}.vc-content{padding:0 16px 12px}}@media(max-width:380px){.site-header .site-brand{gap:7px}.site-header .site-brand>span{font-size:16px}.site-header .site-brand img{width:32px;height:32px}.site-header nav{gap:5px}.cache-open{padding:8px}.vc-item-state{flex-wrap:wrap}.vc-auto{align-items:flex-start;font-size:12px}}@media(max-width:560px){.site-header .presentation-label{display:none}.site-header .presentation-toggle{min-width:36px;min-height:38px;padding:9px}}.case-art{--art-bg: #ede9dc;--art-ink: #795c28;position:relative;background:var(--art-bg);aspect-ratio:1.72;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:31px 36px 26px}.art-sage{--art-bg: #e4ece5;--art-ink: #3f664f}.art-blue{--art-bg: #e3eaf1;--art-ink: #426184}.art-rose{--art-bg: #f0e5e2;--art-ink: #8a584a}.art-violet{--art-bg: #eae6ef;--art-ink: #6c5982}.art-sand{--art-bg: #eae9e1;--art-ink: #62633e}.art-caption{position:absolute;top:15px;left:17px;font-size:8px;letter-spacing:1.3px;color:var(--art-ink)}.workflow-window{width:100%;max-width:330px;background:#fffefb;border:1px solid #ffffffd0;border-radius:6px;box-shadow:0 9px 20px -10px #555b4a45;transform:rotate(-3deg);transition:transform .25s}.window-toolbar{height:22px;border-bottom:1px solid #efefea;display:flex;align-items:center;gap:3px;padding:0 9px}.window-toolbar>span{width:4px;height:4px;border-radius:50%;background:#d8dace}.window-toolbar>i{font-style:normal;font-size:6px;color:#626959;margin-left:8px;flex:1}.window-toolbar>svg{color:var(--art-ink)}.workflow-body{display:flex;min-height:120px}.workflow-sidebar{width:31px;background:#f6f6f0;border-radius:0 0 0 5px;display:flex;align-items:center;flex-direction:column;gap:12px;padding-top:12px}.mini-brand{width:16px;height:16px;display:grid;place-items:center;color:#fff;background:var(--art-ink);border-radius:4px;font-size:9px}.workflow-sidebar i{height:3px;width:12px;background:#dce0d3}.workflow-content{flex:1;padding:12px 15px;min-width:0}.workflow-eyebrow{font-size:6px;color:#626959;display:block;margin-bottom:4px}.workflow-content>strong{display:block;font-size:12px;font-weight:600;margin-bottom:9px;color:#33392d}.workflow-prompt{display:flex;align-items:center;gap:6px;border:1px solid #ebece5;border-radius:4px;padding:6px;font-size:7px;color:#6c7163}.workflow-prompt>span{flex:1}.workflow-prompt>svg{color:var(--art-ink)}.workflow-result{display:flex;align-items:flex-start;gap:6px;margin-top:9px}.result-check{width:17px;height:17px;background:var(--art-bg);color:var(--art-ink);border-radius:4px;display:grid;place-items:center}.workflow-result>div{flex:1}.workflow-result b{font-size:7px;font-weight:500;display:block;margin-bottom:5px;color:#626959}.workflow-result i{display:block;height:3px;background:#e9eae2;width:92%;margin:4px 0}.workflow-result i:last-child{width:68%}.workflow-chips{display:flex;justify-content:space-between;gap:6px;font-size:6px;color:#626959;margin-top:9px}.art-note{position:absolute;bottom:9px;left:14px;font-size:8px;color:#565e4d}.art-play{position:absolute;right:16px;bottom:16px;width:37px;height:37px;border-radius:50%;background:#ffffffec;color:#4b5540;display:grid;place-items:center;box-shadow:0 2px 12px #343a3020}.art-play svg{margin-left:2px}.art-featured{border-radius:7px;aspect-ratio:1.85;background:#dfe3d2;padding:29px 48px 26px}.art-featured .art-play{width:49px;height:49px;right:21px;bottom:17px}.art-featured .workflow-window{transform:rotate(-4deg)}.hero-feature:hover .workflow-window,.case-card:hover .workflow-window{transform:rotate(0)}.card-visual{position:relative}.card-category{position:absolute;right:12px;top:12px;padding:4px 7px;border:1px solid #ffffff70;border-radius:4px;background:#ffffffa8;font-size:9px;color:#555e4c}.card-body{padding:19px 19px 17px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title-row h3{font-size:15px;font-weight:600;line-height:1.55;margin:0;letter-spacing:-.2px}.card-title-row>svg{color:var(--showcase-muted)}.card-body>p{font-size:13px;line-height:1.85;color:var(--showcase-muted);margin:10px 0 0;min-height:40px}.case-tags{display:flex;flex-wrap:wrap;gap:6px}.case-tags span{font-size:11px;color:var(--showcase-muted);background:var(--showcase-tag);padding:4px 6px;border-radius:3px}.case-art.real-case-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-title-row h3,.card-body>p{overflow-wrap:anywhere}.workflow-content>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-art{text-align:left}.product-intro,.pi-video-dialog{--pi-text: var(--showcase-text, var(--text, #252823));--pi-muted: var(--showcase-muted, var(--muted, #626959));--pi-surface: var(--showcase-surface, var(--surface, #fffefb));--pi-border: var(--showcase-border, var(--border, #e2e4da));--pi-accent: var(--showcase-accent, var(--accent, #9b7838));--pi-subtle: var(--showcase-subtle, var(--hover, #f2f3ec));color:var(--pi-text)}.product-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:64px;align-items:center;padding:64px 0 68px;border-bottom:1px solid var(--pi-border)}.pi-copy,.pi-media-wrap{min-width:0}.pi-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2.6px;color:var(--pi-muted);margin-bottom:24px}.pi-eyebrow>i{width:23px;height:2px;background:var(--pi-accent)}.pi-product-name{overflow-wrap:anywhere;font-size:15px;font-weight:600;letter-spacing:2px;color:var(--pi-text);margin-bottom:14px}.pi-copy h1,.pi-copy h2{font-size:clamp(30px,3.3vw,46px);line-height:1.35;letter-spacing:-1.4px;font-weight:650;margin:0 0 24px;max-width:530px;text-wrap:balance;white-space:pre-line;overflow-wrap:anywhere}.pi-description p{white-space:pre-line;font-size:14px;line-height:2;color:var(--pi-muted);margin:0 0 28px;overflow-wrap:anywhere}.pi-ctas{display:flex;flex-wrap:wrap;gap:12px}.pi-ctas>a,.pi-ctas>button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 18px;border-radius:7px;font:inherit;font-size:13px;text-decoration:none;cursor:pointer;border:1px solid var(--pi-border)}.pi-ctas>.pi-primary{background:var(--showcase-action, var(--text, #282d25));color:var(--showcase-action-text, var(--surface, #fff));border-color:transparent}.pi-ctas>.pi-secondary{background:transparent;color:var(--pi-text)}.pi-ctas>:hover{box-shadow:0 3px 12px #0001;transform:translateY(-1px)}.pi-footnote{display:flex;align-items:center;gap:13px;font-size:10px;color:var(--pi-muted);margin-top:28px}.pi-footnote>i{height:3px;width:3px;border-radius:50%;background:var(--pi-accent)}.pi-media{display:block;padding:0;width:100%;text-align:left;border:1px solid var(--pi-border);border-radius:14px;background:var(--pi-surface);color:var(--pi-text);overflow:hidden;box-shadow:0 20px 48px -32px #0005;white-space:normal}.pi-media:is(button){cursor:pointer}.pi-media:is(button):hover{border-color:var(--pi-accent);background:var(--pi-surface)}.pi-window-bar{display:flex;align-items:center;gap:16px;padding:16px 20px;font-size:9px;letter-spacing:1.6px;color:var(--pi-muted);border-bottom:1px solid var(--pi-border)}.pi-window-dots{display:flex;gap:5px}.pi-window-dots>i{width:5px;height:5px;border-radius:50%;background:var(--pi-border)}.pi-window-line{margin-left:auto;width:25px;height:2px;background:var(--pi-accent)}.pi-screen{position:relative;aspect-ratio:1.65;background:var(--pi-subtle);overflow:hidden}.pi-screenshot{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.pi-brand-art{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#c6a25c22,transparent 70%)}.pi-brand-art>img{height:68px;width:68px;border-radius:15px;box-shadow:0 8px 24px #0002;z-index:1}.pi-brand-art>strong{font-size:22px;letter-spacing:4px;max-width:90%;overflow-wrap:anywhere;z-index:1}.pi-brand-art>span{font-size:12px;color:var(--pi-muted);z-index:1}.pi-brand-art>small{font-size:8px;letter-spacing:3px;color:var(--pi-muted);z-index:1;margin-top:6px}.pi-orbit{position:absolute;width:250px;height:250px;border-radius:50%;border:1px solid var(--pi-border);z-index:-1}.pi-orbit-two{width:360px;height:360px;opacity:.6}.pi-play-badge{position:absolute;right:20px;bottom:18px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#d9bb7b;color:#24271e;box-shadow:0 5px 20px #0002}.pi-media-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;font-size:11px;color:var(--pi-muted)}.pi-media-footer>span{display:flex;align-items:center;gap:8px}.pi-media-footer i{width:5px;height:5px;border-radius:50%;background:var(--pi-accent)}.pi-video-dialog{width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--pi-border);border-radius:14px;background:var(--pi-surface);overflow:auto}.pi-video-dialog::backdrop{background:#0b100dd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pi-video-dialog>header,.pi-video-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px}.pi-video-dialog h2{font-size:19px;margin:5px 0 0;overflow-wrap:anywhere}.pi-video-dialog small{font-size:9px;letter-spacing:2px;color:var(--pi-muted)}.pi-video-dialog button{display:inline-flex;align-items:center;gap:8px;color:var(--pi-text);background:var(--pi-subtle);border:1px solid var(--pi-border);border-radius:6px;padding:8px;cursor:pointer;flex-shrink:0}.pi-video-dialog>footer{font-size:12px;color:var(--pi-muted)}.pi-video-stage{background:#101310;min-height:180px;display:grid;place-items:center}.pi-video-stage video{width:100%;max-height:65dvh;display:block}.pi-video-stage p{padding:24px;color:#fff}@media(max-width:1050px){.product-intro{gap:32px}.pi-copy h1,.pi-copy h2{font-size:34px}.pi-brand-art{gap:9px}.pi-brand-art>img{width:54px;height:54px}.pi-brand-art>strong{font-size:19px}}@media(max-width:760px){.product-intro{grid-template-columns:minmax(0,1fr);gap:32px;padding:36px 0 40px}.pi-copy h1,.pi-copy h2{font-size:34px;max-width:460px}.pi-eyebrow{margin-bottom:18px}.pi-description p{overflow-wrap:anywhere;font-size:13px}.pi-footnote{margin-top:22px}.pi-screen{aspect-ratio:1.65}.pi-brand-art>img{width:60px;height:60px}}@media(max-width:380px){.pi-copy h1,.pi-copy h2{font-size:29px}.pi-ctas{gap:8px}.pi-ctas>a,.pi-ctas>button{font-size:12px;padding:10px 12px;gap:7px}.pi-brand-art>img{width:42px;height:42px}.pi-brand-art>strong{font-size:17px}.pi-brand-art{gap:8px}.pi-brand-art>small{display:none}.pi-window-bar,.pi-media-footer{padding:13px}.pi-video-dialog>header{padding:12px}.pi-video-dialog h2{font-size:16px}}:root{color-scheme:light;--showcase-bg: #fafaf7;--showcase-text: #252823;--showcase-muted: #626959;--showcase-surface: #fffefb;--showcase-card: #fffefa;--showcase-border: #e2e4da;--showcase-border-strong: #b5bbae;--showcase-hover: #ece8dc;--showcase-accent: #9b7838;--showcase-focus: #9b701e;--showcase-action: #282d25;--showcase-action-text: #ffffff;--showcase-action-hover: #424a3c;--showcase-tag: #f3f4ec;--showcase-subtle: #f2f3ec;--showcase-notice: #f0eee4;--showcase-notice-border: #e8e3d3;--showcase-notice-text: #6c6044;--showcase-dialog: #fafaf6;--showcase-dialog-header: #f7f8f1;--showcase-selection: #eaddb9;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--showcase-text);background:var(--showcase-bg);font-synthesis:none;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-showcase-theme=dark]{color-scheme:dark;--showcase-bg: #151816;--showcase-text: #f1eee5;--showcase-muted: #b3b9aa;--showcase-surface: #1b201c;--showcase-card: #202620;--showcase-border: #384035;--showcase-border-strong: #626b59;--showcase-hover: #333b2e;--showcase-accent: #d9bb7b;--showcase-focus: #e8cb8b;--showcase-action: #d9bb7b;--showcase-action-text: #211f17;--showcase-action-hover: #ecd3a1;--showcase-tag: #30392c;--showcase-subtle: #202620;--showcase-notice: #302e23;--showcase-notice-border: #514a34;--showcase-notice-text: #ddc68d;--showcase-dialog: #202620;--showcase-dialog-header: #282f26;--showcase-selection: #514a34}.theme-switch{display:flex;flex-shrink:0;align-items:center;gap:3px;padding:3px;border:1px solid var(--showcase-border-strong);border-radius:8px;background:var(--showcase-surface)}.theme-switch button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:7px 10px;border-radius:5px;background:transparent;color:var(--showcase-muted);font-size:12px}.theme-switch button:hover{background:var(--showcase-hover)}.theme-switch button[aria-pressed=true]{background:var(--showcase-action);color:var(--showcase-action-text)}.search-box input::placeholder{color:var(--showcase-muted);opacity:1}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--showcase-focus);outline-offset:5px}button{border:0}svg{flex-shrink:0}::selection{background:var(--showcase-selection)}.skip-link{position:fixed;left:20px;top:-100px;z-index:20;padding:12px 20px;background:var(--showcase-surface)}.skip-link:focus{top:10px}.site-header{height:88px;border-bottom:1px solid var(--showcase-border);background:var(--showcase-surface)}.header-content{height:100%;max-width:1280px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-brand{flex-shrink:0;display:flex;align-items:center;gap:12px}.site-brand img{width:43px;height:43px;object-fit:contain;border-radius:11px}.site-brand>span{font-size:21px;letter-spacing:2px;font-weight:650;line-height:1.35}.site-brand small{display:block;font-size:10px;letter-spacing:3px;color:var(--showcase-muted);font-weight:400;margin-top:3px}.header-content nav{display:flex;align-items:center;gap:28px;font-size:13px}.nav-current{font-weight:600}.header-divider{width:1px;height:20px;background:var(--showcase-border)}.presentation-toggle{white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;padding:11px 15px;border:1px solid var(--showcase-border-strong);border-radius:7px;font-size:13px}.presentation-toggle:hover,.presentation-toggle.is-active{background:var(--showcase-hover)}.showcase main{max-width:1280px;margin:auto;padding:0 40px}.showcase-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:64px 0 60px}.hero-kicker{font-size:12px;color:var(--showcase-muted);letter-spacing:1px;display:flex;align-items:center;gap:9px}.hero-kicker>span{width:6px;height:6px;border-radius:50%;background:var(--showcase-accent)}h1{font-size:clamp(32px,3.1vw,45px);font-weight:600;line-height:1.48;letter-spacing:-1.4px;margin:21px 0 17px}h1>span{color:var(--showcase-accent)}.hero-copy>p{font-size:14px;color:var(--showcase-muted);line-height:1.9;margin:0 0 26px}.browse-button{display:inline-flex;align-items:center;gap:31px;background:var(--showcase-action);color:var(--showcase-action-text);padding:13px 22px;border-radius:6px;font-size:13px}.browse-button:hover{background:var(--showcase-action-hover)}.hero-footnote{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--showcase-muted);margin-top:27px}.hero-footnote i{width:3px;height:3px;background:var(--showcase-border);border-radius:50%}.hero-feature{padding:18px 22px 21px;background:#252c25;border:1px solid #3c4339;border-radius:14px;text-align:left;box-shadow:0 18px 38px -22px #303a3b60;color:#fff;min-width:0}.feature-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#b6bfaf;margin-bottom:18px}.feature-label>span:first-child{display:flex;gap:7px;align-items:center}.feature-dot{width:5px;height:5px;background:#d4bb78;border-radius:50%}.feature-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:18px;gap:10px}.feature-bottom small{display:block;font-size:10px;color:#bfc2b4;margin-bottom:7px}.feature-bottom strong{font-size:16px;letter-spacing:.3px;font-weight:500}.feature-arrow{border:1px solid #56604e;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#d0bf89}.case-library{border-top:1px solid var(--showcase-border);padding-top:36px;scroll-margin-top:24px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--showcase-muted);font-weight:600}.library-heading h2{font-size:25px;font-weight:600;letter-spacing:-.5px;margin:9px 0}.library-heading p{color:var(--showcase-muted);font-size:12px;margin:0}.search-box{display:flex;align-items:center;gap:10px;background:var(--showcase-surface);border:1px solid var(--showcase-border);border-radius:7px;padding:11px 13px;color:var(--showcase-muted);min-width:290px}.search-box input{border:0;outline:none;background:transparent;width:100%;min-width:0;font-size:12px;color:var(--showcase-text)}.search-box:focus-within{outline:2px solid var(--showcase-focus);outline-offset:2px}.search-box input:focus-visible{outline:none}.search-box input::-webkit-search-cancel-button{display:none}.search-box button{display:flex;background:transparent;padding:0}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:27px}.category-tabs{display:flex;gap:7px;flex-wrap:wrap}.category-tabs button{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid transparent;padding:9px 13px;border-radius:6px;font-size:12px;white-space:nowrap;color:var(--showcase-muted)}.category-tabs button.selected{background:var(--showcase-action);color:var(--showcase-action-text)}.category-tabs button:not(.selected):hover{background:var(--showcase-hover)}.category-tabs button>span{font-size:10px;opacity:1}.case-count{font-size:11px;color:var(--showcase-muted);white-space:nowrap}.preview-notice{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.7;margin:19px 0 22px;padding:10px 13px;background:var(--showcase-notice);border:1px solid var(--showcase-notice-border);border-radius:6px;color:var(--showcase-muted)}.preview-notice strong{font-weight:600;margin-right:8px;color:var(--showcase-notice-text)}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.case-card{padding:0;border:1px solid var(--showcase-border);border-radius:10px;background:var(--showcase-card);text-align:left;overflow:hidden;transition:box-shadow .2s,transform .2s}.case-card:hover{box-shadow:0 10px 24px -15px #4e584e70;transform:translateY(-3px)}.library-end{display:flex;align-items:center;justify-content:center;gap:17px;margin:33px 0 39px}.library-end>span{height:1px;width:45px;background:var(--showcase-border)}.library-end p{font-size:10px;color:var(--showcase-muted);letter-spacing:2px}.site-footer{border-top:1px solid var(--showcase-border);max-width:1200px;margin:auto;padding:23px 0 29px;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:var(--showcase-muted)}.site-footer i{font-style:normal;margin:0 12px;color:var(--showcase-border)}.empty-cases{padding:65px 20px;text-align:center;color:var(--showcase-muted);background:var(--showcase-subtle);border:1px dashed var(--showcase-border-strong);border-radius:10px}.empty-cases h3{color:var(--showcase-text);font-size:19px}.empty-cases p{font-size:13px}.empty-cases button{display:inline-flex;align-items:center;gap:8px;padding:11px 17px;background:var(--showcase-action);color:var(--showcase-action-text);border-radius:6px;margin-top:9px}.presentation-mode .case-library{border-top:0;padding-top:32px}.presentation-mode .card-title-row h3{font-size:17px}.presentation-mode .card-body>p{font-size:13px}.presentation-mode .library-heading h2{font-size:28px}.case-dialog{width:min(1000px,calc(100vw - 40px));max-width:1000px;max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--showcase-border-strong);border-radius:14px;background:var(--showcase-dialog);color:var(--showcase-text);box-shadow:0 30px 100px #0005;overflow:auto}.case-dialog::backdrop{background:#151d16c9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-inner{min-height:100%;display:flex;flex-direction:column}.dialog-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;background:var(--showcase-dialog-header);border-bottom:1px solid var(--showcase-border)}.dialog-topbar>span{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--showcase-muted)}.dialog-topbar i{font-style:normal;color:var(--showcase-border)}.dialog-topbar>div{display:flex;gap:6px}.icon-button{display:grid;place-items:center;background:transparent;padding:8px;border-radius:5px}.icon-button:hover{background:var(--showcase-hover)}.video-stage{background:#161d17;color:#e5e8df}.video-stage video{display:block;width:100%;height:min(53vh,530px);background:#0d120e}.video-placeholder{min-height:300px;height:min(45vh,430px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.placeholder-icon{width:72px;height:72px;display:grid;place-items:center;border:1px solid #414c38;border-radius:19px;color:#cbb477;background:#242e22;margin-bottom:10px}.video-placeholder h3{font-size:21px;font-weight:500;margin:14px 0 5px}.video-placeholder p{color:#c1c8b7;font-size:13px;margin-bottom:8px}.video-placeholder>span:last-child{font-size:11px;color:#9ba68f}.local-preview-controls{padding:13px 20px;border-top:1px solid #35402f;display:flex;align-items:center;justify-content:center;gap:14px}.local-file{display:inline-flex;position:relative;align-items:center;gap:7px;font-size:12px;background:#343e2e;border:1px solid #56604a;padding:8px 12px;border-radius:5px;cursor:pointer;overflow:hidden}.local-file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.local-file:focus-within{outline:2px solid #d7bd7b;outline-offset:3px}.local-preview-controls>span{font-size:10px;color:#b3bda6}.video-error,.fullscreen-error{padding:0 20px 12px;color:#f4bd9c;font-size:12px}.fullscreen-error{color:var(--showcase-notice-text);padding:10px 20px;margin:0}.dialog-description{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px}.dialog-description h2{font-size:23px;margin:9px 0}.dialog-description p{color:var(--showcase-muted);font-size:13px;line-height:1.8;margin:0 0 12px}.example-pill{font-size:10px;background:var(--showcase-notice);border-radius:4px;padding:6px 8px;white-space:nowrap;color:var(--showcase-notice-text)}.dialog-navigation{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--showcase-border);padding:14px 25px;margin-top:auto}.dialog-navigation button{display:flex;align-items:center;gap:6px;background:transparent;padding:8px 0;font-size:12px}.dialog-navigation>span{font-size:11px;color:var(--showcase-muted)}@media(min-width:1450px){.showcase-hero{padding-top:72px;padding-bottom:70px}}@media(max-width:1050px){.showcase-hero{gap:30px}.case-grid{gap:18px}.case-art{padding-left:23px;padding-right:23px}.card-body{padding:15px}.card-title-row h3{font-size:13px}.site-footer{margin:0 40px}.art-featured{padding-left:26px;padding-right:26px}.feature-bottom strong{font-size:13px}.hero-feature{padding:16px}.workflow-content{padding:10px}.search-box{min-width:260px}}@media(max-width:800px){.header-content,.showcase main{padding-left:24px;padding-right:24px}.site-header{height:76px}.showcase-hero{gap:24px;padding:40px 0}.hero-copy h1{font-size:31px}.hero-kicker{font-size:10px;letter-spacing:0}.hero-copy>p{font-size:12px}.hero-footnote{gap:8px;font-size:10px}.desktop-break,.hero-feature .workflow-sidebar{display:none}.hero-feature .art-caption{font-size:6px;top:11px}.art-featured{aspect-ratio:1.25;padding:25px 15px}.feature-bottom strong{font-size:12px}.feature-arrow{display:none}.library-heading{align-items:flex-start;flex-direction:column;gap:20px}.search-box{width:100%}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-toolbar{align-items:flex-start}.case-count{display:none}.category-tabs{gap:4px}.category-tabs button{padding:9px 10px}.site-footer{margin:0 24px}.dialog-description{flex-direction:column;gap:14px}.local-preview-controls{flex-direction:column;gap:8px}.dialog-description h2{font-size:20px}.case-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}@media(max-width:560px){.header-content,.showcase main{padding-left:18px;padding-right:18px}.site-brand img{width:35px;height:35px}.site-brand{gap:8px}.site-brand>span{font-size:17px}.site-brand small{font-size:8px;letter-spacing:2px}.header-content{gap:8px}.header-content nav{gap:6px}.theme-switch{gap:2px;padding:2px}.theme-switch button{padding:7px}.theme-label,.nav-current,.header-divider{display:none}.presentation-toggle{font-size:11px;padding:9px 6px}.showcase-hero{grid-template-columns:1fr;padding:31px 0;gap:28px}.hero-copy h1{font-size:clamp(29px,9vw,35px);line-height:1.4;margin-top:17px}.hero-copy>p{font-size:13px}.hero-footnote{margin-top:19px}.hero-feature{padding:15px 17px}.art-featured{aspect-ratio:1.85;padding:27px 45px}.hero-feature .workflow-sidebar{display:flex}.feature-bottom strong{font-size:15px}.feature-arrow{display:grid}.library-heading h2{font-size:22px}.case-library{padding-top:29px}.case-grid{grid-template-columns:1fr;gap:21px}.category-tabs button{font-size:11px;padding:8px 10px}.preview-notice{align-items:flex-start;font-size:10px}.preview-notice>svg{margin-top:2px}.card-title-row h3{font-size:17px}.card-body{padding:19px}.card-body>p{font-size:12px;min-height:0}.case-art{padding:35px 38px 29px}.art-featured{padding:28px 36px}.workflow-content{padding:12px 15px}.site-footer{margin:0 18px;flex-direction:column;gap:10px}.dialog-topbar{padding:10px 12px}.dialog-description{padding:20px}.dialog-description h2{font-size:18px}.video-placeholder{min-height:270px;height:auto;padding:22px 12px}.video-placeholder h3{font-size:17px}.video-placeholder p{font-size:11px}.video-placeholder>span:last-child{font-size:10px}.dialog-navigation{padding:12px 18px}.local-preview-controls{padding:12px}.local-preview-controls>span{font-size:9px}.presentation-mode .library-heading h2{font-size:24px}}@media(max-width:380px){.presentation-label{display:none}.presentation-toggle{min-width:36px;min-height:38px;padding:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.real-case-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.default-case-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;height:100%;padding:30px;color:#382f20;text-align:center}.default-case-cover strong{font-size:24px;max-width:100%;overflow-wrap:anywhere}.default-case-cover span{font-size:13px}@media(min-width:1051px){.case-grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.case-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.case-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}}#product-introduction{scroll-margin-top:100px}.site-header .product-nav{color:var(--showcase-muted);font-size:12px;text-decoration:none;white-space:nowrap}@media(max-width:760px){.site-header .product-nav{display:none}}