.clario-hero{position:relative;overflow:hidden;color:var(--color-foreground);background:radial-gradient(60% 70% at 76% 46%,color-mix(in srgb,var(--clario-accent) 14%,transparent) 0%,transparent 70%),var(--clario-ink)}.clario-hero__inner{display:flex;flex-direction:column;gap:24px;max-width:1320px;margin-inline:auto;padding:40px var(--page-margin, 20px) 56px}.clario-hero__title{position:relative;z-index:2;margin:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(3rem,13vw,7.75rem);line-height:.92;letter-spacing:-.035em;text-wrap:balance}.clario-hero__lens{position:relative;z-index:1;margin-inline:-4%}.clario-hero__art{display:block;width:100%;height:auto}.clario-hero__photo{aspect-ratio:1;margin:6%;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-foreground) 22%,transparent),0 0 120px color-mix(in srgb,var(--clario-accent) 35%,transparent)}.clario-hero__photo img{display:block;width:100%;height:100%;object-fit:cover}.clario-hero__foot{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.clario-hero__text{margin:0;max-width:32ch;font-size:clamp(1.125rem,1.5vw,1.3125rem);line-height:1.45;color:color-mix(in srgb,var(--color-foreground) 82%,transparent);text-wrap:pretty}.clario-hero__buy{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}.clario-hero__amount{display:flex;align-items:baseline;gap:10px;margin:0}.clario-hero__now{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(2rem,3.4vw,2.75rem);line-height:1;letter-spacing:-.03em;white-space:nowrap}.clario-hero__was{font-size:1rem;color:color-mix(in srgb,var(--color-foreground) 60%,transparent);white-space:nowrap}.clario-hero__form{margin:0}.clario-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding-inline:36px;font-size:1.0625rem;font-weight:700;text-decoration:none}.clario-hero__note{margin:0;font-size:.875rem;color:color-mix(in srgb,var(--color-foreground) 64%,transparent)}@media screen and (min-width:900px){.clario-hero__inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;column-gap:24px;row-gap:0;min-height:min(88svh,860px);padding-block:64px 72px}.clario-hero__title{grid-column:1 / span 7;grid-row:1}.clario-hero__lens{grid-column:6 / -1;grid-row:1 / span 3;align-self:center;margin:0 -3% 0 0}.clario-hero__foot{grid-column:1 / span 5;grid-row:3;align-self:end}}.cl-feat__card--surface,.cl-step,.cl-faq__item,.cl-faq__contact{background:linear-gradient(160deg,color-mix(in srgb,var(--color-foreground) 9%,var(--clario-ink)),color-mix(in srgb,var(--color-foreground) 3%,var(--clario-ink)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-foreground) 11%,transparent)}.cl-feat{max-width:1320px;margin-inline:auto;padding:80px var(--page-margin, 20px) 40px}.cl-feat__heading,.cl-steps__heading,.cl-faq__heading{margin:0 0 36px;max-width:15ch;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(2.25rem,5vw,4.25rem);line-height:.98;letter-spacing:-.03em;text-wrap:balance}.cl-feat__grid{display:grid;gap:16px}.cl-feat__card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-height:280px;padding:28px;border-radius:28px;color:var(--color-foreground);transition:transform .25s ease,box-shadow .25s ease}.cl-feat__card:hover{transform:translateY(-4px)}.cl-feat__card--accent{background:radial-gradient(110% 90% at 90% 0%,#FF8B70 0%,transparent 55%),linear-gradient(150deg,var(--clario-accent) 0%,color-mix(in srgb,var(--clario-accent) 80%,#6E1409) 100%);color:var(--clario-ink);box-shadow:0 30px 80px color-mix(in srgb,var(--clario-accent) 22%,transparent)}.cl-feat__card--light{background:linear-gradient(160deg,var(--color-foreground) 0%,color-mix(in srgb,var(--color-foreground) 86%,#B9C3DA) 100%);color:var(--clario-ink)}.cl-feat__visual{display:grid;place-items:center;width:72px;height:72px;padding:14px;border-radius:20px;background:color-mix(in srgb,currentColor 10%,transparent)}.cl-feat__visual svg,.cl-feat__visual img{display:block;width:100%;height:auto}.cl-feat__visual img{border-radius:16px}.cl-feat__card--lead .cl-feat__visual{align-self:flex-end;width:min(56%,260px);height:auto;aspect-ratio:1;padding:12%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,currentColor 12%,transparent) 0%,transparent 70%)}.cl-feat__title{margin:0 0 10px;max-width:16ch;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(1.625rem,2.4vw,2.125rem);line-height:1.02;letter-spacing:-.02em;color:inherit;text-wrap:balance}.cl-feat__card--lead .cl-feat__title{font-size:clamp(2rem,4vw,3.25rem)}.cl-feat__text{margin:0;max-width:40ch;font-size:1.0625rem;line-height:1.5;color:color-mix(in srgb,currentColor 84%,transparent);text-wrap:pretty}@media screen and (min-width:900px){.cl-feat{padding-block:120px 56px}.cl-feat__grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(300px,auto)}.cl-feat__card{grid-column:span 2;padding:36px;border-radius:32px}.cl-feat__card--lead{grid-column:span 4;grid-row:span 2;padding:48px}}.cl-steps{max-width:1320px;margin-inline:auto;padding:72px var(--page-margin, 20px)}.cl-steps__list{position:relative;display:grid;gap:16px;margin:0;padding:0;list-style:none}.cl-step{position:relative;z-index:1;padding:28px;border-radius:28px}.cl-step__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.cl-step__num{padding:6px 14px;border-radius:100px;background:color-mix(in srgb,var(--clario-accent) 16%,transparent);color:var(--clario-accent);font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:.875rem;letter-spacing:.08em}.cl-step__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--clario-accent);color:var(--clario-ink)}.cl-step__icon svg{width:24px;height:24px}.cl-step__title{margin:0 0 8px;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.1;letter-spacing:-.015em}.cl-step__text{margin:0;max-width:34ch;font-size:1.0625rem;line-height:1.5;color:color-mix(in srgb,var(--color-foreground) 76%,transparent)}@media screen and (min-width:900px){.cl-steps{padding-block:112px}.cl-steps__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cl-steps__list:before{content:"";position:absolute;top:54px;inset-inline:6%;height:1px;background:linear-gradient(90deg,transparent,var(--clario-accent) 30%,var(--clario-accent) 70%,transparent);opacity:.55}.cl-step{padding:32px}}.clario-offer{max-width:1320px;margin-inline:auto;padding:72px var(--page-margin, 20px);scroll-margin-top:80px}.clario-offer__head{margin-block-end:36px}.clario-offer__heading{margin:0 0 16px;max-width:14ch;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(2.25rem,5.4vw,4.5rem);line-height:.98;letter-spacing:-.03em;text-wrap:balance}.clario-offer__text{margin:0;max-width:44ch;font-size:clamp(1.0625rem,1.35vw,1.25rem);line-height:1.45;color:color-mix(in srgb,var(--color-foreground) 78%,transparent)}.clario-offer__cards{display:grid;gap:20px}.clario-card{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:28px;background:color-mix(in srgb,var(--color-foreground) 7%,var(--clario-ink));outline:1px solid color-mix(in srgb,var(--color-foreground) 16%,transparent);outline-offset:-1px;color:var(--color-foreground)}.clario-card--featured{background:var(--color-foreground);color:var(--clario-ink);outline:none;box-shadow:0 0 0 4px var(--clario-accent),0 30px 80px color-mix(in srgb,var(--clario-accent) 28%,transparent)}.clario-card__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.clario-card__name{margin:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:1.5rem;line-height:1.1;letter-spacing:-.015em;color:inherit}.clario-card__badge{padding:6px 12px;border-radius:100px;background:var(--clario-accent);color:var(--clario-ink);font-size:.8125rem;font-weight:700;line-height:1.2}.clario-card__badge:first-letter{text-transform:uppercase}.clario-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:12px 0 0;color:inherit}.clario-card__now{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(2.5rem,4.2vw,3.5rem);white-space:nowrap;line-height:1;letter-spacing:-.035em}.clario-card__was{font-size:1.125rem;opacity:.6}.clario-card__saving{margin:0;font-size:1rem;font-weight:600;color:inherit}.clario-card:not(.clario-card--featured) .clario-card__saving{color:color-mix(in srgb,var(--color-foreground) 76%,transparent)}.clario-card__form{margin-block-start:auto;padding-block-start:20px}.clario-card__button{width:100%;min-height:60px;font-size:1.0625rem;font-weight:700}.clario-offer__trust{display:flex;flex-direction:column;gap:10px;margin:32px 0 0;padding:0;list-style:none;font-size:.9375rem;color:color-mix(in srgb,var(--color-foreground) 76%,transparent)}.clario-offer__trust li{padding-inline-start:18px;position:relative}.clario-offer__trust li:before{content:"";position:absolute;inset-inline-start:0;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--clario-accent)}@media screen and (min-width:900px){.clario-offer{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-block:112px}.clario-offer__head{grid-column:1 / span 4;margin:0}.clario-offer__cards{grid-column:5 / -1;grid-row:1 / span 2;grid-template-columns:1.15fr 1fr;align-items:stretch}.clario-card{padding:36px}.clario-offer__trust{grid-column:1 / span 4;align-self:end}}.cl-faq{max-width:1320px;margin-inline:auto;padding:72px var(--page-margin, 20px) 96px}.cl-faq__contact{display:grid;gap:10px;justify-items:start;margin-bottom:28px;padding:24px;border-radius:24px}.cl-faq__contact-title{margin:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:1.25rem}.cl-faq__contact-text{margin:0;color:color-mix(in srgb,var(--color-foreground) 76%,transparent)}.cl-faq__contact-link{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;padding-inline:22px;border-radius:100px;border:1.5px solid var(--color-foreground);color:var(--color-foreground);font-weight:600;text-decoration:none;transition:background-color .2s ease,color .2s ease}.cl-faq__contact-link:hover{background:var(--color-foreground);color:var(--clario-ink)}.cl-faq__list{display:grid;gap:10px}.cl-faq__item{border-radius:20px;transition:box-shadow .2s ease}.cl-faq__item[open]{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--clario-accent) 70%,transparent)}.cl-faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;cursor:pointer;list-style:none;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.25}.cl-faq__q::-webkit-details-marker{display:none}.cl-faq__q:focus-visible{outline:2px solid var(--clario-accent);outline-offset:2px;border-radius:20px}.cl-faq__icon{position:relative;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--color-foreground) 10%,transparent);transition:background-color .2s ease,transform .25s ease}.cl-faq__icon:before,.cl-faq__icon:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;margin:-1px 0 0 -7px;border-radius:2px;background:var(--color-foreground)}.cl-faq__icon:after{transform:rotate(90deg)}.cl-faq__item[open] .cl-faq__icon{transform:rotate(45deg);background:var(--clario-accent)}.cl-faq__item[open] .cl-faq__icon:before,.cl-faq__item[open] .cl-faq__icon:after{background:var(--clario-ink)}.cl-faq__a{max-width:62ch;padding:0 22px 22px;font-size:1.0625rem;line-height:1.55;color:color-mix(in srgb,var(--color-foreground) 78%,transparent)}.cl-faq__a p{margin:0 0 .6em}.cl-faq__note{margin:18px 0 0;max-width:62ch;font-size:.875rem;line-height:1.5;color:color-mix(in srgb,var(--color-foreground) 62%,transparent)}@media screen and (min-width:900px){.cl-faq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start;padding-block:112px 128px}.cl-faq__aside{grid-column:1 / span 5;position:sticky;top:100px}.cl-faq__list{grid-column:7 / -1}}@media(prefers-reduced-motion:reduce){.cl-feat__card,.cl-faq__item,.cl-faq__icon,.cl-faq__contact-link{transition:none}.cl-feat__card:hover{transform:none}}.cl-feat__card--lead .cl-feat__visual{display:block;width:min(72%,360px);padding:0;border-radius:0;background:none;aspect-ratio:auto}.cl-feat__card--lead .cl-feat__visual svg{filter:drop-shadow(0 24px 40px rgb(110 20 9 / .35))}@media screen and (min-width:900px){.cl-feat__card--lead .cl-feat__visual{position:absolute;top:40px;inset-inline-end:40px;width:min(46%,380px)}.cl-feat__card--lead{justify-content:flex-end}.cl-feat__card--lead .cl-feat__copy{max-width:52%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/clario.css.map */