.shell.hero{padding:3.5rem 2.2rem 5.5rem}.hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:center;gap:3rem;display:grid}.hero-copy{min-width:0;padding-bottom:2rem}.hero h1{letter-spacing:-.045em;max-width:16ch;margin:1rem 0 1.4rem;font-size:clamp(3.2rem,4.6vw,4.8rem);line-height:1.08}.hero h1[lang=zh-CN]{letter-spacing:-.06em;max-width:none;font-size:clamp(3rem,4.3vw,4rem);line-height:1.2}.hero-body{max-width:30rem;margin:0;font-size:1.08rem;line-height:1.8}.hero .product-details{margin:1.4rem 0;font-size:.75rem}.hero .steam-line{gap:.65rem}.hero .steam-note{width:100%;max-width:none}.pond-preview{min-width:0;margin:0;position:relative}.preview-frame{background:#edf1e8;border:1px solid #173f3533;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 44px -25px #173f3561}.preview-heading{letter-spacing:.04em;align-items:center;gap:.5rem;padding:.8rem 1.1rem;font-size:.73rem;display:flex}.preview-dot{background:var(--jade);border-radius:50%;width:6px;height:6px}.preview-heading-note{color:var(--jade);margin-left:auto;font-size:.65rem}.pond-viewport{aspect-ratio:16/9;background:#92b9b1}.pond-viewport picture,.pond-viewport img{width:100%;height:100%;display:block}.pond-viewport img{object-fit:contain}.preview-toolbar{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:1rem;padding:.65rem 205px .65rem 1.1rem;font-size:.7rem;display:flex}.preview-modes{border:1px solid var(--rule);border-radius:100px;gap:.2rem;padding:3px;display:flex}.preview-modes button{color:var(--jade);cursor:pointer;background:0 0;border:0;border-radius:100px;padding:.4rem .85rem;font-size:.7rem}.preview-modes button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.preview-modes button:focus-visible,.preview-cat:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.preview-bank{min-height:125px;padding:1.4rem 220px 0 1rem;position:relative}.preview-caption{color:var(--jade);gap:.3rem;font-size:.8rem;display:grid}.preview-caption a{width:fit-content;color:var(--ink);border-bottom:1px solid var(--rule);padding:.4rem 0;font-weight:600;text-decoration:none}.preview-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.preview-cat{width:230px;position:absolute;bottom:0;right:-12px}.preview-cat:before{content:"";filter:blur(5px);background:#3241291f;border-radius:50%;width:60%;height:7%;position:absolute;bottom:1%;right:7%}.preview-cat picture,.preview-cat img{width:100%;height:auto;display:block;position:relative}@media (width<=1080px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem}.hero-copy{max-width:42rem;padding-bottom:0}.hero h1{max-width:20ch}.hero h1[lang=zh-CN]{font-size:clamp(3rem,5.5vw,4rem)}.pond-preview{width:100%;max-width:800px}.hero .steam-note{width:auto}}@media (width<=760px){.shell.hero{padding:2.1rem 1.25rem 4rem}.hero-grid{gap:2rem}.hero h1{font-size:clamp(2.6rem,9vw,3.6rem)}.hero h1[lang=zh-CN]{font-size:clamp(2.3rem,9.5vw,3rem)}.hero-body{font-size:1rem;line-height:1.75}.hero .steam-note{width:100%}.preview-heading{padding:.65rem .8rem;font-size:.67rem}.preview-heading-note{font-size:.6rem}.preview-toolbar{gap:.4rem .7rem;padding:.55rem 115px .55rem .8rem;font-size:.62rem}.preview-modes button{padding:.35rem .65rem;font-size:.66rem}.preview-bank{min-height:100px;padding:1rem 130px 0 .4rem}.preview-caption{font-size:.75rem}.preview-cat{width:155px;right:-8px}}