/* finesse · brand / enterprise editorial / SOUL 6 / SPECTACLE 2 / DENSITY 5.
   User constraints: existing official typography and black/white/gray interface. */
.hero-carousel{background:#fff}.hero-stage{position:relative;aspect-ratio:3/2;isolation:isolate}.hero-slide{position:absolute;inset:0;background:#fff;visibility:hidden;z-index:0}.hero-slide.is-active{visibility:visible;z-index:1}.hero-slide img{width:100%;height:100%;object-fit:contain}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:36px;display:grid;place-items:center;border:1px solid #e4e4e7;border-radius:50%;background:#fff;color:#18181b;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0001}.hero-prev{left:10px}.hero-next{right:10px}.hero-dots{display:flex;justify-content:center;gap:4px;padding:8px 0}.hero-dots button{display:grid;place-items:center;width:34px;height:30px;padding:0;border:0;background:transparent;cursor:pointer}.hero-dots button:before{content:'';width:7px;height:7px;border-radius:50%;background:#d4d4d8}.hero-dots button[aria-pressed=true]:before{background:#18181b}.hero-carousel button:focus-visible{outline:2px solid #18181b;outline-offset:2px}
:root{--ink:#18181b;--muted:#71717a;--line:#e4e4e7;--page-background:#fff;--soft:#f4f4f5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body.enterprise-page{margin:0;background:var(--page-background);color:var(--ink);font-family:Inter,PicsetNoto,system-ui,sans-serif;line-height:1.65;font-synthesis:none}h1,h2,h3,p,figure,dl,dd{margin:0}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button,summary{font:inherit}a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}h1,h2,h3{font-family:inherit;letter-spacing:-.035em}h1{font-size:clamp(34px,3.3vw,52px);line-height:1.3;font-weight:750}h2{font-size:clamp(27px,2.55vw,38px);line-height:1.38;font-weight:700}h3{font-size:16px;font-weight:650}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:100px}.eyebrow{font-size:13px;font-weight:650;letter-spacing:.1em;color:var(--muted);margin-bottom:20px}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--ink);color:white;padding:10px 16px}.skip-link:focus{top:10px}.home-header{border-bottom:1px solid var(--line);padding-block:20px}.home-header nav>a[href$="/invite"]{color:var(--muted)}.home-header nav span[class*="text-[9px]"]{background:var(--soft);color:var(--muted)}.home-header>div{max-width:1440px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;padding-block:78px 72px}.hero-copy .lead{margin-top:26px;color:var(--muted);font-size:16px;line-height:1.85}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:var(--ink);color:white;padding:15px 22px;border:1px solid var(--ink);border-radius:9px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.primary:hover{background:#343438;transform:translateY(-2px)}.primary span{font-size:21px;line-height:1}.quiet{display:inline-flex;align-items:center;gap:18px;font-size:14px}.quiet span{font-size:22px}.quiet:hover{text-decoration:underline;text-underline-offset:6px}.hero-foot{margin-top:34px;font-size:12px;color:var(--muted);letter-spacing:.08em}.hero-art{border:1px solid var(--line);border-radius:16px;overflow:hidden}.hero-art img{aspect-ratio:3/2;object-fit:contain;background:var(--soft)}.image-foot{padding:14px 20px;display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.feature-nav{position:sticky;top:0;background:var(--page-background);border-block:1px solid var(--line);z-index:20}.feature-nav .container{display:flex;gap:40px;align-items:center;min-height:62px}.feature-nav span{margin-right:auto;font-size:13px;font-weight:700}.feature-nav a{font-size:13px;color:var(--muted);padding:18px 0;border-bottom:2px solid transparent}.feature-nav a:hover,.feature-nav a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}.section-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:44px}.section-top .eyebrow{margin:0}.section-top>span{font-size:12px;color:var(--muted)}.main-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.feature-copy>p:not(.eyebrow){margin-top:24px;font-size:15px;color:var(--muted);line-height:1.95;max-width:480px}.copy-list{margin:30px 0}.copy-list>div{margin-top:20px}.copy-list dt{font-size:14px;font-weight:650}.copy-list dd{font-size:13px;color:var(--muted);margin-top:5px}.main-showcase{position:relative;padding-left:100px;padding-bottom:38px}.after{border-radius:14px;overflow:hidden;background:var(--soft);border:1px solid var(--line)}.after figcaption{padding:14px 20px;background:white;font-size:13px;display:flex;justify-content:space-between}.before{position:absolute;bottom:0;left:0;width:175px;padding:12px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 24px #18181b0c}.photo-label{display:block;margin-bottom:8px;font-size:11px;color:var(--muted)}.use-strip{display:flex;gap:44px;border-top:1px solid var(--line);margin-top:44px;padding-top:20px;font-size:13px}.use-strip>span{color:var(--muted);margin-right:auto}.detail-section{background:var(--soft)}.detail-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:end;margin-bottom:45px}.detail-heading>div>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.95}.strong{font-weight:650;margin-top:22px}.detail-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.detail-story figure{background:transparent;min-width:0}.detail-story img{aspect-ratio:1;object-fit:contain;border:1px solid var(--line);border-radius:12px}.detail-story figcaption{display:flex;gap:14px;margin-top:20px}.detail-story figcaption>span{font-size:12px;color:var(--muted);padding-top:3px}.detail-story h3{font-size:15px;letter-spacing:0}.detail-story figcaption p{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.8}.detail-end{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid #d4d4d8;margin-top:35px;padding-top:24px}.detail-end b{font-size:18px;font-weight:650}.detail-end p{font-size:13px;color:var(--muted)}.ad-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:90px;align-items:center}.ad-poster img{border-radius:12px}.ad-poster figcaption{font-size:12px;color:var(--muted);padding-top:15px}.ad-mini{display:flex;align-items:center;gap:16px;margin-top:28px}.ad-mini img{width:70px;border:1px solid var(--line);border-radius:8px}.ad-mini p{font-size:12px;color:var(--muted)}.ad-mini b{font-weight:500;color:var(--ink)}.workflow{border-block:1px solid var(--line);background:#fafafa}.workflow-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.workflow-lead{color:var(--muted);font-size:14px;margin-top:22px}.workflow ol{counter-reset:step;padding:0;margin:28px 0 0;list-style:none}.workflow li{position:relative;counter-increment:step;padding:0 0 24px 40px}.workflow li:before{content:counter(step);position:absolute;left:0;top:0;width:26px;height:26px;border:1px solid #d4d4d8;border-radius:50%;display:grid;place-items:center;font-size:11px}.workflow li b{font-size:14px;font-weight:600}.workflow li p{font-size:12px;color:var(--muted);margin-top:4px;max-width:280px}.demo-frame{border:1px solid #d4d4d8;border-radius:14px;overflow:hidden;background:white}.demo-header{display:flex;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);font-size:12px}.demo-header span:last-child{color:var(--muted)}.demo-frame>p{font-size:11px;color:var(--muted);padding:14px 20px;border-top:1px solid var(--line)}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.faq-section>div>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:20px}.questions details{border-bottom:1px solid var(--line);padding:0;background:none;border-radius:0}.questions details:first-child{border-top:1px solid var(--line)}.questions summary{font-size:14px;font-weight:550;padding:21px 30px 21px 0;cursor:pointer;position:relative;list-style:none}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:4px;font-size:20px;font-weight:400;top:16px}.questions details[open] summary:after{content:'−'}.questions details p{color:var(--muted);font-size:13px;margin:0;padding:0 25px 22px 0;line-height:1.9}.related.wrap{width:min(1240px,calc(100% - 96px));padding:0 0 65px;margin:auto}.related .center-title{text-align:left;margin:0 0 24px}.related .center-title h2{font-size:23px}.related-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.related-tool-card{border-radius:9px;min-height:84px;padding:16px;background:#fafafa;box-shadow:none}.related-tool-copy h3{font-size:14px;letter-spacing:0}.related-tool-copy p{font-size:11px}.related-tool-icon{width:34px;height:34px;background:white}.related-tool-arrow{width:24px;height:24px}.closing{background:var(--soft);padding:56px 0;text-align:left}.closing>.container{display:flex;align-items:center;justify-content:space-between;gap:30px}.closing .eyebrow{margin-bottom:12px}.closing h2{font-size:28px}.closing p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:12px}.closing .primary{flex-shrink:0}.home-footer{background:white}.home-footer p{font-size:12px}
@media(min-width:1600px){.hero{padding-block:96px}.section{padding-block:110px}}
@media(max-width:1100px){.container,.related.wrap{width:calc(100% - 56px)}.hero{gap:35px}.main-grid,.ad-grid,.workflow-grid,.faq-section{gap:40px}.detail-heading{gap:50px}.main-showcase{padding-left:55px}.before{width:140px}.feature-nav .container{gap:28px}.section{padding-block:75px}}
@media(max-width:760px){html{scroll-padding-top:65px}.container,.related.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;gap:30px;padding:42px 0}.hero h1{font-size:37px}.hero-copy .lead{font-size:14px;margin-top:20px}.desktop-break{display:none}.actions{gap:22px;margin-top:25px}.primary{padding:13px 18px;gap:25px}.hero-foot{margin-top:20px}.feature-nav .container{gap:24px;overflow:auto;min-height:55px}.feature-nav span{display:none}.feature-nav a{white-space:nowrap;font-size:12px;padding:15px 0}.section{padding-block:54px}.section-top{margin-bottom:28px}.section-top>span{font-size:10px}.main-grid,.detail-heading,.ad-grid,.workflow-grid,.faq-section{grid-template-columns:1fr;gap:30px}.feature-copy>p:not(.eyebrow){font-size:14px;margin-top:20px}.copy-list{margin:24px 0}.main-showcase{padding-left:65px;margin-top:8px}.before{width:140px}.use-strip{gap:16px;flex-wrap:wrap;margin-top:30px;font-size:11px}.use-strip>span{width:100%}.detail-heading{margin-bottom:28px}.detail-heading>div>p:not(.eyebrow){font-size:14px}.detail-story{grid-template-columns:1fr;gap:28px}.detail-story figure{display:grid;grid-template-columns:1.05fr 1fr;gap:18px;align-items:center}.detail-story figcaption{margin:0;gap:10px;display:block}.detail-story figcaption>span{display:block;margin-bottom:8px}.detail-story h3{font-size:14px}.detail-story figcaption p{font-size:12px}.detail-end{grid-template-columns:1fr;gap:12px;margin-top:26px}.detail-end b{font-size:16px}.ad-grid .feature-copy{grid-row:1}.ad-poster{max-width:520px}.workflow ol{margin-bottom:0}.workflow li:last-child{padding-bottom:0}.faq-section{gap:26px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-tool-card{padding:12px;gap:10px;min-height:76px}.related-tool-copy p{display:none}.related-tool-icon{width:28px;height:28px;flex-shrink:0}.related-tool-copy h3{font-size:12px}.related-tool-arrow{width:18px;flex-shrink:0}.closing{padding:40px 0}.closing>.container{align-items:flex-start;flex-direction:column;gap:24px}.closing h2{font-size:25px}.closing p:not(.eyebrow){font-size:13px}.home-header{padding-block:16px}.eyebrow{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.primary:hover{transform:none}}

@media(max-width:850px){.home-header nav{flex-wrap:wrap;justify-content:flex-start;gap:4px;min-width:0}.home-header nav>a,.home-more>summary{min-height:40px}.home-header>div{min-width:0}.home-header nav .home-login{margin-left:auto}}

/* Quiet tool directory: aligned rows, open icons, restrained chevrons. */
.related .center-title{margin-bottom:20px}.related .center-title h2{font-size:23px}
.related .related-grid{gap:0 36px;border-top:1px solid var(--line)}
.related .related-tool-card{min-height:88px;padding:19px 0;gap:15px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;transition:background .2s}
.related .related-tool-card:hover{background:#fafafa;border-color:var(--line);box-shadow:none}
.related .related-tool-card>.related-tool-icon{flex:0 0 28px;width:28px;height:28px;background:none;border:0;border-radius:0;color:#52525b}
.related .related-tool-icon svg{width:22px;height:22px;stroke-width:1.6}
.related .related-tool-card h3{font-size:14px;font-weight:600;margin:0 0 4px}
.related .related-tool-card p{font-size:12px;color:var(--muted)}
.related .related-tool-card>.related-tool-arrow{flex:0 0 20px;width:20px;height:20px;background:none;border-radius:0;color:#a1a1aa}
.related .related-tool-arrow svg{width:18px;height:18px;stroke-width:1.6}
.related .related-tool-card:hover .related-tool-arrow{color:var(--ink);transform:translateX(2px)}
@media(max-width:640px){.related .related-grid{grid-template-columns:1fr;gap:0}.related .related-tool-card{min-height:76px;padding:16px 0}.related .related-tool-card p{display:block;font-size:11px}.related .related-tool-card h3{font-size:14px}.related .related-tool-card>.related-tool-icon{flex-basis:28px}.related .center-title h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.related .related-tool-card:hover .related-tool-arrow{transform:none}}

/* Automatically synced article guides: editorial cards keep the page useful after the case gallery. */
.articles-section{background:#fafafa;border-block:1px solid var(--line)}
.articles-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:34px}
.articles-heading h2{margin:0}
.articles-heading p{max-width:430px;margin:0;color:var(--muted);font-size:15px;line-height:1.85}
.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-card{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--page-background);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.guide-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgb(24 24 27 / 8%)}
.guide-card-link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}
.guide-card-cover{aspect-ratio:16/9;background:#f1f1f2;overflow:hidden}
.guide-card-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.guide-card:hover .guide-card-cover img{transform:scale(1.02)}
.guide-card-body{display:flex;min-height:205px;flex:1;flex-direction:column;padding:20px 20px 22px}
.guide-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--muted);font-size:15px;line-height:1.5}
.guide-card-type{padding-left:8px;border-left:2px solid var(--ink);color:var(--ink);font-weight:600}
.guide-card h3{margin:0 0 9px;font-size:18px;font-weight:650;line-height:1.5;letter-spacing:0}
.guide-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:15px;line-height:1.8;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.guide-card-read{display:inline-flex;align-items:center;gap:12px;margin-top:auto;padding-top:18px;color:var(--ink);font-size:15px;font-weight:600}
.guide-card-read span,.articles-all span{font-size:16px;font-weight:400;line-height:1}
.articles-all{display:inline-flex;align-items:center;gap:12px;margin-top:28px;border-bottom:1px solid var(--ink);color:var(--ink);font-size:13px;font-weight:600;line-height:2;text-decoration:none}
.articles-all:hover{border-bottom-color:var(--muted);color:var(--muted)}
@media(max-width:1100px){.articles-grid{gap:14px}.guide-card-body{padding:17px 17px 19px}.guide-card h3{font-size:17px}}
@media(max-width:760px){.articles-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:26px}.articles-heading p{font-size:13px}.articles-grid{grid-template-columns:1fr;gap:14px}.guide-card-cover{aspect-ratio:1.8}.guide-card-body{min-height:0;padding:18px}.guide-card h3{font-size:18px}.articles-all{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.guide-card,.guide-card-cover img{transition:none}.guide-card:hover{transform:none}.guide-card:hover .guide-card-cover img{transform:none}}

/* Feature names are the primary section headings. */
.module-title{font-size:34px;font-weight:750;line-height:1.35;letter-spacing:-.025em;color:var(--ink);margin:0}
.feature-heading{font-size:29px;font-weight:650;line-height:1.45;letter-spacing:-.025em}
.section-top{align-items:center}.detail-heading .module-title,.ad-grid .module-title{margin-bottom:24px}
.main-showcase{padding-left:100px;padding-bottom:0}
.main-showcase .before{bottom:90px;width:175px;z-index:2}
.main-showcase .photo-label{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:10px}
.main-showcase .after figcaption{padding-left:20px;font-size:14px}
@media(max-width:1100px){.main-showcase{padding-left:55px}.main-showcase .before{width:140px;bottom:75px}}
@media(max-width:760px){.module-title{font-size:29px}.feature-heading{font-size:25px}.detail-heading .module-title,.ad-grid .module-title{margin-bottom:18px}.main-showcase{padding-left:65px;padding-bottom:0}.main-showcase .before{width:125px;bottom:70px;padding:10px}.main-showcase .photo-label{font-size:14px}.main-showcase .after figcaption{font-size:13px}.section-top>span{max-width:115px;text-align:right}}

/* finesse · scoped detail redesign / quiet visual sequence / density 3. */
.detail-refresh{background:#f4f4f5}
.detail-refresh .detail-heading{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:70px;align-items:start;margin-bottom:36px;padding-bottom:32px;border-bottom:1px solid #d4d4d8}
.detail-refresh .detail-heading .module-title{margin-bottom:14px}
.detail-refresh .feature-heading{font-size:21px;line-height:1.65;font-weight:550;letter-spacing:0;max-width:430px;color:#52525b}
.detail-refresh .detail-heading>div>p{font-size:14px;line-height:1.9}
.detail-refresh .strong{margin-top:16px}
.detail-refresh .detail-story{gap:26px;grid-template-columns:repeat(3,minmax(0,1fr))}
.detail-refresh .detail-story img{border:0;border-radius:8px;background:white;aspect-ratio:1;object-fit:contain}
.detail-refresh .detail-story figcaption{display:block;margin-top:22px}
.detail-refresh .detail-story figcaption>.detail-step{display:block;font-size:12px;letter-spacing:.04em;color:#71717a;padding:0;margin-bottom:9px}
.detail-refresh .detail-story h3{font-size:17px;font-weight:650;line-height:1.65;letter-spacing:0}
.detail-refresh .detail-story figcaption p{font-size:13px;line-height:1.85;margin-top:7px}
.detail-refresh .detail-end{margin-top:35px;padding-top:22px;gap:35px;align-items:center}
.detail-refresh .detail-end b{font-size:16px}
@media(max-width:1100px){.detail-refresh .detail-heading{gap:35px}.detail-refresh .detail-story{gap:20px}.detail-refresh .detail-story h3{font-size:15px}}
@media(max-width:760px){.detail-refresh .detail-heading{grid-template-columns:minmax(0,1fr);gap:20px;padding-bottom:26px;margin-bottom:28px}.detail-refresh .feature-heading{font-size:19px}.detail-refresh .detail-story{grid-template-columns:minmax(0,1fr);gap:32px}.detail-refresh .detail-story figure{display:block}.detail-refresh .detail-story figcaption{margin-top:16px}.detail-refresh .detail-story h3{font-size:18px}.detail-refresh .detail-story figcaption p{font-size:14px}.detail-refresh .detail-end{grid-template-columns:minmax(0,1fr);gap:10px}.detail-refresh .detail-story figcaption>.detail-step{font-size:12px;margin-bottom:7px}}

/* Finished detail-image artwork keeps its portrait format and full copy. */
.detail-refresh .detail-finished img{aspect-ratio:2/3;object-fit:contain;height:auto;border:1px solid #e4e4e7}
.detail-refresh .detail-finished figcaption{margin-top:18px}
@media(max-width:760px){.detail-refresh .detail-finished{max-width:480px;margin-inline:auto}.detail-refresh .detail-finished img{aspect-ratio:2/3}}

/* Single generated main-image comparison artwork. */
.main-showcase.main-single-art{padding:0;margin:0;position:static;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--page-background)}
.main-single-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
@media(max-width:760px){.main-showcase.main-single-art{padding:0;margin-top:8px}}

/* finesse · page audit 2026-10-13 / calmer rhythm, clearer section starts. */
html,body{overflow-x:clip}
.hero-copy{min-width:0}.hero-copy h1{max-width:520px;text-wrap:balance}.hero-art{background:var(--page-background)}
.main-feature,.ad-section{padding-top:88px;padding-bottom:92px}.main-feature .section-top{margin-bottom:54px}.main-feature .feature-copy{padding-top:8px}
.feature-copy .primary{margin-top:6px}.detail-refresh .detail-heading>div:first-child{padding-top:3px}
.ad-section .feature-copy{padding-top:8px}.ad-section .feature-copy>p:not(.eyebrow){max-width:450px}.ad-section .copy-list{margin-bottom:30px}
.workflow{padding-block:88px}.workflow-grid{align-items:start}.workflow-grid>div:first-child{padding-top:8px}
.faq-section{padding-top:88px;padding-bottom:88px}.related.wrap{padding-bottom:80px}.closing{padding-block:64px}
@media(max-width:1100px){.hero{gap:42px}.main-grid,.ad-grid{gap:48px}.main-feature,.ad-section{padding-block:75px}.workflow,.faq-section{padding-block:72px}}
@media(max-width:760px){.hero{padding-top:38px;padding-bottom:54px}.main-feature,.ad-section,.workflow,.faq-section{padding-block:58px}.main-feature .section-top{margin-bottom:32px}.workflow-grid>div:first-child{padding-top:0}.related.wrap{padding-bottom:52px}.closing{padding-block:46px}}

/* Responsive header and dependable tap targets across intermediate widths. */
.primary,.quiet{white-space:nowrap;flex-shrink:0;min-height:44px}.actions{flex-wrap:wrap;gap:16px 26px}.actions .quiet{padding-block:8px}
.module-title{font-size:clamp(29px,2.5vw,36px);line-height:1.4}.ad-grid .module-title{margin-bottom:18px}.main-feature .section-top{padding-bottom:22px}
.hero-arrow{width:44px;height:44px;font-size:28px}.hero-prev{left:8px}.hero-next{right:8px}.hero-dots button{width:44px;height:36px}.hero-dots{padding-block:6px}
.home-header{position:relative}.site-menu-toggle,.mobile-login{display:none}
@media(min-width:1101px) and (max-width:1380px){.home-header{padding-inline:20px}.home-header>div{gap:18px}.home-header nav{gap:0}.home-header nav>a,.home-more>summary{font-size:13px;padding-inline:5px;gap:5px}.home-header nav>a>svg,.home-more>summary>svg:first-child{display:none}.home-header nav span[class*="text-[9px]"]{padding-inline:4px}}
@media(max-width:1100px){
 .home-header{padding:16px 20px}.home-header>div{flex-wrap:nowrap;gap:10px;justify-content:flex-start}.home-header>div>a:first-child{margin-right:auto;gap:9px}
 .site-menu-toggle{display:flex;align-items:center;gap:5px;height:42px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--ink);font-size:13px;cursor:pointer}.site-menu-toggle svg{width:14px;height:14px;display:block}
 .mobile-login{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 10px;border-radius:8px;background:var(--soft);font-size:12px;white-space:nowrap}
 .home-header nav{display:none;position:absolute;inset:100% 20px auto;margin:0;width:auto;padding:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border:1px solid var(--line);border-radius:12px;background:var(--page-background);box-shadow:0 12px 24px #18181b0a}
 .home-header[data-menu-open] nav{display:grid}.home-header nav>a,.home-more>summary{font-size:13px;padding:10px 8px;min-height:44px;gap:8px}.home-header nav .hidden{display:inline}.home-header nav>a>svg,.home-more>summary>svg:first-child{display:block;width:17px;height:17px}.home-header nav .home-login{display:none}.home-more{grid-column:1/-1}.home-more>summary{width:100%}.home-more[open] .home-tools{position:static;width:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;background:var(--soft);box-shadow:none;margin:4px 0 8px;padding:8px}.home-tools a{font-size:12px;padding:10px 8px}.site-menu-toggle[aria-expanded=true]{background:var(--soft)}
}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:48px}.hero-copy h1{font-size:42px;max-width:600px}.hero-copy .lead{max-width:600px}.hero-art{max-width:650px;width:100%;justify-self:center}.main-grid,.ad-grid,.workflow-grid{grid-template-columns:minmax(0,1fr);gap:34px}.main-feature .feature-copy>p,.ad-section .feature-copy>p:not(.eyebrow){max-width:680px}.main-single-art{max-width:850px}.ad-grid .feature-copy{grid-row:1}.ad-poster{width:min(100%,600px);justify-self:center}.workflow-grid>div:first-child{display:block}.workflow ol{max-width:650px}.workflow li p{max-width:550px}.demo-frame{width:100%;max-width:850px;justify-self:center}}
@media(max-width:640px){.home-header{padding-inline:16px}.home-header>div>a>div{width:36px;height:36px;border-radius:12px}.home-header>div>a>span{font-size:17px}.hero-copy h1{font-size:clamp(32px,9vw,37px)}.hero-copy .lead{font-size:15px}.actions{gap:12px 20px}.actions .quiet{font-size:13px;gap:12px}.feature-copy>p:not(.eyebrow){font-size:15px}.copy-list dd{font-size:14px}.workflow-lead{font-size:15px}.workflow li p{font-size:14px}.workflow li b{font-size:15px}.questions summary{font-size:15px;line-height:1.7}.questions details p{font-size:14px}.hero-arrow{width:40px;height:40px}.hero-prev{left:6px}.hero-next{right:6px}.hero-dots button{height:40px}.related .related-tool-card p{font-size:12px}.hero-foot{font-size:13px}}
.site-menu-toggle:focus-visible,.mobile-login:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* Taste Skill · FAQ refinement · variance 3 / motion 2 / density 5.
   Centered customer help panel; native disclosure semantics; existing brand tokens. */
.faq-designed.container{display:block;width:min(960px,calc(100% - 96px));padding-block:64px 72px}
.faq-designed .faq-intro{text-align:center;margin:0 auto 30px}
.faq-designed .faq-intro h2{font-size:clamp(28px,2.6vw,36px);font-weight:750;line-height:1.4;letter-spacing:-.035em;text-wrap:balance}
.faq-designed .faq-intro>p:not(.eyebrow){margin-top:12px;font-size:15px;line-height:1.8;color:var(--muted)}
.faq-designed .questions{width:100%;max-width:none;margin:0;border:1px solid var(--line);border-radius:16px;background:var(--page-background);overflow:hidden}
.faq-designed .questions details{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.faq-designed .questions details:first-child{border:0}
.faq-designed .questions details+details{border-top:1px solid var(--line)}
.faq-designed .questions summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:74px;padding:20px 28px;font-size:16px;line-height:1.7;font-weight:600;color:var(--ink);list-style:none;transition:background-color .18s ease}
.faq-designed .questions summary:after{position:static;inset:auto;transform:none;content:'+';display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--page-background);color:var(--muted);font-size:23px;line-height:1;font-weight:400}
.faq-designed .questions summary:hover,.faq-designed .questions summary:active{background:var(--soft)}
.faq-designed .questions summary:hover:after{border-color:var(--ink);color:var(--ink)}
.faq-designed .questions summary:focus-visible{outline:2px solid var(--ink);outline-offset:-4px;border-radius:6px}
.faq-designed .questions details[open]{background:var(--soft)}
.faq-designed .questions details[open] summary:after{content:'−';background:var(--ink);color:var(--page-background);border-color:var(--ink)}
.faq-designed .questions details p{max-width:820px;margin:0;padding:0 82px 26px 28px;font-size:15px;line-height:1.9;color:var(--muted);text-wrap:pretty}
@media(max-width:1100px){.faq-designed.container{width:min(960px,calc(100% - 56px))}}
@media(max-width:760px){
 .faq-designed.container{width:calc(100% - 40px);padding-block:48px 52px}
 .faq-designed .faq-intro{margin-bottom:25px}
 .faq-designed .questions{border-radius:12px}
 .faq-designed .questions summary{gap:14px;padding:18px;min-height:70px;font-size:15px}
 .faq-designed .questions summary:after{flex-basis:28px;width:28px;height:28px;font-size:22px;border-radius:7px}
 .faq-designed .questions details p{padding:0 18px 22px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){.faq-designed .questions summary{transition:none}}

/* Restored creative showcase, using existing official-site assets. */
.showcase-section{background:var(--soft);padding-block:72px}
.showcase-heading h2{font-size:clamp(28px,2.6vw,36px);font-weight:750;line-height:1.4}
.showcase-heading p{margin-top:14px;color:var(--muted);font-size:15px;line-height:1.8}
.showcase-filters{display:flex;flex-wrap:wrap;gap:8px;margin-block:26px 28px}
.showcase-filters button{font:inherit;font-size:14px;min-height:44px;padding:9px 18px;border:1px solid var(--line);border-radius:8px;background:var(--page-background);color:var(--muted);cursor:pointer;white-space:nowrap}
.showcase-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--page-background)}
.showcase-filters button:hover{border-color:var(--ink)}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px}
.showcase-card{min-width:0}.showcase-card[hidden]{display:none}
.showcase-cover{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--page-background);cursor:zoom-in}
.showcase-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.showcase-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.showcase-caption h3{font-size:14px;font-weight:600;line-height:1.6;letter-spacing:0}
.showcase-view{flex-shrink:0;font:inherit;font-size:12px;min-height:44px;padding:6px 0 6px 8px;border:0;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap}
.showcase-view span{font-size:18px;margin-left:3px}.showcase-view:hover{color:var(--ink)}
.showcase-source{margin-top:24px;font-size:12px;color:var(--muted)}
#showcase-dialog{width:min(1000px,calc(100% - 48px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:var(--page-background);overflow:auto}
#showcase-dialog::backdrop{background:rgb(24 24 27 / .55);backdrop-filter:none}
.showcase-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px}
.showcase-dialog-heading h3{font-size:16px;letter-spacing:0}
.showcase-dialog-close{flex-shrink:0;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:var(--soft);color:var(--ink);font-size:27px;cursor:pointer}
.showcase-dialog-image{display:block;width:100%;height:auto}
#showcase-dialog>p{padding:14px 20px;font-size:13px;color:var(--muted)}
.showcase-section button:focus-visible,#showcase-dialog button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:1100px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.showcase-section{padding-block:48px}.showcase-grid{grid-template-columns:minmax(0,1fr);gap:20px}.showcase-filters{margin-block:22px 24px;gap:8px}.showcase-filters button{padding-inline:14px}.showcase-caption h3{font-size:15px}.showcase-source{font-size:13px}#showcase-dialog{width:calc(100% - 32px);max-height:calc(100dvh - 32px)}.showcase-dialog-heading{padding:10px 14px}}

