*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0a0a0a;--fg:#f2f2f2;--mute:#8a8a8a;--line:#2a2a2a;--acc:#d9b84a}
body{background:var(--bg);color:var(--fg);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
header.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 4vw;font-size:13px;letter-spacing:.08em;border-bottom:1px solid var(--line)}
header.nav b{letter-spacing:.2em}.lang a{opacity:.5;text-decoration:none;margin-left:10px}.lang a.on{opacity:1;border-bottom:1px solid}
main{display:grid;grid-template-columns:5fr 7fr;gap:6vw;padding:8vh 4vw 12vh}
.intro h1{font-size:clamp(36px,5.5vw,84px);font-weight:700;letter-spacing:-.04em;line-height:.92}
.intro p{color:#cfcfcf;font-size:18px;line-height:1.4;max-width:34ch;margin-top:24px}
.intro .alt{margin-top:40px;font-size:13px;color:var(--mute);line-height:1.8}
.tbc{font-size:10px;letter-spacing:.12em;border:1px solid #6b5a1e;color:var(--acc);padding:2px 6px}
.prog{display:flex;gap:6px;margin-bottom:28px}.prog i{flex:1;height:2px;background:var(--line)}.prog i.on{background:var(--fg)}
.stepn{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
fieldset{border:0;margin-bottom:28px}legend,.q{font-size:20px;font-weight:600;letter-spacing:-.01em;margin-bottom:14px;display:block}
.hint{font-size:13px;color:var(--mute);margin:-8px 0 14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{position:relative;cursor:pointer}
.chips input{position:absolute;opacity:0;inset:0}
.chips span{display:inline-block;padding:11px 16px;border:1px solid var(--line);font-size:14px;transition:.15s}
.chips input:checked+span{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.chips input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.unit .chips span{padding:18px 20px;font-size:16px;min-width:200px}
.unit .chips small{display:block;font-size:12px;opacity:.6;margin-top:4px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.f label{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.f input,.f select,.f textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #444;color:var(--fg);font:inherit;font-size:17px;padding:10px 0}
.f select option{background:#111}.f textarea{min-height:90px;resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus{outline:0;border-color:var(--fg)}
.err{color:#ff8a7a;font-size:13px;margin-top:6px;min-height:1em}
.cond{display:none}.cond.show{display:block}
.nav2{display:flex;justify-content:space-between;align-items:center;margin-top:36px;border-top:1px solid var(--line);padding-top:24px}
button{font:inherit;cursor:pointer}.btn{background:var(--fg);color:var(--bg);border:0;padding:16px 28px;font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.ghost{background:none;border:0;color:var(--mute);font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.step{display:none}.step.on{display:block;animation:in .35s ease}@keyframes in{from{opacity:0;transform:translateY(8px)}}
.thanks{display:none}.thanks.on{display:block}.thanks h2{font-size:clamp(32px,4vw,56px);letter-spacing:-.03em;line-height:1}
.thanks p{color:#cfcfcf;margin:20px 0;max-width:44ch;line-height:1.5}
.wa{background:#fff;color:#000}.tier{display:inline-block;margin-top:10px}
pre{white-space:pre-wrap;font-size:12px;color:var(--mute);border:1px solid var(--line);padding:16px;margin-top:24px;max-height:260px;overflow:auto}
@media(max-width:860px){main{grid-template-columns:1fr;gap:40px;padding-top:5vh}.row{grid-template-columns:1fr}.unit .chips span{min-width:0;width:100%}.unit .chips label{flex:1 1 100%}.intro p{font-size:16px}}
.thanks .seal{width:64px;height:64px;display:block;margin:0 0 28px}
