@font-face{font-family:OsuPSDisplay;src:local("Avenir Next"),local("Trebuchet MS");font-display:swap}
:root{color-scheme:dark;--bg:#111315;--panel:#1b1e21;--line:#34383a;--ink:#f3f0e6;--muted:#b5bcb7;--lime:#d6fc80;--orange:#ffb474}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% 5%,#30423566,transparent 48%),var(--bg);color:var(--ink);font-family:OsuPSDisplay,"Trebuchet MS",sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:24px;font-weight:bold;line-height:1.15}.brand img{border-radius:10px;object-fit:cover}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:5px;color:var(--lime)}nav{display:flex;align-items:center;gap:24px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.identity{max-width:220px;overflow-wrap:anywhere;color:var(--muted)}nav form{margin:0}.logout{background:transparent;border:1px solid var(--line);color:var(--muted);padding:7px 14px;min-height:40px}
.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;padding:78px 0 64px}.eyebrow,.features article>span{font-size:11px;letter-spacing:2px;font-weight:bold;color:var(--lime)}h1{font-size:clamp(42px,6.5vw,80px);line-height:1.04;letter-spacing:-3px;margin:23px 0}h1 em{font-style:normal;color:var(--lime)}p{color:var(--muted);max-width:62ch}.hero p{font-size:18px;max-width:43ch}.button,button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--lime);border:0;border-radius:7px;padding:14px 22px;color:#18200d;font-weight:bold;text-decoration:none;cursor:pointer;min-height:48px}.button:hover,button:hover{filter:brightness(1.08)}.stage{display:block;font-size:12px;color:var(--muted);margin-top:16px}.rhythm-art{position:relative;aspect-ratio:1;max-width:460px;background:radial-gradient(circle,#75974c20,transparent 70%);isolation:isolate;overflow:hidden}.orbit{position:absolute;border:1px solid #d6fc8033;border-radius:50%;inset:7%}.orbit-two{inset:19%;border-style:dashed;transform:rotate(24deg)}.hit{position:absolute;display:grid;place-items:center;width:28%;aspect-ratio:1;border-radius:50%;font-size:42px;font-weight:bold;background:#1b201a;border:3px solid var(--lime);outline:1px solid #d6fc8055;outline-offset:9px;box-shadow:0 12px 50px #0005}.hit-one{left:11%;top:16%}.hit-two{right:8%;top:36%;border-color:var(--orange)}.hit-three{bottom:10%;left:24%}.rhythm-art small{position:absolute;right:5%;bottom:5%;font-size:9px;letter-spacing:3px;writing-mode:vertical-rl;color:var(--muted)}.capacity{display:flex;gap:18px;background:#d6fc8009;border:1px solid #6b8052;border-radius:12px;padding:24px 28px;margin-bottom:36px}.status-dot{width:10px;height:10px;background:var(--orange);border-radius:50%;flex-shrink:0;margin-top:9px}h2{margin:0;font-size:23px;line-height:1.25}.capacity p{margin:8px 0 0;max-width:90ch}.panel{padding:34px;background:var(--panel);border:1px solid var(--line);border-radius:16px;scroll-margin-top:24px;margin:28px 0}.panel h1{font-size:48px}.panel h2{margin-top:10px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.badge{border:1px solid #6b8052;background:#d6fc800d;color:var(--lime);padding:5px 12px;border-radius:100px;font-size:12px;white-space:nowrap}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-block:1px solid var(--line);padding:22px 0;margin:26px 0}.facts dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.facts dd{margin:6px 0 0;overflow-wrap:anywhere}form{margin-top:24px}label{display:block;font-size:14px;font-weight:bold;margin:18px 0 8px}input:not([type=hidden]):not([type=checkbox]),textarea{display:block;width:100%;max-width:760px;border:1px solid #555e59;border-radius:7px;background:#111416;color:var(--ink);padding:12px 14px}textarea{resize:vertical}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}form button{margin-top:24px}.check{display:flex;align-items:flex-start;gap:12px;color:var(--muted);max-width:700px}.check input{accent-color:var(--lime);min-width:18px;min-height:18px;margin-top:3px}.cancel{border-top:1px solid var(--line);margin-top:32px;padding-top:20px}.cancel summary{cursor:pointer;color:var(--muted)}.secondary{background:transparent;color:var(--orange);border:1px solid var(--orange)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:54px 0}.features article{border-top:1px solid var(--line);padding-top:24px}.features h2{font-size:21px;margin-top:14px}.features p{font-size:15px}.disclaimer{border-left:3px solid var(--orange);background:#ffb47407;padding:20px 24px;margin:40px 0;font-size:14px}.disclaimer p{max-width:100ch;margin:8px 0 0}footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.notice{margin-top:28px;padding:16px 20px;border:1px solid var(--lime);border-radius:8px;background:var(--panel);overflow-wrap:anywhere}.skip{position:absolute;top:-100px;left:20px;background:var(--lime);color:#111;padding:12px;z-index:4}.skip:focus{top:10px}
@media(max-width:760px){.shell{width:calc(100% - 32px)}header{align-items:flex-start;gap:16px;padding:20px 0}header nav{flex-wrap:wrap;justify-content:flex-end;gap:12px;max-width:58%}.identity{font-size:12px}.hero{padding:48px 0 28px;grid-template-columns:1fr;gap:4px}h1{font-size:clamp(42px,12vw,68px);letter-spacing:-2px}.hero p{font-size:17px}.rhythm-art{width:65%;max-width:290px;margin-left:auto;margin-top:-12px}.hit{font-size:28px}.capacity{padding:20px}.panel{padding:22px}.section-heading{align-items:flex-start;flex-direction:column}.facts{grid-template-columns:1fr;gap:16px}.features{grid-template-columns:1fr;gap:22px;margin:38px 0}footer nav{gap:18px}.panel h1{font-size:38px}.brand{font-size:21px}.brand img{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}