@font-face{font-family:Inter;src:url('/landing2/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#14161c;color:#f4f4f6;font-family:Inter,system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1320px;padding:24px 32px;margin:auto}header a{color:#b6b8c4;text-decoration:none;font-size:13px}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#fff}main{max-width:1200px;padding:30px 32px 48px;margin:auto}.intro{max-width:760px;margin-bottom:30px}.intro>span{font-size:10px;font-weight:600;letter-spacing:.12em;color:#eea683}h1{font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-.04em;font-weight:600;margin:18px 0 14px}.intro p{font-size:15px;line-height:1.8;color:#b6b8c4;margin:0}video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#0d0e12;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 16px 40px #0002}nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}button{display:flex;flex-direction:column;gap:8px;min-width:0;text-align:left;padding:16px;border:1px solid #ffffff1c;border-radius:10px;background:#ffffff03;color:#c7c9d1;font:500 13px/1.6 Inter,sans-serif;cursor:pointer}button span{font-size:11px;color:#9c9fae}button[aria-pressed=true]{border-color:#c47651;color:#fff;background:#ff9b6d08}button[aria-pressed=true] span{color:#ffb38c}button:hover{background:#ffffff08}button:focus-visible,a:focus-visible,video:focus-visible{outline:2px solid #ff9b6d;outline-offset:4px}.note{font-size:11px;line-height:1.7;color:#979baa;margin:20px 0 0}#video-error{font-size:13px;line-height:1.7}#video-error a{color:#ffb38c}.embedded,.embedded main{width:100%;height:100dvh;padding:0;margin:0;max-width:none;overflow:hidden;background:#0d0e12}.embedded video{width:100%;height:100%;border:0;border-radius:0;box-shadow:none}.embedded #video-error{position:absolute;bottom:60px;left:16px;right:16px;padding:12px;background:#14161cf0}
@media(max-width:600px){header{padding:20px}main{padding:16px 16px 30px}.intro{margin-bottom:24px}.intro p{font-size:14px}nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}video{border-radius:10px}button{font-size:12px;padding:12px}header a{font-size:12px}.note{font-size:10px}}