/* Clear heading for the real workflow demonstration. */
.demo-frame .demo-title{padding:18px 20px;border-bottom:1px solid var(--line);font-size:20px;font-weight:650;line-height:1.5;letter-spacing:0}
@media(max-width:640px){.demo-frame .demo-title{padding:15px 16px;font-size:18px}}

/* Larger workflow reading scale and balanced vertical spacing. */
.workflow .workflow-grid{width:min(1320px,calc(100% - 96px));grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:stretch}
.workflow-grid>div:first-child{display:flex;flex-direction:column;min-width:0;padding-top:8px}
.workflow .workflow-lead{font-size:17px;line-height:1.85;margin-top:24px}
.workflow ol{display:grid;gap:34px;margin-top:30px}
.workflow li{padding:0 0 0 56px;min-height:76px}
.workflow li:before{width:38px;height:38px;top:0;font-size:16px;font-weight:550;border-color:var(--line);background:var(--page-background)}
.workflow li b{display:block;font-size:19px;line-height:1.55;font-weight:650}
.workflow li p{font-size:16px;line-height:1.85;margin-top:8px;max-width:370px}
.workflow .demo-frame{max-width:none;align-self:start}
@media(min-width:1101px){.workflow ol{flex:1;align-content:space-between;padding-bottom:14px}}
@media(max-width:1100px){.workflow .workflow-grid{width:calc(100% - 56px);gap:40px}.workflow ol{gap:28px}.workflow li b{font-size:18px}.workflow li p{font-size:16px}}
@media(max-width:900px){.workflow .workflow-grid{grid-template-columns:minmax(0,1fr);gap:36px}.workflow-grid>div:first-child{display:block;padding-top:0}.workflow ol{max-width:680px}.workflow li p{max-width:550px}.workflow .demo-frame{max-width:850px}}
@media(max-width:640px){.workflow .workflow-grid{width:calc(100% - 40px)}.workflow .workflow-lead{font-size:16px;margin-top:20px}.workflow ol{gap:28px;margin-top:28px}.workflow li{padding-left:50px;min-height:72px}.workflow li:before{width:34px;height:34px;font-size:15px}.workflow li b{font-size:18px}.workflow li p{font-size:15px;line-height:1.85;margin-top:7px}}

