@font-face{font-family:M;font-weight:500;font-display:swap;src:url(/fonts/m-Medium.woff2)}@font-face{font-family:M;font-weight:700;font-display:swap;src:url(/fonts/m-Bold.woff2)}
*{box-sizing:border-box}html{background:#05090f}body{margin:0;color:#fff;font:500 17px/1.5 M,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}
header{position:fixed;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px clamp(20px,5vw,60px)}.logo{font-weight:700;font-size:19px;letter-spacing:-.01em}.st{display:flex;align-items:center;gap:8px;font-size:13px;background:#0008;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:99px;padding:7px 13px}.st i{width:7px;height:7px;border-radius:50%;background:#46e39a}.st b{font-weight:700}
#film{height:640vh}.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#05090f}canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.sh{position:absolute;inset:0;background:linear-gradient(0deg,#05090fe6 4%,#05090f66 34%,#05090f00 58%),linear-gradient(180deg,#05090f88,#05090f00 22%)}
.tx{position:absolute;left:clamp(20px,5vw,60px);right:clamp(20px,5vw,60px);bottom:clamp(112px,16vh,150px);max-width:760px}small{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7fe0ff;margin-bottom:12px}
h1,h2{font-weight:700;letter-spacing:-.03em;line-height:1.06;margin:0 0 12px;font-size:clamp(34px,5.6vw,72px)}.tx p{margin:0;font-size:clamp(16px,1.6vw,20px);color:#e3e9f2}.tx.sw{opacity:0}.tx{transition:opacity .16s}
.route{position:absolute;left:clamp(20px,5vw,60px);right:clamp(20px,5vw,60px);bottom:calc(30px + env(safe-area-inset-bottom))}.line{position:relative;height:2px;background:#ffffff40}.line i{position:absolute;left:0;top:0;height:2px;background:#7fe0ff;width:0}.line b{position:absolute;top:-5px;left:0;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #7fe0ff44}.lb{display:flex;justify-content:space-between;margin-top:13px;font-size:13px;font-weight:700;color:#ffffff88}.lb span.on{color:#fff}
#how{background:#05090f;padding:100px 0 0;position:relative;z-index:6}.w{max-width:1180px;margin:auto;padding:0 clamp(20px,5vw,60px)}#how h2{font-size:clamp(32px,5vw,58px);max-width:760px}ol{list-style:none;margin:50px 0 84px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff2a;counter-reset:s}li{counter-increment:s;padding:24px 28px 0 0}li:before{content:"0" counter(s);display:block;color:#7fe0ff;font-size:13px;font-weight:700;margin-bottom:22px}li b{display:block;font-size:23px;font-weight:700;margin-bottom:5px}li span{color:#a9b4c6}footer{color:#7f8a9c;font-size:14px;padding-top:24px;padding-bottom:32px}
@media(max-width:760px){ol{grid-template-columns:1fr}li{padding:20px 0;border-bottom:1px solid #ffffff1c}li:before{margin-bottom:8px}}