.o-hero{position:relative;padding-top:clamp(40px,6vw,76px);padding-bottom:var(--o-section);overflow:hidden}.o-hero:before{content:"";position:absolute;top:-10%;right:-5%;width:min(760px,85vw);aspect-ratio:1;background:radial-gradient(circle at 50% 50%,rgba(232,192,122,.1) 0%,rgba(232,192,122,.04) 34%,transparent 68%);pointer-events:none;z-index:0}.o-hero__grid{position:relative;z-index:1;display:grid;gap:clamp(36px,5vw,64px);align-items:center}@media(min-width:900px){.o-hero__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}}.o-hero__copy{display:grid;gap:22px;align-content:start}.o-hero__actions{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:480px){.o-hero__actions{display:grid}.o-hero__actions .o-btn{width:100%}}.o-hero__trust{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:4px;font-size:var(--o-t-xs);color:var(--o-ink-3)}.o-hero__trust li{display:inline-flex;align-items:center;gap:7px}.o-hero__trust svg{color:var(--o-accent);width:14px;height:14px;flex-shrink:0}.o-hero__media{position:relative;border-radius:var(--o-radius-lg);overflow:hidden;background:var(--o-surface-2);border:1px solid var(--o-hairline);aspect-ratio:4 / 3}@media(min-width:900px){.o-hero__media{aspect-ratio:5 / 4}}.o-hero__media img{width:100%;height:100%;object-fit:cover}.o-hero__caption{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:999px;background:#08080ab8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--o-hairline-2);font-size:var(--o-t-xs);font-weight:500;color:var(--o-ink)}.o-hero__caption svg{color:var(--o-accent)}.o-specs{display:grid;gap:0;border-top:1px solid var(--o-hairline);border-bottom:1px solid var(--o-hairline)}@media(min-width:620px){.o-specs{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.o-specs{grid-template-columns:repeat(4,1fr)}}.o-spec{display:grid;gap:7px;align-content:start;padding:26px 0;border-bottom:1px solid var(--o-hairline)}.o-specs .o-spec:last-child{border-bottom:0}@media(min-width:620px){.o-spec{padding:30px 26px 30px 0;border-bottom:0;border-right:1px solid var(--o-hairline)}.o-specs .o-spec:nth-child(2n){border-right:0;padding-right:0}.o-specs .o-spec:nth-child(-n+2){border-bottom:1px solid var(--o-hairline)}}@media(min-width:960px){.o-spec{padding:32px 28px 32px 0;border-bottom:0!important}.o-specs .o-spec:nth-child(2n){border-right:1px solid var(--o-hairline);padding-right:28px}.o-specs .o-spec:last-child{border-right:0;padding-right:0}}.o-spec__index{font-family:var(--o-font-display);font-size:var(--o-t-xs);font-variant-numeric:tabular-nums;color:var(--o-accent);letter-spacing:.06em}.o-spec__title{font-size:var(--o-t-body);font-weight:600;letter-spacing:-.01em}.o-spec__text{font-size:var(--o-t-sm);color:var(--o-ink-3);line-height:1.5}.o-steps{display:grid;gap:12px;margin-top:clamp(36px,4vw,56px);counter-reset:o-step}@media(min-width:860px){.o-steps{grid-template-columns:repeat(3,1fr);gap:20px}}.o-step{position:relative;display:grid;gap:12px;align-content:start;padding:30px 26px;border:1px solid var(--o-hairline);border-radius:var(--o-radius);background:linear-gradient(180deg,var(--o-surface-1),var(--o-surface-2));transition:border-color var(--o-dur) var(--o-ease)}.o-step:hover{border-color:var(--o-hairline-2)}.o-step__num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--o-accent-line);background:var(--o-accent-soft);color:var(--o-accent);font-family:var(--o-font-display);font-size:var(--o-t-sm);font-weight:600;font-variant-numeric:tabular-nums}.o-step__title{font-size:var(--o-t-h4);font-weight:600}.o-step__text{font-size:var(--o-t-sm);color:var(--o-ink-2);line-height:1.55}.o-showcase{display:grid;gap:20px;margin-top:clamp(36px,4vw,56px)}@media(min-width:760px){.o-showcase{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.o-showcase--3{grid-template-columns:repeat(3,1fr)}}.o-showcase .o-card__media{--o-card-ratio: 4 / 3}.o-showcase__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.o-uses{display:grid;gap:clamp(28px,4vw,52px);margin-top:clamp(36px,4vw,56px)}@media(min-width:900px){.o-uses{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start}}.o-uses__list{display:grid}.o-uses__item{border-bottom:1px solid var(--o-hairline)}.o-uses__item:first-child{border-top:1px solid var(--o-hairline)}.o-uses__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:17px 4px;text-align:left;font-family:var(--o-font-display);font-size:clamp(1.05rem,.98rem + .4vw,1.3rem);font-weight:500;letter-spacing:-.015em;color:var(--o-ink-3);transition:color var(--o-dur-fast) var(--o-ease),padding-left var(--o-dur) var(--o-ease)}.o-uses__btn:hover{color:var(--o-ink-2)}.o-uses__btn[aria-selected=true]{color:var(--o-ink);padding-left:14px}.o-uses__btn[aria-selected=true] .o-uses__dot{opacity:1;transform:none}.o-uses__dot{width:6px;height:6px;border-radius:50%;background:var(--o-accent);opacity:0;transform:scale(.4);transition:opacity var(--o-dur) var(--o-ease),transform var(--o-dur) var(--o-ease);flex-shrink:0}.o-uses__label{display:inline-flex;align-items:center;gap:12px}.o-uses__panels{position:relative}.o-uses__panel{display:grid;gap:16px;opacity:0;visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity var(--o-dur) var(--o-ease)}.o-uses__panel.is-active{opacity:1;visibility:visible;position:relative}.o-uses__media{border-radius:var(--o-radius);overflow:hidden;border:1px solid var(--o-hairline);background:var(--o-surface-2);aspect-ratio:4 / 3}.o-uses__media img{width:100%;height:100%;object-fit:cover}.o-compare{margin-top:clamp(36px,4vw,56px)}.o-compare__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.o-compare table{width:100%;border-collapse:collapse;min-width:560px}.o-compare th,.o-compare td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--o-hairline);font-size:var(--o-t-sm);vertical-align:top}.o-compare thead th{font-family:var(--o-font-display);font-size:var(--o-t-body);font-weight:600;color:var(--o-ink);border-bottom-color:var(--o-hairline-2)}.o-compare tbody th{font-weight:500;color:var(--o-ink-3);white-space:nowrap}.o-compare td{color:var(--o-ink-2)}.o-compare__price{font-family:var(--o-font-display);font-weight:600;color:var(--o-ink);font-variant-numeric:tabular-nums}@media(max-width:700px){.o-compare table,.o-compare thead,.o-compare tbody,.o-compare th,.o-compare td,.o-compare tr{display:block;min-width:0}.o-compare thead{display:none}.o-compare tbody tr{border:1px solid var(--o-hairline);border-radius:var(--o-radius);padding:6px 18px;margin-bottom:12px;background:var(--o-surface-1)}.o-compare tbody th{padding:14px 0 4px;border:0}.o-compare tbody td{padding:0 0 14px;border:0}.o-compare tbody td:before{content:attr(data-label);display:block;font-size:var(--o-t-xs);color:var(--o-ink-4);margin-bottom:3px}}.o-quotes{display:grid;gap:16px;margin-top:clamp(36px,4vw,56px)}@media(min-width:800px){.o-quotes{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.o-quote{display:grid;gap:16px;align-content:start;padding:28px 26px;border:1px solid var(--o-hairline);border-radius:var(--o-radius);background:var(--o-surface-1)}.o-quote__text{font-size:var(--o-t-body);line-height:1.6;color:var(--o-ink-2)}.o-quote__by{display:grid;gap:2px}.o-quote__name{font-size:var(--o-t-sm);font-weight:600}.o-quote__meta{font-size:var(--o-t-xs);color:var(--o-ink-4)}.o-quotes__note{margin-top:20px;padding:16px 18px;border:1px dashed var(--o-hairline-2);border-radius:var(--o-radius-sm);font-size:var(--o-t-sm);color:var(--o-ink-3)}.o-faq{display:grid;gap:clamp(28px,4vw,56px)}@media(min-width:900px){.o-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.o-faq__head{position:sticky;top:calc(var(--o-header-h, 68px) + 32px)}}.o-cta{position:relative;overflow:hidden;border-top:1px solid var(--o-hairline)}.o-cta:before{content:"";position:absolute;left:50%;bottom:-60%;transform:translate(-50%);width:min(900px,110vw);aspect-ratio:2 / 1;background:radial-gradient(ellipse at 50% 50%,rgba(232,192,122,.09) 0%,transparent 65%);pointer-events:none}.o-cta__inner{position:relative;display:grid;gap:24px;justify-items:center;text-align:center;max-width:46ch;margin-inline:auto}.o-cta__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media(max-width:480px){.o-cta__actions{display:grid;width:100%}.o-cta__actions .o-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/optiq-sections.css.map */