.commerce-campaign{margin:48px 0 52px}.commerce-poster{position:relative;background:#10191f;border-radius:24px;overflow:hidden;aspect-ratio:3/2}.commerce-poster>img{width:100%;height:100%;object-fit:cover;display:block}.commerce-copy{position:absolute;left:5%;top:16%;width:37%;color:white}.commerce-copy>span{font-size:11px;letter-spacing:2px;color:#c4ad8b}.commerce-copy h2{font-size:clamp(28px,3.5vw,54px);line-height:1.3;color:#fff;margin:28px 0 20px;max-width:430px}.commerce-copy p{color:#d4d8db;line-height:1.9;font-size:16px}.commerce-specs{display:flex;gap:24px;margin:38px 0}.commerce-specs>span{display:flex;flex-direction:column;gap:10px}.commerce-specs b{font-size:30px;color:#e6cba1;white-space:nowrap}.commerce-specs small{font-size:11px;margin-left:3px}.commerce-specs em{font-size:11px;font-style:normal;color:#b6c1c9}.commerce-copy>a{display:inline-block;color:#e2cba9;border-bottom:1px solid #8b795d;padding-bottom:8px;font-size:14px}.commerce-note{font-size:11px;color:#8c9aa5;margin:12px 4px}.usage-videos{margin:45px 0 60px}.usage-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 8px 24px}.usage-heading span{font-size:10px;letter-spacing:2px;color:#7291a6}.usage-heading h2{margin:12px 0 0;font-size:32px}.usage-heading p{color:#7a8f9e;font-size:14px}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:920px;margin:auto}.usage-grid article{border:1px solid #e0e9ee;border-radius:20px;overflow:hidden;background:#f4f7f9}.usage-player{height:480px;background:#10202b;display:flex;justify-content:center}.usage-player video{width:100%;height:100%;object-fit:contain}.usage-caption{padding:20px 24px}.usage-caption>span{font-size:10px;letter-spacing:2px;color:#8094a3}.usage-caption h3{font-size:19px;margin:10px 0;color:#173349}@media(max-width:700px){.commerce-poster{aspect-ratio:3/4}.commerce-poster>img{object-fit:cover;object-position:60% center}.commerce-copy{top:6%;left:6%;width:60%;padding-right:8px;background:linear-gradient(90deg,#06101cb0,transparent)}.commerce-copy h2{font-size:29px;margin:20px 0 14px}.commerce-copy p{font-size:13px;max-width:180px}.commerce-specs{gap:14px;margin:23px 0}.commerce-specs b{font-size:24px}.commerce-copy>a{font-size:12px}.usage-heading{display:block}.usage-heading h2{font-size:27px}.usage-grid{grid-template-columns:1fr;gap:20px;max-width:420px}.usage-player{height:480px}.commerce-campaign{margin-top:32px}}
.commerce-copy h2{white-space:pre-line;word-break:normal;overflow-wrap:normal;text-wrap:balance}

.function-poster{max-width:850px;margin:50px auto 60px}.function-poster>img{display:block;width:100%;height:auto;border-radius:22px}.function-poster>p{font-size:12px;line-height:1.8;color:#8396a4;margin:12px 8px}.detail-image{position:relative;overflow:hidden!important;aspect-ratio:1/1!important;height:auto!important}.feature .detail-image>img{position:absolute!important;max-width:none!important;width:200%!important;height:200%!important;object-fit:fill!important;left:0;top:0}.feature .detail-image[data-pos="1"]>img{left:-100%}.feature .detail-image[data-pos="2"]>img{top:-100%}.feature .detail-image[data-pos="3"]>img{left:-100%;top:-100%}.views.panel>img{mix-blend-mode:normal!important;width:100%;height:auto;object-fit:contain}.product-band{align-items:start}.usage-videos{padding-top:35px;border-top:1px solid #e1eaf0;margin-top:60px}.views .view-labels{margin-top:16px!important}
