/* scoped by scripts/v4/sync-assets.mjs: home */
/* home · v1 sections restored + new additions */
:where(body[data-v4~="home"]) .need .need-ill{height:210px;margin:-12px -9px 6px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px}
:where(body[data-v4~="home"]) .need .need-ill svg{max-height:195px;width:auto;max-width:100%}
:where(body[data-v4~="home"]) .need .ic{width:36px;height:36px}
:where(body[data-v4~="home"]) .svc-lines{border-top:1px solid var(--line)}
:where(body[data-v4~="home"]) .svc-lines a{display:grid;grid-template-columns:60px 42px 1fr 1fr 30px;align-items:center;gap:18px;padding:24px 0;border-bottom:1px solid var(--line);transition:background .2s}
:where(body[data-v4~="home"]) .svc-lines .n{font-size:12px;color:var(--muted)}
:where(body[data-v4~="home"]) .svc-lines .ic{width:30px;height:30px}
:where(body[data-v4~="home"]) .svc-lines b{font-size:21px;font-weight:500;color:var(--ink)}
:where(body[data-v4~="home"]) .svc-lines .en{font:500 12px var(--latin);color:var(--muted)}
:where(body[data-v4~="home"]) .svc-lines .go{color:var(--orange);justify-self:end}
:where(body[data-v4~="home"]) .svc-lines .go svg{width:18px;height:18px}
@media (hover:hover){:where(body[data-v4~="home"]) .svc-lines a:hover{background:var(--tint)}:where(body[data-v4~="home"]) .svc-lines a:hover b{color:var(--orange)}}
@media (max-width:759px){:where(body[data-v4~="home"]) .svc-lines a{grid-template-columns:36px 30px 1fr 24px}:where(body[data-v4~="home"]) .svc-lines .en{display:none}}
:where(body[data-v4~="home"]) .stp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start}
:where(body[data-v4~="home"]) .stp-l .stick{position:sticky;top:111px;display:grid;gap:18px}
:where(body[data-v4~="home"]) .stp-stage{position:relative;margin-top:18px;background:#fff;border-radius:21px;aspect-ratio:4/3;overflow:hidden}
:where(body[data-v4~="home"]) .stp-scene{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .45s var(--ease)}
:where(body[data-v4~="home"]) .stp-scene.on{opacity:1}
:where(body[data-v4~="home"]) .stp-scene svg{max-height:84%;width:auto;max-width:100%}
:where(body[data-v4~="home"]) .stp-scene figcaption{position:absolute;left:24px;bottom:21px;font-size:12px;color:var(--muted)}
:where(body[data-v4~="home"]) .stp-r{display:grid;gap:15px}
:where(body[data-v4~="home"]) .stp-card{background:#fff;border-radius:18px;padding:30px 30px 27px;display:grid;gap:12px;justify-items:start;border-left:3px solid transparent;transition:border-color .25s,box-shadow .25s;cursor:default}
:where(body[data-v4~="home"]) .stp-card.on{border-left-color:var(--orange);box-shadow:0 18px 42px rgba(150,56,33,.07)}
:where(body[data-v4~="home"]) .stp-card .k{font:500 12px var(--latin);color:var(--muted)}
:where(body[data-v4~="home"]) .stp-card h3{font-size:21px}
@media (max-width:981px){:where(body[data-v4~="home"]) .stp{grid-template-columns:1fr}:where(body[data-v4~="home"]) .stp-l .stick{position:static}}
:where(body[data-v4~="home"]) .post .link{margin-top:6px}

:where(body[data-v4~="home"]) *,:where(body[data-v4~="home"]) *::before,:where(body[data-v4~="home"]) *::after{letter-spacing:0!important}

/* phones: the four GPU chips stay on one line */
@media (max-width:759px){:where(body[data-v4~="home"]) #explore .chips{flex-wrap:nowrap;gap:6px}:where(body[data-v4~="home"]) #explore .chips button{white-space:nowrap;flex:none;padding-inline:15px}}