.e_systems{--ss-ink:#212445;--ss-blue:#0878b9;--ss-muted:#576878;--ss-line:#dce3e8;color:var(--ss-ink);background:#fff;border-radius:24px;overflow:hidden}
.e_systems *{box-sizing:border-box}.e_systems h1,.e_systems h2,.e_systems h3{color:var(--ss-ink);font-weight:750}.e_systems a{text-decoration:none}.e_systems a:focus-visible{outline:3px solid var(--ss-blue);outline-offset:5px}.e_systems img{display:block;max-width:100%}
.ss-eyebrow{display:block;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;color:var(--ss-blue)}
.ss-hero{display:grid;grid-template-columns:1fr 1fr;min-height:580px;background:#f3f6f7}.ss-hero-copy{padding:clamp(32px,5vw,72px);align-self:center}.ss-hero h1{font-size:clamp(2.5rem,4.3vw,4.7rem);line-height:1.04;letter-spacing:-.055em;margin:0 0 26px}.ss-hero h1 span{color:#537167}.ss-hero-copy>p{font-size:1.1rem;line-height:1.7;color:var(--ss-muted);max-width:39ch;margin-bottom:28px}.ss-hero-note{display:block;color:var(--ss-muted);font-size:.78rem;margin-top:22px}
.ss-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:14px 22px;border-radius:999px;background:var(--ss-ink);color:#fff!important;font-size:.9rem;font-weight:750;line-height:1.4}.ss-button:hover{background:#34395f}.ss-button>span{flex-shrink:0}
.ss-hero-products{position:relative;min-height:580px;overflow:hidden;background:#e9eee9;isolation:isolate}
.ss-nav{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--ss-line);padding:0 32px}.ss-nav a{display:flex;align-items:center;gap:12px;min-height:78px;padding:16px;color:var(--ss-ink);font-size:.85rem;font-weight:700}.ss-nav a:hover{color:var(--ss-blue);background:#f6f9fa}.ss-nav span{font-size:.68rem;color:#71848b}
.ss-section{padding:70px clamp(24px,4vw,60px);scroll-margin-top:110px}.ss-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:35px}.ss-section-heading h2,.ss-plan h2{font-size:clamp(2rem,3.3vw,3.25rem);letter-spacing:-.04em;line-height:1.08;margin:0}.ss-section-heading .ss-eyebrow{margin-bottom:12px}.ss-section-heading>p{color:var(--ss-muted);font-size:1rem;line-height:1.65;max-width:39ch;margin:0}
.ss-panel-feature{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--ss-line);border-radius:22px;overflow:hidden}.ss-panel-photo{display:flex;align-items:center;background:#f4f5f4;padding:35px}.ss-panel-photo img{width:100%;mix-blend-mode:multiply}.ss-panel-copy{padding:clamp(28px,3vw,45px)}.ss-panel-copy h3{font-size:2rem;letter-spacing:-.035em;margin-bottom:18px}.ss-panel-copy>p{line-height:1.65;color:var(--ss-muted)}.ss-details{margin:25px 0}.ss-details>div{border-top:1px solid var(--ss-line);padding:12px 0;display:grid;grid-template-columns:115px 1fr;gap:12px;font-size:.85rem}.ss-details dt{font-weight:750}.ss-details dd{color:var(--ss-muted);margin:0}.ss-text-link{display:inline-flex;align-items:center;gap:15px;color:var(--ss-blue);font-size:.88rem;font-weight:750;line-height:1.5}.ss-text-link:hover{text-decoration:underline!important}
.ss-indoor{background:#f4f6f7}.ss-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.ss-product{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--ss-line)}.ss-product-image{position:relative;padding:55px 25px 25px;background:#fff}.ss-product-image img{width:100%;height:235px;object-fit:contain}.ss-tag{position:absolute;top:18px;left:18px;border-radius:99px;padding:5px 10px;font-size:.68rem;font-weight:750;background:#eef2e8;color:#425642}.ss-product-copy{display:flex;flex:1;flex-direction:column;padding:25px;border-top:1px solid #eef1f3}.ss-model{display:block;color:#657683;font-size:.67rem;letter-spacing:.09em;text-transform:uppercase;font-weight:750;margin-bottom:10px}.ss-product h3,.ss-equipment h3{font-size:1.35rem;letter-spacing:-.025em;margin:0 0 12px}.ss-product p,.ss-equipment p{font-size:.92rem;color:var(--ss-muted);line-height:1.65;margin-bottom:24px}.ss-product .ss-text-link{margin-top:auto}
.ss-compatibility{display:flex;gap:20px;align-items:center;border-top:1px solid var(--ss-line);margin-top:30px;padding-top:25px;font-size:.88rem}.ss-compatibility strong{white-space:nowrap}.ss-compatibility p{color:var(--ss-muted);margin:0;flex:1}.ss-compatibility a{color:var(--ss-ink);white-space:nowrap;font-weight:750}
.ss-equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ss-equipment{display:flex;flex-direction:column;border:1px solid var(--ss-line);border-radius:20px;padding:26px;color:inherit}.ss-equipment:hover{border-color:#9cb8ca;box-shadow:0 12px 28px #2124450b}.ss-equipment>img{width:100%;height:160px;object-fit:contain;margin-bottom:25px}.ss-equipment>div{display:flex;flex:1;flex-direction:column}.ss-equipment .ss-text-link{margin-top:auto}
.ss-plan{background:#212445;color:#fff;padding:55px clamp(24px,4vw,60px);scroll-margin-top:110px}.ss-plan .ss-eyebrow{color:#a9d5e6}.ss-plan h2,.ss-plan h3{color:#fff}.ss-plan-intro>p{color:#d1d5e0;line-height:1.65;margin-top:18px;max-width:60ch}.ss-plan-options{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}.ss-plan-options article{border-top:1px solid #ffffff38;padding-top:26px}.ss-plan h3{font-size:1.35rem}.ss-plan-options p{color:#d1d5e0;max-width:44ch;line-height:1.6;min-height:52px}.ss-plan .ss-button{background:#e4edd4;color:#212445!important}.ss-plan .ss-button:hover{background:#d4e2be}.ss-plan .ss-button-light{background:#fff}.ss-resource{padding:28px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;background:#f2f5f6}.ss-resource p{margin:0;font-size:.9rem;color:var(--ss-muted)}
@media(max-width:1050px){.ss-hero-copy{padding:35px}.ss-nav{padding:0 12px}.ss-nav a{padding:14px 8px;font-size:.76rem;gap:8px}.ss-section-heading{align-items:flex-start;flex-direction:column;gap:16px}.ss-section-heading>p{max-width:65ch}.ss-product-image img{height:180px}.ss-product-copy{padding:20px}.ss-compatibility{flex-wrap:wrap}.ss-compatibility p{flex-basis:65%}}
@media(max-width:700px){.e_systems{border-radius:16px}.ss-hero{grid-template-columns:1fr}.ss-hero-copy{padding:36px 24px}.ss-hero-products{position:relative;min-height:580px;overflow:hidden;background:#e9eee9;isolation:isolate}.ss-nav{grid-template-columns:1fr 1fr}.ss-nav a{min-height:60px}.ss-section{padding:45px 22px}.ss-panel-feature{grid-template-columns:1fr}.ss-panel-photo{padding:25px}.ss-panel-copy{padding:26px}.ss-product-grid,.ss-equipment-grid{grid-template-columns:1fr}.ss-product-image img{height:220px}.ss-compatibility{align-items:flex-start;flex-direction:column;gap:12px}.ss-compatibility p{flex-basis:auto}.ss-equipment{display:grid;grid-template-columns:95px 1fr;gap:22px;padding:22px}.ss-equipment>img{height:120px;margin:0}.ss-plan-options{grid-template-columns:1fr;gap:24px}.ss-plan-options p{min-height:0}.ss-button{max-width:100%}.ss-resource{align-items:flex-start;flex-direction:column}.ss-details>div{grid-template-columns:95px 1fr}}
.ss-panel-configurations{margin-top:0}
.ss-configuration-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:24px}
.ss-configuration-heading h3{font-size:1.8rem;letter-spacing:-.035em;margin:0}
.ss-configuration-heading p{color:var(--ss-muted);max-width:42ch;line-height:1.6;margin:0}
.ss-finish-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.ss-finish-options[hidden]{display:none}
.ss-finish-options button{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ss-line);border-radius:12px;padding:10px 14px;min-height:48px;background:#fff;color:var(--ss-ink);font:inherit;font-size:.85rem;cursor:pointer}
.ss-finish-options button[aria-pressed="true"]{border-color:var(--ss-blue);background:#edf7fb;box-shadow:inset 0 0 0 1px var(--ss-blue);font-weight:750}
.ss-finish-options button:hover{background:#f0f5f7}
.ss-finish-options button:focus-visible{outline:3px solid var(--ss-blue);outline-offset:3px}
.ss-swatch{width:26px;height:26px;border:1px solid #0002;border-radius:6px;flex-shrink:0}
.ss-swatch-brushed{background:repeating-linear-gradient(0deg,#fff3 0 1px,#8798a022 1px 2px),linear-gradient(115deg,#9ba5aa,#e6e9ea 45%,#a5afb4)}
.ss-swatch-mirror{background:linear-gradient(130deg,#7a8994,#edf4f8 34%,#fff 46%,#9aaab5 49%,#dce6ec 77%,#738591)}
.ss-swatch-brass{background:linear-gradient(115deg,#a88740,#e6cf8d 42%,#c4a353 72%,#ebd89d)}
.ss-finish-status,.ss-panel-note{color:var(--ss-muted);font-size:.82rem;line-height:1.6}
.ss-panel-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ss-panel-option{border:1px solid var(--ss-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.ss-panel-option>img{width:100%;height:235px;object-fit:contain;padding:18px}
.ss-panel-option>div{display:flex;flex:1;flex-direction:column;padding:20px;border-top:1px solid #eef1f3}
.ss-panel-option h3{font-size:1.15rem;font-weight:750;color:var(--ss-ink);margin:0 0 10px}
.ss-panel-option p{font-size:.86rem;line-height:1.6;color:var(--ss-muted);margin-bottom:18px}
.ss-panel-option .ss-text-link{margin-top:auto}
.ss-panel-note{margin:20px 0 0}
@media(max-width:1050px){.ss-panel-options{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-configuration-heading{flex-direction:column;align-items:flex-start;gap:15px}}
@media(max-width:500px){.ss-panel-options{grid-template-columns:1fr}.ss-panel-option>img{height:250px}.ss-finish-options{display:grid;grid-template-columns:1fr 1fr}.ss-finish-options button{padding:10px;font-size:.78rem;text-align:left}}

@media(min-width:701px) and (max-width:1050px){.ss-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.ss-access-products{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:20px;padding:32px;background:#f1f4ef}
.ss-access-products figure{margin:0;min-width:0}
.ss-access-products img{width:100%;height:auto;mix-blend-mode:multiply}
.ss-access-products figcaption{text-align:center;font-size:.78rem;color:var(--ss-muted);margin-top:16px}
.ss-access-fob-link{display:flex;margin-top:16px}
@media(max-width:1050px) and (min-width:701px){.ss-nav{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.ss-access-products{padding:24px;gap:14px}}

@media(max-width:700px){.ss-hero-products{min-height:0;aspect-ratio:4/5;padding:0}}
.ss-vandal-note{background:#f1f5f6;border:1px solid var(--ss-line);border-radius:14px;padding:20px;flex-wrap:wrap}.ss-vandal-note strong,.ss-vandal-note a{white-space:normal}.ss-vandal-note a{color:var(--ss-blue)}

.ss-hero-products{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;background:#fff}
.ss-hero-half{position:relative;overflow:hidden;min-width:0;margin:0}
.e_systems .ss-hero-half img{position:absolute;top:0;width:200%;max-width:none;height:100%;object-fit:cover;object-position:center 35%}
.ss-hero-half-outside img{left:0}
.ss-hero-half-inside img{right:0}
.ss-hero-half:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,rgba(15,25,35,.75));pointer-events:none}
.ss-hero-half figcaption{position:absolute;z-index:1;bottom:28px;left:22px;right:14px;color:#fff;font-size:.85rem;line-height:1.4}
.ss-hero-half figcaption span{display:block;font-size:.67rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;color:#fff}
@media(max-width:700px){.ss-hero-products{gap:6px}.ss-hero-half figcaption{left:16px;bottom:20px;font-size:.8rem}}.ss-portal-feature{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:center;padding:28px;background:#eef3f6;border:1px solid var(--ss-line);border-radius:22px;margin-bottom:28px}
.ss-portal-preview{margin:0;min-width:0}
.ss-portal-preview>a{display:block;border:1px solid #cbd6df;border-radius:10px;overflow:hidden;box-shadow:0 12px 28px #21244512}
.ss-portal-preview img{width:100%;height:auto}
.ss-portal-preview figcaption{font-size:.75rem;color:var(--ss-muted);margin-top:12px;line-height:1.5}
.ss-portal-copy h3{font-size:1.8rem;letter-spacing:-.035em;margin-bottom:16px}
.ss-portal-copy>p,.ss-portal-copy li{font-size:.92rem;line-height:1.65;color:var(--ss-muted)}
.ss-portal-copy ul{padding-left:20px;margin:18px 0 24px}
.ss-portal-copy li+li{margin-top:6px}
.ss-portal-copy .ss-eyebrow{margin-bottom:12px}
.ss-portal-copy .ss-portal-demo-note{font-size:.75rem;margin:12px 0 0}
@media(max-width:1050px){.ss-portal-feature{grid-template-columns:1fr}.ss-portal-copy{max-width:65ch}}
@media(max-width:700px){.ss-portal-feature{padding:18px;gap:24px}}

.ss-pinnet-combined{margin-bottom:0}
.ss-pinnet-visuals{min-width:0}
.ss-pinnet-combined .ss-access-products{gap:16px;padding:18px 0 0;background:transparent}
.ss-pinnet-combined .ss-access-products>a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--ss-line);border-radius:12px;background:#fff;color:var(--ss-blue);font-size:.8rem;font-weight:750}
.ss-pinnet-combined .ss-access-products>a:hover{border-color:var(--ss-blue)}
.ss-pinnet-combined .ss-access-products img{width:70px;height:80px;object-fit:contain;flex-shrink:0}
@media(max-width:700px){.ss-pinnet-combined .ss-access-products{gap:10px}.ss-pinnet-combined .ss-access-products>a{flex-direction:column;align-items:flex-start;font-size:.75rem}.ss-pinnet-combined .ss-access-products img{align-self:center}}

.ss-panel-intro{max-width:85ch;color:var(--ss-muted);line-height:1.65;margin:0 0 24px}.ss-panels-browse{margin-top:24px}

/* Larger product photographs with the unused image margins outside the stage. */
.ss-panel-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ss-panel-option{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);border-radius:22px;box-shadow:0 10px 28px rgba(33,36,69,.045)}
.ss-panel-option>.ss-panel-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:390px;padding:0;border:0;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#fff 5%,#edf0f2 75%,#dfe5e9)}
.e_systems .ss-panel-stage img{width:390px;height:390px;max-width:none;flex-shrink:0;object-fit:contain;mix-blend-mode:multiply}
.ss-panel-option>.ss-panel-stage+div{padding:28px 24px;border-top:0;border-left:1px solid var(--ss-line);justify-content:center}
.ss-panel-option h3{font-size:1.5rem;line-height:1.15;letter-spacing:-.025em}
.ss-panel-option .ss-model{color:var(--ss-blue);font-size:.72rem;margin-bottom:14px}
.ss-panel-option p{font-size:.94rem;line-height:1.65}
.ss-panel-option .ss-text-link{margin-top:8px}
@media(max-width:1050px){.ss-panel-option{grid-template-columns:1fr}.ss-panel-option>.ss-panel-stage+div{border-left:0;border-top:1px solid var(--ss-line);padding:24px}}
@media(max-width:600px){.ss-panel-options{grid-template-columns:1fr}.ss-panel-option>.ss-panel-stage{min-height:350px}.e_systems .ss-panel-stage img{width:350px;height:350px}}