/* «Жиртрест» (/zhirtrest/) — страница приложения. Цвета и шрифты — из пакета
   приложения (фон #0D0E0B, карточки #171814, оранжевый #FF6A3D, бирюзовый #2DD4C8).
   Шапка и подвал NBW — из nbw-chrome.css. Onest заменён на Manrope (есть на сайте). */
*{box-sizing:border-box}
body{margin:0;background:#0D0E0B;color:#F5F4EF;font:17px/1.6 Manrope,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.zh{--bg:#0D0E0B;--card:#171814;--or:#FF6A3D;--tq:#2DD4C8;--tx:#F5F4EF;--dim:#a9a89f;--line:#ffffff1a}
.zh a{color:var(--tq)}
.zh img{display:block;max-width:100%;height:auto}
.zh h1,.zh h2,.zh h3{font-family:Unbounded,Manrope,system-ui,sans-serif;font-weight:700;margin:0;letter-spacing:-.01em}
.zh p{margin:0}
.zh-skip{position:fixed;top:-100px;left:16px;z-index:50;background:#0D0E0B;color:#FF6A3D;padding:10px}
.zh-skip:focus{top:10px}
.zh a:focus-visible{outline:2px solid var(--tq);outline-offset:4px}
.zh-bar{width:min(1180px,calc(100% - 40px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}
.zh-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--tx)!important;font:700 18px Unbounded,sans-serif}
.zh-brand img{width:40px;height:40px;border-radius:10px}
.zh-bar nav{display:flex;gap:24px;font-size:15px}
.zh-bar nav a,.zh-back{color:var(--dim)!important;text-decoration:none}
.zh-bar nav a:hover,.zh-back:hover{color:var(--tx)!important}
.zh main{width:min(1180px,calc(100% - 40px));margin:0 auto}
.zh-tag{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tq)}
.zh-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:56px 0 40px}
.zh-hero h1{font-size:clamp(48px,7vw,96px);line-height:1;margin:14px 0 18px;font-weight:800}
.zh-slogan{font:600 clamp(20px,2.2vw,28px)/1.3 Unbounded,sans-serif}
.zh-slogan em{font-style:normal;color:var(--or)}
.zh-lead{margin-top:20px!important;color:#cfcec6;max-width:600px}
.zh-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.zh-btn{display:inline-flex;align-items:center;min-height:48px;padding:10px 22px;border-radius:999px;border:1px solid #ffffff33;color:var(--tx)!important;text-decoration:none;font-weight:700}
.zh-btn:hover{border-color:var(--tq)}
.zh-btn-primary{background:var(--or);border-color:var(--or);color:#140b06!important}
.zh-btn-primary:hover{background:#ff7d55}
.zh-hero-art{position:relative;display:flex;justify-content:center;padding:20px 0}
.zh-hero-phone{width:min(330px,70%);border-radius:28px;box-shadow:0 30px 80px #ff6a3d33}
.zh-hero-raccoon{position:absolute;right:0;bottom:-10px;width:min(240px,45%)}
.zh-section{padding:56px 0;border-top:1px solid var(--line)}
.zh-section h2{font-size:clamp(26px,3vw,38px);margin-bottom:22px}
.zh-text{max-width:760px;color:#cfcec6}
.zh-features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.zh-features li{background:var(--card);border-radius:18px;padding:22px}
.zh-features h3{font-size:18px;margin-bottom:8px;color:var(--or)}
.zh-features p{color:#cfcec6;font-size:15px}
.zh-shots{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,260px);gap:16px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}
.zh-shot{margin:0;scroll-snap-align:start}
.zh-shot img{border-radius:18px}
.zh-shot figcaption{margin-top:10px;font-size:14px;color:var(--dim)}
.zh-shot figcaption b{display:block;color:var(--tx);font-size:15px;margin-bottom:2px}
.zh-raccoon-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.zh-raccoon-row figure{margin:0;background:var(--card);border-radius:18px;padding:16px}
.zh-raccoon-row img{max-height:240px;width:auto;margin:0 auto}
.zh-raccoon-row figcaption{margin-top:10px;font-size:14px;color:var(--dim);text-align:center}
.zh-raccoon-row b{color:var(--tx)}
.zh-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.zh-plan{background:var(--card);border-radius:18px;padding:24px;border:1px solid var(--line)}
.zh-plan h3{font-size:22px;margin-bottom:10px}
.zh-plan p{color:#cfcec6}
.zh-plan-pro{border-color:var(--or)}
.zh-plan-pro h3{color:var(--or)}
.zh-new{margin:0;padding-left:20px;color:#cfcec6;columns:2;column-gap:40px}
.zh-new li{margin-bottom:8px;break-inside:avoid}
.zh-faq{display:flex;flex-direction:column;gap:10px;max-width:860px}
.zh-faq details{background:var(--card);border-radius:14px;padding:14px 18px}
.zh-faq summary{cursor:pointer;font-weight:700}
.zh-faq details p{margin-top:10px;color:#cfcec6}
.zh-note p{max-width:860px;padding:16px 20px;border-left:3px solid var(--tq);background:var(--card);border-radius:0 12px 12px 0;color:#cfcec6;font-size:15px}
.zh-note b{color:var(--tx)}
.zh-foot{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 40px;border-top:1px solid var(--line);font-size:14px;color:var(--dim);display:flex;flex-direction:column;gap:8px}
.zh-doc{max-width:820px;padding:44px 0 30px}
.zh-doc h1{font-size:clamp(22px,3.4vw,40px);line-height:1.2;margin-bottom:22px;hyphens:auto;overflow-wrap:break-word}
.zh-doc p{margin-bottom:14px!important;color:#dcdbd3}
.zh-doc ul{margin:0 0 14px;padding-left:22px;color:#dcdbd3}
.zh-doc li{margin-bottom:8px}
.zh-doc b{color:var(--tx)}
@media(max-width:860px){.zh-hero{grid-template-columns:1fr;padding-top:34px}.zh-features,.zh-plan-grid{grid-template-columns:1fr}.zh-bar nav{display:none}.zh-new{columns:1}}
@media(max-width:560px){.zh-raccoon-row{grid-template-columns:1fr}.zh-raccoon-row img{max-height:200px}.zh-section{padding:40px 0}.zh-hero-raccoon{width:42%}}