*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--ink);background:var(--bg)}.container{max-width:1100px;margin-inline:auto;padding:clamp(24px,5vw,64px)}.content-detail{background:#fff;padding:clamp(24px,7vw,96px) 0;margin-top:24px;border-top-left-radius:24px;border-top-right-radius:24px}.features{display:grid;gap:clamp(28px,5vw,64px)}.feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center}.feature .media{background:linear-gradient(180deg,#eceff3,#e3e7ee);border-radius:16px;box-shadow:0 10px 28px #0a101e14;aspect-ratio:16 / 11;min-height:260px;min-width:0px!important;width:100%;max-width:100%}.feature .media img{width:100%;height:100%;object-fit:contain;border-radius:16px;display:block;background:#fff}.feature .copy h2{font-size:clamp(1.5rem,2vw + .9rem,2.1rem);margin:0 0 .4rem}.feature .copy p{color:var(--muted);line-height:1.65;margin:.5rem 0}.expando{--lines: 6;position:relative;overflow:hidden;max-height:var(--collapsed-h, 10rem);transition:max-height .5s ease}.expando:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3.2em;background:linear-gradient(to bottom,#fff0,#fff 75%);pointer-events:none;opacity:1;transition:opacity .3s ease}.expando.expanded{max-height:var(--expanded-h, 2000px)}.expando.expanded:after{opacity:0}.expando__inner{line-height:1.65;color:var(--muted)}.expando__inner p{margin:.5rem 0}.see-more{margin-top:.75rem;display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#eb6601;text-decoration:none}.see-more:hover{text-decoration:underline}.feature.reverse .media{order:2}[data-reveal]{opacity:0;transform:translateY(16px) scale(.98);will-change:transform,opacity;transition:transform .7s cubic-bezier(.2,.6,.2,1),opacity .6s ease}[data-reveal=left]{transform:translate(-24px)}[data-reveal=right]{transform:translate(24px)}[data-reveal=up]{transform:translateY(24px)}[data-reveal].is-visible{opacity:1;transform:none;transition-delay:var(--reveal-delay, 0ms)}.img-detail,picture,video,svg{max-width:100%;height:auto;display:block}.feature .copy,.feature .media{min-width:0;overflow:hidden;position:relative;z-index:0}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.cta-row>*{flex:0 1 auto}.feature.expanded-top{align-items:flex-start}.feature.expanded-top .media{align-self:flex-start;place-items:start;align-content:flex-start;justify-content:flex-start}.feature .media{scroll-margin-top:var(--sticky-offset, 24px)}.feature.is-top-aligned{align-items:flex-start;align-items:start}.feature.is-top-aligned .media{align-self:flex-start!important;align-self:start!important;justify-self:start!important;margin-block:0!important}.expando:not(.is-clamped){max-height:none}.expando:not(.is-clamped):after{display:none}.see-more[hidden]{display:none!important}@media (max-width: 1140px){.feature{display:grid;grid-template-columns:1fr;gap:24px}.feature .media{order:1}.feature .copy{order:2}.feature.reverse .media{order:1}.feature.reverse .copy{order:2}.feature .media img,.feature .media picture,.feature .media video{width:100%;height:auto}.feature{padding-block:32px}}@media (max-width: 680px){.section,.container,.wrap{padding-left:16px;padding-right:16px}.feature .copy{overflow-wrap:anywhere}.cta-row{gap:10px}.cta-row>*{flex:1 1 100%;text-align:center}}@media (prefers-reduced-motion: reduce){.cta-row{gap:12px}}@media (max-width: 900px){[data-reveal=left],[data-reveal=right]{transform:translateY(20px)}}@media (max-width: 900px){.feature{grid-template-columns:1fr}.feature.reverse .media{order:initial}}@media (max-width: 1280px){.feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.feature .media{min-width:0!important;width:100%}}@media (max-width: 1024px){.feature{grid-template-columns:1fr;gap:24px;padding-block:32px}.feature .media{order:1;min-width:0!important;width:100%;min-height:clamp(180px,38vw,300px);aspect-ratio:16 / 10}.feature .copy{order:2}.feature.reverse .media{order:1}.feature.reverse .copy{order:2}}@media (max-width: 680px){.container{padding-left:16px;padding-right:16px}.feature{gap:20px}.feature .copy{overflow-wrap:anywhere}.feature .media{min-height:clamp(160px,45vw,240px)}.cta-row{gap:10px}.cta-row>*{flex:1 1 100%;text-align:center}}@media (max-width: 480px){.feature{gap:18px;padding-block:28px}.feature .copy h1,.feature .copy h2,.feature .copy .h1,.feature .copy .h2{font-size:20px;line-height:1.2}.feature .copy p{font-size:14px;line-height:1.65}}@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}