.h2o-system-page{--h2o-system-blue: #005dff;--h2o-system-ink: #111318;--h2o-system-muted: #626874;--h2o-system-surface: #f4f5f7;--h2o-system-line: rgba(17, 19, 24, .12);--h2o-system-radius: 1.8rem;color:var(--h2o-system-ink)}.h2o-system-page *,.h2o-system-page *:before,.h2o-system-page *:after{box-sizing:border-box}.h2o-system-page__inner{width:min(100%,132rem);margin-inline:auto;padding-inline:5rem}.h2o-system-page a:focus-visible,.h2o-system-page button:focus-visible{outline:.2rem solid var(--h2o-system-blue);outline-offset:.35rem}.h2o-system-page__breadcrumbs{padding-block:2.2rem}.h2o-system-page__breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.7rem;margin:0;padding:0;color:var(--h2o-system-muted);font-size:1.25rem;list-style:none}.h2o-system-page__breadcrumbs li:not(:last-child):after{content:"/";margin-left:.7rem;color:#a2a7af}.h2o-system-page__breadcrumbs a{color:inherit;text-decoration:none}.h2o-system-page__breadcrumbs a:hover{color:var(--h2o-system-blue)}.h2o-system-page__hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);overflow:hidden;min-height:52rem;border:.1rem solid var(--h2o-system-line);border-radius:2.4rem;background:var(--h2o-system-surface)}.h2o-system-page__hero-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,5vw,6.4rem)}.h2o-system-page__eyebrow{display:inline-flex;align-items:center;align-self:flex-start;min-height:2.8rem;padding:.45rem 1rem;border-radius:99rem;background:#e7ebf1;color:#343b46;font-size:1.1rem;font-weight:750;letter-spacing:.07em;line-height:1;text-transform:uppercase}.h2o-system-page__hero h1{margin:1.6rem 0 0;color:var(--h2o-system-ink);font-size:clamp(3.6rem,5vw,6.4rem);font-weight:750;letter-spacing:-.045em;line-height:1.02}.h2o-system-page__summary{max-width:64rem;margin:1.8rem 0 0;color:var(--h2o-system-muted);font-size:clamp(1.6rem,1.7vw,1.9rem);line-height:1.58}.h2o-system-page__chips{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.h2o-system-page__chips span{padding:.7rem 1rem;border:.1rem solid var(--h2o-system-line);border-radius:99rem;background:#fff;color:#38404b;font-size:1.2rem;font-weight:700}.h2o-system-page__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem}.h2o-system-page__button{display:inline-flex;align-items:center;justify-content:center;min-height:5.2rem;padding:1.3rem 2rem;border:.1rem solid transparent;border-radius:99rem;font-size:1.4rem;font-weight:750;line-height:1.2;text-align:center;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.h2o-system-page__button--primary{background:var(--h2o-system-blue);color:#fff}.h2o-system-page__button--secondary{border-color:var(--h2o-system-line);background:#fff;color:var(--h2o-system-ink)}.h2o-system-page__button:hover{transform:translateY(-.15rem)}.h2o-system-page__button--primary:hover{background:#004bd1}.h2o-system-page__button--secondary:hover{border-color:#11131847}.h2o-system-page__hero-media{min-width:0;min-height:42rem;background:#dde2e9}.h2o-system-page__hero-media img{display:block;width:100%;height:100%;object-fit:cover}.h2o-system-page__media-placeholder{display:grid;width:100%;height:100%;min-height:42rem;place-items:center;padding:4rem;background:linear-gradient(145deg,#dfe4eb,#f5f6f8);color:#8a929e;text-align:center}.h2o-system-page__media-placeholder span{max-width:38rem;font-size:clamp(2.8rem,4vw,5rem);font-weight:750;letter-spacing:-.04em;line-height:1.05}.h2o-system-page__decision,.h2o-system-page__sequence,.h2o-system-page__support,.h2o-system-page__related{padding-block:clamp(5.6rem,8vw,9.6rem)}.h2o-system-page__decision{margin-top:clamp(4rem,6vw,7.2rem);background:var(--h2o-system-surface)}.h2o-system-page__section-heading{max-width:78rem}.h2o-system-page__section-heading h2,.h2o-system-page__support h2,.h2o-system-page__related h2{margin:1.4rem 0 0;color:var(--h2o-system-ink);font-size:clamp(3rem,4vw,4.8rem);font-weight:750;letter-spacing:-.04em;line-height:1.08}.h2o-system-page__section-heading>p{margin:1.3rem 0 0;color:var(--h2o-system-muted);font-size:1.6rem;line-height:1.58}.h2o-system-page__decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem;margin-top:3.6rem}.h2o-system-page__decision-card{padding:2.6rem;border:.1rem solid var(--h2o-system-line);border-radius:var(--h2o-system-radius);background:#fff}.h2o-system-page__decision-card--confirm{border-color:#005dff47;background:#f7faff}.h2o-system-page__decision-number{color:var(--h2o-system-blue);font-size:1.15rem;font-weight:800;letter-spacing:.1em}.h2o-system-page__decision-card h3{margin:1.2rem 0 0;font-size:2rem;letter-spacing:-.02em;line-height:1.25}.h2o-system-page__rte{margin-top:1rem;color:var(--h2o-system-muted);font-size:1.4rem;line-height:1.58}.h2o-system-page__rte>:first-child{margin-top:0}.h2o-system-page__rte>:last-child{margin-bottom:0}.h2o-system-page__rte ul{padding-left:1.8rem}.h2o-system-page__steps{margin:4rem 0 0;padding:0;list-style:none}.h2o-system-page__step{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:2rem;position:relative}.h2o-system-page__step:not(:last-child){padding-bottom:2.2rem}.h2o-system-page__step:not(:last-child):before{content:"";position:absolute;top:5.8rem;bottom:0;left:3.45rem;width:.1rem;background:#d8dce2}.h2o-system-page__step-marker{position:relative;z-index:1;display:grid;width:7rem;height:7rem;place-items:center;border-radius:50%;background:#0d1118;color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:.06em}.h2o-system-page__step-content{min-width:0;padding:2.4rem;border:.1rem solid var(--h2o-system-line);border-radius:var(--h2o-system-radius);background:#fff}.h2o-system-page__step-copy h3{margin:0;font-size:2.3rem;letter-spacing:-.025em;line-height:1.2}.h2o-system-page__step-copy>p{max-width:82rem;margin:.9rem 0 0;color:var(--h2o-system-muted);font-size:1.45rem;line-height:1.58}.h2o-system-page__technical-note{margin-top:1.5rem;padding:1.2rem 1.4rem;border-radius:1rem;background:#f1f3f6;color:#444b56;font-size:1.25rem;line-height:1.5}.h2o-system-page__products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin-top:2.4rem}.h2o-system-page__product-card{min-width:0}.h2o-system-page__sequence-note{max-width:88rem;margin:3rem 0 0 9rem;color:var(--h2o-system-muted);font-size:1.25rem;line-height:1.55}.h2o-system-page__support{background:#0d1118;color:#fff}.h2o-system-page__support-surface{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4rem;align-items:center}.h2o-system-page__support .h2o-system-page__eyebrow{background:#ffffff1f;color:#fff}.h2o-system-page__support h2{color:#fff}.h2o-system-page__support p{max-width:76rem;margin:1.3rem 0 0;color:#ffffffb8;font-size:1.55rem;line-height:1.58}.h2o-system-page__support .h2o-system-page__support-scope{color:#ffffff85;font-size:1.2rem}.h2o-system-page__related h2{font-size:clamp(2.6rem,3vw,3.8rem)}.h2o-system-page__related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin-top:2.6rem}.h2o-system-page__related-grid a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem 2rem;align-items:center;min-width:0;min-height:12rem;padding:2.2rem;border:.1rem solid var(--h2o-system-line);border-radius:var(--h2o-system-radius);background:var(--h2o-system-surface);color:inherit;text-decoration:none}.h2o-system-page__related-card--with-image{grid-template-columns:8rem minmax(0,1fr) auto}.h2o-system-page__related-image{grid-column:1;grid-row:1 / span 2;display:block;overflow:hidden;width:8rem;height:8rem;border-radius:1.2rem}.h2o-system-page__related-image img{display:block;width:100%;height:100%;object-fit:cover}.h2o-system-page__related-label{grid-column:1;color:var(--h2o-system-muted);font-size:1.15rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.h2o-system-page__related-title{grid-column:1;min-width:0;font-size:1.8rem}.h2o-system-page__related-arrow{grid-column:2;grid-row:1 / span 2;color:var(--h2o-system-blue);font-size:2.4rem;transition:transform .2s ease}.h2o-system-page__related-card--with-image .h2o-system-page__related-label,.h2o-system-page__related-card--with-image .h2o-system-page__related-title{grid-column:2}.h2o-system-page__related-card--with-image .h2o-system-page__related-arrow{grid-column:3}.h2o-system-page__related-grid a:hover .h2o-system-page__related-arrow{transform:translate(.35rem)}@media screen and (max-width:989px){.h2o-system-page__inner{padding-inline:3rem}.h2o-system-page__hero{grid-template-columns:1fr}.h2o-system-page__hero-media{min-height:38rem;order:-1}.h2o-system-page__decision-grid{grid-template-columns:1fr}.h2o-system-page__products{grid-template-columns:repeat(2,minmax(0,1fr))}.h2o-system-page__support-surface{grid-template-columns:1fr;gap:2.4rem}}@media screen and (max-width:749px){.h2o-system-page__inner{padding-inline:1.5rem}.h2o-system-page__breadcrumbs{padding-block:1.6rem}.h2o-system-page__hero{min-height:0;border-radius:1.6rem}.h2o-system-page__hero-content{padding:2.6rem 2rem 3rem}.h2o-system-page__hero-media,.h2o-system-page__media-placeholder{min-height:0;aspect-ratio:16 / 10}.h2o-system-page__actions{display:grid}.h2o-system-page__button{width:100%}.h2o-system-page__decision{margin-top:4rem}.h2o-system-page__decision-card{padding:2rem}.h2o-system-page__step{grid-template-columns:4.8rem minmax(0,1fr);gap:1.2rem}.h2o-system-page__step-marker{width:4.8rem;height:4.8rem;font-size:1.15rem}.h2o-system-page__step:not(:last-child):before{top:4rem;left:2.35rem}.h2o-system-page__step-content{padding:1.8rem}.h2o-system-page__products{grid-template-columns:1fr}.h2o-system-page__sequence-note{margin-left:6rem}.h2o-system-page__related-grid{grid-template-columns:1fr}.h2o-system-page__related-card--with-image{grid-template-columns:6.4rem minmax(0,1fr) auto;column-gap:1.4rem}.h2o-system-page__related-image{width:6.4rem;height:6.4rem;border-radius:1rem}}@media(prefers-reduced-motion:reduce){.h2o-system-page *,.h2o-system-page *:before,.h2o-system-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/h2o-retaining-system-page.css.map */