/* SINO motion: quiet entrances and deliberate, controllable movement. */
.site-header{transition:box-shadow .3s,background .3s}
.site-header.is-scrolled{box-shadow:0 6px 25px #1823220c;background:#fffffff5}
.reading-progress{height:2px;position:absolute;left:0;right:0;bottom:-1px;background:var(--red);transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
.motion-ready .hero-copy>*{animation:sino-enter .85s both cubic-bezier(.22,.68,.2,1)}
.motion-ready .hero-copy>:nth-child(2){animation-delay:.08s}
.motion-ready .hero-copy>:nth-child(3){animation-delay:.16s}
.motion-ready .hero-copy>:nth-child(n+4){animation-delay:.24s}
.motion-ready .hero-art>img{animation:sino-chip-drift 16s ease-in-out infinite alternate;transform-origin:52% 46%}
.motion-ready .company-hero-grid{animation:sino-enter .85s both cubic-bezier(.22,.68,.2,1)}
.motion-ready .motion-reveal{transition:opacity .75s var(--reveal-delay,0ms),translate .75s var(--reveal-delay,0ms) cubic-bezier(.2,.7,.2,1)}
.motion-ready .motion-reveal:not(.is-revealed){opacity:0;translate:0 24px}
.motion-ready .motion-reveal.is-revealed{opacity:1;translate:0 0}
.motion-paused .motion-reveal{opacity:1!important;translate:none!important;transition:none!important}
.motion-paused .hero-copy>*,.motion-paused .company-hero-grid{animation:none}
.motion-paused .hero-art>img,.motion-hidden .hero-art>img,.hero-art.motion-offscreen>img{animation-play-state:paused}
.hero-art:hover>img{animation-play-state:paused}
.motion-pause{display:inline-flex;align-items:center;gap:8px;border:1px solid #bfc8bf;background:transparent;border-radius:2px;padding:8px 11px;font:inherit;font-size:10px;line-height:1.4;cursor:pointer;color:inherit}
.motion-pause[hidden]{display:none}
.motion-pause:hover{border-color:currentColor}
.motion-symbol{font-size:11px;min-width:10px;text-align:center}
.hero-motion-pause{position:absolute;top:68px;right:32px;z-index:2;color:#fff;background:#14201b80;border-color:#ffffff50;backdrop-filter:blur(8px)}
.application-carousel{min-width:0}
.application-grid.motion-track{position:relative;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding:0;padding-bottom:2px}
.motion-track::-webkit-scrollbar{display:none}
.application-grid.motion-track>button{min-width:0;scroll-snap-align:start}
.carousel-controls{display:flex;align-items:center;gap:10px;padding-top:24px}
.carousel-count{font-size:11px;letter-spacing:2px;color:#788278;margin-right:auto;font-variant-numeric:tabular-nums}
.carousel-pause{margin-right:8px;color:#627064;border-color:#d5dbd1}
.carousel-arrow{width:42px;height:42px;display:grid;place-items:center;background:transparent;border:1px solid #cbd2c6;font-size:21px;color:#24362b;transition:color .2s,background .2s,border-color .2s}
.carousel-arrow:hover{background:var(--red);border-color:var(--red);color:#fff}
.carousel-arrow:disabled{opacity:.3;cursor:default}
.back-to-top{position:fixed;right:24px;bottom:82px;z-index:20;width:40px;height:40px;background:#fcfdfb;color:#26372f;border:1px solid #cbd3c7;box-shadow:0 6px 25px #282d2612;font-size:23px;opacity:0;visibility:hidden;translate:0 10px;transition:opacity .25s,translate .25s,background .2s}
.back-to-top.is-visible{opacity:1;visibility:visible;translate:0 0}
.back-to-top:hover{background:#edf1e7}
.button>span:last-child,.underlink,.brand-arrow,.card-link>span,.solution-card a>span{transition:transform .25s,color .25s}
.button:hover>span:last-child,.solution-card a:hover>span,.card-link:hover>span{transform:translate(3px,-3px)}
.brand-logo{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.brand-tile:hover .brand-logo,.brand-tile:focus-visible .brand-logo{transform:scale(1.06)}
.brand-tile:hover .brand-arrow{transform:translate(2px,-2px)}
.product-card{transition:box-shadow .3s,border-color .3s,transform .3s}
.product-card:hover{box-shadow:0 12px 28px #172b2010;transform:translateY(-4px)}
.application-grid button img,.solution-card img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s}
.application-grid button:hover img,.solution-card:hover img{transform:scale(1.035)}
.quality-steps details[open]>p,.faq-section details[open]>p{animation:sino-enter .35s both}
.quality-steps summary i{transition:transform .25s}
.quality-steps details[open] summary i{transform:rotate(45deg)}
.motion-pause:focus-visible,.carousel-arrow:focus-visible,.back-to-top:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@keyframes sino-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes sino-chip-drift{from{transform:scale(1.015) translateX(-.4%)}to{transform:scale(1.09) translateX(.4%)}}
@media(max-width:1000px){.application-grid.motion-track{grid-auto-columns:calc((100% - 18px)/2)}}
@media(max-width:760px){.application-grid.motion-track{grid-auto-columns:86%;gap:14px}.hero-motion-pause{top:58px;right:24px}.back-to-top{right:15px;bottom:68px}.carousel-controls{padding-top:18px}.motion-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.motion-ready .hero-copy>*,.motion-ready .company-hero-grid,.motion-ready .hero-art>img,.quality-steps details[open]>p,.faq-section details[open]>p{animation:none!important}.motion-ready .motion-reveal{opacity:1!important;translate:none!important;transition:none!important}.brand-logo,.button>span,.brand-arrow,.card-link>span,.application-grid button img,.solution-card img,.product-card,.back-to-top{transition:none!important}.application-grid.motion-track{scroll-behavior:auto}.brand-tile:hover .brand-logo,.product-card:hover,.application-grid button:hover img,.solution-card:hover img{transform:none}}