.hero-carousel{background:#fff;color:var(--ink);overflow:hidden}.hero-carousel::before{display:none}
.hero-track{display:flex;width:100%;height:auto;aspect-ratio:1920/953;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;outline-offset:-4px}.hero-track::-webkit-scrollbar{display:none}
.hero-slide{flex:0 0 100%;width:100%;min-width:0;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.hero-slide-original{background:#202020}.hero-slide-original picture{display:block;width:100%;height:100%}.hero-slide-original img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.hero-slide-current{background:radial-gradient(ellipse at 90% 30%,#1a3c77 0,transparent 52%),linear-gradient(120deg,#081326,#0b1e3d);color:white;overflow:hidden}.hero-carousel .hero-inner{height:100%;min-height:0;padding:60px 0;align-items:center}.hero-carousel .hero-copy h2{font-size:clamp(40px,5.2vw,88px);font-weight:820;letter-spacing:-.06em;line-height:1.22;margin:0 0 28px;word-break:keep-all}.hero-carousel .hero-copy h2 em{font-style:normal;color:#81a9ff}.hero-carousel .hero-visual{height:100%;min-height:0}.hero-carousel .hero-system{width:100%;max-width:110%;max-height:100%;object-fit:contain}.hero-carousel .hero-footnote{margin-top:30px}
.hero-summary{width:min(1380px,calc(100% - 216px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.hero-carousel .hero-summary h1{font-size:clamp(17px,1.4vw,22px);line-height:1.5;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.025em}.hero-controls{display:flex;align-items:center;gap:10px;flex:none}.hero-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #dce3ed;border-radius:7px;background:#fff;font:inherit;font-size:13px;cursor:pointer;color:#50607a}.hero-controls button:hover{border-color:#2455f5;color:#2455f5}.hero-controls [aria-pressed=true]{background:#2455f5;border-color:#2455f5;color:#fff}.hero-position{font-size:13px;font-variant-numeric:tabular-nums;color:#64748b;min-width:35px;text-align:center}
.hero-carousel .product-shortcuts{padding:12px 0 18px;border-color:#e0e6f0}.hero-carousel .product-shortcuts a{color:#26354b;border-color:#e0e6f0}.hero-carousel .product-shortcuts a:hover{color:#2455f5}.hero-carousel .shortcut-index{color:#8a98ab}.hero-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.hero-track:focus-visible{outline:3px solid #2455f5}
.hero-controls button[aria-pressed=true]:hover{color:#fff;background:#1d46cf;border-color:#1d46cf}
@media(min-width:641px) and (max-width:1100px){.hero-track{min-height:460px}.hero-carousel .hero-inner{padding:40px 0;width:calc(100% - 80px)}.hero-carousel .hero-copy h2{font-size:clamp(32px,4.4vw,49px)}.hero-carousel .hero-copy>p{font-size:16px}.hero-carousel .button{font-size:14px}.hero-summary{width:calc(100% - 80px);gap:14px}.hero-carousel .hero-footnote{display:none}.hero-controls{gap:6px}.hero-controls button{padding-inline:10px}.hero-carousel .system-caption{font-size:10px;padding:10px;bottom:0}}
@media(max-width:900px){.hero-summary{width:calc(100% - 48px);flex-wrap:wrap}.hero-controls{margin-left:auto}.hero-carousel .button{min-height:44px}}
@media(max-width:640px){.hero-track{height:auto;aspect-ratio:842/1869;min-height:0}.hero-carousel .hero-inner{width:calc(100% - 40px);padding:36px 0;display:flex;flex-direction:column;justify-content:center;gap:20px}.hero-carousel .hero-copy h2{font-size:clamp(35px,10vw,55px);margin-bottom:24px}.hero-carousel .hero-visual{flex:none;height:360px;width:100%;margin:0}.hero-carousel .hero-system{width:100%;max-width:105%;max-height:340px}.hero-carousel .hero-copy>p{font-size:16px;line-height:1.8}.hero-carousel .hero-footnote{display:none}.hero-summary{width:calc(100% - 40px);padding:17px 0;gap:12px}.hero-carousel .hero-summary h1{font-size:17px}.hero-controls{width:100%;justify-content:space-between;gap:6px;margin:0}.hero-controls button{font-size:12px;padding:10px;min-width:44px}.hero-carousel .product-shortcuts{padding:8px 0 16px}.hero-carousel .system-caption{bottom:0}}
@media(max-width:359px){.hero-carousel .hero-copy h2{font-size:32px}.hero-carousel .hero-visual{height:300px}.hero-carousel .hero-copy>p{font-size:14px}.hero-controls button{font-size:11px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.hero-track{scroll-behavior:auto}.hero-carousel .hero-system{animation:none}}