.hocl-guide{--navy:#243465;--aqua:#00b4c2;--ink:#344054;--mist:#effafb;--line:#d8e8eb;color:var(--ink);font-size:16px;line-height:1.65}.hocl-guide *{box-sizing:border-box}.hocl-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.hocl-hero{background:linear-gradient(135deg,#eefafb,#fff 58%,#e8f7f8);padding:clamp(70px,9vw,130px) 0;overflow:hidden}.hocl-hero__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.hocl-eyebrow,.hocl-kicker{color:var(--aqua);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px}.hocl-guide h1,.hocl-guide h2,.hocl-guide h3{color:var(--navy);text-transform:none;letter-spacing:-.035em}.hocl-guide h1{font-size:clamp(45px,6vw,78px);line-height:.98;margin:0 0 24px}.hocl-guide h1 span{color:var(--aqua)}.hocl-guide h2{font-size:clamp(32px,4vw,50px);line-height:1.05;margin:0 0 22px}.hocl-guide h3{font-size:21px;line-height:1.2;margin:14px 0 10px}.hocl-lead{font-size:clamp(18px,2vw,23px);max-width:720px;margin:0 0 28px}.hocl-text-link{color:var(--navy);font-weight:700;text-decoration:none;border-bottom:2px solid var(--aqua);padding-bottom:4px}.hocl-molecule{min-height:330px;display:flex;align-items:center;justify-content:center;position:relative}.hocl-molecule span{display:grid;place-items:center;width:102px;height:102px;border-radius:50%;background:#fff;color:var(--navy);box-shadow:0 14px 45px #24346521;font-size:31px;font-weight:700}.hocl-molecule span:nth-of-type(2){width:124px;height:124px;background:var(--aqua);color:#fff}.hocl-molecule i{width:35px;height:3px;background:var(--navy);opacity:.4}.hocl-molecule strong{position:absolute;bottom:30px;color:var(--navy)}.hocl-answer{background:var(--navy);color:#fff;border-radius:28px;padding:clamp(28px,5vw,62px);margin-top:-45px;position:relative}.hocl-answer .hocl-kicker{color:#70e2e8}.hocl-answer h2{color:#fff}.hocl-answer p:not(.hocl-kicker){max-width:940px;font-size:17px}.hocl-jump{display:flex;gap:18px 28px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:38px 0 26px}.hocl-jump strong{color:var(--navy);margin-right:10px}.hocl-jump a{color:var(--ink);text-decoration:none}.hocl-jump a:hover{color:var(--aqua)}.hocl-section{padding:clamp(65px,9vw,110px) 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}.hocl-two{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(35px,7vw,100px)}.hocl-prose p:first-child{margin-top:0}.hocl-prose p{font-size:18px}.hocl-panel{background:var(--mist);border:0;border-radius:30px;padding:clamp(32px,6vw,70px);margin-top:clamp(65px,9vw,110px)}.hocl-panel__intro{max-width:790px}.hocl-process,.hocl-flow,.hocl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:40px 0 0;padding:0;list-style:none}.hocl-process li,.hocl-cards article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}.hocl-process span,.hocl-cards b,.hocl-flow span{color:var(--aqua);font-size:12px;letter-spacing:.1em}.hocl-process strong{display:block;color:var(--navy);font-size:20px;margin-top:18px}.hocl-process p,.hocl-cards p{margin-bottom:0}.hocl-note{font-size:14px;margin:24px 0 0}.hocl-centered{text-align:center;max-width:820px;margin-inline:auto}.hocl-flow{grid-template-columns:repeat(4,1fr)}.hocl-flow div{background:#fff;border:1px solid var(--line);padding:26px;text-align:center;position:relative}.hocl-flow strong,.hocl-flow small{display:block}.hocl-flow strong{color:var(--navy);font-size:18px;margin-top:12px}.hocl-flow small{margin-top:5px}.hocl-factors{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.hocl-factors span{background:#fff;border-radius:999px;padding:10px 18px;color:var(--navy);font-weight:600}.hocl-table-wrap{overflow-x:auto;margin-top:40px}.hocl-guide table{width:100%;border-collapse:collapse;min-width:760px}.hocl-guide th,.hocl-guide td{text-align:left;padding:20px;border-bottom:1px solid var(--line);vertical-align:top}.hocl-guide thead th{background:var(--navy);color:#fff}.hocl-guide tbody th{color:var(--navy);width:20%}.hocl-cards article{background:var(--mist)}.hocl-quality{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.hocl-quality ol{list-style:none;margin:0;padding:0}.hocl-quality li{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.hocl-quality li span{color:var(--aqua);font-weight:700}.hocl-quality li strong{color:var(--navy);font-size:18px}.hocl-quality li p{margin:4px 0 0}.hocl-sauber{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:var(--navy);color:#fff;border:0;border-radius:30px;margin-top:clamp(65px,9vw,110px);padding:clamp(35px,6vw,75px)}.hocl-sauber h2{color:#fff}.hocl-signoff{display:block;color:#70e2e8;font-size:25px;margin-top:24px}.hocl-faq__list{max-width:900px;margin:35px auto 0}.hocl-faq details{border-top:1px solid var(--line);padding:20px 4px}.hocl-faq details:last-child{border-bottom:1px solid var(--line)}.hocl-faq summary{cursor:pointer;color:var(--navy);font-weight:700;font-size:18px;list-style:none;display:flex;justify-content:space-between}.hocl-faq summary:after{content:"+";color:var(--aqua);font-size:24px}.hocl-faq details[open] summary:after{content:"\2212"}.hocl-faq details p{max-width:760px}.hocl-cta{background:var(--aqua);padding:60px 0;color:#fff}.hocl-cta .hocl-shell{display:flex;align-items:center;justify-content:space-between;gap:30px}.hocl-cta h2,.hocl-cta .hocl-kicker{color:#fff}.hocl-cta h2{margin-bottom:10px}.hocl-cta p{margin:0}.hocl-cta a{flex:none;background:var(--navy);color:#fff;text-decoration:none;text-transform:uppercase;font-weight:700;letter-spacing:.08em;padding:16px 28px;border-radius:4px}@media(max-width:767px){.hocl-shell{width:min(100% - 28px,1180px)}.hocl-hero__grid,.hocl-two,.hocl-quality,.hocl-sauber{grid-template-columns:1fr;gap:25px}.hocl-molecule{min-height:220px}.hocl-molecule span{width:72px;height:72px;font-size:23px}.hocl-molecule span:nth-of-type(2){width:88px;height:88px}.hocl-molecule strong{bottom:8px}.hocl-process,.hocl-flow,.hocl-cards{grid-template-columns:1fr}.hocl-panel{border-radius:20px}.hocl-sauber{margin-inline:0}.hocl-cta .hocl-shell{align-items:flex-start;flex-direction:column}.hocl-jump{display:none}.hocl-guide th,.hocl-guide td{padding:15px}}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */
