/* Frame sizes remain inherited from FIND. Artwork and accessible captions are separate. */
.catalog-reference .feature-visual{grid-template-columns:minmax(0,1fr);justify-content:stretch}
.catalog-reference .feature-visual .visual-workspace{width:94%;box-sizing:border-box}
.catalog-reference .visual-controls small,.catalog-reference .visual-integrations>small{display:block;line-height:1.2;margin:0;padding:0;letter-spacing:0}
@container(max-width:360px){.catalog-reference .visual-controls{gap:6px}.catalog-reference .visual-controls>div{padding:6px 8px}}
.catalog-reference .feature-visual{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:12px;padding:6%;box-sizing:border-box}
.catalog-reference .feature-visual .visual-stamp{position:static;justify-self:start;line-height:1.3;font-size:11px}
.catalog-reference .feature-visual>.reference-screen{align-self:center;justify-self:center;height:86%;max-width:90%}
.catalog-reference .visual-map{height:90%;width:94%}
.visual-integrations,.visual-controls,.visual-dish{width:88%;display:grid;gap:18px}
.visual-integrations>b,.visual-controls>b,.dish-heading{font-size:clamp(19px,2.2vw,30px);font-weight:500;line-height:1.15}
.visual-integrations>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.visual-integrations span{display:flex;flex-direction:column;gap:12px;background:#fff9;border:1px solid #fff;padding:16px;border-radius:14px;font-size:15px}
.visual-integrations i{font-size:12px;font-style:normal;opacity:.7}.visual-integrations>small{font-size:13px}
.visual-controls>div{display:grid;gap:6px;padding:14px 16px;border:1px solid #fff;background:#fff9;border-radius:12px}.visual-controls span{font-size:18px}.visual-controls small{font-size:13px}
.visual-dish{grid-template-columns:1fr 1fr;align-items:center}.dish-heading{grid-column:1/-1}.dish-plate{aspect-ratio:1;border:10px double #fff;border-radius:50%;display:grid;place-items:center;background:#fff5}.dish-plate svg{width:60%;height:60%}.dish-options{display:grid;gap:16px}.dish-options span{font-size:15px;line-height:1.4;border-bottom:1px solid #0002;padding-bottom:12px}
@container(max-width:360px){.catalog-reference .feature-visual{gap:8px;padding:5%}.catalog-reference .feature-visual .visual-workspace{width:100%;padding:10px;gap:6px;margin:0}.catalog-reference .feature-visual .visual-workspace>div{gap:4px}.catalog-reference .feature-visual .visual-workspace span{padding:5px 7px}.catalog-reference .feature-visual .visual-workspace b{font-size:18px}.catalog-reference .feature-visual .visual-workspace em{line-height:1.3}.catalog-reference .feature-visual .visual-workspace svg{width:28px;height:28px}.visual-integrations,.visual-controls,.visual-dish{width:100%;gap:10px}.visual-integrations>div{gap:8px}.visual-integrations span{padding:10px 8px;gap:7px;font-size:13px}.visual-integrations>small{font-size:12px}.visual-controls>div{padding:8px 10px;gap:3px}.visual-controls span{font-size:15px}.visual-controls small{font-size:12px}.dish-options{gap:10px}.dish-options span{font-size:13px;padding-bottom:8px}}
@media(max-width:767px){.catalog-reference .reference-flow>small{display:none}.catalog-reference .reference-flow>span{font-size:11px}.catalog-flow-details>small{font-size:12px;line-height:1.5}}
.catalog-reference .feature-visual .reference-screen{max-height:none}
.catalog-reference .reference-feature{container-type:inline-size}
@container(max-width:360px){.feature-visual .visual-workspace{padding:12px;gap:8px;margin-bottom:15px}.feature-visual .visual-workspace svg,.feature-visual .visual-choice svg{width:32px;height:32px}.feature-visual .visual-workspace b{font-size:18px}.feature-visual .visual-workspace span,.feature-visual .visual-choice span{font-size:12px;padding:6px 8px}.feature-visual .visual-workspace em{font-size:12px}.feature-visual .visual-workspace>div{gap:5px}.feature-visual .visual-timeline{gap:8px;margin-bottom:15px}.feature-visual .visual-timeline>div{padding:8px;gap:8px}.feature-visual .visual-timeline b{width:30px;height:30px;font-size:12px}.feature-visual .visual-timeline span{font-size:15px}.feature-visual .visual-choice{gap:12px;margin-bottom:15px}.feature-visual .visual-choice strong{font-size:22px}.feature-visual .visual-network{gap:12px}.feature-visual .visual-network b{font-size:22px;padding:15px}.feature-visual .visual-network span{font-size:14px;padding:12px}.feature-visual .visual-stamp{font-size:10px}}
.catalog-reference .reference-feature{padding:0;display:block}.feature-visual{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 85% 10%,#fff9,transparent 60%)}
.feature-visual .reference-screen{height:76%;width:auto;max-width:70%;transform:rotate(-4deg)}.visual-stamp{position:absolute;bottom:5%;left:7%;font-size:11px;letter-spacing:.08em}.catalog-feature-description{font-size:16px;line-height:1.6;max-width:34em;margin:12px 0 0;font-weight:400;letter-spacing:0}
.visual-diagram svg{width:72px;height:72px}.visual-diagram strong{font-size:clamp(22px,2.5vw,38px);font-weight:500;line-height:1.15}.visual-choice{display:flex;flex-direction:column;gap:24px;width:78%}.visual-choice>div{display:flex;flex-wrap:wrap;gap:8px}.visual-choice span,.visual-workspace span{background:#fff9;border:1px solid #0001;padding:12px 16px;border-radius:30px;font-size:14px}.visual-workspace{width:76%;padding:7%;background:#ffffff80;border:1px solid #fff;border-radius:20px;box-shadow:0 24px 40px #00000008;display:flex;flex-direction:column;gap:20px}.visual-workspace b{font-size:24px;font-weight:500;line-height:1.2}.visual-workspace>div{display:flex;flex-wrap:wrap;gap:8px}.visual-workspace em{font-style:normal;font-size:14px;line-height:1.4}
.visual-timeline{width:76%;display:flex;flex-direction:column;gap:20px}.visual-timeline>div{display:flex;align-items:center;gap:18px;background:#fff9;padding:18px;border-radius:14px;box-shadow:0 8px 20px #00000005}.visual-timeline b{border:1px solid currentColor;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:14px;flex:none}.visual-timeline span{font-size:20px;line-height:1.3}
.visual-map{position:relative;width:80%;height:72%;background:repeating-linear-gradient(25deg,transparent 0 50px,#fff8 51px 58px,transparent 59px 100px),repeating-linear-gradient(110deg,transparent 0 65px,#fff8 66px 73px,transparent 74px 110px);border-radius:24px;display:grid;place-items:center}.visual-map>div{z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}.visual-map b{font-size:20px}.visual-map i{position:absolute;border:1px solid currentColor;opacity:.16;border-radius:50%;width:80%;aspect-ratio:1}.visual-map i:nth-child(2){width:60%}.visual-map i:nth-child(3){width:40%}.visual-map span{position:absolute;padding:9px 14px;background:white;border-radius:20px;font-size:14px;top:15%;left:4%}.visual-map span:last-child{top:auto;left:auto;bottom:13%;right:3%}
.visual-network{width:78%;display:grid;gap:22px;grid-template-columns:1fr 1fr}.visual-network b{grid-column:1/-1;padding:25px;text-align:center;border:1px solid currentColor;border-radius:20px;font-size:28px;font-weight:500}.visual-network span{padding:18px;background:#fff9;border-radius:12px;text-align:center;font-size:16px}.visual-network span:last-child{grid-column:1/-1}
.catalog-enlarge{position:absolute;bottom:0;left:0;width:100%;min-height:44px;background:#122c27;color:white;border:0;font:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.catalog-enlarge span{font-size:12px}.catalog-contact-fallback{display:block;padding:15px 0;min-height:44px;font-size:14px;text-decoration:underline}.catalog-flow-details{display:none}.reference-showcase>small,.reference-flow>small{font-size:12px!important;line-height:1.4}
.catalog-viewer{border:1px solid #aaa;border-radius:16px;width:calc(100vw - 24px);max-width:960px;height:calc(100dvh - 24px);max-height:1000px;padding:16px;background:#f3f5f1;color:#18352d;box-sizing:border-box}.catalog-viewer::backdrop{background:#000b}.catalog-viewer-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.catalog-viewer-header h2{font-size:16px;line-height:1.3;margin:0;flex:1}.catalog-viewer button{min-width:44px;min-height:44px;border:1px solid #567066;border-radius:8px;background:white;color:#18352d;padding:8px;cursor:pointer}.catalog-viewer-stage{height:calc(100% - 100px);overflow:auto;padding:10px;box-sizing:border-box;margin-top:12px}.catalog-viewer .reference-screen{position:relative;overflow:hidden;margin:0 auto;border-radius:8px;background:white;box-shadow:0 5px 18px #0002}.catalog-viewer img{position:absolute;max-width:none;height:auto}.catalog-viewer-note{font-size:12px;margin:8px 0}
@media(max-width:1100px){.visual-workspace{gap:12px}.visual-workspace b{font-size:20px}.visual-workspace span{font-size:12px;padding:8px 12px}.visual-diagram svg{width:52px;height:52px}.visual-timeline{gap:12px}.visual-timeline>div{padding:12px;gap:12px}.visual-timeline span{font-size:17px}.visual-choice{gap:16px}.visual-stamp{font-size:11px}.catalog-feature-description{font-size:15px}}
@media(max-width:767px){.catalog-flow-details{display:grid;gap:12px;padding:20px 6% 0}.catalog-flow-details p{font-size:15px;line-height:1.55;margin:0}.catalog-flow-details strong{display:block;margin-bottom:4px}.reference-flow>small{max-width:85%;font-size:11px!important}.reference-showcase>small{font-size:11px!important;max-width:85%;bottom:3%}.reference-showcase-copy p{font-size:14px!important}.feature-visual .reference-screen{height:78%;max-width:75%}.catalog-enlarge span{font-size:11px}.catalog-viewer-header h2{flex-basis:100%;font-size:14px}.catalog-viewer-stage{height:calc(100% - 150px)}.catalog-viewer .reference-screen{max-height:none}.visual-workspace em{font-size:13px}}