/* ══════════════════════════════════════════════════════════════════
   AI EMPIRE — общая оболочка внутренних страниц (дизайн v4).
   Светлая тема по умолчанию, тёмная — по кнопке в шапке (data-theme).
   Главная страница живёт со своим инлайновым CSS; здесь то же самое,
   но только шапка, подвал и типографика документа.
   ══════════════════════════════════════════════════════════════════ */
:root{
  --night:#FFFFFF; --soot:#F6F7F5; --moss:#EEF1EC; --line:#E4E8E1; --deep:#E7F6EC;
  --paper:#22261F; --paper-2:#555C52; --fog:#8C9389;
  --leaf:#15A049; --grass:#18A84E; --glow:rgba(24,168,78,.22);
  --display:"Manrope",system-ui,sans-serif;
  --body:"Golos Text",system-ui,sans-serif;
  --hand:"Caveat",cursive;
  --ease:cubic-bezier(.22,.7,.2,1);
  --card-sh:0 2px 6px rgba(20,30,20,.04),0 18px 40px -18px rgba(20,40,25,.14);
}
html[data-theme="dark"]{
  --night:#0A0B09; --soot:#131511; --moss:#1B2019; --line:#262C23; --deep:#0E3A1F;
  --paper:#EDF0E7; --paper-2:#C9CEC1; --fog:#8C9587;
  --leaf:#28C763; --grass:#19A94F; --glow:rgba(40,199,99,.30);
  --card-sh:0 24px 50px -34px rgba(0,0,0,.8);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--paper);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
::selection{background:#CDEFD8;color:#22261F}
html[data-theme="dark"] ::selection{background:var(--leaf);color:#04110A}
:focus-visible{outline:2px solid var(--leaf);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px}
.skip:focus{left:16px;top:12px;z-index:100;background:var(--paper);color:var(--night);padding:8px 14px;border-radius:8px}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0;text-wrap:balance}
.ico{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ── шапка: белая плавающая таблетка ── */
.top{position:fixed;inset:14px 0 auto;z-index:50;transition:translate .35s var(--ease)}
.top.away{translate:0 -130%}
.top .bar{max-width:1100px;margin:0 auto;padding:0 22px;height:64px;display:flex;align-items:center;gap:16px;
  background:var(--soot);border-radius:20px;box-shadow:0 8px 30px -10px rgba(20,40,25,.18)}
html[data-theme="dark"] .top .bar{background:rgba(19,21,17,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px -14px rgba(0,0,0,.9)}
.logo{display:flex;align-items:center;gap:10px;font:800 18px/1 var(--display);letter-spacing:-.03em;text-decoration:none;white-space:nowrap}
.logo .mark{width:28px;height:auto;flex:none;color:var(--paper)}
.back{margin-left:auto;text-decoration:none;color:var(--paper-2);font-size:15px;white-space:nowrap}
.back:hover{color:var(--leaf)}
.theme{width:38px;height:38px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:var(--moss);color:var(--paper);transition:transform .4s var(--ease);flex:none}
.theme:hover{transform:rotate(25deg)}
html[data-theme="dark"] .theme .moon,html:not([data-theme="dark"]) .theme .sun{display:none}

/* ── кнопки ── */
.btn{--h:46px;position:relative;display:inline-flex;align-items:center;gap:10px;height:var(--h);padding:0 22px;border-radius:999px;border:0;
  font:600 15.5px/1 var(--body);text-decoration:none;cursor:pointer;white-space:nowrap;overflow:hidden;transition:transform .25s var(--ease),box-shadow .35s var(--ease),background .2s}
.btn:active{transform:scale(.97)}
.btn .ico{width:18px;height:18px;transition:transform .35s var(--ease)}
.btn:hover .ico{transform:translateX(4px)}
.btn-main{background:var(--grass);color:#fff;box-shadow:0 10px 24px -10px rgba(24,168,78,.55)}
.btn-main:hover{background:#139243;box-shadow:0 0 0 6px rgba(24,168,78,.12),0 12px 28px -10px rgba(24,168,78,.6)}
html[data-theme="dark"] .btn-main{color:#04140A}
.btn-ghost{color:var(--leaf);box-shadow:inset 0 0 0 1.5px var(--leaf);background:transparent}
.btn-ghost:hover{background:var(--leaf);color:#fff}
.link{color:var(--paper);text-decoration:none;background:linear-gradient(var(--leaf),var(--leaf)) 0 100%/100% 2px no-repeat;padding-bottom:2px;transition:background-size .3s var(--ease),color .2s}
.link:hover{color:var(--leaf);background-size:0 2px;background-position:100% 100%}

/* ── документ ── */
.doc{max-width:780px;margin:0 auto;padding:130px 22px 80px}
.doc h1{font-size:clamp(32px,4.4vw,48px)}
.doc .rev{margin:14px 0 0;color:var(--fog);font-size:14.5px}
.doc .intro{margin:26px 0 0;font-size:17.5px;color:var(--paper-2)}
.doc h2{margin:48px 0 14px;font-size:clamp(21px,2.4vw,26px);scroll-margin-top:100px}
.doc h3{margin:28px 0 10px;font-size:18px;font-weight:700}
.doc p{margin:0 0 12px;color:var(--paper-2)}
.doc p b,.doc b{color:var(--paper);font-weight:600}
.doc ul,.doc ol{margin:0 0 14px;padding-left:22px;color:var(--paper-2)}
.doc li{margin:0 0 7px}
.doc li::marker{color:var(--leaf)}
.doc a{color:var(--paper);text-decoration:underline;text-decoration-color:var(--leaf);text-underline-offset:3px}
.doc a:hover{color:var(--leaf)}
.doc hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.doc table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:15px}
.doc th,.doc td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--paper-2)}
.doc th{color:var(--paper);font-weight:600}
.doc .box{margin:22px 0;padding:18px 20px;border-radius:18px;background:var(--soot);box-shadow:var(--card-sh)}
.doc .box p:last-child{margin-bottom:0}

/* ── подвал ── */
footer{border-top:1px solid var(--line);padding:34px 0 52px;color:var(--fog);font-size:14px}
footer .bar{max-width:1100px;margin:0 auto;padding:0 22px;display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}
footer a{text-decoration:none}
footer a:hover{color:var(--leaf)}
footer .rights{margin-left:auto}

@media(max-width:700px){
  .top{inset:8px 0 auto}
  .top .bar{margin:0 8px;padding:0 14px;height:58px;gap:10px}
  .back{font-size:14px}
  .doc{padding:104px 18px 60px}
  footer .rights{margin-left:0;width:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}