:root{color-scheme:dark;--ink:#e2edf0;--ink2:#a9bec5;--teal:#b8e7dd;--hair:#29404b;color:var(--ink);background:#0b1b25;font:16px/1.5 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #e8bc78;outline-offset:5px}header{border-bottom:1px solid var(--hair);background:#0c1b24}.bar,main,footer{width:min(1220px,90vw);margin-inline:auto}.bar{display:flex;align-items:center;justify-content:space-between;min-height:78px}.brand,.actions,.play,nav{display:flex;align-items:center}.brand{gap:12px;letter-spacing:.14em;font-size:19px;font-weight:600}.brand svg{width:35px;height:35px;fill:none;stroke:#c5a574;stroke-width:1.1}.brand small{display:block;font:9px/1.5 ui-monospace,monospace;letter-spacing:.18em;color:#aac0c8}.bar nav{gap:30px;color:var(--ink2);font-size:14px}.bar nav a:hover,.play:hover{color:#fff}.bar nav span{padding-left:4px;color:#c7ab82}main{flex:1;display:flex}.hero{width:100%;display:grid;grid-template-columns:1fr minmax(0,.96fr);align-items:center;gap:6%;padding:36px 0}.intro{padding-left:4%}.eyebrow,.figurehead small,figcaption,.play small{font-family:ui-monospace,SFMono-Regular,monospace}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--teal);font-size:11px;letter-spacing:.21em;font-weight:600}.eyebrow span{width:34px;border-top:1px solid #88c9bf}h1{font-size:clamp(60px,6.5vw,95px);line-height:1.13;letter-spacing:.015em;font-weight:500;margin:29px 0 24px}h1 span{color:#b8dadb}.description{max-width:29em;font-size:clamp(15px,1.2vw,18px);line-height:1.85;color:var(--ink2);margin:0}.actions{gap:22px;flex-wrap:wrap;margin-top:34px}.primary{display:inline-flex;align-items:center;gap:22px;padding:14px 21px;color:#102c31;background:#b9e6dd;border-radius:5px;font-weight:650}.primary:hover{background:#d5f3ec}.primary b{font:21px/1 ui-sans-serif,sans-serif}.play{gap:9px;font-size:15px}.play svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}.play small{font-size:11px;color:#9fb6bc}.intro dl{display:flex;gap:28px;margin:48px 0 0}.intro dl div{border-left:1px solid var(--hair);padding-left:16px}.intro dt{font-size:12px;color:#a3b7bd}.intro dd{margin:0;font:500 29px/1.5 ui-monospace,monospace;letter-spacing:-.06em}
figure{margin:0;position:relative;background:radial-gradient(ellipse at 48% 40%,#1b3742 0%,#102631 53%,#10232d 85%);border:1px solid #2d4650;border-radius:4px;overflow:hidden}.figurehead,figcaption{position:absolute;inset-inline:20px;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#aac1c7;font-size:12px}.figurehead{top:16px}.figurehead small,figcaption{font-size:10px;letter-spacing:.16em}.figurehead i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8bd8c7;margin-right:6px;vertical-align:middle}figcaption{bottom:13px;color:#91adb4}.drawing{height:clamp(490px,70vh,760px);display:grid;place-items:center;position:relative;padding:40px 10px 31px;background-image:linear-gradient(#acd6da08 1px,transparent 1px),linear-gradient(90deg,#acd6da08 1px,transparent 1px);background-size:40px 40px}.drawing img{height:100%;min-height:0;max-width:96%;width:auto;object-fit:contain;display:block;position:relative}.axis{position:absolute;left:7%;right:7%;bottom:9%;border-top:1px dashed #78a0a93d}.axis:before,.axis:after{content:"";position:absolute;top:-3px;width:5px;height:5px;border:1px solid #78a0a96b}.axis:after{right:0}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--hair);padding:17px 0 21px;font-size:11px;color:#9bb1b9}footer i{color:#55757d;font-style:normal}
@media(max-width:760px){.bar,main,footer{width:min(91vw,650px)}.bar{min-height:64px}.bar nav{gap:17px;font-size:13px}.hero{gap:23px;grid-template-columns:1.13fr .87fr;padding:29px 0}.intro{padding:0}.eyebrow{font-size:8px;letter-spacing:.1em;gap:6px}.eyebrow span{width:17px}h1{font-size:clamp(42px,7.6vw,62px);margin:19px 0 15px}.description{font-size:14px}.actions{gap:13px;margin-top:22px}.primary{font-size:14px;padding:11px 14px;gap:12px}.play{font-size:13px}.intro dl{margin-top:25px;gap:16px}.intro dd{font-size:22px}.drawing{height:clamp(365px,55vh,490px);padding:32px 0 22px}.figurehead,figcaption{inset-inline:10px}.figurehead{top:10px}.figurehead small{display:none}.figurehead{font-size:10px}figcaption{font-size:8px;bottom:8px}.axis{bottom:7%}}
@media(max-width:460px){.hero{grid-template-columns:1.13fr 1fr;gap:10px}.drawing{height:390px}.bar nav{gap:12px}.brand{font-size:16px;gap:8px}.brand svg{width:29px}.brand small{font-size:8px}.description{font-size:13px;line-height:1.7}.intro dl{gap:10px}.intro dl div{padding-left:8px}.intro dt{font-size:10px}.eyebrow{letter-spacing:.04em}.figurehead small,figcaption span:last-child{display:none}footer{font-size:10px}h1{font-size:37px}.actions{flex-direction:column;align-items:flex-start}}
@media(max-width:340px){.bar nav{gap:8px}.drawing{height:320px}.hero{gap:5px}h1{font-size:31px}.intro dl{margin-top:14px}.description{font-size:12px}}