.cmat-section{background:var(--cmat-bg, #F6F5F3);overflow:hidden}.cmat-container{max-width:1200px;margin:0 auto;padding:0 24px}.cmat-header{text-align:center;max-width:640px;margin:0 auto 48px}.cmat-eyebrow{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cmat-accent, #6B7280)}.cmat-heading{margin:0;font-size:clamp(26px,3.4vw,38px);line-height:1.15;font-weight:800;color:var(--cmat-ink, #111111);letter-spacing:-.01em}.cmat-subheading{margin:12px 0 0;font-size:15px;line-height:1.5;color:#6b6b6b}.cmat-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:stretch}.cmat-image-col{display:flex;flex-direction:column;gap:16px;min-width:0}.cmat-image-panel{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:18px;overflow:hidden;background:#111;box-shadow:0 1px 2px #1111110f,0 18px 40px #1111111a}.cmat-image-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(10px) scale(1.01);transition:opacity .45s ease,transform .45s ease;will-change:opacity,transform}.cmat-image-slide.is-active{opacity:1;transform:translateY(0) scale(1);z-index:1}.cmat-image,.cmat-image-placeholder{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.cmat-image-placeholder{display:flex;align-items:center;justify-content:center;background:#111}.cmat-placeholder-svg{width:40%;height:40%;opacity:.35}.cmat-mobile-caption{display:flex;flex-direction:column;gap:4px;margin:0;padding:4px 4px 0}.cmat-mobile-caption strong{font-size:18px;font-weight:800;color:var(--cmat-ink, #111111)}.cmat-mobile-caption span{font-size:15px;line-height:1.5;color:#5b5f66}.cmat-tabs-col{display:flex;min-width:0}.cmat-tablist{position:relative;display:flex;flex-direction:row;gap:10px;width:100%;overflow-x:auto;margin:0 -24px;padding:4px 24px 14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.cmat-tablist::-webkit-scrollbar{height:4px}.cmat-tablist:after{content:"";position:absolute;top:0;right:0;bottom:14px;width:40px;background:linear-gradient(to right,transparent,var(--cmat-bg, #F6F5F3) 75%);pointer-events:none}.cmat-tab{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:flex-start;gap:12px;width:76vw;max-width:320px;text-align:left;background:#fff;border:1px solid rgba(17,17,17,.08);border-radius:18px;padding:18px 40px 18px 16px;cursor:pointer;position:relative;font:inherit;color:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.cmat-tab:hover{border-color:#1111112e}.cmat-tab:focus-visible{outline:2px solid var(--cmat-accent, #6B7280);outline-offset:2px}.cmat-tab-icon{flex:none;width:26px;height:26px;color:var(--cmat-inactive, #9AA0A6);transition:color .2s ease}.cmat-tab-icon svg{width:100%;height:100%}.cmat-tab-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.cmat-tab-title{font-size:16px;font-weight:800;color:var(--cmat-inactive, #9AA0A6);line-height:1.35;transition:color .2s ease}.cmat-tab-desc{font-size:13.5px;line-height:1.55;color:#9aa3b0;transition:color .2s ease;display:none}.cmat-tab-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--cmat-inactive, #9AA0A6);opacity:.6;transition:color .2s ease,opacity .2s ease,transform .2s ease}.cmat-tab-chevron svg{width:100%;height:100%}.cmat-tab:hover .cmat-tab-chevron{opacity:1;transform:translate(3px,-50%)}.cmat-tab-accent{position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:transparent;transition:background .2s ease}.cmat-tab.is-active{background:#fff;border-color:#11111124;box-shadow:0 10px 24px #11111114}.cmat-tab.is-active .cmat-tab-icon{color:var(--cmat-accent, #6B7280)}.cmat-tab.is-active .cmat-tab-title{color:var(--cmat-ink, #111111)}.cmat-tab.is-active .cmat-tab-desc{color:#4a4e55}.cmat-tab.is-active .cmat-tab-chevron{color:var(--cmat-accent, #6B7280);opacity:1}.cmat-tab.is-active .cmat-tab-accent{background:var(--cmat-accent, #6B7280)}.cmat-legal{margin:40px auto 0;max-width:640px;text-align:center;font-size:13px;line-height:1.6;color:#7a7e85}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(prefers-reduced-motion:reduce){.cmat-image-slide{transition:opacity .01s linear;transform:none}}@media(min-width:750px){.cmat-container{padding:0 40px}.cmat-grid{grid-template-columns:minmax(320px,420px) 1fr;gap:56px}.cmat-image-col{order:2}.cmat-tabs-col{order:1}.cmat-mobile-caption{display:none}.cmat-tablist{flex-direction:column;overflow:visible;margin:0;padding:0;gap:12px}.cmat-tablist:after{display:none}.cmat-tab{width:100%;max-width:none}.cmat-tab-desc{display:block}.cmat-image-panel{aspect-ratio:4 / 5}}@media(min-width:1100px){.cmat-grid{gap:72px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-cmat-ai-recorder-feature-tabs.css.map */