*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-black);background:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;border:none;background:none}ul,ol{list-style:none}input,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.05}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--color-black);color:var(--color-white);padding:12px 24px;z-index:9999;border-radius:var(--radius-pill);font:600 14px/1 var(--font-ui)}.skip-to-content:focus{top:8px}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 20px}@media(min-width:768px){.container{padding:0 32px}}@media(min-width:1200px){.container{padding:0 40px}}h1,.h1{font-size:2.5rem;font-weight:300;letter-spacing:-.03em;line-height:1}h2,.h2{font-size:2rem;font-weight:400;letter-spacing:-.025em;line-height:1.08}h3,.h3{font-size:1.5rem;font-weight:400;letter-spacing:-.02em;line-height:1.15}h4,.h4{font-size:1.25rem;font-weight:700;line-height:1.25}h5,.h5{font-size:1.125rem;font-weight:700;line-height:1.3}h6,.h6{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;line-height:1.3}@media(min-width:768px){h1,.h1{font-size:3.5rem}h2,.h2{font-size:2.5rem}h3,.h3{font-size:2rem}h4,.h4{font-size:1.5rem}}@media(min-width:1200px){h1,.h1{font-size:5.5rem;line-height:.95}h2,.h2{font-size:3.75rem;line-height:1.05}h3,.h3{font-size:2.5rem}h4,.h4{font-size:1.75rem}}.rte p{margin-bottom:1em}.rte ul,.rte ol{padding-left:1.5em;margin-bottom:1em}.rte li{margin-bottom:.5em}.paren-accent--yellow{color:var(--color-yellow)}.paren-accent--red{color:var(--color-red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-size:.875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:16px 32px;border-radius:var(--radius-pill);min-width:180px;height:52px;transition:all .28s cubic-bezier(.25,.1,.25,1);white-space:nowrap;text-decoration:none}.btn--primary{background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black)}.btn--primary:hover{background:var(--color-white);color:var(--color-black)}.btn--primary:active{transform:scale(.97)}.btn--primary:disabled,.btn--primary[disabled]{background:#ccc;color:#888;border-color:#ccc;cursor:not-allowed}.btn--secondary{background:var(--color-yellow);color:var(--color-black);border:2px solid var(--color-yellow)}.btn--secondary:hover{background:var(--color-black);color:var(--color-yellow);border-color:var(--color-black)}.btn--outline{background:transparent;color:var(--color-black);border:1.5px solid var(--color-black)}.btn--outline:hover{background:var(--color-black);color:var(--color-white)}.btn--lg{height:60px;padding:20px 40px;font-size:.9375rem}.btn--sm{height:40px;padding:10px 24px;font-size:.75rem;min-width:auto}.input{width:100%;height:52px;padding:0 20px;font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:var(--color-black);background:var(--color-white);border:1.5px solid rgba(0,0,0,.15);border-radius:12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input::placeholder{color:#00000059}.input:focus{border-color:var(--color-black);box-shadow:0 0 0 3px #0000000f}.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);background:var(--color-black);border-bottom:none;transition:transform .35s cubic-bezier(.25,.1,.25,1)}.header--transparent,.header--scrolled{background:var(--color-black)}.header--hidden{transform:translateY(-100%)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 20px}@media(min-width:1200px){.header__inner{padding:0 40px}}.header__logo{display:flex;align-items:center}.header__logo img{height:36px;width:auto}.header__logo-text{font-family:var(--font-heading);font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--color-white)}.header__logo-text sup{font-size:.5em}.header__nav{display:none;align-items:center;gap:32px}@media(min-width:1024px){.header__nav{display:flex}}.header__nav-link{font-family:var(--font-ui);font-size:.8125rem;font-weight:500;color:#ffffffb3;letter-spacing:.02em;position:relative;padding:4px 0;transition:color .2s ease}.header__nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.25,.1,.25,1)}.header__nav-link:hover{color:var(--color-white)}.header__nav-link:hover:after{transform:scaleX(1);transform-origin:left}.header__dropdown{position:relative}.header__nav-link--parent{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.header__nav-link--parent:after{display:none}.header__dropdown-icon{transition:transform .25s ease}.header__dropdown.is-open .header__dropdown-icon{transform:rotate(180deg)}.header__dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:200px;background:var(--color-white);border-radius:var(--radius-md, 12px);box-shadow:0 8px 30px #0000001f;padding:12px 0;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform:translate(-50%) translateY(8px);z-index:1001}.header__dropdown.is-open .header__dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.header__dropdown-link{display:block;padding:10px 20px;font-family:var(--font-ui);font-size:.8125rem;font-weight:500;color:var(--color-black);white-space:nowrap;transition:background .15s ease,color .15s ease}.header__dropdown-link:hover{background:var(--color-cream, #f5f5f0)}.header__actions{display:flex;align-items:center;gap:12px}.header__cart-trigger{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-white)}.header__cart-trigger svg{width:24px;height:24px}.header__cart-count{position:absolute;top:2px;right:0;width:20px;height:20px;border-radius:50%;background:var(--color-red);color:var(--color-white);font:700 11px/20px var(--font-ui);text-align:center}.header__cart-count:empty,.header__cart-count[data-count="0"]{display:none}.header__menu-trigger{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--color-white)}@media(min-width:1024px){.header__menu-trigger{display:none}}.hamburger{display:flex;flex-direction:column;gap:6px;width:20px}.hamburger span{display:block;width:100%;height:1.5px;background:currentColor;transition:transform .3s ease,opacity .2s ease}.hamburger.is-open span:first-child{transform:rotate(45deg) translate(3px,3px)}.hamburger.is-open span:last-child{transform:rotate(-45deg) translate(3px,-3px)}.mobile-menu{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--color-white);z-index:999;padding:40px 20px;display:flex;flex-direction:column;gap:32px;transform:translate(100%);transition:transform .4s cubic-bezier(.25,.1,.25,1);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu.is-open{transform:translate(0)}.mobile-menu__nav{display:flex;flex-direction:column;gap:20px}.mobile-menu__link{display:block;font-family:var(--font-heading);font-size:2rem;font-weight:400;color:var(--color-black);text-align:left;width:100%}.mobile-menu__link--parent{display:flex;align-items:center;justify-content:space-between}.mobile-menu__arrow{transition:transform .25s ease;flex-shrink:0}.mobile-menu__link--parent[aria-expanded=true] .mobile-menu__arrow{transform:rotate(180deg)}.mobile-menu__group{display:flex;flex-direction:column}.mobile-menu__submenu{display:flex;flex-direction:column;gap:12px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 0 0 16px}.mobile-menu__submenu.is-open{max-height:500px;padding:12px 0 0 16px}.mobile-menu__sublink{display:block;font-family:var(--font-body);font-size:1.125rem;font-weight:400;color:#0009;transition:color .15s ease}.mobile-menu__sublink:hover{color:var(--color-black)}.mobile-menu__cta{margin-top:auto;text-align:center;flex-shrink:0}.announcement-bar{min-height:48px;padding:12px 20px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.4;position:sticky;top:0;z-index:1001}.announcement-bar__link{text-decoration:none;color:inherit;display:block;width:100%}.announcement-bar__text{font-family:var(--font-ui);font-size:.6875rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;word-break:break-word;overflow-wrap:break-word}@media(min-width:768px){.announcement-bar__text{font-size:.75rem}}.hero{position:relative;width:100%;height:100svh;min-height:600px;display:flex;align-items:flex-end;overflow:hidden}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__video,.hero__poster,.hero__placeholder{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000000d,#00000059,#0009);pointer-events:none}.hero__content{position:relative;z-index:1;width:100%;padding-bottom:80px}@media(min-width:768px){.hero__content{padding-bottom:120px}}.hero__text{max-width:700px;color:var(--color-white)}@media(max-width:767px){.hero__text{text-align:center;margin:0 auto}}.hero__heading{margin-bottom:16px;color:var(--color-white)}.hero__subheading{font-family:var(--font-body);font-size:1.125rem;font-weight:500;color:#ffffffd9;margin-bottom:32px;line-height:1.5}@media(min-width:768px){.hero__subheading{font-size:1.25rem}}.hero__scroll-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);color:#fff9;z-index:1;animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.marquee{background:var(--color-black);color:var(--color-yellow);padding:14px 0;overflow:hidden}.marquee__track{display:flex;width:max-content;animation:marquee-scroll var(--marquee-speed, 30s) linear infinite}.marquee__content{display:flex;align-items:center;gap:24px;font-family:var(--font-ui);font-size:.8125rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:0 24px}.marquee__separator{font-size:.5rem;opacity:.5}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee__track{animation:none}}.split{display:grid;grid-template-columns:1fr;min-height:500px}@media(min-width:768px){.split{grid-template-columns:1fr 1fr}}.split--reverse .split__media{order:1}@media(max-width:767px){.split--reverse .split__media{order:0}}.split--dark{background:var(--color-black);color:var(--color-white)}.split--dark .split__declaration{color:var(--color-yellow)}.split__media{position:relative;min-height:300px;overflow:hidden}@media(min-width:768px){.split__media{min-height:auto}}.split__image,.split__video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.split__placeholder{width:100%;height:100%;background:var(--color-cream)}.split__content{display:flex;align-items:center;padding:48px 20px}@media(min-width:768px){.split__content{padding:80px 64px}}.split__text{max-width:480px}.split__heading{margin-bottom:24px}.split__body{font-size:1.0625rem;line-height:1.65;color:#000000a6;margin-bottom:32px}.split--dark .split__body{color:#ffffffb3}.split__declaration{font-family:var(--font-heading);font-size:1.5rem;font-weight:400;line-height:1.2}@media(min-width:768px){.split__declaration{font-size:1.75rem}}.claim{padding:80px 0;text-align:center;background:var(--color-cream)}@media(min-width:768px){.claim{padding:120px 0}}.claim__inner{max-width:800px;margin:0 auto}.claim__heading{margin-bottom:16px}.claim__subheading{font-size:1.125rem;color:#0000008c;margin-bottom:40px}.claim__highlight{font-size:1.75rem;font-weight:700}@media(min-width:768px){.claim__highlight{font-size:2.25rem}}.benefits{padding:80px 0;background:var(--color-white)}@media(min-width:768px){.benefits{padding:100px 0}}.benefits__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:768px){.benefits__grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:1024px){.benefits__grid{grid-template-columns:repeat(5,1fr);gap:20px}}.benefits__item{background:var(--color-cream);border-radius:var(--radius-lg);padding:32px 20px;text-align:center}.benefits__number{display:block;font-family:var(--font-heading);font-size:2.5rem;font-weight:700;margin-bottom:8px}@media(min-width:768px){.benefits__number{font-size:3rem}}.benefits__label{display:block;font-family:var(--font-body);font-size:.9375rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.benefits__desc{display:block;font-size:.8125rem;color:#00000080}.flavors{padding:80px 0}@media(min-width:768px){.flavors{padding:120px 0}}.flavors__header{text-align:center;margin-bottom:48px}.flavors__heading{margin-bottom:12px}.flavors__subheading{font-size:1.125rem;color:#0000008c}.flavors__grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:768px){.flavors__grid{grid-template-columns:repeat(2,1fr);gap:24px}}.flavors__card{border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(0,0,0,.06);transition:transform .4s cubic-bezier(.25,.1,.25,1),box-shadow .4s cubic-bezier(.25,.1,.25,1)}.flavors__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.flavors__card-media{aspect-ratio:4/5;background:var(--color-cream);overflow:hidden}.flavors__card--blue .flavors__card-media{background:var(--color-blue)}.flavors__card--red .flavors__card-media{background:var(--color-red)}.flavors__card--yellow .flavors__card-media{background:var(--color-yellow)}.flavors__card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.1,.25,1)}.flavors__card:hover .flavors__card-img{transform:scale(1.04)}.flavors__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:2rem;color:var(--color-white);font-weight:700}.flavors__card-info{padding:24px}.flavors__card-name{font-size:1.5rem;font-weight:700;margin-bottom:4px}.flavors__card-flavor{font-size:1rem;color:#0000008c;margin-bottom:8px}.flavors__card-seo{font-size:.875rem;color:#00000073;margin-bottom:20px;line-height:1.5}.flavors__card-cta{width:100%;text-align:center}.moments{padding:80px 0;background:var(--color-cream)}@media(min-width:768px){.moments{padding:120px 0}}.moments__heading{text-align:center;margin-bottom:48px}.moments__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:768px){.moments__grid{gap:16px}}.moments__item{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:3/2}.moments__item-media{position:absolute;top:0;right:0;bottom:0;left:0}.moments__item-media img{width:100%;height:100%;object-fit:cover}.moments__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-cream),#ddd)}.moments__item-title{position:absolute;bottom:40px;left:16px;right:16px;font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--color-white);z-index:1}@media(min-width:768px){.moments__item-title{font-size:1.375rem;bottom:48px;left:24px}}.moments__item-desc{position:absolute;bottom:16px;left:16px;right:16px;font-size:.8125rem;color:#ffffffbf;z-index:1}@media(min-width:768px){.moments__item-desc{left:24px;bottom:24px}}.moments__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 60%);pointer-events:none}.moments__footnote{text-align:center;margin-top:40px;font-size:1.0625rem;color:#0000008c;font-style:italic}.comparison{padding:80px 0}@media(min-width:768px){.comparison{padding:120px 0}}.comparison__heading{text-align:center;margin-bottom:48px}.comparison__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.1)}.comparison__table{width:100%;min-width:640px;border-collapse:collapse}.comparison__table thead{background:var(--color-black);color:var(--color-white)}.comparison__table th{font-family:var(--font-ui);font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:20px;text-align:center}.comparison__feature-col{text-align:left!important;width:160px}.comparison__col--clever{position:relative;background:#eddc5026}.comparison__col--clever:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-yellow)}.comparison__table td{font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:16px 20px;text-align:center;border-bottom:1px solid rgba(0,0,0,.06);vertical-align:middle}.comparison__feature{font-weight:600;text-align:left!important;color:#000000b3;font-size:.8125rem}.comparison__cell--positive{background:#eddc502e;font-weight:600;color:var(--color-black)}.comparison__cell--negative{color:#00000073}.comparison__cell--neutral{color:#0009}.comparison__clever-badge{display:inline-block;background:var(--color-yellow);color:var(--color-black);font-size:.6875rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-pill);margin-bottom:4px}.comparison__table tbody tr:hover{background:#00000005}
/*# sourceMappingURL=/cdn/shop/t/2/assets/clever-base.css.map */