:root{color-scheme:dark;--paper:#ede2cc;--muted:#baa98d;--gold:#ecc173;--line:#58452d;--base:#171410;--surface:#211b15}
*{box-sizing:border-box}
body{margin:0;background:var(--base);color:var(--paper);font:16px/1.55 "DM Sans",system-ui,sans-serif}
a{color:var(--gold);text-underline-offset:4px}
header{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;align-items:center;padding:16px max(5vw,16px);background:#17130f}
nav{display:flex;gap:clamp(14px,4vw,38px);flex-wrap:wrap}
nav a{color:var(--paper);text-decoration:none;font-weight:650}
nav a:hover{color:var(--gold)}
.brand{font-family:Georgia,serif;font-size:28px;color:var(--paper);font-weight:bold;text-decoration:none}
.brand span,h1 span{color:var(--gold)}
main{max-width:1200px;margin:0 auto;padding:24px max(4vw,16px) 52px;min-height:75vh}
.banner{min-height:510px;display:flex;align-items:center;padding:clamp(24px,6vw,80px);border:1px solid var(--line);border-radius:12px;background:linear-gradient(90deg,#160f0b 0%,#160f0bec 26%,#160f0b5c 67%,#160f0b38),url('/scene1.webp') center/cover}
h1,h2,h3{font-family:Georgia,serif;line-height:1.08}
h1{font-size:clamp(34px,6vw,56px);margin:0 0 24px}.banner h1{font-size:clamp(64px,12vw,134px);letter-spacing:-.05em;margin:0 0 30px}
.version{color:#f6d99a;letter-spacing:.16em;font-weight:750;margin:0 0 2px}
.actions,.statline{display:flex;gap:12px;flex-wrap:wrap}.button,button{display:inline-block;background:var(--gold);border:1px solid var(--gold);border-radius:5px;color:#211507;padding:10px 16px;text-decoration:none;font:700 15px/1.4 system-ui;cursor:pointer}
.secondary{background:#1a1410;color:var(--gold)}
button:hover,.button:hover{filter:brightness(1.13)}
.rates{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.rates div,.panel,.hero-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:18px}
.rates div{text-align:center;color:var(--muted)}.rates b{display:block;color:var(--paper);font:700 33px Georgia,serif}
.panel{padding:clamp(20px,5vw,52px);max-width:950px;margin:0 auto}
.panel p,footer{color:var(--muted)}.hero-card{margin:18px 0;background:#171410}.hero-card h2{margin-top:0}
label{display:grid;gap:6px;width:min(100%,275px);font-size:.95rem}input{background:#140f0b;border:1px solid #7b6444;color:var(--paper);border-radius:5px;padding:9px;font:inherit;width:100%}
.inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}form{display:grid;justify-items:start;gap:12px;margin:16px 0}.inputs{width:100%}
.statline span{border:1px solid var(--line);padding:5px 9px;border-radius:5px}
.notice{border-left:3px solid var(--gold);padding:8px 12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:9px;border-bottom:1px solid var(--line)}
footer{border-top:1px solid var(--line);padding:18px max(5vw,16px);text-align:center}
:focus-visible{outline:2px solid #fff5d8;outline-offset:3px}
@media(max-width:560px){.rates{grid-template-columns:1fr 1fr}.banner{min-height:380px}header{align-items:flex-start}nav{font-size:14px;justify-content:flex-end}}