/* Only local preview controls and the new audience block. Original page CSS is preserved separately. */
.copy-review-bar{font:12px/1.6 "Segoe UI",Arial,sans-serif;text-align:center;padding:11px 18px;background:#151515;color:#c6c3b8;border-bottom:1px solid #ffffff16}
.copy-review-bar a{color:#f4c64d;display:inline-block;margin-left:12px;text-underline-offset:3px}
.landing-audience{margin:34px 0 28px;padding:28px 0 8px;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}
.landing-audience h2{font-family:var(--font-display);font-size:clamp(25px,4.2vw,32px);font-weight:800;line-height:1.22;margin:0 0 24px;color:var(--gold);hyphens:none;word-break:normal}
.landing-audience p{margin:0 0 23px;line-height:1.75;hyphens:none;word-break:normal}
dialog{border:1px solid var(--line-strong);border-radius:18px;padding:36px 26px 26px;background:#141216;color:var(--ink);width:min(560px,calc(100% - 28px));max-height:85dvh;overflow-y:auto}
dialog::backdrop{background:#000b}dialog h2{font-size:25px;line-height:1.3;margin:0 20px 18px 0}dialog p{font-size:14px;line-height:1.6;color:#c4bdaf}.copy-close{position:absolute;right:8px;top:8px;border:0;color:var(--ink);background:transparent;font-size:28px;width:42px;height:42px;cursor:pointer}
.copy-messengers{display:grid;gap:10px;margin:22px 0}.copy-messengers button{font:700 16px/1.4 var(--font-body);color:#18120a;background:var(--gold);border:0;border-radius:10px;padding:15px;cursor:pointer}
#preview-result{border-top:1px solid var(--line-strong);padding-top:18px;font-size:13px;overflow-wrap:anywhere}#preview-result code{display:block;margin:10px 0;color:var(--gold-soft);font-size:12px}#preview-result p{font-size:13px}
button:focus-visible,a:focus-visible{outline:3px solid #78b7ff;outline-offset:4px}
@media(max-width:420px){.landing-audience{margin-top:28px}.landing-audience p{line-height:1.7}.copy-review-bar{font-size:11px}}

/* Audience: three readable choices, with the author's complete copy retained. */
.landing-audience{padding-bottom:28px;border-bottom:0;margin-bottom:24px}
.landing-audience h2{margin-bottom:12px}
.audience-hint{font-size:13px;font-weight:400;color:var(--muted);margin-bottom:24px}
.audience-options{display:grid;gap:13px}
.audience-card{background:linear-gradient(110deg,#ffffff06,transparent),#100f12;border:1px solid #ffffff21;border-radius:16px;overflow:hidden}
.audience-card summary{list-style:none;display:grid;grid-template-columns:30px minmax(0,1fr) 25px;gap:14px;padding:23px 22px;cursor:pointer;align-items:start}
.audience-card summary::-webkit-details-marker{display:none}
.audience-card summary:hover{background:#f4c64d08}
.audience-card summary:focus-visible{outline:3px solid #78b7ff;outline-offset:-4px;border-radius:16px}
.audience-number{color:#bfb298;font-size:12px;font-weight:600;letter-spacing:.08em;padding-top:4px}
.audience-label{display:block;color:var(--gold-soft);font-size:19px;font-weight:750;line-height:1.35}
.audience-excerpt{display:block;font-size:14px;line-height:1.65;color:#b9b5ad;font-weight:400;margin-top:9px}
.audience-toggle{border:1px solid #f4c64d55;width:25px;height:25px;border-radius:50%;position:relative;margin-top:1px}
.audience-toggle::before,.audience-toggle::after{content:"";position:absolute;background:var(--gold-soft);width:9px;height:1px;left:7px;top:11px}
.audience-toggle::after{transform:rotate(90deg)}
.audience-card[open]{border-color:#f4c64d66}
.audience-card[open] .audience-toggle::after{transform:rotate(0)}
.audience-body{padding:0 24px 22px 66px}
.landing-audience .audience-body p{font-size:15px;line-height:1.75;font-weight:400;color:#d4d0c7;margin:0 0 18px}
.landing-audience .audience-body p:last-child{margin-bottom:0}
.landing-audience .audience-body .audience-answer{padding:15px 17px;border-left:2px solid var(--green);background:#3ce8a408;color:#eeeae0;border-radius:0 8px 8px 0}
.audience-freedom{position:relative;margin-top:30px;padding:28px 27px;background:linear-gradient(130deg,#f4c64d12,#3ce8a408);border:1px solid #f4c64d35;border-radius:16px}
.landing-audience .audience-freedom p{font-weight:400;font-size:15px;line-height:1.75;color:#d4d0c7;margin:16px 0 0}
.landing-audience .audience-freedom .freedom-lead{font-family:var(--font-display);font-size:22px;line-height:1.4;font-weight:700;color:#f7f2e9;margin-top:0}
.landing-audience .audience-freedom .freedom-last{color:var(--gold-soft);font-size:19px;font-weight:700;margin-top:21px}
@media(max-width:420px){.audience-card summary{padding:20px 17px;grid-template-columns:22px minmax(0,1fr) 23px;gap:10px}.audience-label{font-size:17px}.audience-excerpt{font-size:14px}.audience-body{padding:0 18px 20px}.audience-freedom{padding:23px 21px}.landing-audience .audience-freedom .freedom-lead{font-size:20px}.audience-hint{font-size:12px}}
@media print{.audience-card::details-content{content-visibility:visible;display:block}.audience-toggle,.audience-hint{display:none}}

/* Author name follows the cabinet's two-line brand. */
.brand__name{display:grid;gap:1px;font-family:var(--font-body);font-size:12px;line-height:1.15;letter-spacing:normal;text-transform:none;color:var(--muted)}
.brand__name b{display:block;color:var(--gold-soft);font-size:15px;white-space:nowrap}
.audience-static{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:23px 22px}
.landing-audience .audience-static .audience-excerpt{font-size:14px;font-weight:400;color:#b9b5ad;line-height:1.65;margin:12px 0 0}
.freedom-highlight{color:var(--gold)}
@media(max-width:420px){.audience-static{padding:20px 17px;grid-template-columns:22px minmax(0,1fr);gap:10px}}
/* Recognizable messenger colors and locally rendered icons. */
.copy-messengers button{display:flex;align-items:center;justify-content:center;gap:13px;color:#fff;min-height:58px;box-shadow:0 4px 14px #0003;transition:filter .15s,transform .15s}
.copy-messengers button[data-channel="tg"]{background:#229ed9}
.copy-messengers button[data-channel="vk"]{background:#0077ff}
.copy-messengers button[data-channel="max"]{background:linear-gradient(115deg,#168cff 0%,#6255ef 55%,#8a36dc 100%)}
.messenger-icon{width:28px;height:28px;flex:0 0 28px}
.copy-messengers button:hover{filter:brightness(1.1)}
.copy-messengers button:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.copy-messengers button{transition:none}}
/* Persistent next step and explicit expansion controls. */
body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
.landing-dock > .btn[data-open="hero"]{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(620px,calc(100% - 32px));z-index:50;box-shadow:0 8px 32px #0009,0 0 0 8px #08070ae8}
.audience-card summary{grid-template-columns:30px minmax(0,1fr)}
.audience-expand{grid-column:2;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:4px;color:var(--gold-soft)}
.audience-expand-label{font-size:14px;font-weight:650}
.audience-expand .audience-toggle{width:32px;height:32px;margin:0;border-color:#f4c64d99;background:#f4c64d12}
.audience-expand .audience-toggle::before,.audience-expand .audience-toggle::after{width:12px;height:2px;left:9px;top:14px}
.audience-card[open] .audience-expand-label{font-size:0}
.audience-card[open] .audience-expand-label::after{content:"Свернуть";font-size:14px}
@media(max-width:420px){.audience-card summary{grid-template-columns:22px minmax(0,1fr)}.landing-dock > .btn[data-open="hero"]{font-size:15px;width:calc(100% - 24px)}}
@media print{.landing-dock > .btn[data-open="hero"]{position:static;transform:none;width:100%;box-shadow:none}.audience-expand{display:none}body{padding-bottom:0}}
.audience-card[open] .audience-expand{display:none}

.brand__name{font-size:15px}.brand__name b{font-size:inherit}

/* Subtle gold light: content stays still and visible throughout. */
.landing-dock > .btn[data-open="hero"]{overflow:hidden;isolation:isolate;background:linear-gradient(115deg,#28bc79,#67dfa6 48%,#38c985);border:1px solid #90efbf;color:#071b12;font-weight:600;animation:cta-green-breathe 5.8s ease-in-out infinite}
.landing-dock > .btn[data-open="hero"]::after{content:"";position:absolute;inset:-70% auto -70% -70%;width:34%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:skewX(-24deg);pointer-events:none;animation:cta-gold-sweep 7s ease-in-out infinite}
.landing-dock > .btn[data-open="hero"]:hover::after{animation-duration:3.4s}
@keyframes cta-gold-sweep{0%,55%{left:-70%;opacity:0}58%{opacity:.7}78%{left:140%;opacity:0}100%{left:140%;opacity:0}}
@keyframes cta-green-breathe{0%,100%{box-shadow:0 8px 32px #0009,0 0 0 8px #08070ae8,0 0 18px #38c98520}50%{box-shadow:0 8px 32px #0009,0 0 0 8px #08070ae8,0 0 30px #38c98545}}
.polish-target{outline:1px solid transparent;outline-offset:-1px}
.polish-target.is-polished{animation:section-gold-arrival 2.1s ease-out both;animation-delay:var(--polish-delay,0ms)}
@keyframes section-gold-arrival{0%{outline-color:transparent;box-shadow:0 0 0 #f4c64d00}32%{outline-color:#f4c64d99;box-shadow:0 0 28px #f4c64d24,inset 0 0 20px #f4c64d08}100%{outline-color:#f4c64d28;box-shadow:0 0 0 #f4c64d00}}
.brand__mark{position:relative;isolation:isolate;border-color:#f4c64d70;animation:mascot-halo 6.8s ease-in-out infinite}
.brand__mark::after{content:"";position:absolute;inset:-4px;border-radius:15px;border:1px solid #f4c64d40;pointer-events:none;animation:mascot-ring 6.8s ease-in-out infinite}
@keyframes mascot-halo{0%,100%{box-shadow:0 0 10px #f4c64d10}50%{box-shadow:0 0 22px #f4c64d38,0 0 8px #3ce8a41c}}
@keyframes mascot-ring{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.8;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.landing-dock > .btn[data-open="hero"],.landing-dock > .btn[data-open="hero"]::after,.polish-target.is-polished,.brand__mark,.brand__mark::after{animation:none}.polish-target.is-polished{outline-color:#f4c64d28}.landing-dock > .btn[data-open="hero"]::after{display:none}}
/* Quiet legal footer; the earnings screenshot has no decorative frame. */
.landing-shot,.landing-shot img{border:0;outline:0;box-shadow:none}
.landing-footer{margin:26px 0 0;padding:22px 0 10px;border-top:1px solid #ffffff16;font:12px/1.7 var(--font-body);color:var(--muted);text-align:center}
.landing-footer-owner{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 18px;margin-bottom:12px}
.landing-footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px}
.landing-footer-links a{color:#c5beaf;text-underline-offset:4px;text-decoration-color:#c5beaf55}
.landing-footer-links a:hover{color:var(--gold)}
body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
@media(max-width:420px){.landing-footer-owner,.landing-footer-links{flex-direction:column;gap:6px}.landing-footer{margin-top:20px;padding-top:20px}}
.retention-dialog{width:min(720px,calc(100% - 28px));max-height:88dvh;padding:0;overflow:hidden}
.retention-copy{padding:36px 30px 12px;max-height:calc(88dvh - 98px);overflow-y:auto;overscroll-behavior:contain}
.retention-copy h2{font-size:clamp(21px,3vw,28px);color:var(--gold);margin-right:16px}
.retention-copy p,.retention-copy li{font-size:16px;line-height:1.7;color:#e1dbd0}
.retention-copy p{margin:20px 0}.retention-copy ul{padding-left:22px}.retention-copy li{margin:8px 0}
.retention-copy .retention-choice{color:var(--gold);font-size:23px;font-weight:750}
.retention-actions{display:flex;gap:12px;padding:16px 24px 20px;border-top:1px solid #f4c64d30;background:#141216}
.retention-actions button{flex:1;font:700 15px/1.3 var(--font-body);border-radius:10px;padding:15px 12px;cursor:pointer}
.retention-leave{border:1px solid #e36a74;background:#b92f40;color:#fff}.retention-continue{border:1px solid #6ce2a8;background:#38c985;color:#071b12}
.retention-dialog .copy-close{z-index:2;background:#141216;border-radius:50%}
.legal-dialog{width:min(820px,calc(100% - 28px));padding:42px 30px 30px}
.legal-dialog h1{font:800 clamp(23px,3vw,30px)/1.3 var(--font-display);color:var(--gold);margin:0 24px 20px 0}
.legal-dialog h2{font-size:19px;color:#f3e8c9;margin:28px 0 12px}
.legal-dialog p,.legal-dialog li,.legal-requisites{font-size:15px;line-height:1.75;color:#d4cfc6}
.legal-dialog a{color:var(--gold-soft);overflow-wrap:anywhere}
.legal-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--muted)}
.legal-note,.legal-requisites{padding:16px;background:#f4c64d09;border-left:2px solid var(--gold);border-radius:0 8px 8px 0}
@media(max-width:420px){.retention-copy{padding:36px 21px 8px}.retention-copy p,.retention-copy li{font-size:15px}.retention-actions{gap:8px;padding:14px 14px 18px}.retention-actions button{font-size:13px;padding:14px 8px}.legal-dialog{padding:42px 21px 24px}}
.retention-copy h2{color:#f7f2e9;font-weight:750}
.retention-copy .retention-accent{color:var(--gold);font-weight:800}
.retention-copy strong{font-weight:750;color:#f7f2e9}
.retention-copy ul{list-style:none;padding:16px 18px;border:1px solid #f4c64d33;border-radius:12px;background:#f4c64d08}
.retention-copy ul li{position:relative;padding-left:20px}
.retention-copy ul li::before{content:"✓";position:absolute;left:0;color:var(--gold)}
.retention-copy .retention-choice{border-top:1px solid #f4c64d35;padding-top:19px;font-size:25px}
.retention-copy .retention-reassurance{padding:18px 20px;border:1px solid #ffffff38;border-radius:12px;color:#f7f2e9;background:transparent}
.retention-copy .retention-underlined{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.retention-copy .retention-reasons{margin:0 0 24px;padding-left:25px}
.retention-copy .retention-reasons li{padding-left:5px;margin:12px 0}
.retention-copy .retention-reasons li::marker{color:#f7f2e9;font-weight:750}
.retention-copy .retention-thanks{margin:28px 0;padding:18px 20px;border-radius:12px;background:#ffffff08;border-left:2px solid #ffffff45}
.retention-copy .retention-thanks p{margin:0}
.retention-copy .retention-danger{color:#ff7f84}
@media(hover:hover){.retention-leave:hover{background:#ce3b4d}.retention-continue:hover{background:#53d898}}
.retention-actions button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 900;font-display:swap;src:url("assets/GolosText-Variable.ttf") format("truetype")}
:root{--font-body:"Golos Text",sans-serif;--font-display:"Golos Text",sans-serif}
body,button,input,select,textarea,.copy-review-bar,code{font-family:var(--font-body)}
.text-spoiler{cursor:pointer;display:inline;border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.text-spoiler:not(.is-revealed){background-color:#ffffff14;background-image:radial-gradient(circle,#f7f2e966 .8px,transparent 1px),radial-gradient(circle,#f7f2e933 .7px,transparent 1px);background-size:5px 6px,7px 5px;background-position:0 0,2px 3px;animation:spoiler-dust 5s linear infinite}
.text-spoiler:not(.is-revealed) .text-spoiler-content{opacity:0;user-select:none}
.text-spoiler:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@keyframes spoiler-dust{to{background-position:10px 12px,-12px 13px}}
@media(prefers-reduced-motion:reduce){.text-spoiler:not(.is-revealed){animation:none}}
/* Approved spoiler particles: softness 6.5, grain 1.35, density 1.45, speed 2.5, chaos 1.2. */
.text-spoiler:not(.is-revealed){background:none;animation:none}
#spoiler-particles{position:fixed;inset:0;width:100%;height:100%;z-index:60;pointer-events:none}
body{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
body::after{content:"";position:fixed;left:0;right:0;bottom:0;height:calc(88px + env(safe-area-inset-bottom));background:#08070a;border-top:1px solid #ffffff18;z-index:40;pointer-events:none}
#spoiler-particles{z-index:39}
@media print{body::after{display:none}body{padding-bottom:0}}
/* Личный рассказ автора: спокойный акцент на времени с близкими. */
.author-story-reflection {
  margin: 24px 0;
  padding: 20px 24px;
  border: 1px solid rgba(237, 195, 71, .25);
  border-left: 3px solid var(--gold);
  border-radius: 18px;
  background: rgba(237, 195, 71, .035);
}
.author-story-reflection p:first-child { margin-top: 0; }
.author-story-reflection p:last-child { margin-bottom: 0; }
@media (max-width: 700px) {
  .author-story-reflection { padding: 18px; margin: 20px 0; }
}
/* Единая закреплённая панель: кнопка и компактные реквизиты. */
body { padding-bottom: calc(148px + env(safe-area-inset-bottom, 0px)); }
body::after { display: none; }
.landing-dock {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
  padding: 12px 16px calc(7px + env(safe-area-inset-bottom, 0px));
  background: #08070a; border-top: 1px solid #ffffff18;
  box-shadow: 0 -8px 28px #0005; text-align: center;
}
.landing-dock > .btn[data-open="hero"] {
  position: relative; left: auto; bottom: auto; transform: none;
  display: block; width: min(620px, 100%); margin: 0 auto;
}
.landing-dock .landing-footer {
  margin: 7px 0 0; padding: 0; border: 0;
  font-size: 11px; line-height: 1.4;
}
.landing-dock .landing-footer-owner {
  flex-direction: row; gap: 2px 12px; margin: 0;
}
.landing-dock .landing-footer-links {
  flex-direction: row; align-items: center; gap: 0 8px;
}
.landing-dock .landing-footer-links a {
  display: inline-flex; align-items: center; min-height: 28px;
}
@media (max-width: 420px) {
  .landing-dock { padding-left: 12px; padding-right: 12px; }
  .landing-dock > .btn[data-open="hero"] { width: 100%; font-size: 15px; }
  .landing-dock .landing-footer { font-size: 10px; }
}
@media (pointer: coarse) {
  .landing-dock > .btn[data-open="hero"]:hover,
  .landing-dock > .btn[data-open="hero"]:active { transform: none; }
}
@media print {
  .landing-dock { position: static; box-shadow: none; }
  body { padding-bottom: 0; }
}
/* В конце чтения остаётся только небольшой зазор над закреплённой панелью. */
body { padding-bottom: calc(var(--landing-dock-height, 124px) + 12px); }
.shell { padding-bottom: 0; }
#s-landing > .landing-audience { margin-bottom: 0; padding-bottom: 0; }
@media print { body { padding-bottom: 0; } }
/* Подвал служит запасом под нижний интерфейс мобильного браузера. */
@media (pointer: coarse) {
  .landing-dock .landing-footer {
    min-height: 46px;
    display: flex; flex-direction: column; justify-content: flex-start;
  }
}