/* Palette follows deep-idle/docs/UI_GUIDELINES.md */
:root{color-scheme:dark;--bg:#141e23;--sheet:#1d2d37;--surface:#22343e;--line:#3f5059;--text:#f4efdf;--muted:#c9d3d4;--quiet:#8fa8b2;--amber:#f2a33a;--amber-line:#f0c476;--amber-text:#f9d18a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
a{color:var(--amber-text);text-underline-offset:.2em;overflow-wrap:anywhere}
a:focus-visible{outline:3px solid var(--amber);outline-offset:4px;border-radius:4px}
h1,h2,p{margin:0}
.top,main,.foot{max-width:960px;margin:auto;padding-inline:clamp(18px,5vw,48px)}
.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:16px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.6rem;color:var(--text);font-weight:700;text-decoration:none;letter-spacing:.02em}
.brand img{border-radius:8px}
.languages{display:flex;gap:.4rem}
.languages a{padding:.2rem .6rem;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;color:var(--muted)}
.languages a[aria-current="true"]{background:var(--surface);color:var(--text);border-color:var(--amber-line)}
.hero{display:flex;align-items:center;gap:clamp(18px,4vw,36px);padding-top:clamp(32px,7vw,72px)}
.hero-icon{width:clamp(88px,18vw,140px);height:auto;border-radius:24px;box-shadow:0 10px 30px #0006}
.hero h1{font-size:clamp(2.2rem,7vw,4rem);line-height:1.05}
.tagline{font-size:clamp(1.05rem,2.6vw,1.35rem);color:var(--muted);margin:.5rem 0 1.1rem}
.button{display:inline-block;background:var(--amber);border:2px solid var(--amber-line);color:#141e23;font-weight:700;padding:.65rem 1.4rem;border-radius:12px;text-decoration:none}
.badge{display:inline-block;padding:.35rem .9rem;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--amber-text);font-weight:600;font-size:.95rem}
.lead{max-width:62ch;margin:2rem 0;color:var(--muted)}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.card{background:var(--sheet);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem}
.card h2{font-size:1.15rem;color:var(--amber-text);margin-bottom:.35rem}
.card p{color:var(--muted);font-size:.97rem}
.block{margin:2.6rem 0}
.block h2{font-size:1.45rem;margin-bottom:.6rem}
.block p{margin:.5rem 0}
.muted{color:var(--muted)}
.doc-list{list-style:none;padding:0;margin:1rem 0;display:grid;gap:8px}
.doc-list a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.7rem 1rem;text-decoration:none;color:var(--text)}
.doc-list a:hover{border-color:var(--amber-line)}
.contacts{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.2rem;margin:0}
.contacts dt{color:var(--quiet)}
.contacts dd{margin:0}
.notice{margin:2rem 0 0;padding:1rem 1.2rem;border-left:4px solid var(--amber);background:#302b20;border-radius:0 10px 10px 0}
.doc{background:var(--sheet);border:1px solid var(--line);border-radius:14px;padding:clamp(1.1rem,3vw,2rem);margin:1.5rem 0}
.doc h1{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.2;margin:.3rem 0 1rem}
.doc p{margin:.8rem 0;overflow-wrap:anywhere}
.meta{font-size:.85rem;letter-spacing:.04em;color:var(--quiet)}
.missing{color:#ffd99d;background:#493524;border-radius:4px;padding:0 .15rem}
.after-doc{margin-bottom:2rem}
.foot{margin-top:3rem;padding-block:1.4rem 2rem;border-top:1px solid var(--line);color:var(--quiet);font-size:.9rem}
.foot p{margin:.3rem 0}
body[data-language="ru"] [lang="en"],body[data-language="en"] [lang="ru"]{display:none}
@media(max-width:560px){body{font-size:16px}.hero{flex-direction:column;align-items:flex-start}.contacts{grid-template-columns:1fr}.contacts dd{margin-bottom:.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{:root{color-scheme:light}body{background:#fff;color:#000}.top,.foot,.after-doc,.notice{display:none}.doc{border:0;padding:0;background:#fff}a{color:#000}}
