:root{--bg:#f5f1e8;--ink:#171714;--muted:#66635c;--accent:#b74120;--line:#d8d1c2;--dark:#171714}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
a{color:inherit;text-decoration:none}
.topbar{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,241,232,.94);backdrop-filter:blur(12px);z-index:5}
.brand{font-size:1.35rem;font-weight:900;letter-spacing:-.04em}.brand span{color:var(--accent)}
nav{display:flex;gap:24px;font-size:.88rem;font-weight:700}
.hero{min-height:70vh;padding:11vh 7vw 8vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}
.eyebrow,.kicker{font-size:.72rem;font-weight:900;letter-spacing:.16em;color:var(--accent)}
h1{font-size:clamp(3.4rem,8vw,8rem);line-height:.88;letter-spacing:-.065em;margin:22px 0 28px;max-width:1100px}
h1 em{font-family:Georgia,serif;font-weight:400}
.hero p{max-width:720px;font-size:1.2rem;color:var(--muted);line-height:1.6}
.actions{display:flex;gap:12px;margin-top:28px}.actions a,button{padding:15px 20px;border-radius:999px;font-weight:800;border:1px solid var(--ink)}
.primary,button{background:var(--ink);color:white}.secondary{background:transparent}
.panel,.split,.rare{padding:90px 7vw}
.panel{display:grid;grid-template-columns:1fr 1.3fr;gap:55px;border-bottom:1px solid var(--line)}
h2{font-size:clamp(2.1rem,4vw,4.8rem);letter-spacing:-.055em;line-height:.96;margin:12px 0 20px}
p{line-height:1.65}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cards article{border:1px solid var(--line);padding:30px;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:20px;background:#fffaf0}
.cards b,.raregrid b{font-size:1.25rem}.cards span,.raregrid span{color:var(--muted);margin-top:8px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;border-bottom:1px solid var(--line)}
.dark{background:var(--dark);color:#f7f3ea}.dark .kicker{color:#ef8968}.dark p{color:#aaa69d}
form{display:grid;gap:16px;padding:26px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.35)}
.dark form{background:#211f1b;border-color:#37332d}
label{display:grid;gap:7px;font-size:.78rem;font-weight:800;letter-spacing:.02em}
input,textarea{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:white;font:inherit}
label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}input[type=checkbox]{width:auto}
button{cursor:pointer;border:0;font:inherit}.dark button{background:#f5f1e8;color:#171714}
output{min-height:20px;font-size:.86rem;font-weight:700}
.rare{text-align:center}.rare>p{font-family:Georgia,serif;font-size:1.35rem;color:var(--muted)}
.raregrid{max-width:980px;margin:46px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.raregrid div{min-height:160px;padding:24px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;text-align:left}.raregrid div:last-child{border:0}
footer{padding:34px 7vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:.82rem;color:var(--muted)}
footer b{color:var(--ink)}
@media(max-width:800px){nav{display:none}.panel,.split{grid-template-columns:1fr}.cards,.raregrid{grid-template-columns:1fr}.raregrid div{border-right:0;border-bottom:1px solid var(--line)}footer{flex-direction:column}.hero{min-height:62vh}}