/* Rich motion layer: content and logo colors remain unchanged. */
#fxScrollProgress{position:fixed;inset:0 0 auto;height:3px;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#1557ff,#54d5ff,#ffad65);box-shadow:0 0 14px #1557ff60;z-index:9998;pointer-events:none}.motion-enabled .brand-image-tile::after{content:"";position:absolute;inset:-22% -65%;pointer-events:none;z-index:6;background:linear-gradient(110deg,transparent 39%,#ffffff05 44%,#ffffff72 49%,#ffffff18 54%,transparent 60%);transform:translateX(-75%) skewX(-16deg);animation:fx-brand-sweep 7.8s ease-in-out infinite;animation-delay:var(--fx-delay,0s)}.motion-enabled .brand-image-tile:nth-child(2n)::after{animation-delay:1.05s}.motion-enabled .brand-image-tile:nth-child(3n)::after{animation-delay:2.1s}.motion-enabled .brand-image-tile:nth-child(4n)::after{animation-delay:3.15s}.motion-enabled .brand-image-tile:hover::after,.motion-enabled .brand-image-tile:focus-visible::after{animation:fx-brand-hover 1.1s ease-out both}.brand-image-tile::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--fx-x,50%) var(--fx-y,50%),#79cfff40,transparent 62%);transition:opacity .35s}.motion-enabled .brand-image-tile:hover::before{opacity:1}.motion-enabled .brand-image-tile .otoki-card-background{animation:fx-photo-drift 16s ease-in-out infinite alternate!important;transition:transform 1.2s!important}.brand-image-tile{transition:box-shadow .4s,translate .45s}.motion-enabled .brand-image-tile:hover{translate:0 -5px;box-shadow:0 17px 38px #0b2d6028}.motion-enabled .carousel-logo-badge{animation:fx-logo-halo 4.8s ease-in-out infinite}.motion-enabled .carousel-logo-badge img{animation:fx-logo-float 5.6s ease-in-out infinite}.motion-enabled .button,.motion-enabled .btn,.motion-enabled .sc-primary,.motion-enabled .sc-secondary{position:relative;overflow:hidden;transition:translate .25s,box-shadow .3s,background .3s!important}.motion-enabled .button:hover,.motion-enabled .btn:hover,.motion-enabled .sc-primary:hover,.motion-enabled .sc-secondary:hover{translate:0 -3px;box-shadow:0 11px 28px #1557ff26}.motion-enabled .button::after,.motion-enabled .sc-primary::after{content:"";position:absolute;inset:-50% -65%;pointer-events:none;background:linear-gradient(105deg,transparent 43%,#fff5 50%,transparent 57%);transform:translateX(-95%);transition:transform .7s}.motion-enabled .button:hover::after,.motion-enabled .sc-primary:hover::after{transform:translateX(95%)}.fx-ripple{position:absolute!important;border-radius:50%;background:#ffffff70;pointer-events:none;transform:scale(0);animation:fx-ripple .72s ease-out forwards!important;z-index:8}.motion-enabled .direction-card,.motion-enabled .official-product-card,.motion-enabled .secondary-brand-link-grid>a{transition:translate .4s,box-shadow .4s,border-color .3s}.motion-enabled .direction-card:hover,.motion-enabled .official-product-card:hover{translate:0 -6px;box-shadow:0 15px 35px #143d6717}.motion-enabled .secondary-brand-link-grid>a:hover{translate:5px 0;border-color:#1557ff}.motion-enabled .channel-card{transition:transform .35s,box-shadow .35s,border-color .35s}.motion-enabled .channel-card:hover{transform:translateY(-5px);box-shadow:0 9px 22px #1557ff19;border-color:#b9d0ff}.motion-enabled .channel-card img{transition:transform .5s}.motion-enabled .channel-card:hover img{transform:scale(1.08)}.motion-enabled .fx-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--fx-enter-delay,0ms)}.motion-enabled .fx-reveal.fx-visible{opacity:1;transform:none}.motion-off .fx-reveal{opacity:1;transform:none}.metric-number.fx-counting{color:#1557ff;text-shadow:0 0 25px #1557ff20}.operating-metrics article{position:relative}.operating-metrics article:after{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:linear-gradient(90deg,#1557ff,#5ddcff);transform:scaleX(0);transform-origin:left;transition:transform 1.4s ease}.motion-enabled .operating-metrics article.fx-number-seen:after{transform:scaleX(1)}.motion-enabled .sc-dialog[open]{animation:fx-modal-in .48s cubic-bezier(.2,.85,.25,1) both!important;transform-origin:50% 55%;box-shadow:0 30px 120px #061b4760,0 0 0 1px #d8e6ff}.motion-enabled .sc-dialog[open]::backdrop{animation:fx-backdrop-in .38s both!important}.motion-enabled .sc-dialog.fx-closing{animation:fx-modal-out .19s ease-in both!important}.motion-enabled .sc-dialog.fx-closing::backdrop{animation:fx-backdrop-out .19s ease-in both!important}.motion-enabled .sc-dialog .sc-panel:before{content:"";position:absolute;top:0;left:18px;right:18px;height:3px;background:linear-gradient(90deg,#1557ff,#6cddff,#ffb279,#1557ff);background-size:230% 100%;border-radius:4px;animation:fx-border-flow 4.5s linear infinite!important;pointer-events:none}.motion-enabled .sc-dialog .sc-field{animation:fx-modal-field .5s both!important}.motion-enabled .sc-dialog .sc-field:nth-child(2){animation-delay:.07s!important}.motion-enabled .sc-dialog .sc-field:nth-child(3){animation-delay:.14s!important}.motion-enabled .sc-dialog input,.motion-enabled .sc-dialog textarea{transition:border-color .25s,box-shadow .25s!important}.motion-enabled .sc-dialog input:focus,.motion-enabled .sc-dialog textarea:focus{box-shadow:0 0 0 4px #1557ff12}.site-language-control select{cursor:pointer;min-width:100px;background:#fff;color:#1557ff;border:1px solid #dbe5f2;border-radius:6px;padding:8px 24px 8px 10px;font:inherit;font-size:12px;transition:box-shadow .3s,border-color .3s}.site-language-control select:focus{outline:none;border-color:#1557ff;box-shadow:0 0 0 4px #1557ff12}.channel-card{width:174px;height:128px}.channel-logo{width:128px;height:64px}.channel-logo img{max-width:126px;max-height:62px;image-rendering:auto}.channel-name{font-size:13px}.channel-logo img[src*="yonghui"],.channel-logo img[src*="lida"]{max-width:128px}.motion-off .channel-stream{animation:none!important}.motion-suspended .brand-image-tile::after,.motion-suspended .otoki-card-background,.motion-suspended .carousel-logo-badge,.motion-suspended .carousel-logo-badge img{animation-play-state:paused!important}
@keyframes fx-brand-sweep{0%,24%{transform:translateX(-75%) skewX(-16deg);opacity:0}28%{opacity:1}48%{transform:translateX(75%) skewX(-16deg);opacity:1}52%,100%{transform:translateX(75%) skewX(-16deg);opacity:0}}@keyframes fx-brand-hover{from{transform:translateX(-75%) skewX(-16deg);opacity:1}to{transform:translateX(75%) skewX(-16deg);opacity:0}}@keyframes fx-photo-drift{from{transform:scale(1.005) translateX(-.3%)}to{transform:scale(1.05) translateX(.3%)}}@keyframes fx-logo-halo{0%,100%{box-shadow:0 0 0 0 #96dfff00,0 8px 30px #03153016}50%{box-shadow:0 0 0 13px #a4e3ff16,0 0 45px #8bd8ff28}}@keyframes fx-logo-float{0%,100%{translate:0 0}50%{translate:0 -3px}}@keyframes fx-ripple{to{transform:scale(3.5);opacity:0}}@keyframes fx-modal-in{from{opacity:0;transform:translateY(28px) scale(.93);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}@keyframes fx-modal-out{to{opacity:0;transform:translateY(18px) scale(.97);filter:blur(4px)}}@keyframes fx-backdrop-in{from{background:#09193000;backdrop-filter:blur(0)}to{background:#09193090;backdrop-filter:blur(7px)}}@keyframes fx-backdrop-out{to{background:#09193000;backdrop-filter:blur(0)}}@keyframes fx-modal-field{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fx-border-flow{to{background-position:230% 0}}
@media(max-width:767px){.channel-card{width:148px;height:118px}.channel-logo{width:112px;height:57px}.channel-logo img{max-width:108px;max-height:56px}.channel-name{font-size:12px}.site-language-control select{width:100%;min-width:120px}.motion-enabled .brand-image-tile::after{animation-duration:9s}.motion-enabled .sc-dialog[open]{animation-duration:.38s!important}.metric-number{font-variant-numeric:tabular-nums}}@media(prefers-reduced-motion:reduce){#fxScrollProgress{box-shadow:none}.brand-image-tile::after,.brand-image-tile::before{display:none!important}.fx-reveal{opacity:1!important;transform:none!important}.fx-ripple{display:none!important}.carousel-logo-badge,.carousel-logo-badge img,.otoki-card-background,.sc-dialog,.sc-dialog *,.sc-dialog::backdrop{animation:none!important;transition:none!important}.channel-stream{animation:none!important}}
.channel-logo img{width:100%;height:100%;object-fit:contain}

html[lang="en"] .hero-intro .hero-title{font-size:clamp(46px,4.4vw,68px)}html[lang="ja"] .hero-intro .hero-title{font-size:clamp(44px,4.4vw,66px)}@media(max-width:767px){html[lang="en"] .hero-intro .hero-title{font-size:36px}html[lang="ja"] .hero-intro .hero-title{font-size:32px}}

.motion-off .operating-metrics article:after{transition:none;opacity:0}.motion-off .brand-image-tile,.motion-off .direction-card,.motion-off .official-product-card,.motion-off .channel-card,.motion-off .channel-card img{transition:none!important;translate:none!important}.motion-off .sc-dialog,.motion-off .sc-dialog::backdrop{animation:none!important;transition:none!important}

html[lang="ja"] body{font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif}@media(max-width:767px){.metric-label{display:block;min-height:32px}}