/* Connect each numbered step to the next marker. */
.workflow ol{position:relative;align-content:stretch;--step-gap:34px;gap:var(--step-gap)}
.workflow li:not(:last-child):after{content:'';position:absolute;left:19px;top:38px;bottom:calc(-1 * var(--step-gap));width:1px;background:#d4d4d8;pointer-events:none}
@media(max-width:1100px){.workflow ol{--step-gap:28px}}
@media(max-width:640px){.workflow li:not(:last-child):after{left:17px;top:34px}}

/* Expanded industry gallery with progressively disclosed examples. */
.showcase-filters{gap:8px;max-width:1100px}
.showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px}
.showcase-bottom .showcase-source{margin:0;font-size:13px}
.showcase-more{font:inherit;font-size:14px;font-weight:550;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:8px;background:var(--page-background);color:var(--ink);cursor:pointer;white-space:nowrap}
.showcase-more:hover{border-color:var(--ink)}.showcase-more[hidden]{display:none}
.showcase-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:640px){.showcase-bottom{align-items:flex-start;flex-direction:column;gap:14px}.showcase-filters button{padding-inline:12px}}

/* Filter real examples by both product category and image purpose. */
.showcase-filters{margin-bottom:16px}
.showcase-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.showcase-types button{font:inherit;font-size:15px;font-weight:550;min-height:44px;border:0;border-radius:6px;padding:8px 14px;background:transparent;color:var(--muted);cursor:pointer}
.showcase-types button[aria-pressed=true]{background:var(--page-background);color:var(--ink);box-shadow:inset 0 -2px var(--ink)}
.showcase-types button:hover{color:var(--ink)}
@media(max-width:640px){.showcase-types{gap:4px}.showcase-types button{padding-inline:12px}}