.lp-why{--w-bg: oklch(.205 .012 60);--w-card: oklch(.252 .013 58);--w-card-hi: oklch(.3 .014 56);--w-text: oklch(.962 .008 85);--w-muted: oklch(.76 .012 80);--w-line: oklch(.98 .005 85 / .1);--w-line-2: oklch(.98 .005 85 / .17);--w-teal: oklch(.825 .125 192);--w-teal-dim: oklch(.825 .125 192 / .14);--w-ink: oklch(.22 .035 205);--w-faint: oklch(.58 .012 75);--w-green: oklch(.8 .155 150);--w-green-dim: oklch(.8 .155 150 / .13);--w-glass: linear-gradient(165deg, oklch(.315 .014 56 / .72) 0%, oklch(.21 .012 58 / .62) 100%);--w-glass-hi: linear-gradient(165deg, oklch(.355 .015 56 / .8) 0%, oklch(.24 .013 58 / .7) 100%);--w-glass-edge: inset 0 1px 0 oklch(.98 .005 85 / .13);--w-glass-shadow: 0 26px 56px -26px oklch(.1 .012 60 / .78);position:relative;isolation:isolate;background:var(--w-bg);color:var(--w-text);padding:clamp(56px,9vw,120px) 0}.lp-why:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 82% -12%,oklch(.825 .125 192 / .13) 0%,transparent 56%),radial-gradient(110% 92% at -4% 116%,oklch(.12 .012 60 / .55) 0%,transparent 60%)}.lp-why__wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}@media(min-width:768px){.lp-why__wrap{padding:0 40px}}@media(min-width:1100px){.lp-why__wrap{padding:0 64px}}.lp-why__top{display:grid;grid-template-columns:1fr;row-gap:26px;column-gap:0;margin-bottom:clamp(40px,6vw,72px);grid-template-areas:"head" "compare" "img" "cta"}.lp-why__media-figure,.lp-why__top>.lp-why__media{grid-area:img}.lp-why__head{grid-area:head}.lp-why__compare{grid-area:compare;justify-self:start}.lp-why__cta{grid-area:cta;justify-self:start}@media(min-width:900px){.lp-why__top{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);column-gap:clamp(40px,5vw,64px);align-items:stretch;grid-template-areas:"img head" "img compare" "img cta"}.lp-why__media-figure>.lp-why__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}}.lp-why__media-figure{position:relative;margin:0;min-width:0}.lp-why__media{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--w-line-2);background:#110c09;aspect-ratio:4 / 3}.lp-why__media img{width:100%;height:100%;object-fit:cover;display:block}.lp-why__media-cap{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#110c09b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--w-line-2);font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--w-text)}.lp-why__media-cap:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--w-teal);box-shadow:0 0 0 4px var(--w-teal-dim)}.lp-why__reveal{cursor:pointer;outline:none}.lp-why__reveal-img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lp-why__reveal-img--after{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.04);transition:opacity .5s ease,transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity}.lp-why__reveal:hover .lp-why__reveal-img--after,.lp-why__reveal:focus-visible .lp-why__reveal-img--after,.lp-why__reveal.is-revealed .lp-why__reveal-img--after{opacity:1;transform:scale(1)}.lp-why__reveal:focus-visible{box-shadow:0 0 0 3px var(--w-teal),0 0 0 6px var(--w-bg)}.lp-why__reveal-state{position:absolute;top:14px;right:14px;z-index:2;display:grid;padding:6px 12px;border-radius:999px;background:#110c09b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--w-line-2);font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:11px;pointer-events:none}.lp-why__reveal-state--b,.lp-why__reveal-state--a{grid-area:1 / 1;transition:opacity .35s ease}.lp-why__reveal-state--b{color:var(--w-text)}.lp-why__reveal-state--a{color:var(--w-green);opacity:0}.lp-why__reveal:hover .lp-why__reveal-state--b,.lp-why__reveal:focus-visible .lp-why__reveal-state--b,.lp-why__reveal.is-revealed .lp-why__reveal-state--b{opacity:0}.lp-why__reveal:hover .lp-why__reveal-state--a,.lp-why__reveal:focus-visible .lp-why__reveal-state--a,.lp-why__reveal.is-revealed .lp-why__reveal-state--a{opacity:1}.lp-why__reveal-hint{position:absolute;top:14px;left:14px;z-index:2;padding:6px 12px;border-radius:999px;background:var(--w-teal);color:var(--w-ink);font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:11px;pointer-events:none;transition:opacity .35s ease}.lp-why__reveal:hover .lp-why__reveal-hint,.lp-why__reveal:focus-visible .lp-why__reveal-hint,.lp-why__reveal.is-revealed .lp-why__reveal-hint{opacity:0}@media(max-width:899px){.lp-why__reveal-state{left:14px;right:auto;background:#110c09;border-color:#110c09}.lp-why__reveal-hint{display:none}}@media(prefers-reduced-motion:reduce){.lp-why__reveal-img--after{transform:none;transition:opacity .3s ease}.lp-why__reveal:hover .lp-why__reveal-img--after,.lp-why__reveal:focus-visible .lp-why__reveal-img--after,.lp-why__reveal.is-revealed .lp-why__reveal-img--after{transform:none}}.lp-why__media--empty{display:grid;place-items:center;text-align:center}.lp-why__media--empty:before,.lp-why__media--empty:after{content:"";position:absolute;width:36px;height:36px;border:2px solid var(--w-teal);opacity:.5}.lp-why__media--empty:before{top:16px;left:16px;border-right:0;border-bottom:0}.lp-why__media--empty:after{bottom:16px;right:16px;border-left:0;border-top:0}.lp-why__media-hint{font-family:var(--font-heading, "Barlow Condensed", sans-serif);text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--w-muted);max-width:18ch;line-height:1.5}.lp-why__eyebrow{display:block;font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:700;letter-spacing:.22em;font-size:13px;color:var(--w-teal);text-transform:uppercase;margin-bottom:16px}.lp-why__h2{font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:800;font-size:clamp(34px,5.2vw,60px);line-height:.96;letter-spacing:-.005em;text-transform:uppercase;color:var(--w-text);margin:0 0 .42em}.lp-why__h2 p{margin:0}.lp-why__body{color:var(--w-muted);font-size:17px;max-width:54ch;margin:0;line-height:1.6}.lp-why__compare{display:inline-flex;align-items:stretch;max-width:100%;border:1px solid var(--w-line-2);border-radius:14px;overflow:hidden;background:var(--w-glass);-webkit-backdrop-filter:blur(14px) saturate(116%);backdrop-filter:blur(14px) saturate(116%);box-shadow:var(--w-glass-edge),0 18px 40px -22px #050301b3}.lp-why__compare-side{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:14px 22px}.lp-why__compare-label{font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--w-muted)}.lp-why__compare-old{font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:700;font-size:20px;color:var(--w-muted);text-decoration:line-through;text-decoration-color:var(--w-faint);text-decoration-thickness:2px}.lp-why__compare-arrow{display:flex;align-items:center;padding:0 10px;color:var(--w-teal)}.lp-why__compare-arrow svg{display:block}.lp-why__compare-side--win{background:var(--w-green-dim);border-left:1px solid var(--w-line-2)}.lp-why__compare-new{font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:800;font-size:clamp(27px,6vw,33px);line-height:1;letter-spacing:.01em;color:var(--w-green)}@media(max-width:480px){.lp-why__compare-side{padding:12px 15px}.lp-why__compare-arrow{padding:0 6px}}.lp-why__cta{display:inline-flex;align-items:center;gap:.625em;padding:.9375em 1.625em;border-radius:10px;background:var(--w-teal);color:var(--w-ink);font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:800;font-size:var(--why-cta-size, 16px);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.lp-why__cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px #47dfda80}.lp-why__cta svg{width:1.125em;height:1.125em;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.lp-why__cta:hover svg{transform:translate(4px)}.lp-why__grid{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:760px){.lp-why__grid{grid-template-columns:repeat(3,1fr);gap:20px}}.lp-why__card{position:relative;background:var(--w-glass);-webkit-backdrop-filter:blur(14px) saturate(116%);backdrop-filter:blur(14px) saturate(116%);border:1px solid var(--w-line-2);border-radius:16px;padding:30px 28px 28px;overflow:hidden;box-shadow:var(--w-glass-edge),var(--w-glass-shadow);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s ease,background .3s ease,box-shadow .3s ease}.lp-why__card:hover{transform:translateY(-4px);border-color:var(--w-teal);background:var(--w-glass-hi);box-shadow:var(--w-glass-edge),0 32px 64px -26px #050301d9}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.lp-why__card,.lp-why__compare{background:linear-gradient(165deg,#2d2622fa,#1e1814fa)}.lp-why__card:hover{background:linear-gradient(165deg,#352d28,#241e19)}}.lp-why__card-top{display:flex;align-items:center;gap:11px;margin-bottom:18px}.lp-why__icon{flex:none;width:30px;height:30px;color:var(--w-teal)}.lp-why__icon svg{width:100%;height:100%;display:block}.lp-why__kicker{font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--w-teal)}.lp-why__card-h3{font-family:var(--font-heading, "Barlow Condensed", sans-serif);text-transform:uppercase;font-weight:700;font-size:22px;letter-spacing:.02em;color:var(--w-text);margin:0 0 10px}.lp-why__card-body{color:var(--w-muted);margin:0;font-size:15px;line-height:1.62}@media(prefers-reduced-motion:reduce){.lp-why__card,.lp-why__cta,.lp-why__cta svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/lp-why-touchup.css.map */