:root{--kl-navy:#101c49;--kl-deep:#0a1233;--kl-blue:#4770db;--kl-ice:#eff0f5;--kl-amber:#d6a84f;--kl-ease:cubic-bezier(.22,1,.36,1)}html{scroll-behavior:smooth}.kl-fxs{box-sizing:border-box}.kl-fxs *,.kl-fxs *:before,.kl-fxs *:after{box-sizing:border-box}.kl-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.kl-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;pointer-events:none;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--kl-blue),var(--kl-amber))}.kl-js .kl-reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--kl-ease),transform .9s var(--kl-ease);transition-delay:calc(var(--kl-i,0)*.1s)}.kl-js .kl-reveal.kl-in{opacity:1;transform:none}.kl-hero{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;min-height:min(88vh,780px);color:#fff;background:var(--kl-deep)}.kl-hero__media{position:absolute;left:0;right:0;top:-20%;height:120%;z-index:-3;will-change:transform}.kl-hero__img{display:block;width:100%;height:100%;object-fit:cover;animation:kl-zoom 26s ease-in-out infinite alternate}.kl-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(100deg,#0a1233f0,#101c49c7 42%,#101c4938)}.kl-orb{position:absolute;border-radius:50%;filter:blur(70px);z-index:-1;pointer-events:none}.kl-orb--a{width:420px;height:420px;background:var(--kl-blue);opacity:.5;top:-120px;right:8%;animation:kl-float 14s ease-in-out infinite}.kl-orb--b{width:320px;height:320px;background:var(--kl-amber);opacity:.26;bottom:-110px;left:30%;animation:kl-float 18s ease-in-out infinite reverse}.kl-hero__inner{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;padding:96px 0 124px}.kl-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:99px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:#ffffff1a;border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kl-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--kl-amber);animation:kl-ping 1.8s infinite}.kl-title{margin:22px 0 18px;font-family:var(--font-heading-family);font-weight:400;font-size:clamp(3.4rem,9vw,8rem);line-height:.92;letter-spacing:.01em;text-transform:uppercase;color:#fff}.kl-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-right:.22em}.kl-word>span{display:inline-block;transform:translateY(115%);animation:kl-rise 1s var(--kl-ease) forwards;animation-delay:calc(var(--kl-w)*.11s + .25s)}.kl-word:last-child>span{background:linear-gradient(90deg,#fff,var(--kl-amber));-webkit-background-clip:text;background-clip:text;color:transparent}.kl-sub{max-width:34rem;margin:0;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.6;color:#ffffffe6;opacity:0;animation:kl-fade 1s var(--kl-ease) .9s forwards}.kl-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;opacity:0;animation:kl-fade 1s var(--kl-ease) 1.1s forwards}.kl-btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:16px 30px;border-radius:99px;font-weight:700;font-size:1.05rem;letter-spacing:.04em;text-decoration:none;overflow:hidden;cursor:pointer;transition:transform .4s var(--kl-ease),box-shadow .4s var(--kl-ease)}.kl-btn svg{width:18px;height:18px;transition:transform .4s var(--kl-ease)}.kl-btn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);transition:left .8s var(--kl-ease)}.kl-btn:hover{transform:translateY(-3px)}.kl-btn:hover:after{left:140%}.kl-btn:hover svg{transform:translate(4px)}.kl-btn--primary{background:linear-gradient(120deg,var(--kl-blue),#6d8ff0);color:#fff;box-shadow:0 10px 30px #4770db80}.kl-btn--ghost{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.38);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kl-btn--dark{background:var(--kl-navy);color:#fff;box-shadow:0 10px 26px #0e1b4d4d}.kl-card{justify-self:end;max-width:270px;padding:28px 32px;border-radius:26px;background:#ffffff1a;border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px #00000047;animation:kl-float 9s ease-in-out infinite}.kl-card__num{font-family:var(--font-heading-family);font-size:5.5rem;line-height:1;background:linear-gradient(180deg,#fff,var(--kl-amber));-webkit-background-clip:text;background-clip:text;color:transparent}.kl-card__label{margin-top:6px;font-size:1rem;line-height:1.4;color:#ffffffe0}.kl-scroll{position:absolute;left:50%;bottom:26px;width:26px;height:42px;margin-left:-13px;border:2px solid rgba(255,255,255,.6);border-radius:14px}.kl-scroll:after{content:"";position:absolute;top:8px;left:50%;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:kl-wheel 1.8s ease-in-out infinite}.kl-marquee{overflow:hidden;padding:20px 0;color:#fff;background:linear-gradient(90deg,var(--kl-deep),var(--kl-navy));border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.kl-marquee__track{display:flex;width:max-content;animation:kl-marquee 36s linear infinite}.kl-marquee:hover .kl-marquee__track{animation-play-state:paused}.kl-marquee__group{display:flex;align-items:center;flex-shrink:0;min-width:100vw;margin:0;padding:0;list-style:none}.kl-marquee__item{display:flex;align-items:center;gap:28px;padding-right:28px;font-family:var(--font-heading-family);font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.kl-marquee__item svg{flex:none;width:22px;height:22px;color:var(--kl-amber)}.kl-h2{margin:18px 0 14px;font-family:var(--font-heading-family);font-weight:400;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1;letter-spacing:.01em;text-transform:uppercase;color:var(--kl-navy)}.kl-p{margin:0;max-width:34rem;font-size:1.1rem;line-height:1.7;color:#2b3668}.kl-head{max-width:44rem;margin:0 auto 56px;text-align:center}.kl-head .kl-p{margin:0 auto}.kl-spot{position:relative;overflow:hidden;padding:clamp(64px,9vw,120px) 0;background:#fff;color:var(--kl-navy)}.kl-spot .kl-eyebrow{color:var(--kl-blue);background:#4770db1a;border-color:#4770db4d}.kl-spot__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}.kl-spot__stage{position:relative;perspective:1000px}.kl-spot__glow{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;background:radial-gradient(circle,rgba(71,112,219,.5),transparent 65%);filter:blur(34px);animation:kl-pulse 6s ease-in-out infinite}.kl-spot__img{position:relative;border-radius:30px;overflow:hidden;background:var(--kl-ice);box-shadow:0 40px 80px #0e1b4d3d;transition:transform .25s ease-out;transform-style:preserve-3d;will-change:transform}.kl-spot__img img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.kl-price{position:absolute;right:-14px;bottom:30px;z-index:2;padding:14px 24px;border-radius:18px;color:#fff;background:var(--kl-navy);box-shadow:0 20px 40px #0e1b4d66;font-family:var(--font-heading-family);font-size:2rem;line-height:1;animation:kl-float 7s ease-in-out infinite}.kl-price small{display:block;margin-bottom:4px;font-family:var(--font-body-family);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kl-amber)}.kl-list{display:grid;gap:14px;margin:26px 0 34px;padding:0;list-style:none}.kl-list li{display:flex;align-items:center;gap:14px;font-weight:600;font-size:1.05rem}.kl-tick{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--kl-blue);box-shadow:0 6px 14px #4770db66}.kl-tick svg{width:14px;height:14px}.kl-tick path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .8s var(--kl-ease) .4s}.kl-in .kl-tick path{stroke-dashoffset:0}.kl-js .kl-list li:not(.kl-reveal) .kl-tick path,.kl-fxs:not(.kl-js) .kl-tick path{stroke-dashoffset:0}.kl-ben{position:relative;overflow:hidden;isolation:isolate;padding:clamp(64px,9vw,120px) 0;color:#fff;background:var(--kl-deep)}.kl-ben:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(60% 60% at 15% 0%,rgba(71,112,219,.38),transparent 60%),radial-gradient(50% 50% at 90% 100%,rgba(214,168,79,.18),transparent 60%)}.kl-ben:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%)}.kl-ben .kl-h2{color:#fff}.kl-ben .kl-p{color:#fffc}.kl-ben .kl-eyebrow{color:#fff}.kl-ben__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.kl-feat{position:relative;height:100%;padding:36px 30px;border-radius:26px;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .5s var(--kl-ease),border-color .5s}.kl-feat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),rgba(71,112,219,.38),transparent 60%);opacity:0;transition:opacity .4s}.kl-feat:hover{transform:translateY(-8px);border-color:#ffffff61}.kl-feat:hover:before{opacity:1}.kl-feat>*{position:relative}.kl-feat__n{position:absolute;top:8px;right:22px;font-family:var(--font-heading-family);font-size:5rem;line-height:1;color:#ffffff12}.kl-ico{display:grid;place-items:center;width:60px;height:60px;margin-bottom:22px;border-radius:18px;background:linear-gradient(135deg,var(--kl-blue),#6d8ff0);box-shadow:0 12px 28px #4770db80;transition:transform .6s var(--kl-ease)}.kl-feat:hover .kl-ico{transform:rotate(-8deg) scale(1.1)}.kl-ico svg{width:28px;height:28px;color:#fff}.kl-feat h3{margin:0 0 10px;font-family:var(--font-heading-family);font-weight:400;font-size:1.9rem;letter-spacing:.04em;text-transform:uppercase;color:#fff}.kl-feat p{margin:0;line-height:1.65;color:#ffffffd1}.kl-exp{padding:clamp(64px,9vw,110px) 0;background:var(--kl-ice);color:var(--kl-navy)}.kl-exp .kl-eyebrow{color:var(--kl-blue);background:#4770db1a;border-color:#4770db4d}.kl-exp__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.kl-tile{position:relative;display:block;min-height:340px;border-radius:30px;overflow:hidden;isolation:isolate;color:#fff;text-decoration:none}.kl-tile img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--kl-ease)}.kl-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#0a1233eb,#0a12331f 72%)}.kl-tile:hover img{transform:scale(1.08)}.kl-tile__body{position:absolute;left:30px;right:30px;bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.kl-tile h3{margin:0;font-family:var(--font-heading-family);font-weight:400;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1;text-transform:uppercase;color:#fff}.kl-tile small{display:block;margin-top:8px;font-size:1rem;opacity:.88}.kl-arrow{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--kl-navy);transition:transform .5s var(--kl-ease),background .3s}.kl-arrow svg{width:22px;height:22px}.kl-tile:hover .kl-arrow{transform:translate(6px) rotate(-45deg);background:var(--kl-amber)}#ProductGridContainer .card-wrapper{transition:transform .6s var(--kl-ease)}#ProductGridContainer .card-wrapper:hover{transform:translateY(-8px)}#ProductGridContainer .card__media .media img{transition:transform 1.2s var(--kl-ease)}#ProductGridContainer .card-wrapper:hover .card__media .media img{transform:scale(1.07)}@keyframes kl-rise{to{transform:none}}@keyframes kl-fade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes kl-zoom{0%{transform:scale(1.02)}to{transform:scale(1.14)}}@keyframes kl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes kl-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes kl-wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}@keyframes kl-marquee{to{transform:translate(-50%)}}@keyframes kl-ping{0%{box-shadow:0 0 #d6a84fb3}to{box-shadow:0 0 0 12px #d6a84f00}}@media(max-width:900px){.kl-hero{min-height:min(84vh,700px)}.kl-hero__inner{grid-template-columns:1fr;padding:84px 0 112px}.kl-card{display:none}.kl-spot__grid,.kl-ben__grid,.kl-exp__grid{grid-template-columns:1fr}.kl-price{right:12px}.kl-tile{min-height:280px}}@media(prefers-reduced-motion:reduce){.kl-fxs,.kl-fxs *,.kl-fxs *:before,.kl-fxs *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.kl-word>span{transform:none}.kl-sub,.kl-actions{opacity:1}.kl-js .kl-reveal{opacity:1;transform:none}.kl-marquee__track{animation:none}html{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/klaro-fx.css.map */