:root{--canvas:#F3F0E8;--surface:#FFFFFF;--ink:#16181B;--muted:#6A6F75;--hair:#DDD8CC;--amber:#C47A0C;--amberSoft:#F6E4C6;--steel:#2F5577;--grid:#E8E3D6}
@media (prefers-color-scheme:dark){:root{--canvas:#0F1113;--surface:#181B1F;--ink:#ECEDEE;--muted:#8D939A;--hair:#2B3036;--amber:#FFB23E;--amberSoft:#3A2C14;--steel:#86B1D6;--grid:#1B1F24}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink);font:17px/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;
 background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
header{display:flex;align-items:center;gap:12px;padding:22px 0}
header a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px}
header img{width:40px;height:40px;border-radius:10px}
header strong{font:700 22px/1 ui-rounded,-apple-system,sans-serif}
nav{margin-left:auto;display:flex;gap:18px;font-size:15px}nav a{color:var(--muted);text-decoration:none}nav a:hover{color:var(--ink)}
.hero{padding:48px 0 28px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.hero h1{font:800 clamp(34px,6vw,54px)/1.05 ui-rounded,-apple-system,sans-serif;margin:0 0 14px;letter-spacing:-.02em}
.hero p{color:var(--muted);font-size:19px;margin:0 0 22px;max-width:520px}
.hero img{width:180px;height:180px;border-radius:40px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.badge{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--canvas);padding:13px 20px;border-radius:14px;text-decoration:none;font-weight:600}
.price{color:var(--muted);font-size:15px;margin-left:12px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;padding:18px 0 40px}
.card{background:var(--surface);border:1px solid var(--hair);border-radius:18px;padding:18px}
.card h3{margin:0 0 6px;font-size:17px}.card p{margin:0;color:var(--muted);font-size:15px}
.label{font:600 11px/1 -apple-system,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
section{padding:10px 0 34px}h2{font:700 28px/1.2 ui-rounded,-apple-system,sans-serif;margin:8px 0 14px}
.doc{background:var(--surface);border:1px solid var(--hair);border-radius:20px;padding:26px;margin:24px 0 40px}
.doc h1{font:800 34px/1.1 ui-rounded,-apple-system,sans-serif;margin:0 0 10px}.doc h2{font-size:21px;margin:26px 0 8px}
.doc p,.doc li{color:var(--ink)}.muted{color:var(--muted)}a{color:var(--amber)}
details{background:var(--surface);border:1px solid var(--hair);border-radius:14px;padding:14px 16px;margin:10px 0}
summary{cursor:pointer;font-weight:600}
footer{border-top:1px solid var(--hair);padding:22px 0 40px;color:var(--muted);font-size:14px;display:flex;gap:18px;flex-wrap:wrap}
footer a{color:var(--muted)}
@media (max-width:640px){.hero{grid-template-columns:1fr}.hero img{width:120px;height:120px;border-radius:28px;order:-1}nav{gap:12px}}