@font-face{font-family:Gilroy;src:url('assets/brand/Gilroy-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Gilroy;src:url('assets/brand/Gilroy-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Gilroy;src:url('assets/brand/Gilroy-Semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Gilroy;src:url('assets/brand/Gilroy-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--cyan:#25b2be;--pale:#e2f8f9;--ink:#161616;--unit:min(.0520833333vw,1px);--content:calc(1280 * var(--unit))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fff;font-family:Gilroy,Arial,sans-serif;font-weight:500;font-size:calc(30 * var(--unit));line-height:1.2}body,main{overflow-x:clip}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}a{color:inherit}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button{color:inherit}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #096c75;outline-offset:5px}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.container{width:var(--content);margin-inline:auto;position:relative}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-200%);z-index:99;background:white;padding:12px}.skip-link:focus{transform:none}.header{height:calc(80 * var(--unit));border-bottom:1px solid #bababa;background:#fff;position:relative;z-index:3}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{width:calc(193 * var(--unit));height:calc(35 * var(--unit));position:relative;display:flex;align-items:center;gap:calc(7 * var(--unit))}.brand-emblem{width:21.2%}.brand-name{width:74.2%}.brand-mark{position:absolute;width:4.4%;right:0;top:0}.social-links{display:flex;align-items:center;gap:calc(17 * var(--unit))}.social-links a{width:calc(34 * var(--unit));height:calc(34 * var(--unit));min-width:24px;min-height:24px;display:grid;place-items:center;border-radius:50%;background:var(--cyan)}.social-links a:first-child img{width:54%}.social-links a:hover{transform:translateY(-2px)}.menu-toggle,.mobile-menu{display:none}.hero{position:relative;height:calc(910 * var(--unit))}.hero-art{position:absolute;width:calc(1813 * var(--unit));height:calc(1019 * var(--unit));left:calc(50% - 700 * var(--unit));top:calc(-85 * var(--unit));pointer-events:none}.hero-art>img,.hero-art>canvas{position:absolute;width:100%;height:100%;object-fit:cover}.hero-art>canvas{opacity:0}.hero-art>canvas.ready{opacity:1}.hero-content{padding-top:calc(114 * var(--unit))}.eyebrow{font-size:calc(35 * var(--unit));font-weight:600}.hero h1{font-size:calc(60 * var(--unit));line-height:1.2;max-width:calc(1001 * var(--unit))}.button{display:flex;align-items:center;justify-content:center;gap:calc(20 * var(--unit));background:var(--cyan);color:white;border:0;border-radius:100px;min-height:calc(80 * var(--unit));font-size:calc(35 * var(--unit));padding:calc(8 * var(--unit)) calc(24 * var(--unit));transition:background .2s,box-shadow .2s}.button:hover{background:#159eaa;box-shadow:0 6px 20px #25b2be26}.button img{width:calc(48 * var(--unit));flex:none}.hero-cta{margin-top:calc(64 * var(--unit));width:calc(804 * var(--unit));min-height:calc(60 * var(--unit));font-size:calc(30 * var(--unit))}.hero-discounts{display:flex;width:max-content;gap:calc(40 * var(--unit));margin-top:calc(64 * var(--unit));font-weight:600}.hero-discounts>div{display:flex;flex-direction:column;gap:calc(14 * var(--unit))}.hero-discounts>div+div{border-left:1px solid var(--cyan);padding-left:calc(20 * var(--unit));margin-left:calc(-20 * var(--unit))}.hero-discounts strong{font-size:calc(73 * var(--unit));color:var(--cyan);line-height:1.05}.hero-discounts span{font-size:calc(34 * var(--unit))}.hero-description{margin-top:calc(71 * var(--unit));font-size:calc(30 * var(--unit))}
@media(min-width:701px) and (max-width:1000px){:root{--unit:.065vw;--content:88vw}.hero-art{left:22%}.hero h1{max-width:78%}.hero-description{max-width:90%}}
@media(max-width:700px){:root{--unit:1px;--content:calc(100% - 40px)}body{font-size:14px}.header{height:115px}.header-inner{align-items:flex-end;padding-bottom:25px}.brand{width:123px;height:22px}.social-links{display:none}.menu-toggle{width:32px;height:30px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:0;background:none;padding:4px}.menu-toggle span{height:2px;width:24px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:flex;position:absolute;inset:114px 0 auto;background:white;padding:30px 20px;flex-direction:column;gap:22px;box-shadow:0 12px 16px #0001;font-size:18px}.hero{height:665px;background:linear-gradient(to bottom,#fff 0%,#fff 70%,var(--pale) 90%)}.hero-art{width:950.67px;height:535px;left:calc(50% - 655.17px);top:27px;overflow:hidden}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(#fff 0%,transparent 20%,transparent 73%,var(--pale) 99%)}.hero-content{padding-top:46px}.eyebrow{font-size:12px;margin-bottom:5px}.hero h1{font-size:21px;line-height:1.19;max-width:100%}.button{min-height:42px;gap:6px;font-size:13px;padding:4px 10px}.button img{width:33px}.hero-cta{width:100%;margin-top:299px}.hero-discounts{width:100%;justify-content:space-between;margin-top:22px;gap:12px}.hero-discounts>div{gap:4px}.hero-discounts strong{font-size:35px;line-height:1.1}.hero-discounts span{font-size:14px}.hero-discounts>div+div{padding-left:12px;margin-left:0}.hero-description{font-size:14px;line-height:1.22;margin-top:18px}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.section-cta{width:calc(1062 * var(--unit));max-width:var(--content);margin-inline:auto}h2{font-size:calc(75 * var(--unit));line-height:1.19}.ecosystem{position:relative;background:var(--pale);padding-top:calc(15 * var(--unit));padding-bottom:calc(57 * var(--unit))}.ecosystem:before{content:'';position:absolute;inset:calc(-115 * var(--unit)) 0 auto;height:calc(120 * var(--unit));background:linear-gradient(transparent,var(--pale));pointer-events:none}.ecosystem:after{content:'';position:absolute;top:100%;width:100%;height:calc(100 * var(--unit));background:linear-gradient(var(--pale),white);z-index:-1}.ecosystem h2{position:relative;z-index:1;font-size:calc(60 * var(--unit));max-width:calc(893 * var(--unit))}.ecosystem-copy{position:relative;z-index:1;width:calc(622 * var(--unit));margin-top:calc(34 * var(--unit));font-size:calc(27 * var(--unit));line-height:1.2}.floating-star{position:absolute;pointer-events:none;will-change:transform;transform:translateY(var(--star-rise,0px));opacity:var(--star-opacity,1)}.floating-star img{width:100%;animation:float 6s ease-in-out infinite}.star-large{width:calc(644 * var(--unit));height:calc(644 * var(--unit));left:calc(800 * var(--unit));top:calc(0 * var(--unit));opacity:.65}.star-large img{rotate:17.72deg}.star-small{width:calc(260 * var(--unit));left:calc(670 * var(--unit));top:calc(390 * var(--unit));opacity:.65}.star-small img{rotate:-86.25deg;animation-delay:-3s}.level-track{position:relative;margin-top:calc(98 * var(--unit));height:calc(159 * var(--unit));z-index:1}.level-bg-desktop{position:absolute;inset:0;width:100%;height:auto}.level-bg-mobile{display:none}.level-track ol{position:relative;display:grid;grid-template-columns:21% repeat(4,1fr);list-style:none;padding:0;margin:0;height:100%;align-items:center}.level-track li{display:flex;flex-direction:column;align-items:center;gap:calc(5 * var(--unit));font-size:calc(23.189 * var(--unit));text-align:center;white-space:nowrap}.level-track strong{font-size:calc(34.55 * var(--unit));color:var(--cyan);font-weight:600}.level-track li:last-child strong{color:white}.level-track sup{display:none}.level-note{font-size:calc(27 * var(--unit));margin-left:20%;margin-top:calc(24 * var(--unit));padding-top:calc(12 * var(--unit));border-top:1px solid #161616;text-align:center;position:relative;z-index:1}.level-note>span{display:none}.first-order{padding-top:calc(12 * var(--unit));padding-bottom:calc(80 * var(--unit))}.first-order h2{font-size:calc(60 * var(--unit));text-align:center}.order-content{display:grid;grid-template-columns:1fr 1fr;position:relative;margin-top:calc(70 * var(--unit))}.order-timeline{padding-left:calc(130 * var(--unit));position:relative}.timeline-line{position:absolute;left:calc(164 * var(--unit));top:calc(-145 * var(--unit));height:calc(758 * var(--unit));width:calc(5 * var(--unit));background:transparent}.timeline-line>span{display:block;width:100%;height:100%;background:var(--cyan);transform-origin:top;transform:scaleY(var(--line-progress,1));will-change:transform}.milestone{height:calc(262 * var(--unit));display:flex;gap:calc(48 * var(--unit));align-items:center;position:relative}.milestone-icon{width:calc(62 * var(--unit));height:calc(62 * var(--unit));flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .5s cubic-bezier(.2,.8,.2,1.2),opacity .35s}.milestone-icon img{width:calc(53 * var(--unit));transform:rotate(-90deg)}.milestone-label{display:flex;flex-direction:column;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s;transform-origin:left center}.milestone-label strong{font-size:calc(147 * var(--unit));font-weight:600;line-height:1;color:var(--cyan)}.milestone-label span{font-size:calc(26 * var(--unit));margin-top:calc(10 * var(--unit))}.motion-enabled .milestone:not(.is-visible) .milestone-icon{transform:scale(0);opacity:0}.motion-enabled .milestone:not(.is-visible) .milestone-label{transform:scale(.75);opacity:0}.order-copy{padding-top:calc(135 * var(--unit));padding-left:calc(12 * var(--unit));font-size:calc(35 * var(--unit));line-height:1.2}.order-copy p+p{margin-top:calc(80 * var(--unit))}.first-order .section-cta{margin-top:calc(10 * var(--unit))}.audience{padding-bottom:calc(80 * var(--unit))}.audience h2{font-size:calc(85 * var(--unit));text-align:center;white-space:nowrap}.audience ol{padding:0;margin:calc(80 * var(--unit)) 0 0;list-style:none}.audience-row{position:relative;display:flex;align-items:center;height:calc(286 * var(--unit));margin-bottom:calc(40 * var(--unit));transition:opacity .2s;transform:translateX(var(--row-x,0px));opacity:var(--row-opacity,1);will-change:transform}.audience-row:nth-child(even){margin-left:calc(357 * var(--unit))}.audience-number{width:calc(317 * var(--unit));height:calc(286 * var(--unit));flex:none;position:relative}.audience-number img{height:100%;width:auto;max-width:none}.audience-copy{padding-left:calc(47 * var(--unit));position:relative;font-size:calc(40 * var(--unit))}.audience-copy h3{font-size:inherit;font-weight:700;text-transform:uppercase;max-width:calc(570 * var(--unit))}.audience-copy p{margin-top:calc(20 * var(--unit))}.audience-row:last-child{margin-bottom:0}.benefits{padding-bottom:calc(80 * var(--unit))}.benefits h2{text-align:center;font-size:calc(85 * var(--unit));margin-bottom:calc(80 * var(--unit))}.table-wrap{width:100%}table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:calc(33.214 * var(--unit))}th,td{font-weight:500;padding:calc(18 * var(--unit)) calc(25 * var(--unit));height:calc(95.8 * var(--unit));border-bottom:1px solid #dcdcdc;text-align:center;vertical-align:middle}thead{background:#191e20;color:white}thead th{font-size:calc(33.214 * var(--unit))}th:first-child{width:39%;text-align:left}td{padding:calc(12 * var(--unit)) calc(10 * var(--unit))}.table-star{width:calc(89 * var(--unit));margin:auto}.table-notes{font-size:calc(38.323 * var(--unit));margin-top:calc(50 * var(--unit));display:grid;gap:calc(19 * var(--unit))}.star-note{display:flex;align-items:center;gap:calc(12 * var(--unit))}.star-note img{width:calc(76 * var(--unit));flex:none}.assortment{padding-bottom:calc(80 * var(--unit));overflow:hidden}.assortment h2{text-align:center;font-size:calc(85 * var(--unit));margin-bottom:calc(35 * var(--unit))}.carousel{--card-width:calc(1170 * var(--unit));position:relative;height:calc(721 * var(--unit));touch-action:pan-y;outline:none!important;--card-gap:calc(25 * var(--unit))}.carousel-stage{position:relative;height:100%;width:100%}.product-card{position:absolute;top:0;left:50%;width:var(--card-width);height:100%;border-radius:calc(33 * var(--unit));border:0;background:white;overflow:hidden;transform:translateX(-50%);transition:transform .65s cubic-bezier(.22,.7,.2,1),opacity .65s;transform-origin:center;will-change:transform}.product-card.is-prev{transform:translateX(calc(-150% - 25 * var(--unit))) scale(.817);transform-origin:right center}.product-card.is-next{transform:translateX(calc(50% + 25 * var(--unit))) scale(.817);transform-origin:left center}.product-scene{position:absolute;inset:0;clip-path:inset(0 5% 17% round calc(30 * var(--unit)))}.product-background{position:absolute;left:5%;top:10.4%;width:90%;height:72.7%;border-radius:calc(33 * var(--unit));background:linear-gradient(180deg,#d9fcff61 0%,#d9fcff61 65%,#24b0bd61 148%)}.product{position:absolute;transform-origin:center}.product>img{width:100%;height:100%;object-fit:cover}.product-crop{width:100%;height:100%;position:relative;overflow:hidden}.product-crop>img{position:absolute;max-width:none}.best-mask{position:absolute;inset:0;clip-path:polygon(31% 40%,75% 24%,83% 70%,42% 87%)}.product-card>a{position:absolute;left:5%;bottom:calc(25 * var(--unit));font-size:calc(66 * var(--unit));font-weight:600;line-height:1.2}.product-card>a:hover{color:var(--cyan)}.product-card.decor>a{font-size:calc(62 * var(--unit))}.carousel-arrow{position:absolute;top:43%;width:calc(97 * var(--unit));height:calc(97 * var(--unit));border:0;border-radius:50%;background:white;display:grid;place-items:center;padding:calc(4 * var(--unit));z-index:2}.carousel-arrow img{width:calc(88 * var(--unit))}.carousel-arrow:hover{background:var(--pale)}.carousel-arrow.previous{left:calc(50% - 704 * var(--unit))}.carousel-arrow.previous img{transform:rotate(180deg)}.carousel-arrow.next{right:calc(50% - 704 * var(--unit))}.assortment .section-cta{margin-top:calc(58 * var(--unit))}.brand-story{background:#191e20;color:white;padding:calc(56 * var(--unit)) 0 calc(110 * var(--unit))}.brand-story h2{text-align:center}.story-intro{font-size:calc(45 * var(--unit));line-height:1.2;margin-top:calc(24 * var(--unit))}.brand-story h3{font-size:calc(75 * var(--unit));margin-top:calc(80 * var(--unit));margin-bottom:calc(25 * var(--unit))}.video-player{position:relative;width:100%;aspect-ratio:1274/590;background:#fff;border-radius:calc(24 * var(--unit));overflow:hidden}.video-player button{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;display:grid;place-items:center}.play-circle{display:grid;place-items:center;width:calc(174 * var(--unit));height:calc(174 * var(--unit));border-radius:50%;background:#d9d9d9;transition:transform .2s}.play-circle>span{display:block;width:0;height:0;border-top:calc(32 * var(--unit)) solid transparent;border-bottom:calc(32 * var(--unit)) solid transparent;border-left:calc(50 * var(--unit)) solid #73777a;margin-left:calc(12 * var(--unit))}.video-player button:hover .play-circle{transform:scale(1.07);background:#c9eff1}.video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-caption{font-size:calc(45 * var(--unit));margin-top:calc(25 * var(--unit))}.brand-stars{display:flex;align-items:center;gap:calc(45 * var(--unit));margin-top:calc(45 * var(--unit))}.brand-star-art{position:relative;flex:none;width:calc(259 * var(--unit));height:calc(259 * var(--unit))}.brand-star{position:absolute;width:100%;rotate:-47.35deg}.brand-star:not(.b0){display:none}.brand-stars p{font-size:calc(35 * var(--unit));line-height:1.2}.brand-stars em{font-style:normal;color:var(--cyan)}.partners{padding-top:calc(50 * var(--unit))}.partners h2{text-align:center;margin-bottom:calc(50 * var(--unit))}.marquee{background:var(--cyan);overflow:hidden;padding:calc(14 * var(--unit)) 0}.marquee-track{display:flex;width:max-content;animation:marquee 55s linear infinite}.marquee-group{display:flex;gap:calc(13 * var(--unit));padding-right:calc(13 * var(--unit))}.partner{width:calc(267 * var(--unit));height:calc(73 * var(--unit));flex:none;background:white;border-radius:calc(13 * var(--unit));display:flex;align-items:center;justify-content:center;overflow:hidden}.partner img{width:100%;height:100%;object-fit:contain}.request{background:linear-gradient(180deg,#fff 0%,var(--pale) calc(300 * var(--unit)));padding:calc(67 * var(--unit)) 0 calc(80 * var(--unit))}.request h2{text-align:center}.request-intro{font-size:calc(30 * var(--unit));margin-top:calc(22 * var(--unit))}#lead-form{width:calc(1064 * var(--unit));max-width:100%;margin:calc(65 * var(--unit)) auto 0;display:flex;flex-direction:column;gap:calc(25 * var(--unit))}.field{display:flex;flex-direction:column;gap:calc(10 * var(--unit))}.field>label,.contact-method legend{font-size:calc(25 * var(--unit));margin-left:calc(49 * var(--unit))}.field label>span:not(#nickname-network),legend>span{color:#bb2649}.field input,.field select{width:100%;height:calc(98 * var(--unit));padding:0 calc(45 * var(--unit));border:1px solid var(--cyan);border-radius:100px;background:white;font-size:calc(30 * var(--unit));font-weight:500;color:var(--ink);min-width:0}.field input::placeholder{color:#a2a2a2}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:#bb2649;box-shadow:0 0 0 1px #bb2649}.field select{appearance:none;background:#fff url('assets/62d8a.svg') right calc(35 * var(--unit)) center/calc(42 * var(--unit)) no-repeat;padding-right:calc(90 * var(--unit))}.field select:invalid{color:#a2a2a2}.field select option{color:var(--ink)}.contact-method{border:0;padding:0;margin:0;min-width:0}.contact-method legend{padding:0;margin-bottom:calc(10 * var(--unit))}.contact-options{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(14 * var(--unit))}.contact-options label{position:relative;cursor:pointer;min-width:0}.contact-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}.contact-options label>span{height:calc(98 * var(--unit));display:flex;align-items:center;justify-content:center;gap:calc(15 * var(--unit));border:1px solid var(--cyan);border-radius:100px;background:white;font-size:calc(30 * var(--unit));pointer-events:none}.contact-options img{width:calc(36 * var(--unit));height:calc(36 * var(--unit));object-fit:contain}.contact-options input:not(:checked)+span img{filter:brightness(0)}.contact-options input:checked+span{background:var(--cyan);color:white}.contact-options input:checked+span img{filter:brightness(0) invert(1)}.contact-options input:focus-visible+span{outline:3px solid #096c75;outline-offset:4px}.consents{display:grid;gap:calc(20 * var(--unit));font-size:calc(20 * var(--unit));color:#20212b99}.consent{display:flex;align-items:flex-start;gap:calc(27 * var(--unit));cursor:pointer}.consent input{appearance:none;width:calc(36 * var(--unit));height:calc(36 * var(--unit));border:2px solid #20212b66;border-radius:calc(9 * var(--unit));margin:0;flex:none;display:grid;place-items:center;background:transparent;cursor:pointer}.consent input:checked{background:var(--cyan);border-color:var(--cyan)}.consent input:checked:after{content:'✓';color:white;font-size:calc(27 * var(--unit))}.consent a{color:var(--cyan);text-decoration:underline}.submit-button{width:100%;margin-top:calc(10 * var(--unit))}.field-error{color:#a71637;font-size:calc(21 * var(--unit));padding-inline:calc(40 * var(--unit))}.form-status{font-size:calc(25 * var(--unit));padding:calc(20 * var(--unit));border:1px solid var(--cyan);border-radius:12px;background:white}.faq{padding:calc(64 * var(--unit)) 0 calc(120 * var(--unit))}.faq h2{text-align:center;margin-bottom:calc(65 * var(--unit))}.faq-list{border-bottom:1px solid #d9d9d9}.faq details{border-top:1px solid #d9d9d9}.faq summary{font-weight:600;font-size:calc(35 * var(--unit));min-height:calc(141 * var(--unit));display:flex;align-items:center;justify-content:space-between;gap:calc(25 * var(--unit));padding:calc(30 * var(--unit)) calc(25 * var(--unit));cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq-icon{position:relative;width:calc(63 * var(--unit));height:calc(63 * var(--unit));flex:none;border-radius:50%;transition:background .2s}.faq-icon:before,.faq-icon:after{content:'';position:absolute;background:var(--ink);left:25%;right:25%;height:2px;top:calc(50% - 1px)}.faq-icon:after{transform:rotate(90deg);transition:transform .2s}.faq details[open] .faq-icon:after{transform:rotate(0)}@media(hover:hover) and (pointer:fine){.faq summary:hover .faq-icon{background:var(--cyan)}.faq summary:hover .faq-icon:before,.faq summary:hover .faq-icon:after{background:white}}.faq-answer{padding:0 calc(90 * var(--unit)) calc(38 * var(--unit)) calc(25 * var(--unit));font-size:calc(35 * var(--unit));line-height:1.25}.kkb-footer{overflow-x:clip}.kkb-footer__inner{width:var(--content);max-width:none!important;padding-inline:0!important}html .kkb-footer{width:100%;margin-left:0}.kkb-footer h2{font-size:calc(54 * var(--unit))!important}
@keyframes float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:1.4deg}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:700px){h2{font-size:21px}.section-cta{width:var(--content);max-width:100%}.ecosystem{padding-top:21px;padding-bottom:30px}.ecosystem:before{display:none}.ecosystem:after{height:70px}.ecosystem h2{font-size:21px;width:100%;max-width:none;line-height:1.22}.ecosystem-copy{width:100%;font-size:14px;line-height:1.22;margin-top:23px}.star-large{width:165.5px;height:165.5px;left:auto;right:-62px;top:-85px}.star-small{width:59.3px;left:auto;right:-17px;top:99px}.level-track{margin-top:30px;height:1009px}.level-bg-desktop{display:none}.level-bg-mobile{display:block;position:absolute;inset:0;overflow:hidden}.level-bg-mobile>img{width:1009px;max-width:none;height:auto;transform:rotate(90deg);transform-origin:0 0;position:absolute;left:100%;top:0}.level-track ol{display:flex;flex-direction:column;justify-content:space-around}.level-track li{font-size:23.19px;gap:5px;width:100%;height:20%}.level-track strong{font-size:34.55px}.level-track sup{display:inline;color:var(--ink);font-size:28px;font-weight:500}.level-note{font-size:12px;text-align:left;border:0;margin:12px 0 0;padding:0}.level-note>span{display:inline}.first-order{padding-top:0;padding-bottom:40px}.first-order h2{font-size:21px}.order-content{display:flex;flex-direction:column;margin-top:28px}.order-timeline{padding-left:0}.timeline-line{left:18px;top:-75px;width:3px;height:727px}.milestone{height:181px;gap:54px}.milestone-icon{width:36px;height:36px}.milestone-icon img{width:31px}.milestone-label strong{font-size:111.6px;letter-spacing:-2px}.milestone-label span{font-size:19.55px;margin-top:0}.order-copy{font-size:14px;line-height:1.22;padding:32px 0 0 90px;position:relative}.order-copy p+p{margin-top:18px}.first-order .section-cta{width:100%;margin-top:36px}.audience{padding-bottom:30px}.audience h2{font-size:21px;white-space:normal}.audience ol{margin-top:24px}.audience-row,.audience-row:nth-child(even){height:91px;margin:0 0 13px}.audience-number{width:101px;height:91px}.audience-copy{padding-left:44px;font-size:14px;max-width:calc(100% - 101px)}.audience-copy h3{max-width:100%;font-size:14px}.audience-copy p{margin-top:7px}.benefits{padding-bottom:35px}.benefits h2{font-size:21px;line-height:1.2;margin-bottom:30px}table{font-size:9px}thead th{font-size:9px}th,td{height:26.2px;padding:4px 5px;border-bottom-width:.5px}th:first-child{width:39%}.table-star{width:24px}.table-notes{font-size:12px;gap:7px;margin-top:19px}.star-note{gap:4px}.star-note img{width:23px}.assortment{padding-bottom:40px}.assortment h2{font-size:21px;margin-bottom:14px}.carousel{--card-width:306px;height:189px}.product-card{border-radius:9px}.product-card.is-prev{transform:translateX(calc(-150% - 7px)) scale(.817)}.product-card.is-next{transform:translateX(calc(50% + 7px)) scale(.817)}.product-background{border-radius:9px}.product-scene{clip-path:inset(0 5% 17% round 8px)}.product-card>a{font-size:17.25px;bottom:7px;white-space:nowrap}.carousel-arrow{top:42%;width:32px;height:32px;padding:4px}.carousel-arrow img{width:24px}.carousel-arrow.previous{left:13px}.carousel-arrow.next{right:13px}.assortment .section-cta{margin-top:26px}.brand-story{padding:32px 0 30px}.brand-story h2{font-size:21px;max-width:353px;margin:auto}.story-intro{font-size:14px;line-height:1.22;margin-top:21px}.brand-story h3{font-size:21px;text-align:center;margin:40px 0 12px}.video-player{aspect-ratio:350/162;border-radius:6px}.play-circle{width:48px;height:48px}.play-circle>span{border-top-width:9px;border-bottom-width:9px;border-left-width:14px;margin-left:4px}.video-caption{font-size:14px;line-height:1.22;margin-top:14px}.brand-stars{display:flex;flex-direction:column;gap:0;margin-top:0}.brand-star-art{width:350px;max-width:100%;height:194px}.brand-star.b0{width:161px;left:94px;top:12px}.brand-star:not(.b0){display:block;rotate:-83deg}.brand-star.b1{width:105px;left:-3px;top:110px}.brand-star.b2{width:105px;right:-3px;top:106px}.brand-star.b3{width:63px;right:35px;top:43px}.brand-star.b4{width:45px;left:55px;top:75px}.brand-stars p{font-size:14px;line-height:1.22}.partners{padding-top:38px}.partners h2{font-size:21px;margin-bottom:19px}.marquee{padding:20px 0}.marquee-group{gap:5px;padding-right:5px}.partner{width:174px;height:47.45px;border-radius:8px}.marquee-track{animation-duration:45s}.request{padding:40px 0 24px;background:linear-gradient(#fff,var(--pale) 190px)}.request h2{font-size:21px;line-height:1.2}.request-intro{font-size:14px;line-height:1.22;margin-top:14px}#lead-form{width:100%;margin-top:25px;gap:10px}.field{gap:5px}.field>label,.contact-method legend{font-size:10px;margin-left:16px}.field input,.field select{height:35px;padding:0 15px;font-size:12px;border-width:.5px}.field select{background-position:right 11px center;background-size:24px;padding-right:38px}.contact-method legend{margin-bottom:5px}.contact-options{gap:5px}.contact-options label>span{height:33px;font-size:10px;gap:5px;border-width:.5px}.contact-options img{width:13px;height:13px}.consents{font-size:9px;gap:9px}.consent{gap:8px;align-items:center}.consent input{width:14px;height:14px;border-width:1px;border-radius:4px}.consent input:checked:after{font-size:11px}.submit-button{margin-top:10px}.field-error{font-size:11px;padding-inline:15px}.form-status{font-size:13px;padding:12px}.faq{padding:38px 0 45px}.faq h2{font-size:21px;margin-bottom:25px}.faq summary{font-size:14px;line-height:1.25;min-height:48px;gap:8px;padding:12px 5px}.faq-icon{width:24px;height:24px}.faq-icon:before,.faq-icon:after{height:1px}.faq-answer{font-size:14px;line-height:1.35;padding:0 28px 15px 5px}.kkb-footer__inner{width:100%;padding-inline:20px!important}.kkb-footer h2{font-size:30px!important}}
@media(max-width:370px){.audience-copy{padding-left:28px;font-size:13px}.audience-copy h3{font-size:13px}.hero-cta{font-size:11.8px}.hero-discounts span{font-size:12px}.contact-options label>span{font-size:9px;gap:3px}.carousel{--card-width:280px;height:173px}.product-card>a{font-size:15.8px}.level-track strong{font-size:32px}}
.product-scene.best{clip-path:none;isolation:isolate}.best-base{position:absolute;inset:0;clip-path:inset(0 5% 17% round calc(30 * var(--unit)))}.best>.product{mix-blend-mode:multiply;clip-path:inset(1px 2px 2px 1px)}.best>.product>img{object-fit:fill}.best>.product:last-child{z-index:2;pointer-events:none}.product-card:has(.best)>a{z-index:1}
@media(max-width:700px){.mobile-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-height:calc(100svh - 114px);align-content:start;box-shadow:none}.mobile-menu>a{width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--cyan)}.mobile-menu>a:first-child img{width:54%}.mobile-menu>a img{width:100%}}
@media(min-width:701px){.star-large{width:calc(671.427 * var(--unit));height:calc(671.427 * var(--unit));left:calc(812 * var(--unit));top:calc(-136 * var(--unit))}.star-large img{rotate:-13.27deg}.star-small{width:calc(206.592 * var(--unit));left:calc(706 * var(--unit));top:calc(227 * var(--unit))}.star-small img{rotate:-47.35deg}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.floating-star,.audience-row{transform:none!important;opacity:1!important}.milestone-label,.milestone-icon{transform:none!important;opacity:1!important}.timeline-line>span{transform:none!important}.hero-art>canvas{display:none}.marquee-track{animation:none}}

/* Fixed transform origin and offscreen copies keep both carousel directions continuous. */
.carousel-stage .product-card{transform-origin:center;transform:translateX(calc(-50% + var(--slot) * (90.85% + var(--card-gap)))) scale(var(--scale));transition:transform .65s cubic-bezier(.22,.7,.2,1)}
@media(max-width:700px){.carousel{--card-gap:7px}}
@media(prefers-reduced-motion:reduce){.carousel-stage .product-card{transition:none}}
/* Match labels to the actual arrow compartments, rather than equal grid cells. */
.level-track ol{display:block}
.level-track li{position:absolute;left:var(--level-x);top:50%;width:auto;height:auto;transform:translate(-50%,-50%);justify-content:center}
.level-track li:nth-child(1){--level-x:11.25%;--level-y:8.47%}
.level-track li:nth-child(2){--level-x:32.14%;--level-y:27.25%}
.level-track li:nth-child(3){--level-x:50.5%;--level-y:46.92%}
.level-track li:nth-child(4){--level-x:69.43%;--level-y:67.2%}
.level-track li:nth-child(5){--level-x:89.75%;--level-y:89%}
@media(max-width:700px){
.level-bg-mobile>img{position:static;width:100%;height:100%;transform:none;object-fit:fill}
.level-track li{left:50%;top:var(--level-y);width:100%;height:auto}
.level-track strong{position:relative}
.level-track sup{position:absolute;left:100%;top:0;font-size:20px;line-height:1}
}
/* Desktop coordinates and bracket from the supplied Figma design. */
@media(min-width:701px){
.level-track li:nth-child(1){--level-x:11.12%}
.level-track li:nth-child(2){--level-x:31.405%}
.level-track li:nth-child(3){--level-x:49.63%}
.level-track li:nth-child(4){--level-x:68.675%}
.level-track li:nth-child(5){--level-x:88.33%}
.level-track li{top:0;height:100%;transform:translateX(-50%);width:22%;display:block}
.level-track li>span,.level-track li>strong{position:absolute;left:50%;transform:translateX(-50%);line-height:1.2}
.level-track li>span{top:calc(21.68 * var(--unit))}
.level-track li>strong:nth-child(2){top:calc(52.28 * var(--unit))}
.level-track li>strong:nth-child(3){top:calc(96 * var(--unit))}
.level-track li:first-child>span{top:calc(44.39 * var(--unit))}
.level-track li:first-child>strong{top:calc(73.29 * var(--unit))}
.level-note{border:0;margin-top:calc(13 * var(--unit));padding-top:calc(27 * var(--unit))}
.level-note:before{content:'';position:absolute;left:0;top:0;width:95.16%;height:calc(12.3871 * var(--unit));background:url('assets/8f83c.svg') center/100% 100% no-repeat}
}
.video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-player .play-circle{position:relative;background:#ffffffd9;box-shadow:0 2px 20px #0003}
@media(max-width:700px){
.brand-star-art{height:225px;flex:none}
.brand-stars{gap:12px}
.order-timeline{padding-left:30px}
.timeline-line{left:46.5px}
.milestone{gap:24px}
}
/* Preserve the opaque white print on the mascara tube; clip its white export canvas. */
.best>.product:last-child{mix-blend-mode:normal;clip-path:polygon(71.8% 12.3%,74.7% 13.2%,80.3% 17.1%,80.4% 18.3%,76% 24.1%,77.6% 26.5%,77% 29%,36.2% 96.3%,32.3% 97.6%,22% 89.8%,21.8% 88.1%,59.6% 24%,61.6% 21.6%,63.8% 20.8%,67.2% 15%,69.5% 12.9%)}
.mobile-price-bar{display:none}
@media(max-width:700px){
.benefits table,.benefits thead th{font-size:10.188px;line-height:1.15}
.benefits th,.benefits td{height:29.388px;padding:3px 4px;border-bottom-width:.392px}
.benefits th:first-child{width:44%}
.benefits tbody tr:first-child{color:var(--cyan)}
.benefits .table-star{width:25px}
.mobile-price-bar:not([hidden]){display:block;position:fixed;z-index:40;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,#fff 30%)}
.mobile-price-bar .button{width:100%;min-height:52px;height:auto;padding:14px 18px;font-size:12px;line-height:1.2;box-shadow:0 3px 18px #096c7533}
.mobile-price-bar .button img{width:26px;flex-shrink:0}
}
@media(max-width:350px){.benefits table,.benefits thead th{font-size:9.5px}.mobile-price-bar .button{font-size:11px;padding-inline:12px}}
/* Reserve space for the registration mark outside the wordmark. */
.brand-mark{right:-5%;top:12%;width:3.5%}
@media(max-width:700px){
.hero-cta{display:none}
.hero-discounts{margin-top:230px}
.hero{height:595px}
.hero-art{top:-30px}
.mobile-price-bar{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}
}
@media(max-width:700px) and (max-height:740px){
.hero-content{padding-top:24px}
.hero-art{top:-80px}
.hero-discounts{margin-top:190px}
.hero{height:535px}
}
@media(max-width:700px){.hero-art:after{background:linear-gradient(#fff 0%,#fff 32%,transparent 46%,transparent 73%,var(--pale) 99%)}}
/* Mobile hero uses separate grid rows: text, proportional photo, then discounts. */
@media(max-width:700px){
.header{height:calc(76px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}
.header-inner{align-items:center;padding-bottom:0}
.hero{display:grid;grid-template-columns:minmax(0,1fr);height:auto;padding:24px 0 32px;background:linear-gradient(#fff 0%,#fff 45%,var(--pale) 90%)}
.hero-content{display:contents}
.hero .eyebrow{grid-row:1;margin:0 20px 8px}
.hero h1{grid-row:2;margin:0 20px;max-width:none}
.hero-art{grid-row:3;position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:820/630;margin-top:12px;overflow:hidden}
.hero-art>img,.hero-art>canvas{width:204.0244%;height:auto;aspect-ratio:1673/940;max-width:none;left:-91.4634%;top:-15.873%;object-fit:contain}
.hero-art:after{background:linear-gradient(#fff 0%,transparent 8%,transparent 88%,var(--pale) 100%)}
.hero-discounts{grid-row:4;width:auto;margin:12px 20px 0;gap:12px}
.hero-description{grid-row:5;margin:18px 20px 0;max-width:none}
.timeline-line{top:0;height:calc(181px * 3.5)}
}
@media(hover:none),(pointer:coarse){
.faq summary:hover .faq-icon{background:transparent}
.faq summary:hover .faq-icon:before,.faq summary:hover .faq-icon:after{background:var(--ink)}
.faq summary{-webkit-tap-highlight-color:transparent}
}
@media(max-width:370px){.hero-discounts{display:grid;grid-template-columns:1fr 1fr}.hero-discounts strong{font-size:28px;white-space:nowrap}.hero-discounts span{font-size:12px}}
.product-scene.baked{clip-path:none}
.category-image{width:100%;height:100%;object-fit:contain}
@keyframes brand-star-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
.brand-star{animation:brand-star-float 5.6s ease-in-out infinite}
.brand-star.b1{animation-duration:6.2s;animation-delay:-2s}
.brand-star.b2{animation-duration:5.2s;animation-delay:-3s}
.brand-star.b3{animation-duration:6.8s;animation-delay:-1s}
.brand-star.b4{animation-duration:5.9s;animation-delay:-4s}
@media(prefers-reduced-motion:reduce){.brand-star{animation:none}}
@media(max-width:700px){
.hero-art:after{background:linear-gradient(#fff 0%,transparent 8%,transparent 72%,var(--pale) 100%)}
.hero{background:linear-gradient(#fff 0%,#fff 35%,var(--pale) 62%)}
.field>label,.contact-method legend{font-size:14px;margin-left:16px}
.field input,.field select{font-size:16px;height:46px;padding-inline:18px}
#lead-form{gap:16px}
.field{gap:7px}
.contact-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.contact-options label>span{font-size:14px;height:44px;position:relative;display:flex;justify-content:center;padding-inline:28px;text-align:center}
.contact-options img{position:absolute;left:12px;width:18px;height:18px}
.consents{font-size:14px;line-height:1.35;gap:12px}
.consent{align-items:flex-start;gap:10px}
.consent input{width:20px;height:20px;margin-top:1px;flex:none}
.field-error{font-size:14px}
.submit-button{font-size:16px;justify-content:center;min-height:48px;text-align:center}
.mobile-price-bar .button{font-size:14px;line-height:1.25;text-align:center;justify-content:center;gap:10px;padding:12px 18px;min-height:56px}
.mobile-price-bar .button img{width:22px}
}
@media(max-width:700px){
.consents{font-size:9px;line-height:1.2;gap:9px}
.consent{gap:8px;align-items:center}
.consent input{width:14px;height:14px;margin-top:0}
}
.consent input:not(:checked){background:#fff;border-color:#526b71;box-shadow:0 0 0 1px #526b71}