.zoc{--zoc-line: rgb(255 255 255 / .14);background:var(--zoc-bg, #0d0d0d);color:var(--zoc-text, #fff)}.zoc__wrap{max-width:var(--container-max-width, 1600px);margin-inline:auto;padding-inline:var(--container-gutter, 20px)}.zoc__hero{position:relative;isolation:isolate;display:grid;min-height:72svh;overflow:hidden}.zoc__hero-media,.zoc__hero-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.zoc__hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(0 0 0 / var(--zoc-ov, .6)),rgb(0 0 0 / calc(var(--zoc-ov, .6) * .5)))}.zoc__hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(var(--zoc-line) 1px,transparent 1px),linear-gradient(90deg,var(--zoc-line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 80% 40%,#000 0%,transparent 65%);mask-image:radial-gradient(ellipse at 80% 40%,#000 0%,transparent 65%);opacity:.5}.zoc__hero-inner{align-self:center;display:grid;gap:16px;padding-block:64px 48px;max-width:720px}.zoc__badge{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--zoc-accent);border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.zoc__badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--zoc-accent-light, #6f9be6)}.zoc__h1{margin:0;font-size:clamp(40px,8vw,80px);line-height:.95;color:inherit}.zoc__lead{margin:0;font-size:17px;line-height:1.55;max-width:50ch;opacity:.88}.zoc__actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:6px}.zoc__cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:var(--rounded-button, 4px);background:var(--zoc-accent);color:#fff;font-weight:700;font-size:15px;text-decoration:none;transition:filter .15s ease}.zoc__cta:hover{filter:brightness(1.15)}.zoc__link{color:inherit;font-weight:600;font-size:15px;text-decoration:underline;text-underline-offset:3px}.zoc__offer{display:inline-flex;align-items:baseline;gap:10px;margin-top:4px;font-size:14px;opacity:.85}.zoc__offer strong{font-size:22px;opacity:1}.zoc__perks{padding-block:56px;scroll-margin-top:80px}.zoc__h2{margin:0;font-size:clamp(28px,5vw,44px);line-height:1.05;color:inherit}.zoc__sub{margin:10px 0 0;font-size:15.5px;line-height:1.5;opacity:.75;max-width:56ch}.zoc__cards{display:grid;gap:12px;margin-top:28px}.zoc__card{border:1px solid var(--zoc-line);border-radius:8px;background:#ffffff0a;transition:border-color .2s ease,background-color .2s ease}.zoc__card:hover,.zoc__card.is-open{border-color:var(--zoc-accent-light, #6f9be6);background:#ffffff12}.zoc__card-btn{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:16px;align-items:center;width:100%;padding:20px;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.zoc__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:var(--zoc-accent);color:#fff}.zoc__icon svg{width:24px;height:24px}.zoc__card-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;line-height:1.25}.zoc__tag{padding:2px 8px;border-radius:4px;background:var(--zoc-accent-light, #6f9be6);color:#0d0d0d;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.zoc__card-short{display:block;margin-top:4px;font-size:14.5px;line-height:1.45;opacity:.75}.zoc__plus{position:relative;width:28px;height:28px;border:1px solid var(--zoc-line);border-radius:50%}.zoc__plus:before,.zoc__plus:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background:currentColor;transform:translate(-50%,-50%);transition:transform .2s ease}.zoc__plus:after{transform:translate(-50%,-50%) rotate(90deg)}.is-open .zoc__plus:after{transform:translate(-50%,-50%) rotate(0)}.zoc__panel{padding:0 20px 22px 84px}.zoc__panel[hidden]{display:none}.zoc__panel-body{font-size:15px;line-height:1.6;opacity:.9}.zoc__panel-body ul{margin:0;padding-left:18px}.zoc__panel-body li+li{margin-top:6px}.zoc__panel-body p{margin:0 0 10px}.zoc__panel-img{display:block;width:100%;max-width:520px;height:auto;margin-top:14px;border-radius:6px}.zoc__panel .zoc__link{display:inline-block;margin-top:14px}.zoc__steps{padding-block:8px 56px}.zoc__step-list{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none;counter-reset:zoc}.zoc__step{counter-increment:zoc;padding:20px;border-top:2px solid var(--zoc-accent-light, #6f9be6);background:#ffffff08}.zoc__step:before{content:counter(zoc,decimal-leading-zero);display:block;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--zoc-accent-light, #6f9be6)}.zoc__step strong{display:block;font-size:17px}.zoc__step span{display:block;margin-top:4px;font-size:14.5px;line-height:1.45;opacity:.75}@media screen and (min-width:700px){.zoc__hero-inner{padding-block:96px 80px}.zoc__perks{padding-block:80px}.zoc__cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.zoc__card.is-open{grid-column:1 / -1}.zoc__step-list{grid-template-columns:repeat(3,minmax(0,1fr))}.zoc__steps{padding-block:8px 80px}}@media(max-width:699px){.zoc__panel{padding-left:20px}}@media(prefers-reduced-motion:reduce){.zoc__card,.zoc__cta,.zoc__plus:before,.zoc__plus:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/zo-club.css.map */