@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Serif+Display:ital@0;1&display=swap";:root{--bg: oklch(98% .005 80);--bg-2: oklch(94% .007 75);--bg-3: oklch(89% .009 70);--ink: oklch(14% .018 230);--ink-mid: oklch(40% .012 225);--ink-dim: oklch(58% .01 225);--border: oklch(0% 0 0 / .1);--border-strong: oklch(0% 0 0 / .18);--water: oklch(45% .155 212);--water-light: oklch(55% .14 212);--water-dim: oklch(45% .155 212 / .1);--water-glow: oklch(45% .155 212 / .22);--font-display: "Bebas Neue", sans-serif;--font-serif: "DM Serif Display", serif;--font-body: "DM Sans", sans-serif;--bg-warm-white: oklch(99% .003 80);--bg-sage: oklch(91% .014 130)}.supra-hero{background:var(--bg-warm-white)}.supra-why{background:var(--bg-sage)}.supra-comparison{background:var(--bg-warm-white)}.supra-collections{background:var(--bg-sage)}.supra-container{max-width:1400px;margin:0 auto;width:100%}.supra-hero .supra-container{display:grid;grid-template-columns:1fr 1fr;width:100%}.supra-section *,.supra-section *:before,.supra-section *:after{box-sizing:border-box}.supra-reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.supra-reveal.supra-visible{opacity:1;transform:translateY(0)}@keyframes supra-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes supra-ripple{0%{transform:translate(-50%,-50%) scale(.8);opacity:.6}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}@keyframes supra-dropFall{0%{transform:translateY(-30px) scale(.5);opacity:0}40%{opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.supra-hero{min-height:clamp(200px,80vh,900px);position:relative;overflow:hidden;background:var(--bg);font-family:var(--font-body)}.supra-hero__bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 55% 65% at 68% 45%,oklch(55% .14 212 / .08) 0%,transparent 65%)}.supra-hero__bg-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.4;background-image:repeating-linear-gradient(0deg,var(--bg-2) 0px,var(--bg-2) 1px,transparent 1px,transparent 80px)}.supra-hero__content{display:flex;flex-direction:column;justify-content:center;padding:120px 56px 80px;position:relative}.supra-hero__badge{display:inline-flex;align-items:center;gap:8px;background:var(--water-dim);border:1px solid var(--water-glow);padding:6px 14px;border-radius:100px;margin-bottom:36px;width:fit-content}.supra-hero__badge-text{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--water);text-transform:uppercase}.supra-hero__headline{margin-bottom:8px}.supra-hero__headline-word{font-family:var(--font-display);font-size:100px;line-height:.92;letter-spacing:.04em;color:var(--ink);display:block}.supra-hero__headline-word--gradient{background:linear-gradient(90deg,var(--water),var(--water-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.supra-hero__desc{font-family:var(--font-body);font-size:16px;font-weight:300;line-height:1.75;color:var(--ink-mid);max-width:440px;margin-top:28px;margin-bottom:44px}.supra-hero__cta-group{display:flex;gap:16px;align-items:center}.supra-btn{font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:.06em;cursor:pointer;border-radius:3px;transition:all .2s;text-decoration:none;display:inline-block}.supra-btn--primary{background:var(--water);color:#fff;border:none;padding:14px 32px}.supra-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px var(--water-glow)}.supra-btn--outline{background:transparent;color:var(--ink);border:1px solid var(--border-strong);padding:14px 32px;font-weight:400}.supra-btn--outline:hover{border-color:var(--water)}.supra-btn--outline-light{background:transparent;color:#fff;border:1px solid oklch(100% 0 0 / .25);padding:16px 36px;font-weight:400}.supra-btn--outline-light:hover{border-color:var(--water)}.supra-btn--primary-lg{background:var(--water);color:#fff;border:none;padding:16px 36px;font-size:14px}.supra-btn--primary-lg:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--water-glow)}.supra-btn--sm{font-size:13px;padding:13px 28px}.supra-hero__stats{display:flex;gap:40px;margin-top:64px;padding-top:40px;border-top:1px solid var(--border)}.supra-hero__stat-val{font-family:var(--font-display);font-size:30px;letter-spacing:.06em;color:var(--water)}.supra-hero__stat-label{font-family:var(--font-body);font-size:11px;color:var(--ink-dim);letter-spacing:.12em;margin-top:2px;text-transform:uppercase}.supra-hero__visual{position:relative;display:flex;align-items:center;justify-content:center;padding:100px 56px 80px 24px}.supra-hero__img-wrap{position:relative;width:100%;max-width:480px;animation:supra-float 5s ease-in-out infinite}.supra-hero__img-inner{border-radius:8px;overflow:hidden;box-shadow:0 32px 80px #00000024,0 0 0 1px var(--border)}.supra-hero__img-inner img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover}.supra-hero__drop{position:absolute}.supra-hero__ripple-wrap{position:absolute;bottom:-30px;left:50%}.supra-hero__ripple{position:absolute;top:50%;left:50%;width:80px;height:80px;border-radius:50%;border:1px solid var(--water);animation:supra-ripple 2.4s ease-out infinite}.supra-why{padding:50px 56px;background:var(--bg);position:relative;font-family:var(--font-body)}.supra-why__inner{max-width:1400px;margin-left:auto;margin-right:auto}.supra-section-label{display:flex;align-items:center;gap:16px;margin-bottom:56px}.supra-section-label__line{width:40px;height:1px;background:var(--water);flex-shrink:0}.supra-section-label__text{font-family:var(--font-body);font-size:11px;letter-spacing:.3em;color:var(--water);text-transform:uppercase;font-weight:600}.supra-section-heading{font-family:var(--font-serif);font-size:52px;font-weight:400;line-height:1.15;color:var(--ink);max-width:560px;margin-bottom:72px;font-style:italic}.supra-why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.supra-why-card{background:#ecf0e9;border:1px solid var(--border);padding:40px 32px;transition:all .3s ease;cursor:default;position:relative;overflow:hidden}.supra-why-card:hover{background:#fff;border-color:var(--water);box-shadow:0 8px 40px #00000012}.supra-why-card__number{position:absolute;top:20px;right:24px;font-family:var(--font-display);font-size:60px;line-height:1;color:#0000000a;transition:color .3s;-webkit-user-select:none;user-select:none}.supra-why-card:hover .supra-why-card__number{color:var(--water-dim)}.supra-why-card__icon-wrap{width:48px;height:48px;border-radius:50%;background:#0000000a;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:24px;transition:background .3s}.supra-why-card:hover .supra-why-card__icon-wrap{background:var(--water-dim)}.supra-why-card__title{font-family:var(--font-body);font-size:16px;font-weight:600;color:var(--ink);margin-bottom:14px;line-height:1.3}.supra-why-card__desc{font-family:var(--font-body);font-size:13.5px;font-weight:300;line-height:1.75;color:var(--ink-mid);margin-bottom:24px}.supra-why-card__use-case{font-family:var(--font-body);font-size:11px;letter-spacing:.1em;color:var(--ink-dim);text-transform:uppercase;transition:color .3s}.supra-why-card:hover .supra-why-card__use-case{color:var(--water)}.supra-collections{padding:100px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-family:var(--font-body)}.supra-collections__header{padding:0 56px;margin-bottom:56px}.supra-collections__header .supra-section-label{margin-bottom:24px}.supra-collections__heading{font-family:var(--font-serif);font-size:52px;font-weight:400;font-style:italic;color:var(--ink);max-width:480px}.supra-collections__tabs{display:flex;border-bottom:1px solid var(--border);overflow-x:auto;padding:0 56px;scrollbar-width:none;-ms-overflow-style:none}.supra-collections__tabs::-webkit-scrollbar{display:none}.supra-collections__tab{background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;padding:14px 28px;font-family:var(--font-body);font-size:13px;font-weight:400;color:var(--ink-dim);letter-spacing:.06em;transition:all .25s;white-space:nowrap;margin-bottom:-1px}.supra-collections__tab[aria-selected=true],.supra-collections__tab.is-active{font-weight:600;color:var(--ink);border-bottom-color:var(--water)}.supra-collections__panel{display:none;grid-template-columns:1fr 1fr}.supra-collections__panel.is-active{display:grid}.supra-collections__img-col{padding:56px;border-right:1px solid var(--border)}.supra-collections__img-col img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover;border-radius:6px;box-shadow:0 16px 60px #0000001a}.supra-collections__tags{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.supra-collections__tag{background:var(--bg);border:1px solid var(--border);padding:5px 14px;border-radius:100px;font-family:var(--font-body);font-size:11px;color:var(--ink-dim);letter-spacing:.08em}.supra-collections__info-col{padding:56px;display:flex;flex-direction:column;justify-content:center}.supra-collections__sub{font-family:var(--font-body);font-size:11px;letter-spacing:.2em;color:var(--water);text-transform:uppercase;font-weight:600;margin-bottom:12px}.supra-collections__name{font-family:var(--font-display);font-size:64px;letter-spacing:.04em;color:var(--ink);line-height:.95;margin-bottom:28px}.supra-collections__desc{font-family:var(--font-body);font-size:15px;font-weight:300;line-height:1.8;color:var(--ink-mid);max-width:440px;margin-bottom:40px}.supra-collections__features{display:flex;flex-direction:column;gap:14px;margin-bottom:44px;list-style:none;padding:0;margin-left:0}.supra-collections__feature{display:flex;align-items:center;gap:12px;font-family:var(--font-body);font-size:13px;color:var(--ink-mid)}.supra-collections__feature-icon{color:var(--water);flex-shrink:0}.supra-collections__footer{display:flex;align-items:center;gap:24px}.supra-collections__count{font-family:var(--font-body);font-size:12px;color:var(--ink-dim);letter-spacing:.1em}.supra-comparison{padding:100px 56px;background:var(--bg);font-family:var(--font-body)}.supra-comparison__inner{max-width:1400px;margin-left:auto;margin-right:auto}.supra-comparison__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.supra-comparison__copy-heading{font-family:var(--font-serif);font-size:48px;font-weight:400;font-style:italic;line-height:1.2;color:var(--ink)}.supra-comparison__copy-desc{font-family:var(--font-body);font-size:14px;font-weight:300;line-height:1.8;color:var(--ink-mid);margin-top:24px;max-width:400px}.supra-comparison__table-head{display:grid;grid-template-columns:1fr 100px 100px;margin-bottom:4px}.supra-comparison__col-label{font-family:var(--font-body);font-size:11px;letter-spacing:.15em;text-transform:uppercase;text-align:center;font-weight:600}.supra-comparison__col-label--supra{color:var(--water)}.supra-comparison__col-label--traditional{color:var(--ink-dim)}.supra-comparison__row{display:grid;grid-template-columns:1fr 100px 100px;padding:14px 0;border-top:1px solid var(--border);align-items:center}.supra-comparison__row-label{font-family:var(--font-body);font-size:13px;color:var(--ink-mid)}.supra-comparison__cell{text-align:center;font-size:16px}.supra-comparison__check{color:var(--water)}.supra-comparison__cross{color:#ad524d}@media(max-width:1024px){.supra-hero .supra-container{grid-template-columns:1fr}.supra-hero__visual{padding:40px 40px 80px}.supra-hero__headline-word{font-size:72px}.supra-why__grid{grid-template-columns:repeat(2,1fr)}.supra-collections__panel.is-active{grid-template-columns:1fr}.supra-collections__img-col{border-right:none;border-bottom:1px solid var(--border)}.supra-comparison__grid{grid-template-columns:1fr;gap:48px}}@media(max-width:640px){.supra-hero__content{padding:100px 24px 60px}.supra-hero__headline-word{font-size:56px}.supra-why{padding:72px 24px}.supra-why__grid{grid-template-columns:1fr}.supra-section-heading{font-size:36px}.supra-collections__header,.supra-collections__tabs{padding:0 24px}.supra-collections__img-col,.supra-collections__info-col{padding:32px 24px}.supra-collections__name{font-size:44px}.supra-comparison{padding:72px 24px}.supra-comparison__copy-heading{font-size:34px}.supra-hero__stats{flex-wrap:wrap;gap:24px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/supra-sections.css.map */