.mega-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.mega-item{min-width:0;padding-inline:8px}
.mega-item b{font-size:14px}
.mega-item .menu-product-specs{margin-top:8px}
.mega-item .menu-product-compute{margin:0;color:var(--ink);font-size:13px;font-weight:500;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}
.mega-item .menu-product-detail{margin-top:3px;font-size:10px;line-height:1.6;white-space:nowrap}
.mobile-product-info .menu-product-specs{display:block;margin-top:6px}
.mobile-product-info .menu-product-compute{display:block;font-size:13px;font-weight:500;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}
.mobile-product-info .menu-product-detail{display:block;margin-top:3px;font-size:11px;line-height:1.6;color:var(--muted);white-space:nowrap}
@media(min-width:1001px) and (max-width:1100px){.mega-item .menu-product-detail{font-size:9px}}
.mega-item .mega-product-visual.has-award{display:block;position:relative;width:100%}
.mega-item .ces-award--menu{position:absolute;left:calc(50% + 47px);top:0;width:27px;margin:0}
.family-row[data-product-count="6"]{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.family-row[data-product-count="6"] .family-item{min-width:0}
.family-row[data-product-count="6"] .name{font-size:17px}
.family-row[data-product-count="6"] .description{font-size:11px;line-height:1.7;min-height:36px}
.product-render.x4>img{height:500px;width:100%;object-fit:contain}
.x4-base-story .section-head .lead{max-width:720px;margin-inline:auto}
.x4-basic-albums{padding:92px 0;background:linear-gradient(145deg,#f2f6fc,#fafbfe 65%,#edf3f6)}
.x4-basic-app{margin:0 auto;max-width:1040px;--app-radius:16px}
.x4-basic-titlebar{height:44px;position:relative;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid #e2e7ed;background:#fafbfc}
.x4-basic-titlebar i{width:10px;height:10px;border-radius:50%;background:#ff6259}
.x4-basic-titlebar i:nth-child(2){background:#ffbd2e}.x4-basic-titlebar i:nth-child(3){background:#28c840}
.x4-basic-titlebar>span{position:absolute;left:50%;transform:translateX(-50%);font-size:12px;color:#4d5969}
.x4-basic-app-body{display:grid;grid-template-columns:170px minmax(0,1fr);background:#fff;min-height:340px}
.x4-basic-sidebar{background:#f8fafc;border-right:1px solid #e4e9ef;padding:28px 14px;color:#6a788b;font-size:13px}
.x4-basic-sidebar>b{display:block;color:#26364c;font-size:16px;margin:0 9px 28px}
.x4-basic-sidebar>span{display:block;padding:13px 14px;border-radius:8px;margin:4px 0}
.x4-basic-sidebar .is-current{background:#e7f0fc;color:#1769c0}
.x4-basic-app-main{padding:35px 32px 38px;min-width:0}
.x4-basic-app-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:25px}
.x4-basic-app-heading p{font-size:10px;color:#8391a3;letter-spacing:.07em;margin-bottom:7px}
.x4-basic-app-heading h3{font-size:24px;letter-spacing:-.03em}
.x4-basic-app-heading>span{font-size:10px;color:#8692a3}
.x4-basic-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.x4-basic-scene{border-radius:10px;overflow:hidden;background:#f5f7fa;border:1px solid #e7ecf2}
.x4-basic-scene img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.x4-basic-scene b{display:block;font-size:13px;font-weight:500;padding:14px 14px 16px;color:#33445b}
.x4-basic-app figcaption{font-size:10px;padding:15px 24px;background:#fafbfc;color:#7c8999;border-top:1px solid #e4e9ef;line-height:1.8}
.x4-basic-steps{list-style:none;padding:0;margin:35px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1040px}
.x4-basic-steps li{font-size:13px;color:#52647b;border-top:1px solid #d6e0ed;padding-top:20px;line-height:1.8;scroll-margin-top:120px}
.x4-basic-steps li>span{font-size:11px;color:#8a9bb1;margin-right:14px}
.x4-basic-compute{padding:100px 0}
.x4-basic-compute-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}
.x4-basic-compute h2{font-size:clamp(32px,3.5vw,48px);line-height:1.3;margin:20px 0 24px}
.x4-basic-compute .lead{font-size:15px;line-height:1.9}
.x4-basic-compute .image-note{margin-top:22px}
.x4-basic-silicon{padding:45px 34px;border:1px solid #d4deec;border-radius:24px;background:linear-gradient(140deg,#f3f7fd,#e8eff9 70%,#edf4f4);box-shadow:0 24px 70px -40px #375c8b55;text-align:center}
.x4-basic-silicon>span{font-size:12px;color:#8797ae;letter-spacing:.08em}
.x4-basic-silicon>strong{display:block;font-size:47px;letter-spacing:-.045em;color:#273d5a;margin:12px 0 8px;font-weight:500}
.x4-basic-silicon>p{font-size:13px;color:#71839b}
.x4-basic-silicon>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #d2deec;padding-top:23px;margin-top:29px}
.x4-basic-silicon>div>span{font-size:10px;color:#73849a;line-height:1.8}
.x4-basic-silicon b{display:block;font-weight:500;font-size:23px;color:#345174;margin-bottom:5px}
.x4-basic-storage{padding:85px 0;background:#f7f9fc}
.x4-basic-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:45px}
.x4-basic-features img{width:58px;height:58px;object-fit:contain;margin-bottom:25px}
.x4-basic-features h3{font-size:20px;margin-bottom:13px;letter-spacing:-.025em}
.x4-basic-features p{font-size:13px;color:#7a8697;line-height:1.8}
.x4-basic-note{font-size:10px;line-height:1.9;color:#8894a4;margin:28px 0 0}
.x4-basic-hardware{padding:95px 0}
.x4-basic-hardware-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}
.x4-basic-hardware-grid img{width:100%;height:360px;object-fit:contain;border-radius:16px;background:linear-gradient(135deg,#f7f9fc,#eef2f7)}
.x4-basic-pro{padding:80px 0;background:linear-gradient(130deg,#edf3fc,#f4f8fa)}
.x4-basic-pro h2{margin:18px 0 24px;font-size:clamp(30px,3.6vw,46px)}
.x4-basic-pro .lead{max-width:780px;font-size:16px;line-height:1.9}
.x4-basic-pro .actions{margin-top:30px}
@media(min-width:801px) and (max-width:1100px){.mega-grid{gap:8px}.mega-item b{font-size:12px}.mega-item .ces-award--menu{left:calc(50% + 35px);width:24px}.family-row[data-product-count="6"]{gap:10px}.family-row[data-product-count="6"] .name{font-size:14px}.family-row[data-product-count="6"] .description{font-size:10px}.x4-basic-compute-layout{gap:45px}.x4-basic-features{gap:25px}.product-render.x4>img{height:400px}}
@media(max-width:800px){.family-row[data-product-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 9px}.family-row[data-product-count="6"] .family-item:nth-child(n){grid-column:auto;transform:none}.family-row[data-product-count="6"] .name{font-size:14px}.family-row[data-product-count="6"] .description{font-size:9px;min-height:32px}.family-row[data-product-count="6"] .product-state{font-size:8px}.product-render.x4>img{height:330px}html[lang="en"] .product-render.x4>img{height:310px}.x4-base-story .section-head h2{font-size:31px}.x4-base-story .section-head .lead{font-size:13px}.x4-basic-albums{padding:60px 0}.x4-basic-app{--app-radius:10px}.x4-basic-titlebar{height:32px;padding:0 12px;gap:5px}.x4-basic-titlebar i{width:7px;height:7px}.x4-basic-titlebar>span{font-size:10px}.x4-basic-app-body{grid-template-columns:1fr;min-height:0}.x4-basic-sidebar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-right:0;border-bottom:1px solid #e4e9ef}.x4-basic-sidebar>b{font-size:12px;margin:0 auto 0 0}.x4-basic-sidebar>span{font-size:10px;padding:6px 10px;margin:0}.x4-basic-app-main{padding:23px 16px 25px}.x4-basic-app-heading{margin-bottom:18px}.x4-basic-app-heading h3{font-size:20px}.x4-basic-app-heading p,.x4-basic-app-heading>span{font-size:9px}.x4-basic-photo-grid{gap:9px}.x4-basic-scene{border-radius:7px}.x4-basic-scene b{font-size:10px;padding:9px 7px 11px}.x4-basic-app figcaption{font-size:9px;padding:13px 16px}.x4-basic-steps{gap:15px;margin-top:25px}.x4-basic-steps li{font-size:11px;padding-top:14px}.x4-basic-steps li>span{display:block;margin:0 0 5px}.x4-basic-compute{padding:60px 0}.x4-basic-compute-layout{grid-template-columns:1fr;gap:35px}.x4-basic-compute h2{font-size:32px;margin:17px 0 20px}.x4-basic-compute .lead{font-size:13px}.x4-basic-silicon{padding:33px 24px;max-width:450px;width:100%;margin:auto}.x4-basic-storage{padding:60px 0}.x4-basic-features{grid-template-columns:1fr 1fr;gap:30px 22px}.x4-basic-features img{width:48px;height:48px;margin-bottom:18px}.x4-basic-features h3{font-size:18px}.x4-basic-features p{font-size:12px}.x4-basic-hardware{padding:60px 0}.x4-basic-hardware-grid{grid-template-columns:1fr;gap:20px}.x4-basic-hardware-grid img{height:290px}.x4-basic-pro{padding:60px 0}.x4-basic-pro .lead{font-size:13px}.x4-basic-pro .actions{gap:20px}.x4-basic-pro .btn,.x4-basic-pro .text-link{font-size:12px}}