:root{font:16px "Segoe UI",Arial,sans-serif;color:#122642;background:#f5f7fb;--blue:#255fbe;--muted:#5e708a}*{box-sizing:border-box}body{margin:0}.page{max-width:1380px;margin:auto;padding:0 6vw}header{display:flex;justify-content:space-between;align-items:center;padding:37px 0;border-bottom:1px solid #dae2ef;gap:24px}.wordmark{font:600 36px Bahnschrift,"Trebuchet MS",sans-serif;letter-spacing:-1.4px;color:#122642;text-decoration:none}.wordmark>span{font-size:12px;vertical-align:top;display:inline-block;color:#ec7852;margin:6px 0 0 4px}.status{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:9px}.status>span{height:7px;width:7px;background:#7895c6;border-radius:50%}main{display:grid;grid-template-columns:1.1fr 1fr;column-gap:8%;padding-top:80px}.intro{align-self:center}h1{font:600 clamp(44px,5.6vw,76px)/1.08 Bahnschrift,"Trebuchet MS",sans-serif;letter-spacing:-2.4px;margin:0 0 30px}p{line-height:1.65}.lead{font-size:21px;line-height:1.6;margin:0 0 18px}.description{color:var(--muted);font-size:15px;max-width:40ch;margin:0}.visual{align-self:center;padding:32px 0 0 12px}.screen{aspect-ratio:1.3;background:white;border:2px solid #193c6b;border-radius:14px;padding:22px;position:relative;box-shadow:20px 22px 0 #e1e9f6;overflow:hidden}.screen-top{display:flex;gap:6px}.screen-top i{width:5px;height:5px;background:#bacbe2;border-radius:50%}.play{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);height:88px;width:88px;border:1px solid #b4c8e7;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:28px;padding-left:5px}.wave{position:absolute;left:14%;right:14%;bottom:23%;height:64px;display:flex;align-items:center;justify-content:space-between;gap:5px}.wave i{width:7px;height:30%;border-radius:4px;background:#88a7da}.wave i:nth-child(3n){height:76%;background:#255fbe}.wave i:nth-child(4n){height:100%}.wave i:nth-child(5n){height:48%}.timeline{position:absolute;bottom:12%;left:14%;right:14%;height:3px;background:#e4eaf4}.timeline span{display:block;width:35%;height:100%;background:#ec7852}.caption{display:block;color:var(--muted);font-size:12px;text-align:center;margin-top:45px}.english{grid-column:1/-1;display:grid;grid-template-columns:1fr 3fr;gap:30px;border-top:1px solid #dae2ef;margin-top:85px;padding:30px 0 40px}.english>span{font-size:13px;color:var(--muted)}h2{font-size:19px;font-weight:600;margin:0}.english p{font-size:14px;max-width:70ch;color:var(--muted);margin:10px 0 0}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 34px;border-top:1px solid #dae2ef;color:var(--muted);font-size:12px}a:focus-visible{outline:3px solid #255fbe;outline-offset:6px}.not-found{grid-column:1/-1;min-height:50vh;padding:50px 0}.not-found a{color:var(--blue);font-weight:600}@media(max-width:760px){.page{padding:0 24px}header{padding:24px 0;align-items:flex-start;flex-direction:column;gap:16px}.wordmark{font-size:32px}main{grid-template-columns:1fr;padding-top:45px;gap:30px}h1{font-size:48px;letter-spacing:-1.5px}.lead{font-size:19px}.visual{padding:10px 15px 0 0;max-width:430px;width:100%;margin:auto}.screen{box-shadow:12px 14px 0 #e1e9f6}.caption{margin-top:32px}.english{margin-top:18px;grid-template-columns:1fr;gap:14px;padding-bottom:30px}footer{flex-direction:column;gap:12px}.not-found{padding:10px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}