/* Image-led automation catalog. Scoped to this service; shell optics stay shared. */
.v35-page main{max-width:min(1400px,calc(100% - 96px))}
.v35-showroom{--v35-lime:var(--kit-accent);--v35-line:var(--kit-line)}
.v35-showroom .service-breadcrumb{margin-bottom:24px}
.v35-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0 0 30px}
.v35-showroom .v35-eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--v35-lime);margin:0 0 10px}
.v35-page .v35-intro h1{font-size:clamp(30px,3.1vw,42px);font-weight:650;line-height:1.17;letter-spacing:-.025em;margin:0 0 12px;color:var(--kit-ink);text-wrap:balance}
.v35-showroom .v35-lead{font-size:15px;line-height:1.6;color:var(--kit-muted);margin:0;max-width:60ch}
.v35-intro>.r9-service-pill,.v35-quote>.r9-service-pill{width:260px!important;flex:none}
.v35-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.v35-card{min-width:0;position:relative;border-radius:var(--kit-radius);background:var(--kit-card);border:1px solid var(--kit-line);box-shadow:var(--kit-shadow);overflow:hidden;transition:border-color .22s,box-shadow .22s,transform .22s}
.v35-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;outline-offset:-3px}
.v35-picture{aspect-ratio:3/2;position:relative;overflow:hidden;background:var(--kit-panel)}
.v35-picture img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.65,.3,1),filter .3s}
.v35-picture-cue{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;background:color-mix(in srgb,var(--kit-page) 90%,transparent);border:1px solid #b7e6a55e;border-radius:50%;color:#e4f4dd;font-size:18px;transition:background .2s,color .2s,transform .2s}
.v35-card-copy{padding:17px 18px 15px;display:flex;flex-direction:column;flex:1}
.v35-scope{font-size:10px;line-height:1.4;letter-spacing:.065em;text-transform:uppercase;color:var(--kit-muted)}
.v35-page .v35-card h2{font-size:19px;line-height:1.28;font-weight:600;letter-spacing:-.02em;color:var(--kit-ink);margin:8px 0 7px;text-wrap:balance}
.v35-page .v35-card p{font-size:13px;line-height:1.5;color:var(--kit-muted);margin:0 0 15px}
.v35-card-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:550;color:var(--kit-accent);gap:12px}
.v35-card-link>span{font-size:18px;transition:transform .2s}
@media(hover:hover){.v35-card:hover{border-color:#a6e574a8;box-shadow:0 8px 26px #0008,0 0 18px #92f34b15;transform:translateY(-3px)}.v35-card:hover .v35-picture img{transform:scale(1.035);filter:brightness(1.08)}.v35-card:hover .v35-picture-cue{background:#b4ee87;color:#0b1606;transform:rotate(45deg)}.v35-card:hover .v35-card-link>span{transform:translateX(3px)}}
.v35-card:focus-within{border-color:var(--v35-lime);box-shadow:0 0 0 2px #8cf14a42}
.v35-card>a:focus-visible{outline:2px solid var(--v35-lime)}
.v35-card:active{transform:translateY(0) scale(.995)}
.v35-showroom .v35-art-note{color:#9aa79f;font-size:11px;line-height:1.6;margin:14px 0 32px}
.v35-quote{display:grid;grid-template-columns:1.1fr 1fr auto;align-items:center;gap:28px;padding:0}
.v35-page .v35-quote h2,.v35-page .v35-steps h2,.v35-page .v35-faq h2{font-size:23px;line-height:1.3;font-weight:600;color:var(--kit-ink);margin:0 0 9px}
.v35-page .v35-quote p:not(.v35-eyebrow){font-size:13px;line-height:1.6;color:var(--kit-muted);margin:0;max-width:41ch}
.v35-quote ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v35-quote li{display:flex;gap:10px;align-items:baseline;color:#c8d2cb;font-size:12px;line-height:1.5}
.v35-quote li>span{color:var(--v35-lime)}
.v35-steps{padding:26px 0 0}
.v35-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:26px;padding:0;margin:18px 0 0}
.v35-steps li{font-size:13px;line-height:1.55;color:#d3ddd5;display:flex;gap:12px}
.v35-steps li>span{color:var(--v35-lime);font-size:10px;padding-top:3px}
.v35-faq{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);align-items:center;gap:56px;padding:0 0 22px}
.v35-faq details,.v35-fallback details{border-bottom:1px solid var(--v35-line)}
.v35-faq summary,.v35-fallback summary{cursor:pointer;list-style:none;padding:14px 28px 14px 0;color:#d9e2dc;font-size:14px;line-height:1.5;position:relative}
.v35-faq summary::-webkit-details-marker{display:none}
.v35-faq summary:after{content:'+';position:absolute;right:4px;color:var(--v35-lime)}
.v35-faq details[open] summary:after{content:'-'}
.v35-page .v35-faq details p{font-size:13px;line-height:1.65;color:var(--kit-muted);max-width:72ch;margin:0;padding:0 24px 16px 0}
.v35-faq summary:hover{color:var(--v35-lime)}
.v35-faq summary:focus-visible,.v35-close:focus-visible{outline:2px solid var(--v35-lime);outline-offset:3px}
.v35-enhanced .v35-fallback{display:none}
.v35-dialog{background:var(--kit-card);border:1px solid var(--kit-line);border-radius:var(--kit-radius);color:var(--kit-ink);max-width:1040px;width:calc(100% - 48px);max-height:calc(100svh - 48px);padding:0;overflow:auto;box-shadow:0 30px 100px #000c,0 0 40px #7fff3610;overscroll-behavior:contain}
.v35-dialog::backdrop{background:#030404d9;backdrop-filter:blur(6px)}
.v35-dialog[open]{animation:v35-appear .2s ease-out}
.v35-close{position:sticky;top:12px;float:right;margin:12px 12px -48px 0;z-index:2;border:1px solid #788974;background:var(--kit-panel);border-radius:50%;width:36px;height:36px;color:#e3efde;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center}
.v35-close:hover{color:#071005;background:#b2ea8b}
.v35-detail{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:0}
.v35-detail>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.v35-detail-copy{padding:40px 30px 30px}
.v35-page .v35-detail h2{font-size:27px;line-height:1.2;font-weight:600;margin:10px 0;color:#e7efe5;text-wrap:balance}
.v35-detail-result{font-size:14px;line-height:1.5;color:#c4cfbf;margin:0 0 20px}
.v35-detail dl{display:grid;gap:16px;margin:20px 0 26px}
.v35-detail dt{font-size:10px;color:#b3e491;letter-spacing:.05em;margin:0 0 5px;text-transform:uppercase}
.v35-detail dd{font-size:13px;line-height:1.55;color:#ccd5ce;margin:0}
.v35-detail .r9-service-pill{width:280px!important;max-width:100%!important}
.v35-modal-open{overflow:hidden}
@keyframes v35-appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.v35-page main{max-width:100%}}
@media(max-width:1319px){.v35-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.v35-picture{aspect-ratio:16/9}.v35-quote{grid-template-columns:1fr 1fr}.v35-quote>.r9-service-pill{grid-column:1/-1}.v35-card-copy{padding:17px 20px}.v35-page .v35-card h2{font-size:21px}}
@media(max-width:800px){.v35-intro{display:block}.v35-intro>.r9-service-pill{margin-top:18px}.v35-faq{grid-template-columns:1fr;gap:6px}.v35-detail{grid-template-columns:1fr}.v35-detail>img{max-height:260px;object-fit:cover}.v35-detail-copy{padding:24px}.v35-dialog{max-width:600px}.v35-steps ol{grid-template-columns:1fr;gap:14px}}
@media(max-width:600px){.v35-showroom .service-breadcrumb{margin-bottom:20px}.v35-intro{margin-bottom:24px}.v35-page .v35-intro h1{font-size:30px;max-width:20ch}.v35-showroom .v35-lead{font-size:14px;max-width:35ch}.v35-catalog{grid-template-columns:1fr;gap:20px}.v35-picture{aspect-ratio:3/2}.v35-card-copy{padding:17px 18px}.v35-page .v35-card h2{font-size:21px}.v35-page .v35-card p{margin-bottom:12px}.v35-quote{grid-template-columns:1fr;gap:20px}.v35-quote>.r9-service-pill{grid-column:auto}.v35-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);border-radius:10px}.v35-detail-copy{padding:22px 20px 26px}.v35-page .v35-detail h2{font-size:25px}.v35-detail>img{max-height:none;aspect-ratio:3/2}.v35-art-note{padding-right:30px}}
@media(prefers-reduced-motion:reduce){.v35-card,.v35-picture img,.v35-picture-cue,.v35-card-link>span{transition:none!important}.v35-card:hover,.v35-card:hover .v35-picture img,.v35-card:hover .v35-picture-cue,.v35-card:hover .v35-card-link>span{transform:none}.v35-dialog[open]{animation:none}}

/* Platform marks identify choices, not a required bundle or an installed connection. */
.v36-integrations{display:flex;align-items:center;gap:12px;min-height:36px;margin:0 0 18px;color:var(--kit-ink)}
.v36-tool{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none;min-height:32px}
.v36-tool-mark{display:flex;align-items:center;justify-content:center}
.v36-tool svg{display:block;width:22px;height:22px;fill:currentColor}
.v36-tool.is-wordmark svg{width:54px;height:25px}
.v36-tool.is-text{font-size:11px;letter-spacing:.015em;color:var(--kit-muted)}
.v36-tools-more{font-size:11px;line-height:1.3;color:var(--kit-muted);white-space:nowrap}
.v36-integrations.is-expanded{flex-wrap:wrap;gap:10px 18px;margin:10px 0 12px}
.is-expanded .v36-tool{gap:7px}
.v36-tool-name{font-size:11px;color:var(--kit-ink)}
.is-expanded .is-wordmark .v36-tool-name{display:none}
.v36-connections{padding:0 0 5px}
.v36-connections h3,.v35-steps h3{font-size:14px;line-height:1.5;color:var(--kit-ink);font-weight:600;margin:0}
.v35-page .v36-connections p{font-size:12px;line-height:1.6;color:var(--kit-muted);margin:0}
.v36-faq-visual{margin:0;min-width:0}
.v36-faq-visual img{display:block;width:100%;height:auto;border-radius:var(--kit-radius);border:1px solid var(--kit-line)}
.v36-faq-visual figcaption{font-size:12px;line-height:1.5;color:var(--kit-muted);margin-top:12px}
.v35-page .v35-faq h2{margin-bottom:12px}
@media(max-width:800px){.v35-faq{gap:26px}.v36-faq-visual{max-width:500px}.v35-showroom .studio-section-divider{margin-block:28px}.v36-integrations{gap:14px}.v36-start{padding:0}.v35-steps{padding-top:24px}}
