.zw{--zw-muted: rgba(var(--color-foreground), .75);--zw-tint: rgba(var(--color-foreground), .05);--zw-border: rgba(var(--color-foreground), .1)}.zw__inner{display:grid;gap:4rem;align-items:center}.zw__badge{display:inline-flex;align-items:center;gap:1rem;margin:0 0 2rem;padding:.9rem 1.8rem;border-radius:999px;background:var(--zw-tint);color:var(--zw-accent);font-size:1.3rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.zw__badge:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:currentColor;opacity:.4}.zw__heading{margin:0;font-size:clamp(3.2rem,4.4vw,5.2rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}.zw__subheading{margin:1.2rem 0 0;font-size:clamp(1.7rem,1.8vw,2rem);font-weight:700;line-height:1.5;color:rgb(var(--color-foreground))}.zw__text{margin-top:1.8rem;font-size:1.7rem;line-height:1.75;color:var(--zw-muted)}.zw__text p{text-wrap:pretty}.zw__text>:first-child{margin-top:0}.zw__text>:last-child{margin-bottom:0}.zw__quote{margin:3rem 0 0;padding-left:2rem;border-left:4px solid var(--zw-accent)}.zw__quote blockquote{margin:0;padding:0;border:0;font-size:clamp(2rem,2.2vw,2.6rem);font-style:normal;font-weight:800;line-height:1.3;letter-spacing:-.01em;text-transform:uppercase;color:rgb(var(--color-foreground))}.zw__quote figcaption{margin-top:1rem;font-size:1.4rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--zw-accent)}.zw__features{display:grid;gap:2rem;margin:3rem 0 0;padding:0;list-style:none}.zw__feature{display:flex;align-items:center;gap:1.8rem}.zw__icon{display:grid;place-items:center;flex-shrink:0;width:5.2rem;height:5.2rem;border-radius:1.2rem;background:var(--zw-tint);color:var(--zw-accent)}.zw__feature-title{margin:0;font-size:1.7rem;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:rgb(var(--color-foreground))}.zw__feature-text{margin:.3rem 0 0;font-size:1.5rem;line-height:1.5;color:var(--zw-muted)}.zw__media{position:relative;overflow:hidden;aspect-ratio:1 / 1;border:1px solid var(--zw-border);border-radius:2rem;background:var(--zw-tint)}.zw__media--wide{aspect-ratio:4 / 3}.zw__image,.zw__placeholder{display:block;width:100%;height:100%;object-fit:cover}.zw__placeholder{fill:rgba(var(--color-foreground),.35)}@media screen and (min-width:990px){.zw__inner{grid-template-columns:1fr 1fr;gap:7rem}.zw__inner--image-left .zw__media{order:-1}}@media screen and (max-width:749px){.zw__inner{gap:3rem;padding-left:2rem;padding-right:2rem}.zw__media{order:-1;aspect-ratio:4 / 3;border-radius:1.6rem}.zw__badge{margin-bottom:1.4rem;padding:.7rem 1.4rem;font-size:1.15rem}.zw__heading{font-size:3rem;line-height:1.12;letter-spacing:-.02em}.zw__subheading{margin-top:1rem;font-size:1.7rem;line-height:1.45}.zw__text{margin-top:1.4rem;font-size:1.6rem;line-height:1.65}.zw__text p+p{margin-top:1.2rem}.zw__quote{margin-top:2.4rem;padding:1.6rem 1.6rem 1.6rem 1.8rem;border-radius:0 1.2rem 1.2rem 0;background:var(--zw-tint)}.zw__quote blockquote{font-size:1.8rem;line-height:1.35}.zw__quote figcaption{font-size:1.2rem}.zw__features{gap:1rem;margin-top:2.4rem}.zw__feature{align-items:flex-start;gap:1.4rem;padding:1.4rem;border:1px solid var(--zw-border);border-radius:1.4rem;background:var(--zw-tint)}.zw__icon{width:4.4rem;height:4.4rem;border-radius:1rem;background:rgba(var(--color-foreground),.06)}.zw__icon svg{width:2.2rem;height:2.2rem}.zw__feature-title{font-size:1.6rem}.zw__feature-text{margin-top:.4rem;font-size:1.4rem;line-height:1.45}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-zpen-why-it-works.css.map */