.home-page {
    --hero-unit: min(.052083333vw, .082236842svh);
}
.home-page .product-brand {
    left: 12.083333%;
    top: calc(26.3% - 16 * var(--hero-unit));
    column-gap: calc(10 * var(--hero-unit));
    row-gap: 0;
}
.home-page .product-brand h1 > .product-x7 {
    font-size: calc(225 * var(--hero-unit));
    font-weight: 400;
    letter-spacing: 0;
    line-height: .9;
}
.home-page .product-brand h1 > .product-ultra {
    font-size: calc(140 * var(--hero-unit));
    font-weight: 400;
    letter-spacing: -.06em;
    line-height: 1;
    transform: translateY(calc(-8 * var(--hero-unit)));
}
.home-page .product-brand p {
    font-size: calc(20 * var(--hero-unit));
    letter-spacing: .05em;
    line-height: 1.2;
    text-align: left;
    justify-self: start;
    transform: translate(var(--tagline-ink-offset, 20px), calc(-16 * var(--hero-unit)));
}
.home-page .product-intro {
    left: 17.5%;
    top: 61.5%;
    bottom: auto;
}
.home-page .product-intro h2 {
    font-size: calc(52 * var(--hero-unit));
    line-height: 1.12;
    letter-spacing: .04em;
}
.home-page .product-intro strong {
    font-size: 1.307692em;
    font-weight: 200;
}
.home-page .product-cta {
    --cta-height: clamp(40px, 2.291667vw, 44px);
    display: flex;
    position: relative;
    gap: 2px;
    padding: 0;
    margin-top: calc(18 * var(--hero-unit));
    background: transparent;
    font-size: clamp(13px, .833333vw, 16px);
    letter-spacing: .05em;
}
.home-page .product-cta > span {
    position: relative;
    display: grid;
    place-items: center;
    height: var(--cta-height);
    margin: 0;
    border: 0;
    background: rgb(0 0 0 / 30%);
    overflow: hidden;
}
.home-page .product-cta .cta-label {
    width: clamp(170px, 10vw, 192px);
    transition: transform .6s cubic-bezier(.22, 1, .36, 1);
}
.home-page .product-cta .cta-icon {
    width: var(--cta-height);
    transition: transform .55s cubic-bezier(.65, 0, .35, 1), opacity .3s;
}
.home-page .product-cta .cta-icon-leading {
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(.2);
    opacity: 0;
}
.cta-icon img {
    position: absolute;
    width: 63px;
    height: 52px;
    max-width: none;
    transition: transform .6s cubic-bezier(.22, 1, .36, 1);
}
.cta-icon img + img { transform: translateY(-110%); }
.product-cta:is(:hover, :focus-visible) .cta-icon img:first-child { transform: translateY(110%); }
.product-cta:is(:hover, :focus-visible) .cta-icon img + img { transform: translateY(0); }
.home-page .cta-icon-leading img:first-child { transform: rotate(-90deg); }
.home-page .cta-icon-leading img + img { transform: translateY(-110%) rotate(-90deg); }
.home-page .product-cta:is(:hover, :focus-visible) .cta-icon-leading img:first-child { transform: translateY(110%) rotate(-90deg); }
.home-page .product-cta:is(:hover, :focus-visible) .cta-icon-leading img + img { transform: translateY(0) rotate(-90deg); }
.home-page .product-cta:is(:hover, :focus-visible) .cta-label { transform: translateX(calc(var(--cta-height) + 2px)); }
.home-page .product-cta:is(:hover, :focus-visible) .cta-icon-trailing { transform: scale(.2); opacity: 0; }
.home-page .product-cta:is(:hover, :focus-visible) .cta-icon-leading { transform: scale(1); opacity: 1; transition-delay: .08s; }
.home-page .product-scene {
    height: 100vh;
    height: 100dvh;
}
html.home-snap { scroll-padding-top: 0; scroll-snap-type: y mandatory; }
html.home-snap .product-hero,
html.home-snap .product-scene { scroll-snap-align: start; scroll-snap-stop: always; scroll-margin: 0; }
html.home-snap:is(.is-paging, .footer-flow) { scroll-snap-type: none; scroll-behavior: auto; }

