.cd-spot-wrap{display:block}.cd-spot{font-family:var(--cd-font-sans);position:relative}.cd-spot--paper{background:var(--cd-paper)}.cd-spot--white{background:#fff}.cd-spot--mist{background:var(--cd-mist)}.cd-spot--ink{background:linear-gradient(160deg,#061427,#0a1a2f 60%,#122a48);color:#fff}.cd-spot--ink .cd-spot__h2,.cd-spot--ink .cd-spot__featureTitle,.cd-spot--ink .cd-spot__specVal{color:#fff!important}.cd-spot--ink .cd-spot__desc,.cd-spot--ink .cd-spot__featureBody,.cd-spot--ink .cd-spot__specLbl{color:#ffffffc7!important}.cd-spot--ink .cd-spot__eyebrow{color:var(--cd-accent-2)!important}.cd-spot--ink .cd-spot__feature svg{color:var(--cd-accent-2)!important}.cd-spot--ink .cd-spot__specs,.cd-spot--ink .cd-spot__spec{border-color:#ffffff1f!important}.cd-spot--ink .cd-btn--primary{background:#fff!important;color:var(--cd-ink)!important;border-color:#fff!important;box-shadow:0 8px 22px #00000040!important}.cd-spot--ink .cd-btn--primary:hover{background:var(--cd-accent)!important;color:#fff!important;border-color:var(--cd-accent)!important}.cd-spot--ink .cd-btn--ink-ghost{background:transparent!important;color:#fff!important;border-color:#ffffff80!important}.cd-spot--ink .cd-btn--ink-ghost:hover{background:#fff!important;color:var(--cd-ink)!important;border-color:#fff!important}.cd-spot__inner{max-width:var(--cd-container);margin:0 auto;padding:clamp(60px,8vw,100px) var(--cd-container-pad);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center}.cd-spot--img-left .cd-spot__media{order:1}.cd-spot--img-left .cd-spot__copy,.cd-spot--img-right .cd-spot__media{order:2}.cd-spot--img-right .cd-spot__copy{order:1}.cd-spot__media{position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-height:380px}.cd-spot__media img{max-width:100%;height:auto;max-height:520px;object-fit:contain;display:block;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.cd-spot:hover .cd-spot__media img{transform:scale(1.03)}.cd-spot__tag{position:absolute;top:0;left:0;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cd-ink);padding:6px 0 6px 14px;border-left:2px solid var(--cd-accent);background:transparent}.cd-spot--ink .cd-spot__tag{color:#fff}.cd-spot__copy{max-width:560px}.cd-spot__eyebrow{display:inline-flex;align-items:center;gap:14px;margin:0 0 16px;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--cd-accent)}.cd-spot__eyebrow:before{content:"";display:inline-block;width:28px;height:1px;background:currentColor}.cd-spot__h2{font-family:var(--cd-font-display);font-weight:700;font-size:clamp(30px,3.8vw,46px);line-height:1.05;letter-spacing:-.02em;color:var(--cd-ink);margin:0 0 18px;text-wrap:balance}.cd-spot__desc{font-size:16px;line-height:1.6;color:var(--cd-muted);margin:0 0 24px}.cd-spot__features{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:12px}.cd-spot__feature{display:flex;gap:12px;align-items:flex-start}.cd-spot__featureIcon{flex:0 0 18px;color:var(--cd-accent);margin-top:2px}.cd-spot__featureTitle{display:block;font-size:14.5px;font-weight:700;color:var(--cd-ink);line-height:1.35;letter-spacing:-.005em}.cd-spot__featureBody{display:block;font-size:13.5px;color:var(--cd-muted);line-height:1.5;margin-top:2px}.cd-spot__specs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 26px;border-top:1px solid var(--cd-line);border-bottom:1px solid var(--cd-line)}.cd-spot__spec{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-right:1px solid var(--cd-line)}.cd-spot__spec:nth-child(2n){border-right:0;padding-left:18px}.cd-spot__spec:nth-child(n+3){border-top:1px solid var(--cd-line)}.cd-spot__specLbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--cd-muted)}.cd-spot__specVal{font-size:15px;font-weight:700;color:var(--cd-ink);letter-spacing:-.005em}.cd-spot__cta-row{display:flex;flex-wrap:wrap;gap:12px}.cd-spot__cta{padding:14px 22px;font-size:14px}@media(max-width:900px){.cd-spot__inner{grid-template-columns:1fr;gap:36px}.cd-spot--img-left .cd-spot__media,.cd-spot--img-right .cd-spot__media{order:1;min-height:300px}.cd-spot--img-left .cd-spot__copy,.cd-spot--img-right .cd-spot__copy{order:2}}.cd-mech-wrap{display:block}.cd-mech{background:#fff;font-family:var(--cd-font-sans)}.cd-mech__inner{max-width:1080px;margin:0 auto;padding:clamp(72px,9vw,108px) var(--cd-container-pad)}.cd-mech__head{text-align:center;margin-bottom:clamp(40px,5vw,56px)}.cd-mech__panels{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cd-mech__panel{padding:36px 32px;border:1px solid var(--cd-line);border-radius:var(--cd-r-lg);background:#fff}.cd-mech__panel--bad{background:#fff8f3}.cd-mech__panel--good{background:linear-gradient(180deg,#f0fbfc,#fff);border-color:var(--cd-accent)}.cd-mech__visual{margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--cd-r-md);padding:14px;border:1px solid var(--cd-line)}.cd-mech__visual svg{width:100%;height:auto;max-width:280px}.cd-mech__panelH{font-size:18px;font-weight:700;color:var(--cd-ink);margin:0 0 8px;letter-spacing:-.005em}.cd-mech__panelBody{font-size:14.5px;line-height:1.6;color:var(--cd-muted);margin:0}.cd-mech__panel--good .cd-mech__panelBody{color:var(--cd-ink)}@media(max-width:780px){.cd-mech__panels{grid-template-columns:1fr}}.cd-bdiag-wrap{display:block}.cd-bdiag{background:linear-gradient(160deg,#061427,#0a1a2f 60%,#122a48);color:#fff;font-family:var(--cd-font-sans);position:relative;overflow:hidden}.cd-bdiag:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 80% at 90% 50%,rgba(0,183,199,.15) 0%,transparent 60%);pointer-events:none}.cd-bdiag__inner{max-width:var(--cd-container);margin:0 auto;padding:clamp(72px,9vw,108px) var(--cd-container-pad);position:relative;z-index:1}.cd-bdiag__head{text-align:center;margin-bottom:clamp(40px,5vw,64px)}.cd-bdiag__split{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,6vw,72px);align-items:center}.cd-bdiag__diagram{display:flex;align-items:center;justify-content:center;overflow:visible}.cd-bdiag__diagram svg{width:100%;height:auto;max-width:600px;overflow:visible}.cd-bdiag__copy{max-width:520px}.cd-bdiag__h3{font-family:var(--cd-font-display);font-weight:700;font-size:clamp(22px,2.5vw,30px);line-height:1.2;letter-spacing:-.01em;margin:0 0 18px;color:#fff}.cd-bdiag__copy p{font-size:15px;line-height:1.65;color:#fffc;margin:0 0 14px}.cd-bdiag__copy p:last-child{margin:0}@media(max-width:900px){.cd-bdiag__split{grid-template-columns:1fr}.cd-bdiag__diagram svg{max-width:480px}}.cd-elec-wrap{display:block}.cd-elec{background:var(--cd-paper);font-family:var(--cd-font-sans)}.cd-elec__inner{max-width:1080px;margin:0 auto;padding:clamp(72px,9vw,108px) var(--cd-container-pad)}.cd-elec__head{text-align:center;margin-bottom:clamp(40px,5vw,56px)}.cd-elec__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--cd-line)}.cd-elec__step{padding:28px 0;border-bottom:1px solid var(--cd-line);display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:start}.cd-elec__stepHead{display:contents}.cd-elec__stepNum{font-family:var(--cd-font-display);font-size:36px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--cd-accent);min-width:64px}.cd-elec__stepTitle{font-size:20px;font-weight:700;color:var(--cd-ink);margin:0 0 10px;line-height:1.25;letter-spacing:-.005em}.cd-elec__stepBody{grid-column:2;grid-row:1;align-self:end;font-size:15px;line-height:1.65;color:var(--cd-muted);margin:0;padding-top:8px}.cd-elec__formula{grid-column:3;grid-row:1;align-self:center;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;color:var(--cd-ink);background:#fff;border:1px solid var(--cd-line);border-radius:var(--cd-r-sm);padding:8px 12px;white-space:nowrap}@media(max-width:780px){.cd-elec__step{grid-template-columns:auto 1fr;gap:18px}.cd-elec__stepNum{font-size:28px;min-width:48px}.cd-elec__stepTitle{font-size:17px}.cd-elec__stepBody{grid-column:1 / -1;margin-top:8px}.cd-elec__formula{grid-column:1 / -1;justify-self:start;margin-top:8px}}.cd-ath-wrap{display:block}.cd-ath{background:#fff;font-family:var(--cd-font-sans)}.cd-ath__inner{max-width:var(--cd-container);margin:0 auto;padding:clamp(72px,9vw,108px) var(--cd-container-pad)}.cd-ath__head{text-align:center;margin-bottom:clamp(40px,5vw,56px)}.cd-ath__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.cd-ath__card{padding:32px 28px;border:1px solid var(--cd-line);border-radius:var(--cd-r-lg);background:var(--cd-paper);display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.cd-ath__card:hover{transform:translateY(-2px);border-color:var(--cd-ink);box-shadow:var(--cd-shadow-md)}.cd-ath__metric{display:flex;flex-direction:column;gap:4px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--cd-line)}.cd-ath__metricNum{font-family:var(--cd-font-display);font-size:42px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--cd-accent)}.cd-ath__metricLbl{font-size:12px;font-weight:600;color:var(--cd-muted);letter-spacing:.04em;text-transform:uppercase}.cd-ath__quote{font-size:15.5px;line-height:1.55;color:var(--cd-ink);margin:0 0 22px;flex:1;font-style:italic;letter-spacing:-.005em}.cd-ath__foot{display:flex;align-items:center;gap:12px;margin-top:auto}.cd-ath__avatar{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--cd-ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.cd-ath__name{font-size:14px;font-weight:700;color:var(--cd-ink);margin:0}.cd-ath__role{font-size:12.5px;color:var(--cd-muted);margin:2px 0 0}.cd-ugc-wrap{display:block}.cd-ugc{padding:clamp(64px,8vw,100px) 0;background:#fff;font-family:var(--cd-font-sans);overflow:hidden}.cd-ugc__head{text-align:center;max-width:760px;margin:0 auto clamp(36px,5vw,52px);padding:0 var(--cd-container-pad)}.cd-ugc__viewport{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%)}.cd-ugc__track{display:flex;gap:18px;list-style:none;margin:0;padding:0;width:max-content;animation:cd-ugc-scroll 70s linear infinite}.cd-ugc:hover .cd-ugc__track{animation-play-state:paused}@keyframes cd-ugc-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 9px))}}.cd-ugc__item{flex:0 0 auto;width:300px;height:300px;position:relative;border-radius:var(--cd-r-lg);overflow:hidden;background:var(--cd-mist);box-shadow:0 8px 24px #0a1a2f14;transition:transform .3s ease,box-shadow .3s ease}.cd-ugc__item:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0a1a2f29}.cd-ugc__a{display:block;width:100%;height:100%;position:relative}.cd-ugc__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.cd-ugc__item:hover img{transform:scale(1.05)}.cd-ugc__handle{position:absolute;bottom:14px;left:14px;background:#0a1a2fc7;color:#fff;padding:6px 12px;border-radius:var(--cd-r-pill);font-size:12px;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media(max-width:780px){.cd-ugc__item{width:240px;height:240px}.cd-ugc__track{gap:14px;animation-duration:55s}}@media(max-width:480px){.cd-ugc__item{width:200px;height:200px}}@media(prefers-reduced-motion:reduce){.cd-ugc__track{animation:none;overflow-x:auto}.cd-ugc__viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/cd-design-5.css.map */