.kcol-hero{color:#fff;background:var(--b5-ink);align-items:end;min-height:clamp(620px,82vh,820px);display:grid;position:relative;overflow:hidden}.kcol-hero--uploaded-media{aspect-ratio:var(--hero-desktop-ratio,1550 / 650);min-height:0}.kcol-hero__media,.kcol-hero__media img,.kcol-hero__shade{position:absolute;inset:0}.kcol-hero__media img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s,transform 4s;transform:scale(1.04)}.kcol-hero__media img.is-active{opacity:1;transform:scale(1)}.kcol-hero__shade{background:radial-gradient(58% 72% at 85% 18%,#008cff57,#0000 62%),linear-gradient(90deg,#081328db,#08132861 52%,#08132814)}.kcol-hero .container{z-index:1;width:100%;padding-bottom:64px;position:relative}.kcol-hero__content{max-width:730px}.kcol-hero__content.reveal{opacity:1;transform:none}.kcol-hero .eyebrow{color:var(--b5-yellow)}.kcol-hero h1{color:#fff;letter-spacing:-.055em;max-width:820px;margin:16px 0 18px;font-size:clamp(46px,7vw,92px);line-height:.95}.kcol-hero p{color:#ffffffd1;max-width:620px;font-size:clamp(18px,2vw,23px);font-weight:650}.kcol-hero__actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.kcol-hero__actions .btn--ghost{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border-color:#ffffff6b}.kcol-hero__controls{gap:10px;margin-top:58px;display:flex}.kcol-hero__controls button{color:#fff;background:#ffffff14;border:1.5px solid #ffffff47;border-radius:999px;width:54px;height:38px;font-weight:800;transition:width .2s,background .2s,color .2s}.kcol-hero__controls button.is-active{width:82px;color:var(--b5-ink);background:#fff}.kcol-transition{background:#fff;padding:78px 0}.kcol-transition__inner{background:radial-gradient(44% 130% at 100% 0%, #008cff38, transparent 72%), linear-gradient(135deg, var(--b5-cloud), #fff);box-shadow:var(--shadow-card);border-radius:34px;padding:clamp(38px,6vw,72px);position:relative;overflow:hidden}.kcol-transition__inner:after{content:"";background:#ffd10094;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-110px;right:-70px}.kcol-transition__inner span{z-index:1;background:var(--b5-blue);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:14px;padding:7px 14px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.kcol-transition__inner h2,.kcol-transition__inner p{z-index:1;position:relative}.kcol-transition__inner h2{max-width:760px;font-size:clamp(34px,5vw,64px)}.kcol-transition__inner p{max-width:720px;color:var(--b5-ink-60);margin-top:16px;font-size:20px;font-weight:650}.kcol-quiz{background:var(--b5-cloud)}.kcol-quiz__rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;padding:2px 0 18px;display:flex;overflow-x:auto}.kcol-quiz__rail::-webkit-scrollbar{display:none}.kcol-quiz__rail button{scroll-snap-align:start;min-height:116px;color:var(--b5-ink);text-align:left;letter-spacing:-.03em;box-shadow:var(--shadow-card);background:#fff;border:1.5px solid #1d212914;border-radius:24px;flex:0 0 300px;padding:22px;font-size:20px;font-weight:850;transition:transform .2s,background .2s,color .2s}.kcol-quiz__rail button:hover{transform:translateY(-4px)}.kcol-quiz__rail button.is-active{background:var(--b5-blue);color:#fff}.kcol-quiz__answer{box-shadow:var(--shadow-card);background:#fff;border-radius:32px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;margin-top:18px;padding:clamp(24px,4vw,42px);display:grid}.kcol-quiz__answer h3{font-size:clamp(28px,3vw,44px)}.kcol-quiz__answer p{color:var(--b5-ink-60);margin-top:12px;font-size:18px}.kcol-quiz__answer form{gap:20px;display:grid}.kcol-rec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.kcol-rec{cursor:pointer;border:1.5px solid #1d212914;border-radius:20px;grid-template-columns:92px 1fr;align-items:center;gap:14px;padding:12px;transition:border-color .2s,background .2s,transform .2s;display:grid;position:relative}.kcol-rec:hover{border-color:#008cff57;transform:translateY(-3px)}.kcol-rec input[type=checkbox]{width:18px;height:18px;accent-color:var(--b5-blue);position:absolute;top:12px;right:12px}.kcol-rec:has(input:checked){background:var(--b5-blue-tint);border-color:var(--b5-blue)}.kcol-rec__img{aspect-ratio:1;background:var(--b5-cloud);border-radius:16px;place-items:center;padding:10px;display:grid}.kcol-rec__img img{object-fit:contain;max-width:100%;max-height:100%}.kcol-rec strong,.kcol-rec em{display:block}.kcol-rec strong{padding-right:22px;font-size:15.5px;line-height:1.25}.kcol-rec em{color:var(--b5-blue);margin-top:6px;font-style:normal;font-weight:850}.kcol-products{background:#fff}.kcol-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.kcol-product{min-width:0;box-shadow:var(--shadow-card);background:#fff;border:1px solid #1d212914;border-radius:26px;flex-direction:column;transition:transform .24s,box-shadow .24s;display:flex;overflow:hidden}.kcol-product:hover{box-shadow:var(--shadow-pop);transform:translateY(-6px)}.kcol-product__image{aspect-ratio:1;background:linear-gradient(145deg, var(--b5-cloud), #fff);place-items:center;padding:24px;display:grid}.kcol-product__image img{object-fit:contain;width:100%;height:100%;transition:transform .35s}.kcol-product:hover .kcol-product__image img{transform:scale(1.06)rotate(-1deg)}.kcol-product__body{flex:1;gap:10px;padding:22px;display:grid}.kcol-product__body h3{font-size:18px}.kcol-product__body p{min-height:72px;color:var(--b5-ink-60);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14.5px;display:-webkit-box;overflow:hidden}.kcol-product__foot{justify-content:space-between;align-items:center;gap:14px;margin-top:auto;display:flex}.kcol-product__foot strong{font-family:var(--font-display);font-size:18px}.kcol-product__foot a{color:var(--b5-blue);font-weight:800;text-decoration:none}.kcol-guide{background:var(--b5-cloud)}.kcol-guide__card{max-width:980px;box-shadow:var(--shadow-card);text-align:center;background:#fff;border-radius:34px;margin:0 auto;padding:clamp(30px,5vw,62px)}.kcol-guide__card h2{max-width:780px;margin:14px auto 24px;font-size:clamp(34px,4.8vw,62px)}.kcol-guide__copy{text-align:left;max-width:760px;margin:0 auto 30px}.kcol-guide__copy p{color:var(--b5-ink-60);margin-bottom:16px;font-size:18px}.kcol-guide__copy ul,.kcol-guide__copy ol{text-align:left;max-width:760px;margin:18px auto 0;padding-left:24px}.kcol-guide__copy li+li{margin-top:8px}.kcol-guide__copy a{color:var(--b5-link);text-underline-offset:3px;text-decoration:underline}.kcol-guide__details{margin-top:30px}.kcol-guide__details>summary{cursor:pointer;width:fit-content;margin:0 auto;list-style:none;display:flex}.kcol-guide__details>summary::-webkit-details-marker{display:none}.kcol-guide__details[open]>summary,.kcol-guide__details:not([open]) .kcol-guide__extra{display:none}.kcol-guide__details[open] .kcol-guide__extra{animation:.24s both guideExtraIn;display:block}@keyframes guideExtraIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1120px){.kcol-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kcol-quiz__answer{grid-template-columns:1fr}}@media (max-width:760px){.kcol-hero{min-height:680px}.kcol-hero--uploaded-media{aspect-ratio:var(--hero-mobile-ratio,var(--hero-desktop-ratio,1550 / 650));min-height:0}.kcol-hero__shade{background:linear-gradient(#08132847,#081328e0)}.kcol-hero__controls{margin-top:34px}.kcol-rec-grid{grid-template-columns:1fr}.kcol-products{overflow:hidden}.kcol-product-grid{width:auto;margin-right:calc(var(--container-pad,22px) * -1);padding:0 var(--container-pad,22px) 18px 0;overscroll-behavior-inline:contain;scroll-padding-inline:0 var(--container-pad,22px);scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:14px;display:flex;overflow-x:auto}.kcol-product-grid::-webkit-scrollbar{display:none}.kcol-product{scroll-snap-align:start;flex:0 0 min(76vw,310px)}.kcol-product:hover{transform:none}.kcol-rec{grid-template-columns:78px 1fr}}