:root{color-scheme:dark;--bg:#091316;--panel:#101f23;--line:#294145;--text:#ecf4ee;--muted:#afc1ba;--accent:#c1ef76}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.85 "Yu Gothic UI","Meiryo",sans-serif}a{color:inherit}img,video{max-width:100%;height:auto}button,input,textarea,select{font:inherit}a,button,input,textarea,select{outline-offset:5px}:focus-visible{outline:2px solid var(--accent)}.topbar{padding:16px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.wordmark{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.14em;font-weight:800;text-decoration:none}.wordmark img{border-radius:8px}.topbar nav{display:flex;gap:24px;font-size:13px}.topbar nav a{text-decoration:none}.hero{min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#091316 0%,#091316ed 24%,#09131680 47%,#09131600 80%),linear-gradient(0deg,#091316,transparent 35%),url('../assets/og/beta/hero.webp') 68% 30%/cover}.hero-copy{z-index:1;padding:70px 7%;max-width:760px}.eyebrow,.number{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.18em}.eyebrow{margin:0 0 18px}h1{font-size:clamp(40px,5vw,68px);line-height:1.2;letter-spacing:.08em;margin:0 0 35px}h1 span{display:block;font-size:15px;letter-spacing:.45em;margin-top:14px}.tagline{font-size:clamp(27px,3vw,40px);line-height:1.55;font-weight:800;margin:0 0 20px}.hero-copy>p:not(.eyebrow):not(.tagline){color:#d0dfd6}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 24px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:700;text-decoration:none;cursor:pointer;border-radius:3px;min-height:48px}.button.primary{background:var(--accent);color:#172515;border-color:var(--accent)}.button:hover{filter:brightness(1.12)}.micro{font-size:12px}.section{max-width:1260px;margin:auto;padding:80px 6%;border-bottom:1px solid var(--line)}h2{font-size:clamp(25px,3vw,37px);line-height:1.5;margin:0 0 32px}h3{font-size:21px;line-height:1.5;margin:12px 0}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.features p{color:var(--muted);font-size:14px}.features img{display:block;border:1px solid var(--line);border-radius:4px;margin-top:22px;aspect-ratio:16/9;object-fit:cover}.note{margin-top:35px;padding:24px;background:var(--panel);border-left:3px solid var(--accent)}.note p{margin:8px 0 0;color:var(--muted)}.footage{display:grid;grid-template-columns:1fr 1.6fr;align-items:center;gap:35px}.footage video{width:100%;border:1px solid var(--line);background:#000}.footage p,.info-grid p,.feedback>p{color:var(--muted)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.info-grid article{padding:28px;background:var(--panel);border:1px solid var(--line)}.info-grid h3{margin-top:0}.info-grid p{font-size:14px}.info-grid time{color:var(--accent)}form{margin-top:30px}label{display:block;font-size:14px;margin:0 0 20px}input,textarea,select{display:block;width:100%;padding:12px;margin-top:8px;color:var(--text);border:1px solid #47605d;background:#0c1a1e;border-radius:3px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 2fr;gap:20px}#report-result{margin-top:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}#report-status{color:var(--accent)}.closing{text-align:center;padding:75px 20px}.closing img{border-radius:15px}.closing h2{margin:20px 0 25px}footer{text-align:center;padding:25px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}@media(max-width:700px){.topbar{flex-wrap:wrap;padding:14px 6%;gap:12px}.topbar nav{gap:18px;font-size:12px}.hero{min-height:730px;align-items:flex-end}.hero-art{background:linear-gradient(0deg,#091316 2%,#091316ed 35%,#09131630 85%),url('../assets/og/beta/hero.webp') 55% top/auto 450px no-repeat}.hero-copy{padding:250px 7% 35px}.hero-copy>p{font-size:14px}.hero-copy .tagline{font-size:29px}.hero-copy .eyebrow{font-size:10px}.section{padding:52px 6%}.features,.info-grid,.footage,.form-row{grid-template-columns:1fr}.features{gap:35px}.info-grid article{padding:22px}.footage{gap:15px}.button{width:100%}.hero-copy br:not(.tagline br){display:none}.closing{padding:55px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
