/* Motion edition: decorative enhancements never replace product information. */
body.motion-ui { --mx-color:#1264cc; --mx-tint:#edf5ff; --mx-line:#b6d3f8; }
body.motion-ui[data-product-family=windows] { --mx-color:#087b78; --mx-tint:#ebfaf5; --mx-line:#a8dfd1; }
body.motion-ui[data-product-family=dedicated] { --mx-color:#9a4b13; --mx-tint:#fff4e9; --mx-line:#edc9a4; }
body.motion-ui[data-product-family=apps] { --mx-color:#b71950; --mx-tint:#fff0f5; --mx-line:#efb6ca; }
body.motion-ui[data-product-family=gaming] { --mx-color:#096e58; --mx-tint:#ecf9ef; --mx-line:#b2dfbc; }
body.motion-ui[data-product-family=people] { --mx-color:#85510d; --mx-tint:#fff8e9; --mx-line:#ecd59c; }
.motion-ui .mx-icon { width:20px; height:20px; object-fit:contain; flex:0 0 20px; }
.motion-ui .header-utility { gap:8px; }
.motion-ui .mx-motion-toggle { width:36px; height:36px; flex:0 0 36px; display:grid; place-items:center; border:1px solid var(--border); border-radius:6px; background:var(--bg); color:var(--ink); cursor:pointer; position:relative; }
.motion-ui .mx-motion-toggle[hidden] { display:none; }
.motion-ui .mx-motion-toggle .mx-icon { width:16px; height:16px; }
.motion-ui .mx-tooltip { position:absolute; top:calc(100% + 10px); right:0; width:max-content; max-width:180px; padding:7px 10px; color:#fff; background:#173943; border-radius:4px; font-size:11px; pointer-events:none; visibility:hidden; opacity:0; z-index:20; }
.motion-ui .mx-motion-toggle:is(:hover,:focus-visible) .mx-tooltip { visibility:visible; opacity:1; }
.motion-ui .mx-motion-toggle:focus-visible { outline:3px solid #188b99; outline-offset:3px; }
.motion-ui .st-hero { background:#f5fafc; }
.motion-ui .st-hero-copy { z-index:2; pointer-events:none; }
.motion-ui .st-hero-copy :is(a,button) { pointer-events:auto; }
.motion-ui .mx-canvas { position:absolute; inset:auto 0 0; height:310px; z-index:0; touch-action:pan-y; pointer-events:none; }
.motion-ui .mx-canvas canvas { width:100%; height:100%; display:block; }
.motion-ui .st-hero[data-mx-ready=true] .st-hero-scene { opacity:0; }
.motion-ui .st-hero-scroll { z-index:3; }
.motion-ui .st-hero h1 { text-shadow:0 2px 0 #fff; }
.motion-ui .mx-product-nav { background:var(--bg); border-bottom:1px solid var(--border); }
.motion-ui .mx-product-nav>.container { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); }
.motion-ui .mx-product-nav a { display:flex; align-items:center; gap:12px; padding:20px 16px; min-height:64px; border-bottom:3px solid transparent; color:var(--muted); font-size:12px; font-weight:650; }
.motion-ui .mx-product-nav a>.mx-icon:last-child { width:14px; height:14px; flex-basis:14px; margin-left:auto; opacity:.55; }
.motion-ui .mx-product-nav a:hover { color:var(--ink); background:var(--surface); }
.motion-ui .mx-product-nav a.is-selected { color:var(--mx-color); border-bottom-color:var(--mx-color); background:var(--mx-tint); }
body.motion-ui .st-page-hero { background:var(--mx-tint); border-bottom-color:var(--mx-line); }
.motion-ui .st-page-hero .eyebrow { color:var(--mx-color); }
.motion-ui .st-page-hero .px-page-art { width:40%; right:0; padding:12px 20px 0 0; }
.motion-ui .st-page-hero[data-hardware-hero] .px-page-art { width:40%; }
.motion-ui .st-page-hero .hero-benefits>span { display:inline-flex; align-items:center; gap:7px; }
.motion-ui .st-page-hero .hero-benefits .icon { color:var(--mx-color); }
.motion-ui .st-workload { border-bottom:3px solid #3095c7; }
.motion-ui .st-workload[data-tone=mint] { border-bottom-color:#15977e; }
.motion-ui .st-workload[data-tone=peach] { border-bottom-color:#c77932; }
.motion-ui .st-workload[data-tone=pink] { border-bottom-color:#d34075; }
.motion-ui .st-tabs button[aria-selected=true] .st-icon { transform:translateY(-2px); }
.motion-ui .st-steps li { padding-top:38px; }
.motion-ui .st-steps .st-icon { box-sizing:content-box; background:#fff; border:1px solid #a8d7ce; padding:15px; border-radius:8px; }
.motion-ui .st-steps li:nth-child(2) .st-icon { background:#fff2d7; border-color:#e1c882; }
.motion-ui .st-steps li:nth-child(3) .st-icon { background:#ffe6ef; border-color:#e5b6c6; }
.motion-ui .st-step-no { font-size:44px; color:#397770; top:29px; }
.motion-ui .mx-workshop { width:100%; max-width:390px; height:auto; aspect-ratio:3/2; object-fit:contain; margin-top:25px; }
.motion-ui .st-apps>a:nth-child(4n+1) { border-left:3px solid #df4077; }
.motion-ui .st-apps>a:nth-child(4n+2) { border-left:3px solid #15887f; }
.motion-ui .st-apps>a:nth-child(4n+3) { border-left:3px solid #2375ce; }
.motion-ui .st-apps>a:nth-child(4n+4) { border-left:3px solid #ba781b; }
.motion-ui .live-plan-card,.motion-ui .gv-plan { border-top:3px solid var(--mx-color); }
.motion-ui .st-plans>.live-plan-card:nth-child(2) { border-top-color:#da285f; }
.motion-ui .st-plans>.live-plan-card:nth-child(3) { border-top-color:#078a7f; }
.motion-ui .live-plan-card .plan-card-top { background:var(--surface); }
.motion-ui :is(.live-plan-card,.gv-plan):hover { border-color:var(--mx-color); box-shadow:0 14px 36px #17394312; }
.motion-ui .plan-spec-icon { box-shadow:none; border-radius:6px; }
.motion-ui .feature-card:not(.flat),.motion-ui .contact-card { border-top:3px solid var(--mx-line); box-shadow:none; border-radius:7px; }
.motion-ui .feature-card:nth-child(3n+2),.motion-ui .contact-card:nth-child(3n+2) { border-top-color:#b9d8f7; }
.motion-ui .feature-card:nth-child(3n+3),.motion-ui .contact-card:nth-child(3n+3) { border-top-color:#b3dfd5; }
.motion-ui .category-tile { border-bottom:3px solid var(--border); }
.motion-ui .category-tile[aria-pressed=true] { border-bottom-color:#188a90; }
.motion-ui .gv-card { border-radius:8px; box-shadow:none; }
.motion-ui .gv-hero { border-bottom:4px solid #24a685; }
.motion-ui .st-affiliate { border-top:4px solid #dc477a; }
.motion-ui .st-final { background:#f2f9fc; border-top:1px solid #dcebf0; }
.motion-ui .footer-col h3 { display:flex; gap:8px; align-items:center; }
.motion-ui .footer-col h3::before { content:""; width:6px; height:6px; background:#d41453; flex:0 0 6px; }
.motion-ui .footer-col:nth-child(3) h3::before { background:#128d84; }
.motion-ui .footer-col:nth-child(4) h3::before { background:#176ece; }
@media(prefers-reduced-motion:no-preference) {
 html[data-motion=active] .motion-ui [data-mx-visible=true] .px-page-art,
 html[data-motion=active] .motion-ui .st-workload[data-mx-visible=true] .st-workload-art,
 html[data-motion=active] .motion-ui .mx-workshop[data-mx-visible=true] { animation:mx-drift 7s ease-in-out infinite; }
 html[data-motion=active] .motion-ui .st-apps>a,.motion-ui .mx-product-nav a { transition:background .2s,border-color .2s,transform .2s; }
 html[data-motion=active] .motion-ui .btn .st-icon,
 html[data-motion=active] .motion-ui .btn>.icon { transition:transform .2s; }
 html[data-motion=active] .motion-ui .btn:hover :is(.st-icon,.icon) { transform:translateX(3px); }
 html[data-motion=paused] .motion-ui *, html[data-motion=paused] .motion-ui *::before { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
@keyframes mx-drift { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); } }
html[data-theme=dark] .motion-ui .mx-icon { filter:brightness(0) invert(1); }
html[data-theme=dark] .motion-ui .mx-product-nav .is-selected { color:#e8faff; background:#24434c; }
html[data-theme=dark] .motion-ui .st-page-hero { background:#1b3139; }
html[data-theme=dark] .motion-ui .st-final { background:#f2f9fc; }
@media(max-width:1100px) { .motion-ui .mx-product-nav a { padding-inline:12px; gap:9px; font-size:11px; }.motion-ui .mx-product-nav a>.mx-icon:last-child { display:none; } }
@media(max-width:700px) {
 .motion-ui .header-utility { gap:5px; }.motion-ui .mx-motion-toggle { width:31px; height:32px; flex-basis:31px; }
 .motion-ui .mx-canvas { height:230px; }
 .motion-ui .mx-product-nav>.container { width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); }
 .motion-ui .mx-product-nav a { min-height:52px; justify-content:center; padding:12px 7px; font-size:10px; gap:7px; }
 .motion-ui .mx-product-nav .mx-icon { width:16px; height:16px; flex-basis:16px; }
 .motion-ui .mx-product-nav a:nth-child(n+4) { border-top:1px solid var(--border); }
 .motion-ui .st-page-hero .px-page-art,.motion-ui .st-page-hero[data-hardware-hero] .px-page-art { width:100%; padding:0; }
 .motion-ui .st-steps li { padding-left:72px; padding-top:25px; }.motion-ui .st-steps .st-icon { padding:11px; width:24px; height:24px; }.motion-ui .st-step-no { font-size:28px; top:22px; }
 .motion-ui .mx-workshop { max-width:320px; margin-inline:auto; }
}
@media(max-width:370px) { .motion-ui .brand img.brand-image { width:125px; }.motion-ui .header-inner { gap:8px; }.motion-ui .mx-product-nav a { font-size:9px; } }
@media(max-width:700px) and (max-height:740px) { .motion-ui .mx-canvas { height:170px; } }
@media(prefers-reduced-motion:reduce) { .motion-ui .mx-canvas { display:none; }.motion-ui .st-hero[data-mx-ready=true] .st-hero-scene { opacity:1; } }
@media print { .motion-ui .mx-canvas,.motion-ui .mx-motion-toggle,.motion-ui .mx-product-nav { display:none!important; } }