/* Final solution scene follows the annotated 1920 × 1080 composition. */
.home-page .scene-npu,
.home-page .scene-efficiency,
.home-page .scene-compute { background: #191a1a; }
.home-page .scene-tops,
.home-page .scene-cpu,
.home-page .scene-safety,
.home-page .company-footer { background: #111212; }
.home-page .scene-solution { background: #191a1a; }
.home-page .scene-solution > h2 {
    left: 15.625%;
    top: 13.7%;
    z-index: 2;
    margin: 0;
    font-family: XheartTitle, sans-serif;
    font-size: clamp(42px, 4.167vw, 80px);
    font-weight: 200;
    line-height: 1.0875;
    letter-spacing: 0;
    white-space: nowrap;
}
.home-page .scene-solution .solution-cn { color: #fff; }
.home-page .scene-solution .solution-en {
    color: #0a50f5;
    font-weight: 400;
}
.home-page .scene-solution .solution-video { object-position: center center; }
.home-page .product-benefits {
    top: 33.4%;
    left: 17.45%;
    right: auto;
    bottom: auto;
    z-index: 2;
    gap: 0;
}
.home-page .product-benefits li {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 55px;
}
.home-page .product-benefits li::before {
    content: '';
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    background: #0a50f5;
}
.home-page .product-benefits p {
    margin: 0;
    font-family: XheartBody, sans-serif;
    font-size: clamp(17px, 1.302vw, 25px);
    line-height: 55px;
    white-space: nowrap;
}
@media (max-width: 900px) {
    .home-page .product-hero,
    .home-page .product-scene {
        height: 100vh;
        height: 100lvh;
    }
    .home-page .scene-solution > h2 { left: 7%; top: 15%; font-size: clamp(30px, 5.5vw, 52px); }
    .home-page .product-benefits { left: 7%; top: 35%; }
    .home-page .product-benefits p { font-size: clamp(14px, 2.3vw, 20px); line-height: 1.35; white-space: normal; }
    .home-page .product-benefits li { min-height: 45px; }
    .home-page .product-benefits li::before { flex-basis: 12px; width: 12px; height: 12px; }
}
@media (max-width: 700px) {
    .home-page .scene-solution > h2 { top: 13%; font-size: clamp(28px, 7vw, 40px) !important; }
    .home-page .scene-solution .solution-video { inset: auto auto 10% 50%; width: 125%; height: auto; transform: translateX(-57%); object-fit: contain; object-position: center; }
    .home-page .product-benefits { top: 22%; right: 5%; bottom: auto; }
    .home-page .product-benefits li { min-height: 32px; }
    .home-page .product-benefits p { line-height: 1.2; }
}
@media (max-width: 700px) {
    .home-page { --hero-unit: min(.11vw, .12svh); }
    .home-page .product-brand { left: 7%; top: 25%; }
    .home-page .product-brand p { grid-column: 2; justify-self: start; width: max-content; font-size: 12px; letter-spacing: .025em; text-align: left; }
    .home-page .product-intro { left: 7%; top: 62%; }
    .home-page .product-intro h2 { font-size: clamp(26px, 4.5svh, 36px); }
    .home-page .product-cta { margin-top: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-page .product-cta > span, .cta-icon img { transition: none; }
}
@media (hover: none) {
    .home-page .product-cta { touch-action: manipulation; }
    .home-page .product-cta:is(:hover, :focus-visible) .cta-label { transform: none; }
    .home-page .product-cta:is(:hover, :focus-visible) .cta-icon-trailing { transform: scale(1); opacity: 1; }
    .home-page .product-cta:is(:hover, :focus-visible) .cta-icon-leading { transform: scale(.2); opacity: 0; }
}

/* Home footer placement follows the supplied 1920 × 904 layout. */
.home-page .company-footer {
    min-height: 100vh;
    min-height: 100svh;
    padding: 0;
}
.home-page .company-footer > a:first-child {
    position: absolute;
    top: 39.8%;
    left: 15.5%;
}
.home-page .company-footer > a:first-child > img { width: clamp(155px, 13.02vw, 250px); }
.home-page .company-footer .footer-top {
    top: 42.8%;
    right: 12.55%;
    width: 66px;
    height: 66px;
}
.home-page .company-footer .footer-bottom {
    position: absolute;
    top: 54.8%;
    left: 15.5%;
    right: 12.55%;
    display: grid;
    grid-template-columns: 47.6% 52.4%;
    align-items: start;
    gap: 0;
    margin: 0;
}
.home-page .company-footer .footer-bottom > p {
    margin: 0;
    padding: 24px 0 0;
    font-family: XheartSmall, sans-serif;
    font-size: clamp(12px, 1.042vw, 20px);
    line-height: 1.2;
    white-space: nowrap;
}
.home-page .company-footer .footer-bottom > div {
    display: grid;
    grid-template-columns: 35% 31% 34%;
    align-self: start;
    gap: 0;
    white-space: nowrap;
}
.home-page .company-footer .footer-bottom > div > a {
    overflow-wrap: normal;
    line-height: 1.2;
}
.home-page .company-footer .footer-contact-label {
    display: block;
    margin-bottom: 8px;
    font-family: XheartBody, sans-serif;
    font-size: clamp(11px, .833vw, 16px);
    font-weight: 300;
}
.home-page .company-footer .footer-bottom strong {
    display: block;
    font-family: XheartNav, sans-serif;
    font-size: clamp(12px, 1.042vw, 20px);
    font-weight: 600;
}
.home-page .company-footer .footer-nav {
    position: absolute;
    top: 62.5%;
    left: 49.8%;
    width: 37.65%;
    gap: 2vw;
    margin: 0;
    padding-top: 14px;
    font-size: clamp(12px, 1.042vw, 20px);
    white-space: nowrap;
}
@media (max-width: 700px) {
    .home-page .company-footer { min-height: 0; padding: 75px 7% 80px; }
    .home-page .company-footer > a:first-child { position: static; }
    .home-page .company-footer .footer-top { top: 75px; right: 7%; width: 48px; height: 48px; }
    .home-page .company-footer .footer-bottom {
        position: static;
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px;
        margin-top: 32px;
    }
    .home-page .company-footer .footer-bottom > p { padding: 0; white-space: normal; }
    .home-page .company-footer .footer-bottom > div { grid-template-columns: 1fr; gap: 18px; }
    .home-page .company-footer .footer-nav {
        position: static;
        width: 100%;
        gap: 18px;
        margin-top: 26px;
        flex-wrap: wrap;
    }
}

@media (max-width: 900px) {
    html.home-snap { scroll-snap-type: none; }
}

/* Final homepage PSD: the six renders are complete 16:9 compositions. */
.home-page .product-scene:not(.scene-solution) > .product-art-frame {
    position: absolute;
    inset: 0;
    display: block;
}
.home-page .product-scene:not(.scene-solution) > .product-art-frame > .product-art {
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    clip-path: none;
}
.home-page .product-scene:not(.scene-solution) .product-copy h2 {
    color: #fff;
    font-size: clamp(34px, 4.16vw, 80px);
    font-weight: 200;
    line-height: 1.08;
}
.home-page .product-scene:not(.scene-solution) .product-copy p {
    font-size: clamp(14px, 1.05vw, 20px);
    line-height: 1.2;
}
.home-page .scene-npu .product-copy { left: 63%; top: 27%; }
.home-page .scene-npu .product-copy h2 { white-space: normal; }
.home-page .scene-npu .product-copy h2 span { color: #fff; font-size: 1.1em; }
.home-page .scene-tops .product-copy { left: 38.5%; top: 24%; }
.home-page .scene-tops .product-copy h2 span { color: #fff; font-weight: 400; }
.home-page .scene-efficiency .product-copy { left: 39%; top: 23%; }
.home-page .scene-efficiency .product-copy p { display: flex; align-items: center; gap: .3em; margin-top: 0; }
.home-page .scene-efficiency .product-copy p > span:last-child { font-size: .9em; line-height: 1.15; }
.home-page .scene-efficiency .metric-number { color: #fff; font-size: clamp(45px, 5.2vw, 100px); }
.home-page .scene-cpu .product-copy { left: 59%; top: 29%; }
.home-page .scene-cpu .product-copy p { margin-top: 1.2vw; }
.home-page .scene-compute .product-copy { left: 15%; top: 26%; }
.home-page .scene-safety .product-copy { left: 56.5%; top: 33%; }
.home-page .scene-safety .product-copy h2 { display: flex; flex-direction: column; align-items: center; gap: .08em; text-align: center; }
.home-page .scene-safety .product-copy h2 br { display: none; }
.home-page .scene-safety .product-copy h2 .safety-plus { display: block; line-height: 1; }
.home-page .scene-safety .product-copy p { margin-top: 1vw; }

/* Keep the current hero video; reposition only the editable overlay. */
.home-page .product-brand { left: 12%; top: 30%; }
.home-page .product-intro { left: 43.5%; top: 82%; }
.home-page .product-intro h2 { color: #fff; }
.home-page .product-cta { margin-top: 12px; }
.home-page .product-cta > span { background: #0a50f5; }
.home-page .product-cta .cta-label { width: clamp(170px, 10vw, 192px); }

@media (max-width: 900px) {
    .home-page .product-scene:not(.scene-solution) .product-copy h2 { font-size: clamp(32px, 6vw, 55px) !important; }
    .home-page .product-scene:not(.scene-solution) .product-copy p { font-size: clamp(13px, 2vw, 17px) !important; }
    .home-page .scene-npu .product-copy { left: 55%; top: 26%; right: 4%; }
    .home-page .scene-tops .product-copy { left: 35%; top: 23%; }
    .home-page .scene-efficiency .product-copy { left: 35%; top: 22%; }
    .home-page .scene-cpu .product-copy { left: 55%; top: 28%; }
    .home-page .scene-compute .product-copy { left: 9%; top: 23%; }
    .home-page .scene-safety .product-copy { left: 52%; top: 30%; right: 4%; }
}
@media (max-width: 700px) {
    .home-page .product-brand { left: 7%; top: 27%; }
    .home-page .product-intro { left: 7%; top: 68%; }
    .home-page .product-intro h2 { font-size: clamp(32px, 7vw, 48px); }
    .home-page .product-cta { margin-top: 14px; }
    .home-page .product-scene:not(.scene-solution) > .product-art-frame > .product-art { object-position: center; }
    .home-page .product-scene:not(.scene-solution) .product-copy h2 { font-size: clamp(30px, 8vw, 48px) !important; }
    .home-page .product-scene:not(.scene-solution) .product-copy p { font-size: clamp(12px, 3.2vw, 16px) !important; }
    .home-page .scene-npu .product-copy,
    .home-page .scene-tops .product-copy,
    .home-page .scene-efficiency .product-copy,
    .home-page .scene-cpu .product-copy,
    .home-page .scene-compute .product-copy,
    .home-page .scene-safety .product-copy { left: 7%; right: 7%; top: 10%; }
    .home-page .scene-efficiency .metric-number { font-size: 52px; }
    .home-page .scene-safety .product-copy h2 { text-align: left; }
}

.home-page .footer-home-link { display: none; }
.home-page .mobile-copy-break { display: none; }
.home-page .scene-compute .product-copy h2 span { color: inherit; }

/* Mobile homepage PSD: portrait compositions and type placement for six highlights. */
@media (max-width: 700px) {
    .home-page .mobile-copy-break { display: initial; }
    .home-page .desktop-copy-break { display: none; }
    .home-page .product-scene:not(.scene-solution) > .product-art-frame > .product-art {
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .home-page .product-scene:not(.scene-solution) .product-copy {
        right: 6%;
        width: auto;
        max-width: none;
        color: #fff;
    }
    .home-page .product-scene:not(.scene-solution) .product-copy h2 {
        margin-top: .45em;
        font-size: clamp(28px, 7.5vw, 42px) !important;
        font-weight: 200;
        line-height: 1.12;
        white-space: normal;
    }
    .home-page .product-scene:not(.scene-solution) .product-copy p {
        font-size: clamp(11px, 2.8vw, 15px) !important;
        line-height: 1.35;
    }
    .home-page .scene-npu .product-copy { left: 32%; top: 14%; }
    .home-page .scene-npu .product-copy h2 span { font-size: 1em; }
    .home-page .scene-tops .product-copy { left: 32%; top: 23%; }
    .home-page .scene-tops .product-copy h2 span { font-weight: 400; }
    .home-page .scene-efficiency .product-copy { left: 35%; top: 12%; }
    .home-page .scene-efficiency .product-copy p { display: flex; align-items: center; gap: .15em; margin-top: .2em; }
    .home-page .scene-efficiency .metric-number { font-size: clamp(48px, 12vw, 70px); }
    .home-page .scene-efficiency .product-copy p > span:last-child { font-size: 1em; }
    .home-page .scene-cpu .product-copy { left: 32%; top: 11%; }
    .home-page .scene-cpu .product-copy h2 { margin-top: 0; }
    .home-page .scene-cpu .product-copy p { margin-top: 1em; }
    .home-page .scene-compute .product-copy { left: 20%; top: 10%; }
    .home-page .scene-compute .product-copy h2 span { color: inherit; }
    .home-page .scene-safety .product-copy { left: 49%; top: 11%; right: 4%; }
    .home-page .scene-safety .product-copy h2 { margin-top: 0; text-align: center; }
    .home-page .scene-safety .product-copy p { margin-top: 1em; text-align: center; }

    .home-page .company-footer {
        position: relative;
        min-height: 0;
        padding: 95px 7% 65px;
        background: #111212;
    }
    .home-page .company-footer > a:first-child { display: block; width: max-content; }
    .home-page .company-footer > a:first-child > img { display: block; width: clamp(150px, 28vw, 220px); }
    .home-page .company-footer .footer-bottom {
        position: static;
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: 0;
        margin: 0;
    }
    .home-page .company-footer .footer-bottom > div {
        order: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 42px;
        white-space: normal;
    }
    .home-page .company-footer .footer-bottom > div > a { width: max-content; }
    .home-page .company-footer .footer-contact-label { margin-bottom: 3px; font-size: clamp(13px, 3.3vw, 17px); }
    .home-page .company-footer .footer-bottom strong { font-size: clamp(17px, 4.4vw, 24px); }
    .home-page .company-footer .footer-top { top: 48%; right: 11%; width: 48px; height: 48px; }
    .home-page .company-footer .footer-bottom > p {
        order: 1;
        margin: 32px 0 0;
        padding: 0 0 15px;
        border-bottom: 1px solid #fff;
        font-size: clamp(9px, 2vw, 12px);
        line-height: 1.4;
        text-align: right;
        white-space: normal;
    }
    .home-page .company-footer .footer-nav {
        position: static;
        display: flex;
        width: 100%;
        gap: clamp(14px, 4vw, 26px);
        margin: 14px 0 0;
        padding: 0;
        border: 0;
        flex-wrap: nowrap;
        font-size: clamp(12px, 3.1vw, 16px);
    }
    .home-page .footer-home-link { display: inline; }
}