/* Focused equipment-page revision. Existing search, dialogs and intake controls stay intact. */
#integrations{position:relative;scroll-margin-top:30px}
#integrations>.catalog-intro{display:block;min-height:190px;padding:0 300px 26px 0;margin-bottom:-9px}
#integrations>.catalog-intro h2{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.1;letter-spacing:-.055em;margin:0 0 18px}
#integrations>.catalog-intro [data-l10n="781"]{max-width:570px;font-size:1.08rem;line-height:1.7;color:var(--muted);margin:0}
#integrations .integration-hub{position:relative;isolation:isolate;overflow:visible;padding:30px;border-radius:26px;background:transparent;border:1px solid #29423e;box-shadow:0 16px 42px #1736260b}
#integrations .integration-hub::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#111c27;z-index:-1;pointer-events:none}
.integration-mascot{--mascot-size:250px;position:absolute;right:26px;bottom:calc(100% - var(--mascot-size)*.3);width:var(--mascot-size);height:var(--mascot-size);margin:0;pointer-events:none;line-height:0}
/* Intact body behind the panel surface; only traced hands/plugs/cables are in front. */
.integration-mascot .integration-mascot-body{position:absolute;inset:0;z-index:-2}
.integration-mascot img{display:block;width:100%;height:auto;filter:none}
.integration-mascot .integration-mascot-front{position:absolute;inset:0;z-index:2;clip-path:url(#integration-mascot-foreground)}
.integration-mascot .integration-cable-backs{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}
.integration-mascot .integration-cable-sockets{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:3}
#integrations .integration-hub>.integration-search{position:relative;margin-bottom:30px;padding:28px;border:1px solid #769464;border-radius:18px;background:linear-gradient(115deg,#182c31,#111c27 72%)}
#integrations .integration-search:before{right:15px;top:30px;opacity:.6}
#integrations .integration-search-heading{padding-right:105px;align-items:flex-start}
#integrations .integration-search-heading h3{max-width:370px;font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.12}
#integrations .integration-search-heading p{max-width:330px;font-size:.95rem;line-height:1.7}
#integrations .integration-search-control{border-radius:12px;min-height:64px}
#integrations .integration-directory-badge{border-radius:100px;padding:8px 12px;background:#c5f45b12;border-color:#c5f45b4d}
#integrations .software-grid.integration-logo-grid{gap:16px;padding:4px 0 2px}
#integrations .integration-logo-caption{align-items:flex-end;padding:0 3px 6px;margin-bottom:4px}
#integrations .integration-logo-caption h3{font:650 clamp(1.5rem,2.6vw,2rem)/1.2 Manrope,sans-serif;letter-spacing:-.045em}
#integrations .integration-logo-caption p{font-size:.9rem;color:#d0e2d7;line-height:1.5}
#integrations .integration-logo-grid>article{flex-basis:calc((100% - 64px)/5)}
#integrations .integration-logo-open{min-height:128px;padding:28px 21px;border-radius:16px;border:1px solid #d4dfd8;background:#fff;box-shadow:0 3px 0 #d8e9df;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#integrations .integration-logo-open:before{content:'';position:absolute;left:12px;bottom:12px;width:5px;height:5px;border-radius:50%;background:#779884;box-shadow:8px 0 0 #d1e0d7}
#integrations .integration-logo-open:hover{transform:translateY(-4px);border-color:#c5f45b;box-shadow:0 5px 0 #c5f45b}
#integrations .integration-logo-open:hover:before{background:#4d6d26}
#integrations .integration-logo-action{right:12px;bottom:12px;color:#3f654b}
#integrations>.section-note{max-width:930px;padding:0 4px;font-size:.85rem;line-height:1.7;margin-top:22px}
#legacy{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:center;gap:54px;padding-top:70px;padding-bottom:46px}
#legacy>.catalog-intro{display:block;padding:0;margin:0}
#legacy>.catalog-intro h2{font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.12;letter-spacing:-.045em;max-width:420px}
#legacy>.catalog-intro>p{margin-top:20px;font-size:1.05rem;line-height:1.75;max-width:400px}
#legacy .product-grid{display:block;max-width:none}
#legacy .product-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.1fr);border:1px solid #c9dfd0;border-radius:22px;box-shadow:0 8px 26px #17362608;overflow:hidden}
#legacy .product-image{height:100%;min-height:300px;padding:30px 20px;border:0;background:radial-gradient(ellipse 100px 20px at 50% 76%,#c8e4b8,transparent),#edf6f0}
#legacy .product-image img{max-height:270px;filter:drop-shadow(0 14px 10px #19382c18)}
#legacy .product-copy{padding:30px 26px}
#legacy .product-copy h3{font-size:1.4rem;letter-spacing:-.035em}
#legacy .product-copy p{font-size:.95rem;line-height:1.75}
#legacy .product-copy .text-link{font-size:.9rem;line-height:1.5}
@media(max-width:1100px){#integrations .integration-logo-grid>article{flex-basis:calc((100% - 48px)/4)}#legacy{gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}#legacy .product-card{display:flex}#legacy .product-image{min-height:220px;height:220px}#legacy .product-image img{max-height:200px}}
@media(max-width:800px){#integrations>.catalog-intro{padding-right:230px;min-height:195px}.integration-mascot{--mascot-size:210px;right:15px}#integrations .integration-hub{padding:22px}#integrations .integration-hub>.integration-search{padding:24px}#integrations .integration-search-heading{display:block;padding-right:50px}#integrations .integration-search-heading p{margin-top:12px}#legacy{display:block;padding-top:54px}#legacy>.catalog-intro{max-width:620px;margin-bottom:28px}#legacy>.catalog-intro h2{max-width:540px}#legacy>.catalog-intro>p{max-width:580px}#legacy .product-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}#legacy .product-image{height:100%;min-height:260px}}
@media(max-width:600px){#integrations>.catalog-intro{min-height:0;padding:0;margin-bottom:123px}#integrations>.catalog-intro h2{font-size:2.4rem;max-width:340px;margin-bottom:16px}#integrations>.catalog-intro [data-l10n="781"]{font-size:1rem;max-width:360px}.integration-mascot{--mascot-size:173px;right:9px}#integrations .integration-hub{padding:16px 14px 22px;border-radius:20px}#integrations .integration-hub>.integration-search{padding:25px 16px 20px;border-radius:14px;margin-bottom:26px}#integrations .integration-search-heading{padding-right:0}#integrations .integration-search-heading h3{font-size:1.9rem;max-width:290px}#integrations .integration-search-heading p{font-size:.9rem;max-width:290px}#integrations .integration-logo-caption{display:block;padding:0 2px 8px}#integrations .integration-logo-caption h3{font-size:1.55rem}#integrations .integration-logo-caption p{font-size:.8rem;margin-top:8px}#integrations .software-grid.integration-logo-grid{gap:12px}#integrations .integration-logo-grid>article{flex-basis:calc((100% - 12px)/2)}#integrations .integration-logo-open{min-height:106px;padding:20px 13px;border-radius:12px}#integrations .integration-logo-art{height:46px}#legacy{padding-top:48px;padding-bottom:22px}#legacy .product-card{display:flex}#legacy .product-image{height:215px;min-height:215px}#legacy .product-image img{max-height:200px}#legacy .product-copy{padding:25px}#legacy>.catalog-intro h2{font-size:2rem}#legacy>.catalog-intro>p{font-size:1rem;line-height:1.7}}
@media(prefers-reduced-motion:reduce){#integrations .integration-logo-open{transition:none;transform:none}#integrations .integration-logo-open:hover{transform:none}}