/* ─────────── Tetiana Goldenberg — стили ─────────── */
/* Шрифты хостятся локально (по ТЗ: без Google Fonts). */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/cg-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/cg-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/cg-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 700;font-display:swap;src:url(../fonts/cg-cyrillic-italic.woff2) format("woff2");unicode-range:U+0301,U+0400-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 700;font-display:swap;src:url(../fonts/cg-latin-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --cream:#FAF6EF; --paper:#FFFDF9; --sand:#F2E8D8; --sand-2:#E8D9BF; --line:#E6DAC5;
  --ink:#2A2018; --ink-soft:#5C4D3E; --ink-mute:#6A5A49;
  --gold:#B4863A; --gold-deep:#7C5A1D; --gold-light:#DDB975; --gold-grad:linear-gradient(135deg,#E2C285 0%,#C69A4E 45%,#9C7028 100%);
  --espresso:#2B2119; --espresso-2:#3A2D22;
  --sage:#5F6F5A; --rose:#C9877A;
  --serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r:20px; --r-lg:32px; --shadow:0 18px 50px -20px rgba(74,50,20,.28); --shadow-sm:0 8px 24px -14px rgba(74,50,20,.35);
  --wrap:1200px; --gut:clamp(18px,4vw,40px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
h1,h2,h3,h4,p,ul,ol,dl,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;background:var(--espresso);color:#fff;padding:10px 16px;border-radius:10px;z-index:200;transition:top .2s}
.skip:focus{top:12px}
.wrap{width:100%;max-width:calc(var(--wrap) + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.narrow{max-width:calc(820px + 2*var(--gut))}
.center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.sec{padding-block:clamp(64px,9vw,120px);position:relative}
.sec-sand{background:var(--sand)}
.sec-dark{background:var(--espresso);color:#F3EADB;overflow:hidden}
.note{font-size:.9rem;color:var(--ink-mute);margin-top:18px}
.sec-dark .note{color:#CDBFA8}

/* ─── типографика ─── */
.kicker{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--gold-deep);margin-bottom:14px}
.kicker-gold{color:var(--gold-light)}
.h1,.h2,.h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;line-height:1.02;color:inherit}
.h1{font-size:clamp(2.9rem,7.2vw,6rem)}
.h2{font-size:clamp(2.2rem,4.8vw,3.9rem)}
.h3{font-size:clamp(1.55rem,2.6vw,2.05rem);line-height:1.15}
.h1 em,.h2 em{font-style:italic;font-weight:500;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.sec-dark .h2 em{background:linear-gradient(135deg,#F1D9A4,#D3A85B);-webkit-background-clip:text;background-clip:text}
.lead{font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--ink-soft);max-width:60ch}
.lead-lg{font-size:clamp(1.15rem,1.8vw,1.35rem)}
.sec-dark .lead{color:#DDD0BA}
.head{max-width:760px;margin-bottom:clamp(32px,5vw,56px)}
.head-center{margin-inline:auto;text-align:center}
.head .lead{margin-top:18px}
.meta-line{margin-top:20px;font-size:.92rem;letter-spacing:.04em;color:var(--ink-mute)}

/* ─── кнопки ─── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 28px;border-radius:999px;font:600 .98rem/1.2 var(--sans);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,color .25s;text-align:center}
.btn .ico{flex:none;transition:transform .25s}
.btn:hover .ico{transform:translateX(3px)}
.btn-primary{background:var(--espresso);color:#FBF3E2;box-shadow:var(--shadow-sm)}
.btn-primary:hover{background:#1c150f;transform:translateY(-2px);box-shadow:var(--shadow)}
.btn-gold{background:var(--gold-grad);color:#25190D;box-shadow:0 10px 30px -12px rgba(180,134,58,.7)}
.btn-gold:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#FBF3E2}
.sec-dark .btn-ghost{color:#F3EADB;border-color:#F3EADB}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1.5px solid var(--line);border-radius:999px;text-decoration:none;font-weight:500;font-size:.95rem;background:var(--paper);transition:all .2s}
.chip:hover{border-color:var(--gold);color:var(--gold-deep);transform:translateY(-1px)}
.chips-dark .chip{background:transparent;border-color:#5b4a38;color:#EDE2CE}
.chips-dark .chip:hover{border-color:var(--gold-light);color:var(--gold-light)}

/* ─── шапка ─── */
.site-header{position:sticky;top:0;z-index:100;background:rgba(250,246,239,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.site-header.scrolled{border-bottom-color:var(--line);background:rgba(250,246,239,.94)}
.bar{display:flex;align-items:center;gap:20px;min-height:74px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--espresso);color:var(--gold-light);font:600 1.05rem var(--serif);letter-spacing:.04em}
.brand-name{font:600 1.32rem/1 var(--serif);display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.brand-name small{font:600 .62rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}
.nav ul{display:flex;gap:4px}
.nav a{display:block;white-space:nowrap;padding:10px 13px;border-radius:999px;text-decoration:none;font-size:.92rem;font-weight:500;color:var(--ink-soft);transition:all .2s}
.nav a:hover{color:var(--ink);background:var(--sand)}
.nav a[aria-current=page]{color:var(--ink);background:var(--sand)}
.langsw{position:relative}
.langsw summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--sand);font:700 .78rem var(--sans);color:var(--ink);user-select:none;min-height:36px;transition:background .18s}
.langsw summary::-webkit-details-marker{display:none}
.langsw summary::marker{content:""}
.langsw summary:hover{background:var(--sand-2,#EFE3D0)}
.langsw[open] summary{background:var(--espresso);color:#fff}
.langsw .lg-ico{width:16px;height:16px;flex:none}
.langsw .lg-cur{letter-spacing:.06em}
.langsw-list{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px rgba(80,50,20,.14);padding:6px;min-width:130px;margin:0;list-style:none;z-index:200}
.langsw-list a{display:block;padding:8px 14px;text-decoration:none;color:var(--ink);font:600 .88rem var(--sans);border-radius:8px;letter-spacing:.05em}
.langsw-list a:hover{background:var(--sand)}
.langsw-list a[aria-current=true]{background:var(--espresso);color:#fff}
@media(max-width:1280px){.brand-name small{display:none}}
.burger{display:none;width:46px;height:46px;border:0;background:var(--sand);border-radius:14px;cursor:pointer;padding:0;position:relative}
.burger span{position:absolute;left:13px;right:13px;height:2px;background:var(--ink);border-radius:2px;transition:all .25s}
.burger span:nth-child(1){top:16px}.burger span:nth-child(2){top:22px}.burger span:nth-child(3){top:28px}
.burger[aria-expanded=true] span:nth-child(1){top:22px;transform:rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){top:22px;transform:rotate(-45deg)}
@media(max-width:1020px){
  .burger{display:block}
  .nav{position:fixed;inset:74px 0 auto 0;background:var(--cream);padding:14px var(--gut) 26px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);transform:translateY(-12px);opacity:0;visibility:hidden;transition:all .25s;max-height:calc(100dvh - 74px);overflow:auto}
  .nav.open{transform:none;opacity:1;visibility:visible}
  .nav ul{flex-direction:column;gap:2px}
  .nav a{padding:14px 16px;font-size:1.05rem}
  .brand-name small{display:none}
}

/* ─── hero ─── */
.hero{position:relative;overflow:hidden;padding-block:clamp(36px,6vw,80px) clamp(56px,8vw,110px)}
.hero-glow{position:absolute;inset:-20% -10% auto auto;width:70vw;height:70vw;max-width:900px;max-height:900px;background:radial-gradient(closest-side,rgba(226,194,133,.55),rgba(226,194,133,0));pointer-events:none;filter:blur(10px)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,80px);align-items:center;position:relative}
.hero-h1{margin:6px 0 20px}
.hero-sub{font:italic 500 clamp(1.4rem,2.6vw,2rem)/1.2 var(--serif);color:var(--gold-deep);margin-bottom:20px}
.hero-note{margin-top:20px;font-size:.88rem;color:var(--ink-mute)}
.hero-visual{position:relative;max-width:520px;margin-inline:auto;width:100%}
.arch{border-radius:999px 999px 28px 28px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow);background:var(--sand);position:relative;z-index:1}
.arch img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.ring{position:absolute;inset:-18px -18px auto auto;width:78%;aspect-ratio:1;border:1.5px solid var(--gold-light);border-radius:50%;opacity:.7;z-index:0}
.ring::after{content:"";position:absolute;inset:14px;border:1px dashed var(--gold-light);border-radius:50%;opacity:.6}
.hero-covers{position:absolute;left:-24px;bottom:-26px;z-index:2;display:flex;padding:10px;background:rgba(255,253,249,.88);backdrop-filter:blur(8px);border-radius:18px;box-shadow:var(--shadow)}
.hero-covers img{width:52px;height:78px;object-fit:cover;border-radius:4px;margin-left:-14px;box-shadow:0 4px 12px rgba(0,0,0,.25);transition:transform .3s}
.hero-covers img:first-child{margin-left:0}
.hero-visual:hover .hero-covers img{transform:translateY(-4px)}
@media(max-width:860px){
  .hero-grid{grid-template-columns:1fr}
  .hero-visual{order:-1;max-width:290px}
  .hero-covers{left:-8px}
}

.marquee{overflow:hidden;background:var(--espresso);color:var(--gold-light);padding:16px 0;border-block:1px solid #45362a}
.marquee-track{display:flex;width:max-content;gap:26px;align-items:center;font:italic 500 1.55rem/1 var(--serif);animation:mq 42s linear infinite}
.marquee-track i{font-style:normal;font-size:.9rem;opacity:.7}
@keyframes mq{to{transform:translateX(-50%)}}

/* ─── узнаёте себя ─── */
.recog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.recog-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:28px 26px 30px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;flex-direction:column;gap:14px}
.recog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--gold-light)}
.num{font:italic 500 2.4rem/1 var(--serif);background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.recog-card p{font-size:1.05rem;color:var(--ink)}
.recog-foot{margin-top:34px;text-align:center;font:italic 500 1.5rem/1.3 var(--serif);color:var(--ink-soft)}
@media(max-width:900px){.recog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.recog-grid{grid-template-columns:1fr}}

/* ─── быстрый маршрут ─── */
.route{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.route-opts{display:flex;flex-direction:column;gap:12px}
.route-opt{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r);padding:20px 24px;cursor:pointer;font:500 1.12rem/1.3 var(--serif);font-size:1.3rem;transition:all .25s;min-height:68px}
.route-opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.route-opt i{font-style:normal;opacity:0;transform:translateX(-6px);transition:all .25s;color:var(--gold-deep)}
.route-opt:hover{border-color:var(--gold);transform:translateX(3px)}
.route-opt:has(input:checked){background:var(--espresso);color:#FBF3E2;border-color:var(--espresso)}
.route-opt:has(input:checked) i{opacity:1;transform:none;color:var(--gold-light)}
.route-opt:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:3px}
.route-panel{background:var(--paper);border:1.5px dashed var(--sand-2);border-radius:var(--r-lg);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:280px}
.route-panel.filled{border-style:solid;border-color:var(--gold-light);background:linear-gradient(160deg,#fff,#FBF1DD);box-shadow:var(--shadow);animation:rise .45s cubic-bezier(.2,.8,.2,1)}
.route-empty{color:var(--ink-mute);text-align:center}
.route-tag{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--gold-deep)}
.route-panel h3{font:500 2.3rem/1.05 var(--serif)}
.route-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:860px){.route{grid-template-columns:1fr}.route-panel{min-height:0}}

/* ─── тёмный тизер диагностики ─── */
.diag-teaser{padding-block:clamp(70px,10vw,130px)}
.dark-glow{position:absolute;inset:auto -10% -40% auto;width:60vw;height:60vw;max-width:800px;max-height:800px;background:radial-gradient(closest-side,rgba(198,154,78,.32),rgba(198,154,78,0));pointer-events:none}
.diag-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,90px);align-items:center;position:relative}
.diag-inner .lead{margin:18px 0 22px}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.pills li{padding:7px 16px;border:1px solid #6b5843;border-radius:999px;font-size:.85rem;color:#E8DBC3;letter-spacing:.03em}
.diag-mock{background:rgba(255,253,249,.06);border:1px solid #54443A;border-radius:var(--r-lg);padding:28px;backdrop-filter:blur(6px);transform:rotate(1.6deg)}
.mock-bar{height:6px;background:#43352A;border-radius:6px;margin-bottom:22px}
.mock-bar i{display:block;height:100%;background:var(--gold-grad);border-radius:6px}
.mock-q{font:500 1.55rem/1.25 var(--serif);margin-bottom:20px;color:#FBF3E2}
.mock-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mock-opts span{padding:11px 14px;border:1px solid #5b4a38;border-radius:14px;font-size:.88rem;color:#DDD0BA}
.mock-opts span:nth-child(3){background:rgba(221,185,117,.16);border-color:var(--gold-light);color:#FBF3E2}
@media(max-width:860px){.diag-inner{grid-template-columns:1fr}.diag-mock{transform:none}}

/* ─── метод ─── */
.mtabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.mtab{position:relative;text-align:left;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r);padding:20px 20px 18px;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:6px;transition:all .25s}
.mtab:hover{border-color:var(--gold);transform:translateY(-2px)}
.mtab[aria-selected=true]{background:var(--espresso);color:#FBF3E2;border-color:var(--espresso);box-shadow:var(--shadow)}
.mnum{font:italic 500 1.2rem var(--serif);color:var(--gold-deep)}
.mtab[aria-selected=true] .mnum{color:var(--gold-light)}
.mword{font:500 1.7rem/1.1 var(--serif)}
.mtab small{font-size:.74rem;opacity:.65}
.mtab[aria-selected=true] small{display:none}
.mpanel{background:linear-gradient(160deg,#fff,#FBF3E3);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(26px,4vw,52px);display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.js .mpanel[hidden]{display:none}
.js .mpanel{animation:rise .4s cubic-bezier(.2,.8,.2,1)}
.mstep{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--gold-deep)}
.mpanel .h3{font-size:clamp(1.9rem,3.4vw,2.7rem)}
.mpanel p{max-width:62ch;color:var(--ink-soft)}
.mget{padding-left:14px;border-left:2px solid var(--gold-light)}
.mmeta{font-size:.9rem;font-weight:600;color:var(--ink)!important}
.mpanel .btn{margin-top:8px}
.js .mtabs{display:grid}
html:not(.js) .mtabs{display:none}
html:not(.js) .mpanels{display:grid;gap:14px}
@media(max-width:860px){.mtabs{grid-template-columns:1fr 1fr}}

/* ─── книги на главной ─── */
.bookrow{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,3vw,34px);margin-bottom:44px}
.bookcard{text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;perspective:900px}
.bookcover{display:block;border-radius:6px 12px 12px 6px;overflow:hidden;box-shadow:0 22px 40px -18px rgba(60,38,10,.55),-6px 0 0 rgba(0,0,0,.06) inset;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;transform-style:preserve-3d;background:var(--sand);width:100%;aspect-ratio:2/3}
.bookcover img{width:100%;height:100%;object-fit:cover}
.bookcard:hover .bookcover{transform:rotateY(-14deg) translateY(-8px) scale(1.02);box-shadow:0 34px 50px -20px rgba(60,38,10,.6)}
.booktitle{font:600 1.35rem/1.1 var(--serif)}
.booklang{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);font-weight:600}
@media(max-width:760px){.bookrow{grid-template-columns:1fr 1fr;gap:22px 16px}}

/* ─── цитата ─── */
.quote-band{position:relative;overflow:hidden;min-height:clamp(340px,46vw,520px);display:flex;align-items:center;color:#fff}
.quote-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.quote-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,20,13,.78),rgba(28,20,13,.25))}
.quote-band blockquote{position:relative;padding-block:60px}
.quote-band p{font:italic 500 clamp(2rem,4.6vw,3.8rem)/1.08 var(--serif);max-width:20ch;text-shadow:0 2px 24px rgba(0,0,0,.3)}
.quote-band cite{display:block;margin-top:20px;font:600 .78rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);font-style:normal}
.quote-plain{background:var(--sand);color:var(--ink);min-height:0}
.quote-plain p{text-shadow:none;max-width:24ch;margin-inline:auto;text-align:center}
.quote-plain cite{text-align:center;color:var(--gold-deep)}

/* ─── бесплатный старт (bento) ─── */
.bento-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.bento{position:relative;display:flex;flex-direction:column;gap:12px;justify-content:flex-end;min-height:280px;padding:32px;border-radius:var(--r-lg);text-decoration:none;background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.bento:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.bento h3{font:500 clamp(1.7rem,2.8vw,2.3rem)/1.08 var(--serif)}
.bento p{color:var(--ink-soft);font-size:.98rem}
.bento-tag{position:absolute;top:26px;left:32px;font:600 .72rem var(--sans);letter-spacing:.16em;padding:6px 14px;border-radius:999px;background:var(--sand);color:var(--gold-deep)}
.bento-cta{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;margin-top:6px;color:var(--gold-deep)}
.bento-cta .ico{transition:transform .25s}.bento:hover .bento-cta .ico,.prod:hover .bento-cta .ico{transform:translateX(5px)}
.b-sample{grid-column:span 3;background:linear-gradient(160deg,#fff,#FBF1DD)}
.b-day{grid-column:span 3;background:var(--espresso);color:#FBF3E2;border-color:var(--espresso)}
.b-day p{color:#DDD0BA}.b-day .bento-tag{background:#43352A;color:var(--gold-light)}.b-day .bento-cta{color:var(--gold-light)}
.b-ex{grid-column:span 6;min-height:220px}
.has-video .b-ex{grid-column:span 3}.b-video{grid-column:span 3}
@media(max-width:760px){.bento-grid{grid-template-columns:1fr}.bento-grid>*{grid-column:auto!important}.bento{min-height:230px;padding:28px 24px}.bento-tag{left:24px}}

/* ─── продукты ─── */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.prod{display:flex;flex-direction:column;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.prod:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.prod-img{aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.prod-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .8s}
.prod:hover .prod-img img{transform:scale(1.05)}
.prod:first-child .prod-img img{object-fit:contain;object-position:center;padding:14px;background:linear-gradient(160deg,#F6EAD3,#EBD8B4)}
.prod-body{padding:26px 28px 30px;display:flex;flex-direction:column;gap:8px}
.prod h3{font:500 1.8rem/1.1 var(--serif)}
.prod p{color:var(--ink-soft);font-size:.98rem}
.prod-price{font:600 1.15rem/1 var(--serif);color:var(--brown-dark);margin-top:6px}
.prod-price::before{content:"Цена: ";font-weight:400;color:var(--ink-soft);font-family:var(--sans);font-size:.85rem}
.prod-extra{text-align:center;margin-top:22px}
.tiers-head{text-align:center;margin-bottom:26px}
.tiers-head .lead{color:var(--ink-soft);max-width:640px;margin:8px auto 0}
.tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:960px;margin:0 auto}
.tier{position:relative;background:#fff;border:1px solid var(--cream-3,#E9D9C0);border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;gap:10px;text-align:center}
.tier-recomm{border-color:var(--brown);box-shadow:0 8px 30px rgba(128,80,42,.14)}
.tier-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--brown);color:#fff;font:600 .8rem/1 var(--sans);padding:6px 12px;border-radius:99px;letter-spacing:.02em}
.tier-label{font:500 1.25rem/1.2 var(--serif);color:var(--brown-dark);margin:0}
.tier-price b{font:600 1.9rem/1 var(--serif);color:var(--brown-dark)}
.tier-note{color:var(--ink-soft);font-size:.94rem;flex:1 0 auto}
.tier .btn{margin-top:8px;justify-content:center}
@media(max-width:900px){.tiers-grid{grid-template-columns:1fr;max-width:420px}.tier{padding:22px}}
@media(max-width:900px){.prod-grid{grid-template-columns:1fr}.prod-img{aspect-ratio:16/10}}

/* ─── внутренние страницы ─── */
.phero{padding-block:clamp(48px,8vw,110px) clamp(24px,4vw,50px);position:relative;background:radial-gradient(900px 400px at 85% -10%,rgba(226,194,133,.35),transparent 70%)}
.phero .h1{max-width:16ch}
.phero .lead{margin-top:22px}
.app-intro{margin-bottom:34px;display:flex;flex-direction:column;gap:16px}
.app-intro p{color:var(--ink-soft);font-size:1.1rem}
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
.flow li{display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 16px;font-size:.92rem;font-weight:500}
.flow li span{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--espresso);color:var(--gold-light);font:600 .85rem var(--serif)}
@media(max-width:640px){.flow{grid-template-columns:1fr}}

/* ─── интерактивные инструменты ─── */
.app{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,4vw,48px);box-shadow:var(--shadow);margin-block:28px}
.app-start{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.app-start p{color:var(--ink-soft)}
.progress{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.progress-label{font-size:.85rem;font-weight:600;color:var(--ink-soft);white-space:nowrap}
.bar-track{flex:1;height:8px;border-radius:8px;background:var(--sand);overflow:hidden}
.bar-fill{height:100%;background:var(--gold-grad);border-radius:8px;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.qtext{font:500 clamp(1.6rem,3.2vw,2.35rem)/1.2 var(--serif);margin-bottom:26px}
fieldset{border:0;padding:0;margin:0;min-width:0}
legend{padding:0}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.opt{position:relative;display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:18px;padding:16px 18px;cursor:pointer;background:#fff;min-height:64px;transition:all .2s;font-weight:500}
.opt input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.opt .dot{width:22px;height:22px;flex:none;border-radius:50%;border:2px solid var(--sand-2);display:grid;place-items:center;transition:all .2s}
.opt .dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--gold-light);transform:scale(0);transition:transform .2s}
.opt:hover{border-color:var(--gold)}
.opt:has(input:checked){background:var(--espresso);color:#FBF3E2;border-color:var(--espresso)}
.opt:has(input:checked) .dot{border-color:var(--gold-light)}.opt:has(input:checked) .dot::after{transform:scale(1)}
.opt:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:3px}
.opt-check .dot{border-radius:7px}
.opt-check .dot::after{border-radius:3px}
.opt-check:has(input:disabled){opacity:.45;cursor:not-allowed}
@media(max-width:600px){.opts{grid-template-columns:1fr}}
.nav-row{display:flex;justify-content:space-between;gap:12px;margin-top:30px;flex-wrap:wrap}
.btn[disabled],.btn[aria-disabled=true]{opacity:.4;pointer-events:none}
.hint{font-size:.9rem;color:var(--ink-mute);margin-top:12px}
.err{color:#9B3B2B;font-size:.9rem;margin-top:10px;min-height:1.2em}
textarea,select{width:100%;font:inherit;padding:16px 18px;border:1.5px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);resize:vertical;min-height:120px}
select{min-height:56px}
textarea:focus,select:focus{outline:3px solid var(--gold-light);border-color:var(--gold)}

.band-card{background:linear-gradient(160deg,#fff,#FBF1DD);border:1px solid var(--gold-light);border-radius:var(--r-lg);padding:clamp(24px,4vw,44px);animation:rise .5s cubic-bezier(.2,.8,.2,1)}
.score{display:inline-flex;align-items:baseline;gap:8px;padding:6px 16px;border-radius:999px;background:var(--espresso);color:var(--gold-light);font:600 .9rem var(--sans);margin-bottom:16px}
.band-card h3{font:500 clamp(2rem,4vw,3.1rem)/1.05 var(--serif);margin-bottom:12px}
.band-card p{color:var(--ink-soft);max-width:56ch}
.step-label{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--gold-deep);margin-top:22px;margin-bottom:6px}
.res-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.res-foot{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.linkbtn{background:none;border:0;font:inherit;font-weight:600;color:var(--gold-deep);text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:8px 0;min-height:44px}

/* День 1 */
.scale-row{padding:18px 0;border-bottom:1px solid var(--line)}
.scale-row:last-of-type{border:0}
.scale-row legend{font-weight:600;margin-bottom:12px;font-size:1.02rem}
.scale{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}
.scale label{position:relative;display:grid;place-items:center;height:46px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;font-weight:600;font-size:.95rem;background:#fff;transition:all .15s}
.scale input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.scale label:hover{border-color:var(--gold)}
.scale label:has(input:checked){background:var(--gold-grad);border-color:transparent;color:#25190D}
.scale label:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}
.scale-ends{display:flex;justify-content:space-between;font-size:.76rem;color:var(--ink-mute);margin-top:6px}
@media(max-width:560px){.scale{grid-template-columns:repeat(5,1fr)}.scale label{height:48px}}
.map{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:center;margin-top:20px}
.bars{display:flex;flex-direction:column;gap:12px}
.barrow{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:.95rem}
.barrow .track{grid-column:1/-1;height:10px;border-radius:10px;background:var(--sand);overflow:hidden}
.barrow .fill{display:block;height:100%;background:var(--gold-grad);border-radius:10px;transition:width .9s cubic-bezier(.2,.8,.2,1)}
.barrow b{font-family:var(--serif);font-size:1.15rem}
.radar{width:100%;height:auto}
@media(max-width:760px){.map{grid-template-columns:1fr}.radar{max-width:280px;margin-inline:auto}}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.fact{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.fact small{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--gold-deep);margin-bottom:6px}
.fact span{font:500 1.2rem/1.25 var(--serif)}
@media(max-width:760px){.facts{grid-template-columns:1fr}}

/* Упражнение: карточки */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.rcard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}
.rcard:nth-child(2){background:var(--espresso);color:#FBF3E2;border-color:var(--espresso)}
.rcard:nth-child(2) .rlabel{color:var(--gold-light)}
.rlabel{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--gold-deep)}
.rcard p{font:500 1.35rem/1.3 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere}
.rmeta{font-family:var(--sans)!important;font-size:.85rem!important;opacity:.8}
.wb-quote{margin-top:26px;font:italic 500 clamp(1.5rem,2.6vw,2rem)/1.25 var(--serif);text-align:center;color:var(--gold-deep)}
@media(max-width:860px){.cards3{grid-template-columns:1fr}}

.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.two-one{grid-template-columns:1fr}
@media(max-width:700px){.two{grid-template-columns:1fr}}
.fcard,.fullcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,3.5vw,40px);display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.fcard p{color:var(--ink-soft)}
.fcard-accent{background:linear-gradient(160deg,#fff,#FBF1DD);border-color:var(--gold-light)}
.fullcard{align-items:flex-start;background:linear-gradient(160deg,#fff,#FBF3E3)}
.fullcard>p{color:var(--ink-soft)}
.soon{padding:8px 16px;border-radius:999px;background:var(--sand);color:var(--ink-mute);font-size:.88rem;font-weight:500}

/* ─── страница книги ─── */
.edtabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}
.edtab{display:flex;align-items:center;gap:12px;text-align:left;background:var(--paper);border:1.5px solid var(--line);border-radius:18px;padding:12px 14px;cursor:pointer;font:inherit;color:inherit;transition:all .25s}
.edtab img{width:40px;height:60px;object-fit:cover;border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.2);flex:none}
.edtab span{display:flex;flex-direction:column;min-width:0}
.edtab b{font-size:.95rem}
.edtab small{font:italic 500 1rem/1.1 var(--serif);color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.edtab:hover{border-color:var(--gold)}
.edtab[aria-selected=true]{background:var(--espresso);color:#FBF3E2;border-color:var(--espresso);box-shadow:var(--shadow)}
.edtab[aria-selected=true] small{color:var(--gold-light)}
@media(max-width:860px){.edtabs{grid-template-columns:1fr 1fr}.edtab small{display:none}}
.js .edition[hidden]{display:none}
.edition{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:clamp(24px,5vw,64px);align-items:center;background:linear-gradient(160deg,#fff,#FBF1DD);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,4vw,52px);margin-bottom:20px}
.js .edition{animation:rise .45s cubic-bezier(.2,.8,.2,1)}
html:not(.js) .edition{margin-bottom:30px}
.ed-cover{border-radius:6px 14px 14px 6px;overflow:hidden;box-shadow:0 30px 50px -22px rgba(60,38,10,.6);max-width:340px;margin-inline:auto;width:100%}
.ed-title{margin:6px 0 10px}
.ed-sub{color:var(--ink-soft);margin-bottom:22px;max-width:52ch;font-size:1.02rem}
.buy{display:flex;flex-wrap:wrap;gap:22px}
.buy-group h4{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--gold-deep);margin-bottom:10px}
.btn-stack{display:flex;flex-direction:column;gap:10px;align-items:stretch}
@media(max-width:760px){.edition{grid-template-columns:1fr}.ed-cover{max-width:240px}.buy{flex-direction:column;gap:18px}}
.samples{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sample{display:flex;flex-direction:column;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:24px;text-decoration:none;transition:all .3s}
.sample:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--gold-light)}
.sample-lang{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--gold-deep)}
.sample-title{font:600 1.45rem/1.1 var(--serif)}
.sample-cta{display:flex;align-items:center;gap:8px;margin-top:12px;font-weight:600;font-size:.9rem;color:var(--ink)}
@media(max-width:900px){.samples{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.samples{grid-template-columns:1fr}}

/* ─── заказ ─── */
.draft{display:inline-block;padding:8px 16px;border-radius:12px;background:#FFF1D6;border:1px solid #E9C982;color:#6B4A0F;font-size:.88rem;font-weight:500;margin-bottom:26px}
.order{margin-block:12px}
.order-pick{display:flex;flex-direction:column;gap:16px;margin:16px 0 24px}
.order-pick .row{display:flex;flex-wrap:wrap;gap:10px}
.pick-btn{border:1.5px solid var(--line);background:var(--paper);padding:12px 20px;border-radius:999px;cursor:pointer;font:600 .95rem var(--sans);color:inherit;min-height:46px;transition:all .2s}
.pick-btn:hover{border-color:var(--gold)}
.pick-btn[aria-pressed=true]{background:var(--espresso);color:#FBF3E2;border-color:var(--espresso)}
.order-pay{background:var(--paper);border:1px solid var(--gold-light);border-radius:var(--r-lg);padding:clamp(22px,4vw,40px);box-shadow:var(--shadow)}
.pay{display:grid;gap:0;margin:16px 0}
.pay>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}
.pay dt{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--gold-deep)}
.pay dd{margin:0;font:600 1.2rem var(--serif);letter-spacing:.02em;word-break:break-word}
.pay .copy{margin-left:12px}
.copy{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font:600 .8rem var(--sans);cursor:pointer;min-height:36px;color:var(--ink)}
.copy:hover{border-color:var(--gold)}
.table-wrap{overflow-x:auto;margin-top:22px}
.codes{border-collapse:collapse;width:100%;font-size:.92rem}
.codes th,.codes td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}
.codes code{font-family:ui-monospace,Menlo,monospace;font-size:.88rem;background:var(--sand);padding:2px 8px;border-radius:6px}
.codes caption{text-align:left;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--gold-deep);padding:0 0 8px}
.js .nojs-hide,.js .pay-static{display:none}
.pay-static{margin-top:26px}
.pay-static h2{margin:24px 0 8px}

/* ─── об авторе, контакт, юр. ─── */
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,90px);align-items:center}
.about-copy p{margin-top:18px;color:var(--ink-soft);font-size:1.08rem;max-width:58ch}
.about-copy .kicker{font-size:.74rem;margin-top:0;color:var(--gold-deep)}
.about-copy .note{font-size:.9rem;color:var(--ink-mute)}
.about-copy .h1{margin-bottom:12px}
.about-photo{position:relative;max-width:460px;margin-inline:auto;width:100%}
.about-photo .arch img{object-position:38% 20%}
@media(max-width:860px){.about-grid{grid-template-columns:1fr}.about-photo{order:-1;max-width:340px}}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gal{border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;background:var(--sand)}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.gal:hover img{transform:scale(1.06)}
.gal:nth-child(2),.gal:nth-child(4){margin-top:32px}
@media(max-width:760px){.gallery{grid-template-columns:1fr 1fr}.gal:nth-child(2),.gal:nth-child(4){margin-top:0}}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:700px){.contact-grid{grid-template-columns:1fr}}
.bigmail{font:500 clamp(1.1rem,2.2vw,1.5rem)/1.3 var(--serif);overflow-wrap:anywhere}
.bigmail a{text-decoration-color:var(--gold-light);text-underline-offset:5px}
.legal h2{margin:34px 0 8px}
.legal p{color:var(--ink-soft);margin-top:8px}
.tbd{background:#FFF1D6;color:#6B4A0F;padding:1px 6px;border-radius:6px;font-size:.92em}

/* ─── подвал ─── */
.site-footer{background:var(--espresso);color:#E9DEC9;padding-top:clamp(50px,7vw,90px)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.foot-brand{font:500 2rem/1 var(--serif);color:#FBF3E2}
.foot-tag{margin-top:14px;max-width:38ch;color:#CDBFA8}
.foot-priv{margin-top:14px;font-size:.85rem;color:#A99A83;max-width:40ch}
.foot-h{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--gold-light);margin-bottom:14px}
.foot-links{display:flex;flex-direction:column;gap:6px}
.foot-links a{text-decoration:none;color:#E9DEC9}.foot-links a:hover{color:var(--gold-light)}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:50px;padding-block:24px 30px;border-top:1px solid #45362a;font-size:.88rem;color:#B5A68F}
.foot-bottom a{text-decoration:none}.foot-bottom a:hover{color:var(--gold-light)}
@media(max-width:800px){.foot-grid{grid-template-columns:1fr;gap:30px}}

/* ─── появление при скролле ─── */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .marquee-track{animation:none}
  .js .reveal{opacity:1;transform:none;transition:none}
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ─── печать результата упражнения ─── */
@media print{
  body{background:#fff}
  .site-header,.site-footer,.skip,.phero,.app-intro,.note,.sec:not(#exercise),.res-actions,.res-foot,.progress,.nav-row,.hint{display:none!important}
  #exercise{background:#fff;padding:0}
  .app{box-shadow:none;border:0;padding:0}
  .rcard,.rcard:nth-child(2){background:#fff!important;color:#000!important;border:1px solid #999;box-shadow:none;break-inside:avoid}
  .cards3{grid-template-columns:1fr}
}

/* ─── отзывы ─── */
.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.review{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 28px;display:flex;flex-direction:column;gap:16px;position:relative}
.review::before{content:"«";position:absolute;top:6px;left:22px;font:italic 500 4.5rem/1 var(--serif);color:var(--gold-light);opacity:.6}
.review blockquote p{font:500 1.35rem/1.35 var(--serif);padding-top:22px}
.review figcaption{font-size:.85rem;font-weight:600;color:var(--gold-deep);letter-spacing:.04em}

/* ─── «если вам тяжело» ─── */
.help-sec{background:linear-gradient(180deg,var(--cream),#EFEADF)}
.help-list{display:grid;gap:10px;margin:8px 0 18px}
.help-list li{display:grid;grid-template-columns:auto auto 1fr;gap:6px 16px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 18px}
.help-region{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--gold-deep)}
.help-phone{font:600 1.35rem/1 var(--serif);text-decoration:none;white-space:nowrap;color:var(--ink);border-bottom:2px solid var(--gold-light)}
.help-phone:hover{color:var(--gold-deep)}
.help-label{font-size:.9rem;color:var(--ink-soft)}
.help-emerg{font-size:.98rem;color:var(--ink-soft)}
.help-compact{margin-top:34px;padding:26px;background:#F6F1E6;border:1px solid var(--line);border-radius:var(--r-lg)}
.help-compact .kicker{margin-bottom:8px}
.help-text{color:var(--ink-soft);margin-bottom:12px;font-size:.98rem}
@media(max-width:640px){.help-list li{grid-template-columns:1fr auto}.help-label{grid-column:1/-1}}

/* цифры, которые нужно читать без ошибок (телефоны, IBAN, коды) — гротеск с табличными лини­рованными цифрами */
.help-phone,.pay dd,.codes code{font-family:var(--sans);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.01em}
.help-phone{font-size:1.2rem;font-weight:700}
.pay dd{font-size:1.05rem;font-weight:600}
.h1,.h2,.h3,.num,.mnum,.bigmail{font-variant-numeric:lining-nums}

.legal-list{margin:8px 0 8px 1.2em;list-style:disc;color:var(--ink-soft)}
.legal-list li{margin:2px 0}
.legal-intro{padding:16px 20px;background:var(--sand);border-radius:16px;color:var(--ink);margin-bottom:8px}
.legal h2.h3{font-size:1.5rem}

/* ═════════════ v2: стиль по референсу владельца (тёплый крем, коричневый, Playfair, рукописная подпись) ═════════════ */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/pf-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/pf-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/pf-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(../fonts/pf-cyrillic-italic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(../fonts/pf-latin-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Great Vibes";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/script-latin.woff2) format("woff2")}

:root{
  --cream:#F8F0E4; --paper:#FFFBF5; --sand:#F1E4D0; --sand-2:#E6D3B6; --line:#E7D8C2;
  --ink:#33231A; --ink-soft:#5B4636; --ink-mute:#6B5644;
  --brown:#80502A; --brown-dark:#5E3A1D; --gold-deep:#7A4B22;
  --display:"Playfair Display","Cormorant Garamond",Georgia,serif;
  --script:"Great Vibes","Snell Roundhand","Segoe Script",cursive;
}
.site-header{background:rgba(248,240,228,.8)}
.site-header.scrolled{background:rgba(248,240,228,.95)}

/* заголовки — плотный Playfair, акцент — курсив */
.h1,.h2,.h3{font-family:var(--display);font-weight:600;letter-spacing:-.02em;line-height:1.1}
.h1{font-size:clamp(2.5rem,5.4vw,4.7rem)}
.h2{font-size:clamp(2rem,4vw,3.3rem)}
.h3{font-size:clamp(1.4rem,2.2vw,1.8rem);line-height:1.2}
.h1 em,.h2 em{font-weight:500}
.qtext,.mpanel .h3{font-family:var(--display)}
.qtext{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:500;line-height:1.3}
.band-card h3,.route-panel h3{font-family:var(--display);font-weight:600}
.hero-sub,.recog-foot,.quote-band p,.wb-quote,.mock-q{font-family:var(--serif)}

/* кнопки */
.btn{border-radius:12px}
.btn-primary{background:var(--brown);color:#FFF6E8}
.btn-primary:hover{background:var(--brown-dark)}
.btn-ghost{color:var(--brown);border-color:var(--brown)}
.btn-ghost:hover{background:var(--brown);color:#FFF6E8}
.route-opt:has(input:checked),.opt:has(input:checked),.mtab[aria-selected=true],.edtab[aria-selected=true],.pick-btn[aria-pressed=true],.langsw a[aria-current=true]{background:var(--brown);border-color:var(--brown)}
.score{background:var(--brown)}

/* шапка: сердце + строка «AUTHOR · BLOGGER · INSPIRATION» */
.brand-mark{background:none;width:auto;height:auto;color:var(--brown);border-radius:0}
.brand-mark .heart{width:30px;height:28px}
.brand-name{font:600 1.02rem/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);gap:6px}
.brand-name small{font:600 .56rem var(--sans);letter-spacing:.3em;color:var(--brown)}

/* ─── hero v2 ─── */
.hero2{position:relative;overflow:hidden;background:var(--cream);padding-top:clamp(28px,4vw,56px);min-height:clamp(620px,86vh,880px);display:flex;flex-direction:column;justify-content:space-between}
.hero2-photo{position:absolute;top:0;right:max(0px,calc((100vw - 1600px)/2));bottom:0;width:min(68%,1000px);overflow:hidden}
.hero2-photo img{width:100%;height:100%;object-fit:cover;object-position:45% 18%;transform:scale(1.06) translateY(var(--py,0px));will-change:transform}
.hero2-veil{position:absolute;inset:0;background:linear-gradient(90deg,var(--cream) 0%,var(--cream) 32%,rgba(248,240,228,.86) 44%,rgba(248,240,228,.2) 62%,rgba(248,240,228,0) 74%),linear-gradient(0deg,var(--cream) 0%,rgba(248,240,228,0) 20%)}
.hero2-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:30px;align-items:center;flex:1;padding-block:20px 10px}
.brandline{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"h n" "h t";column-gap:14px;align-items:center;color:var(--brown);margin-bottom:26px}
.brandline .heart{grid-area:h;width:38px;height:35px}
.brandline span{grid-area:n;font:600 1.05rem/1.1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.brandline small{grid-area:t;font:600 .6rem var(--sans);letter-spacing:.32em;text-transform:uppercase}
.hero2-h1{font-size:clamp(2.6rem,5.6vw,5rem);line-height:1.05;margin-bottom:22px;color:var(--ink)}
.hero2-lead{font-size:clamp(1.05rem,1.5vw,1.22rem);max-width:46ch;color:var(--ink-soft)}
.sig{font:400 clamp(2.2rem,3.8vw,3.2rem)/1 var(--script);color:var(--brown);margin-top:20px;display:flex;align-items:center;gap:12px}
.sig .heart{width:30px;height:28px}
.hero2 .cta-row{align-items:center;gap:14px 18px;margin-top:26px}
.hero2 .btn{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;padding:16px 28px}
.textlink{display:inline-flex;align-items:center;gap:8px;font:600 .78rem var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--brown);text-decoration:none;border-bottom:1.5px solid var(--gold-light);padding-block:4px}
.textlink:hover{color:var(--brown-dark);border-color:var(--brown)}
.hero2-side{align-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:14px;padding-bottom:6px}
.glass{background:rgba(255,251,245,.62);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.7);box-shadow:0 20px 50px -24px rgba(70,42,16,.5);border-radius:22px}
.quote-card{padding:22px 26px;max-width:340px}
.quote-card p{font:italic 500 1.28rem/1.35 var(--serif);color:var(--ink)}
.covers-card{display:flex;padding:12px 16px 12px 26px;border-radius:18px}
.covers-card img{width:54px;height:81px;object-fit:cover;border-radius:4px;margin-left:-14px;box-shadow:0 5px 14px rgba(0,0,0,.28);transition:transform .35s}
.hero2:hover .covers-card img{transform:translateY(-5px)}
.hero2:hover .covers-card img:nth-child(2){transition-delay:.04s}.hero2:hover .covers-card img:nth-child(3){transition-delay:.08s}.hero2:hover .covers-card img:nth-child(4){transition-delay:.12s}

.pillars{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(20px,3vw,34px);background:rgba(255,251,245,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;padding:22px 8px 20px}
.pillars li{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--brown);padding:4px 10px;transition:transform .3s}
.pillars li+li{border-left:1px solid var(--line)}
.pillars li:hover{transform:translateY(-3px)}
.pillars svg{width:44px;height:44px}
.pillars span{font:600 .66rem/1.45 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}

/* лепестки/золотая пыль */
.petals{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.petal{position:absolute;bottom:-30px;left:var(--x);width:var(--s);height:calc(var(--s)*1.35);border-radius:70% 30% 65% 35%;background:radial-gradient(circle at 30% 30%,#fff 0%,var(--c) 70%);opacity:0;filter:blur(.3px);animation:petal var(--d) linear var(--dl) infinite}
@keyframes petal{0%{opacity:0;transform:translate3d(0,0,0) rotate(0)}12%{opacity:.75}88%{opacity:.6}100%{opacity:0;transform:translate3d(var(--dx),-95vh,0) rotate(540deg)}}

@media(max-width:860px){
  .hero2{min-height:0;display:block;padding-top:0}
  .hero2-photo{position:relative;width:100%;height:min(88vw,420px)}
  .hero2-photo img{object-position:60% 20%}
  .hero2-veil{inset:0 0 auto 0;height:min(88vw,420px);background:linear-gradient(0deg,var(--cream) 0%,rgba(248,240,228,.6) 18%,rgba(248,240,228,0) 48%)}
  .hero2-grid{grid-template-columns:1fr;margin-top:-56px;padding-block:0 8px;gap:20px}
  .hero2-side{align-items:stretch}
  .covers-card{display:none}
  .quote-card{max-width:none}
  .pillars{grid-template-columns:1fr 1fr;border-radius:20px;border-bottom:1px solid var(--line);margin-bottom:14px;gap:6px 0}
  .pillars li+li{border-left:0}
  .pillars li:nth-child(even){border-left:1px solid var(--line)}
  .brandline{margin-bottom:18px}
}

/* заголовок по словам */
.js .split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.js .split .w>span{display:inline-block;transform:translateY(112%);animation:wordUp .95s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*80ms + 120ms)}
.split em{background:none;-webkit-text-fill-color:currentColor;color:var(--brown)}
.split em .w>span{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.08em}
@keyframes wordUp{to{transform:none}}

/* полоса прогресса чтения */
.scrollbar{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--gold-grad);transform-origin:0 50%;transform:scaleX(0);z-index:160;pointer-events:none}

/* бумажная фактура */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* цитата-баннер и прочее в новой палитре */
.quote-shade{background:linear-gradient(90deg,rgba(45,26,12,.8),rgba(45,26,12,.25))}
.marquee{background:var(--brown-dark)}
.sec-dark{background:#2C1D12}
.hero-note{color:var(--ink-mute)}

@media(prefers-reduced-motion:reduce){.petal{display:none}.js .split .w>span{transform:none;animation:none}.hero2-photo img{transform:none}}

/* ═════════════ продающие блоки ═════════════ */
/* кнопка «Позвонить» в шапке */
.callbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:220px;padding:8px 18px;border-radius:12px;background:var(--brown);color:#FFF6E8;text-decoration:none;font:600 .78rem var(--sans);letter-spacing:.12em;text-transform:uppercase;transition:background .2s,transform .2s;white-space:nowrap}
.callbtn:hover{background:var(--brown-dark);transform:translateY(-1px)}
.callbtn .ico{width:17px;height:17px}
@media(max-width:1020px){.callbtn{padding:0;width:46px;height:46px;justify-content:center;border-radius:14px}.callbtn span{display:none}}
.btn-call .ico{width:19px;height:19px}
.btn-call:hover .ico{transform:rotate(-12deg)}

/* липкая панель на телефоне */
.stickybar{display:none}
@media(max-width:860px){
  .stickybar{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:120;gap:8px;padding:8px;background:rgba(255,251,245,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 40px -12px rgba(60,38,10,.55)}
  .stickybar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:14px;text-decoration:none;font:700 .8rem var(--sans);letter-spacing:.1em;text-transform:uppercase}
  .sb-call{background:var(--gold-grad);color:#25190D}
  .sb-buy{background:var(--brown);color:#FFF6E8}
  body{padding-bottom:84px}
}
@media print{.stickybar,.callbtn{display:none!important}}

/* «что внутри» */
.facts4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.factcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 24px;display:flex;flex-direction:column;gap:8px;transition:transform .3s,box-shadow .3s}
.factcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.factcard b{font:600 3.4rem/1 var(--display);background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.factcard h3{font:600 1.2rem/1.2 var(--display)}
.factcard p{color:var(--ink-soft);font-size:.95rem}
@media(max-width:900px){.facts4{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.facts4{grid-template-columns:1fr}}
.toc{margin-top:36px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,3vw,36px)}
.toc .h3{margin-bottom:14px}
.toc-part{border-top:1px solid var(--line)}
.toc-part summary{cursor:pointer;list-style:none;padding:16px 4px;font:600 1.1rem var(--display);display:flex;justify-content:space-between;gap:12px;min-height:52px;align-items:center}
.toc-part summary::-webkit-details-marker{display:none}
.toc-part summary::after,.faq-item summary::after{content:"+";font:400 1.6rem/1 var(--sans);color:var(--brown);transition:transform .25s;flex:none}
.toc-part[open] summary::after,.faq-item[open] summary::after{transform:rotate(45deg)}
.toc-part ul{padding:0 4px 16px 18px;list-style:disc;color:var(--ink-soft)}
.toc-part li{margin:4px 0}

/* автор */
.author-teaser{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,72px);align-items:center}
.author-img{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;background:var(--sand)}
.author-img img{width:100%;height:100%;object-fit:cover;object-position:35% 20%}
.author-teaser .lead{margin:14px 0 4px}
.author-teaser .btn{margin-top:22px}
@media(max-width:820px){.author-teaser{grid-template-columns:1fr}}

/* FAQ */
.faq{display:flex;flex-direction:column;gap:10px}
.faq-item{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:0 22px;transition:border-color .2s,box-shadow .2s}
.faq-item[open]{border-color:var(--gold-light);box-shadow:var(--shadow-sm)}
.faq-item summary{cursor:pointer;list-style:none;padding:20px 0;min-height:60px;font:600 1.12rem/1.35 var(--display);display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item p{padding:0 0 22px;color:var(--ink-soft);max-width:62ch}

/* финальный призыв */
.final{padding-block:clamp(70px,9vw,120px)}
.cta-center{justify-content:center}
.final .btn-ghost{color:#F8F0E4;border-color:rgba(248,240,228,.7)}
.final .btn-ghost:hover{background:#F8F0E4;color:#2C1D12}

/* подвал и контакты: телефон */
.foot-phone{margin-top:16px}
.foot-phone a{display:inline-flex;align-items:center;gap:10px;font:700 1.15rem var(--sans);text-decoration:none;color:#FBF3E2;letter-spacing:.02em}
.foot-phone a:hover{color:var(--gold-light)}
.fcard-wide{grid-column:1/-1}
.bigphone{font-family:var(--sans);font-weight:700;font-size:clamp(1.8rem,5vw,2.8rem);letter-spacing:.01em;font-variant-numeric:lining-nums tabular-nums;word-break:normal}
.bigphone a{text-decoration:none;border-bottom:3px solid var(--gold-light)}
.quote-card{max-width:300px;padding:18px 22px}
.quote-card p{font-size:1.15rem}
.hero2-side{margin-right:-6px}
.callbtn{flex:none}
@media(max-width:1020px){.callbtn{min-width:46px}.bar{gap:10px}.brand-name{font-size:.9rem;letter-spacing:.12em}}
.burger{flex:none}
@media(max-width:420px){.brand-name{font-size:.78rem;letter-spacing:.09em}.brand-mark .heart{width:26px;height:24px}.brand{gap:8px}}

/* отзывы: форма и приглашение */
.rv-empty{padding:22px 26px;background:var(--paper);border:1px dashed var(--sand-2);border-radius:var(--r-lg);color:var(--ink-soft);font-size:1.05rem;max-width:64ch}
.rv-cta{padding-block:26px;background:var(--sand);border-block:1px solid var(--line)}
.rv-cta .center{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:14px 24px}
.rv-cta p{font:italic 500 1.35rem/1.3 var(--serif);color:var(--ink)}
.rform{margin-top:30px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,4vw,40px);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}
.rform-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rform label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.9rem;color:var(--ink-soft)}
.rf-wide{grid-column:1/-1}
.rform input[type=text]{width:100%;font:inherit;font-weight:400;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);min-height:52px}
.rform input[type=text]:focus{outline:3px solid var(--gold-light);border-color:var(--gold)}
.rform select,.rform textarea{font-weight:400}
.rf-check{flex-direction:row!important;align-items:flex-start;gap:12px!important;font-weight:500!important;color:var(--ink)!important;cursor:pointer}
.rf-check input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--brown)}
.rform .btn{align-self:flex-start}
.rf-fallback{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.rf-fallback[hidden]{display:none}
@media(max-width:640px){.rform-grid{grid-template-columns:1fr}}

/* hero: фото с русской книгой справа — не закрываем её плашками */
.hero2-photo img{object-position:100% 28%;transform:scale(1.02) translateY(var(--py,0px))}
.hero2-side{align-self:start;margin-top:clamp(20px,4vw,60px);margin-right:0}
.hero2-side .quote-card{max-width:300px}
@media(max-width:860px){.hero2-photo img{object-position:75% 30%}.hero2-side{margin-top:0}}
/* меньше пустоты между заголовком страницы и первым блоком */
.phero+.sec{padding-top:clamp(20px,3vw,44px)}

/* строки из книги */
.qgrid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:repeat(3,auto);gap:16px;margin-bottom:34px}
.qcard{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 28px 26px;display:flex;flex-direction:column;justify-content:center;gap:14px;transition:transform .3s,box-shadow .3s}
.qcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.qcard::before{content:"\201C";position:absolute;top:2px;left:20px;font:italic 500 4.8rem/1 var(--display);color:var(--gold-light);opacity:.65}
.qcard p{font:italic 500 1.28rem/1.4 var(--serif);padding-top:26px;color:var(--ink)}
.qbig{grid-row:1/4;background:linear-gradient(160deg,#5E3A1D,#2C1D12);border-color:transparent;padding:clamp(30px,4vw,54px)}
.qbig::before{color:var(--gold-light);opacity:.9}
.qbig p{font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.3;color:#FBF3E2}
.qbig figcaption{font:600 .72rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light)}
@media(max-width:820px){.qgrid{grid-template-columns:1fr;grid-template-rows:auto}.qbig{grid-row:auto}}

/* цитата — в текстовой колонке, не на фото */
.hero2-quote{font:italic 500 1.2rem/1.4 var(--serif);color:var(--ink-soft);margin-top:22px;max-width:42ch;padding-left:16px;border-left:2px solid var(--gold-light)}
.hero2-side{display:none}
/* длинные слова в заголовках не должны расширять страницу на телефоне */
.h1,.h2,.h3,.legal,.legal *{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:520px){.phero .h1{font-size:clamp(2rem,9vw,2.6rem)}}

/* карточка-старт диагностики на главной: реально кликабельна */
.mock-step{font:600 .78rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light);margin-bottom:10px}
.mock-opt{display:flex;align-items:center;min-height:52px;padding:12px 16px;border:1px solid #6d5843;border-radius:14px;font-size:.92rem;color:#F1E6D2;text-decoration:none;transition:all .2s;background:rgba(255,255,255,.03)}
.mock-opt:hover,.mock-opt:focus-visible{background:rgba(221,185,117,.2);border-color:var(--gold-light);color:#fff;transform:translateY(-2px)}
.mock-hint{margin-top:14px;font-size:.82rem;color:#CDBFA8}
.mock-opts span{display:none}

/* ═════════════ правки владельца ═════════════ */
/* кнопка в шапке: «Бесплатная диагностика» */
.callbtn{width:auto;height:auto;padding:10px 20px}
.callbtn span{display:none}
@media(max-width:1180px){.burger{display:block}
  .nav{position:fixed;inset:74px 0 auto 0;background:var(--cream);padding:14px var(--gut) 26px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);transform:translateY(-12px);opacity:0;visibility:hidden;transition:all .25s;max-height:calc(100dvh - 74px);overflow:auto}
  .nav.open{transform:none;opacity:1;visibility:visible}.nav ul{flex-direction:column;gap:2px}.nav a{padding:14px 16px;font-size:1.05rem}.brand-name small{display:none}}
@media(max-width:1180px) and (min-width:641px){.callbtn{padding:10px 16px}}
@media(max-width:640px){.callbtn{display:none}}
.nav a{padding:10px 11px;font-size:.9rem}

/* стрелка «назад» */
.backbar{padding-top:14px}
.backlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px 6px 10px;border-radius:12px;color:var(--brown);text-decoration:none;font:600 .85rem var(--sans);letter-spacing:.06em;transition:background .2s,transform .2s}
.backlink:hover{background:var(--sand);transform:translateX(-2px)}
.backlink svg{flex:none}

/* «Узнаёте себя?» — карточки-кнопки и окно */
.recog-card{width:100%;height:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;appearance:none;-webkit-appearance:none}
.recog-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.recog-more{margin-top:auto;font:600 .78rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--brown);opacity:.75;transition:opacity .2s,transform .2s}
.recog-card:hover .recog-more{opacity:1;transform:translateX(3px)}
.recog-grid li{display:flex}
.recog-dialog{border:0;border-radius:var(--r-lg);padding:clamp(24px,4vw,44px);max-width:min(560px,calc(100vw - 32px));width:100%;background:linear-gradient(160deg,#fff,#FBF1DD);color:var(--ink);box-shadow:0 30px 80px -20px rgba(40,24,8,.6)}
.recog-dialog::backdrop{background:rgba(35,22,12,.55);backdrop-filter:blur(4px)}
.recog-dialog[open]{animation:rise .35s cubic-bezier(.2,.8,.2,1)}
.rd-quote{font:italic 500 1.5rem/1.35 var(--serif);margin:6px 0 14px;color:var(--brown-dark)}
.recog-dialog p{color:var(--ink-soft)}
.rd-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:0;background:var(--sand);font-size:1.6rem;line-height:1;cursor:pointer;color:var(--ink)}
.rd-close:hover{background:var(--sand-2)}

/* диагностика: заголовок «Результат» и доп. кнопки */
.res-title{font:600 clamp(1.4rem,2.4vw,1.8rem) var(--display);margin-bottom:14px;letter-spacing:.02em;color:var(--brown)}
.res-more{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;padding-top:18px;border-top:1px dashed var(--sand-2)}

/* липкая панель: две кнопки, текст может переноситься */
@media(max-width:860px){.stickybar a{text-align:center;line-height:1.2;font-size:.74rem}}

/* названия книг вместо языков */
.edtab b{font:600 .98rem/1.2 var(--display)}

/* шапка: помещается вместе с длинным пунктом «Бесплатная диагностика» */
.bar{gap:14px}
.nav a{padding:10px 9px;font-size:.86rem}
.nav ul{gap:2px}
.callbtn{padding:10px 16px;font-size:.7rem;letter-spacing:.1em;flex:none}
.brand-name{letter-spacing:.12em;font-size:.98rem}
@media(max-width:1100px){
  .burger{display:block}
  .nav{position:fixed;inset:74px 0 auto 0;background:var(--cream);padding:14px var(--gut) 26px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);transform:translateY(-12px);opacity:0;visibility:hidden;transition:all .25s;max-height:calc(100dvh - 74px);overflow:auto}
  .nav.open{transform:none;opacity:1;visibility:visible}
  .nav ul{flex-direction:column;gap:2px}
  .nav a{padding:14px 16px;font-size:1.05rem}
  .brand-name small{display:none}
}
/* переходы по якорям не прячут заголовок под липкой шапкой */
[id]{scroll-margin-top:92px}

/* «Возможно, вы узнаёте себя»: шаги мини-упражнения внутри окна */
.rd-meta{margin-top:14px;font-size:.82rem;color:var(--ink-mute)}
.rd-steps{margin:14px 0 18px;padding-left:22px;display:flex;flex-direction:column;gap:8px;color:var(--ink-soft)}
.rd-steps li{padding-left:4px}
.rd-label{display:block;font-weight:600;margin-bottom:8px;color:var(--ink)}
.recog-dialog textarea{width:100%;font:inherit;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);resize:vertical;margin-bottom:4px}
.recog-dialog textarea:focus{outline:3px solid var(--gold-light);border-color:var(--gold)}
.rd-started{font:600 1.15rem var(--display);color:var(--brown-dark);margin:0 0 6px}
.recog-dialog .cta-row{margin-top:6px}

/* «Об авторе»: разворачиваемая полная история */
.ab-full{margin-top:6px;padding-top:4px}
.ab-full summary{cursor:pointer;list-style:none;font:600 .92rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--brown);display:inline-flex;align-items:center;gap:8px;padding:6px 0;min-height:44px}
.ab-full summary::-webkit-details-marker{display:none}
.ab-full summary::after{content:"+";font:400 1.3rem/1 var(--sans);transition:transform .25s}
.ab-full[open] summary::after{transform:rotate(45deg)}
.ab-full p{margin-top:14px;color:var(--ink-soft)}

/* ═════════════ страница заказа: обзор, галочки, кнопка ═════════════ */
.order-review{margin-top:22px}
.ord-review{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,3vw,32px);margin-bottom:22px}
.ord-prod-head{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--gold-deep);margin-bottom:6px}
.ord-prod-title{font:600 1.35rem/1.2 var(--display);margin-bottom:16px;color:var(--ink)}
.ord-prod{display:grid;gap:0;margin:8px 0 18px}
.ord-prod>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.ord-prod dt{color:var(--ink-mute);font-weight:500}
.ord-prod dd{margin:0;font-weight:600;font-variant-numeric:lining-nums tabular-nums}
.ord-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:14px;border-top:2px solid var(--gold-light)}
.ord-total span{font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.ord-total b{font:700 1.5rem var(--sans);font-variant-numeric:lining-nums tabular-nums;color:var(--brown)}
.ord-form{display:grid;gap:14px;margin-bottom:22px}
.ord-field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.9rem;color:var(--ink-soft)}
.ord-field input{font:400 1rem/1.3 var(--sans);padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);min-height:52px}
.ord-field input:focus{outline:3px solid var(--gold-light);border-color:var(--gold)}
.ord-hint{margin:2px 0 0;font-size:.85rem;color:var(--ink-mute);min-height:1.2em}
.ord-hint.err{color:#9B3B2B}
.ord-hint.suggest{color:var(--brown-dark)}
.ord-hint.suggest .linkbtn{display:inline;padding:0 4px;margin:0;color:var(--brown);text-decoration:underline;font-weight:600}
.ord-checks{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}
.ord-check{display:flex;gap:12px;align-items:flex-start;background:var(--sand);padding:16px 18px;border-radius:14px;cursor:pointer;line-height:1.4;font-size:.94rem;color:var(--ink)}
.ord-check input{flex:none;width:22px;height:22px;margin-top:2px;accent-color:var(--brown);cursor:pointer}
.ord-check a{color:var(--brown-dark);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ord-check a:hover{color:var(--brown)}
.ord-pay-btn{width:100%;min-height:64px;font:700 .95rem/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:14px 24px}
.ord-pay-btn small{display:block;font:500 .72rem/1 var(--sans);letter-spacing:.16em;margin-top:6px;opacity:.75}
.ord-pay-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:grayscale(.3)}
.ord-err{margin-top:12px;text-align:center;font-size:.9rem;min-height:1.2em}
.order-pay{margin-top:34px}
.ord-after-intro{font:600 1.05rem/1.4 var(--sans);color:var(--brown-dark);margin-bottom:14px}
.ord-after{margin:18px 0 22px;padding-left:22px;display:flex;flex-direction:column;gap:10px;color:var(--ink-soft)}
.ord-after li{padding-left:6px;line-height:1.5}
.ord-mail-btn{margin-top:6px}

/* AGB: строка версии */
.agb-version{margin-bottom:26px;font-size:.85rem;color:var(--ink-mute);font-weight:500}

/* Форма отказа: моноширинный блок для оформления */
.legal li{margin:2px 0}

/* декоративные подсветки не должны вылезать за экран (только визуал, не создаёт scroll, но чистит вид) */
.dark-glow,.hero-glow{max-width:100vw}

/* очень узкие экраны (iPhone SE 320px) */
@media(max-width:360px){
  .bar{gap:6px}
  .brand-name{font-size:.72rem;letter-spacing:.06em}
  .callbtn{padding:8px 12px;font-size:.66rem}
  .mtabs{grid-template-columns:1fr}
  .mnum{font-size:1rem}
  .mword{font-size:1.35rem}
  .h1{font-size:clamp(1.8rem,8vw,2.2rem)}
  .hero2-h1{font-size:clamp(1.9rem,8.5vw,2.4rem)}
}
@media(max-width:360px){
  .edtabs{grid-template-columns:1fr}
  .edtab img{width:32px;height:48px}
  .edtab b{font-size:.85rem}
}

/* ═════════════ Rechnung — приватный генератор счёта ═════════════ */
.rechnung-note{background:#FFF4D6;border:1px solid #E9C982;border-radius:14px;padding:16px 18px;margin-bottom:24px;font-size:.9rem}
.rechnung-note p{margin:4px 0}
.rechnung-note kbd{display:inline-block;padding:2px 8px;border:1px solid var(--line);border-radius:4px;background:#fff;font:600 .82rem/1 ui-monospace,Menlo,monospace}
.rechnung-form{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,3vw,32px);margin-bottom:32px}
.rechnung-form h1{margin-bottom:18px;color:var(--brown)}
.rf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.rf-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.88rem;color:var(--ink-soft)}
.rf-wide{grid-column:1/-1}
.rf-grid input,.rf-grid select{padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font:400 1rem var(--sans);color:var(--ink);min-height:48px}
.rf-grid input:focus,.rf-grid select:focus{outline:3px solid var(--gold-light);border-color:var(--gold)}
@media(max-width:600px){.rf-grid{grid-template-columns:1fr}}

/* сам счёт */
.rechnung-doc{background:#fff;color:#111;padding:40px 44px;border:1px solid var(--line);border-radius:8px;max-width:800px;margin:0 auto;font:400 12pt/1.5 var(--sans);box-shadow:0 4px 20px rgba(0,0,0,.06)}
.rechnung-doc .r-head{display:flex;justify-content:space-between;gap:30px;margin-bottom:34px;padding-bottom:20px;border-bottom:2px solid #222}
.rechnung-doc .r-seller p{margin:2px 0;font-size:10pt;line-height:1.4}
.rechnung-doc .r-brand{font-size:14pt;font-weight:700;margin-bottom:8px !important}
.rechnung-doc .r-meta{text-align:right}
.rechnung-doc .r-meta .r-title{font-size:22pt;font-weight:700;margin-bottom:14px;letter-spacing:.02em}
.rechnung-doc .r-meta p{margin:3px 0;font-size:10pt}
.rechnung-doc .r-buyer{margin-bottom:30px}
.rechnung-doc .r-buyer-head{font-weight:600;margin-bottom:6px;color:#555;font-size:10pt}
.rechnung-doc .r-buyer p{margin:2px 0}
.rechnung-doc .r-table{width:100%;border-collapse:collapse;margin-bottom:26px}
.rechnung-doc .r-table th{text-align:left;padding:10px 8px;background:#EFE7D5;border-bottom:2px solid #222;font-size:10pt}
.rechnung-doc .r-table th:nth-child(3),.rechnung-doc .r-table th:nth-child(4),.rechnung-doc .r-table th:nth-child(5){text-align:right}
.rechnung-doc .r-table td{padding:12px 8px;border-bottom:1px solid #DDD;vertical-align:top}
.rechnung-doc .r-table td:nth-child(3),.rechnung-doc .r-table td:nth-child(4),.rechnung-doc .r-table td:nth-child(5){text-align:right;font-variant-numeric:tabular-nums}
.rechnung-doc .r-table td small{color:#666;font-size:9pt}
.rechnung-doc .r-totals{text-align:right;padding:14px 8px;border-top:2px solid #222;margin-bottom:20px}
.rechnung-doc .r-totals p{font-size:13pt;margin:0}
.rechnung-doc .r-tax{margin:14px 0 22px;padding:12px 14px;background:#FAF6EF;border-left:3px solid var(--brown);font-size:10pt}
.rechnung-doc .r-note{margin-bottom:22px;font-size:10pt;color:#444}
.rechnung-doc .r-payment{padding:14px 16px;background:#F8F4EB;border-radius:6px;font-size:10pt;margin-bottom:20px}
.rechnung-doc .r-payment p{margin:3px 0}
.rechnung-doc .r-foot{text-align:center;color:#666;margin-top:28px;padding-top:16px;border-top:1px solid #DDD;font-size:10pt}

/* печать: только сам документ, всё остальное скрыть */
@media print{
  body{background:#fff!important;padding:0!important}
  body::after{display:none!important}
  .site-header,.site-footer,.stickybar,.backbar,.scrollbar,.no-print{display:none!important}
  .rechnung-doc{border:0!important;box-shadow:none!important;padding:0!important;max-width:none!important}
  .sec{padding:0!important}
  .wrap{padding:0!important;max-width:none!important}
  @page{margin:20mm 16mm}
}

/* заказ, шаг 4 — усиленный вызов к отправке письма */
.ord-warn{margin:20px 0 18px;padding:20px 22px;background:linear-gradient(135deg,#FFF4D6,#FFEDB8);border:2px solid #E9C982;border-left:6px solid var(--brown);border-radius:16px}
.ord-warn-h{font:700 1.1rem/1.3 var(--sans);color:var(--brown-dark);margin-bottom:8px;letter-spacing:.01em}
.ord-warn p{margin:6px 0;color:var(--ink);line-height:1.5}
.ord-mail-btn{width:100%;min-height:76px;font:700 1.05rem/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:16px 24px;margin:6px 0 14px;text-align:center;box-shadow:0 14px 36px -10px rgba(180,134,58,.6);transition:transform .2s,box-shadow .2s}
.ord-mail-btn:hover{transform:translateY(-2px);box-shadow:0 20px 44px -12px rgba(180,134,58,.75)}
.ord-mail-btn span{display:block}
.ord-mail-btn small{display:block;font:500 .72rem/1 var(--sans);letter-spacing:.16em;margin-top:6px;opacity:.75;text-transform:uppercase}
.ord-fallback{margin:0 0 26px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:0 18px}
.ord-fallback summary{cursor:pointer;list-style:none;padding:14px 0;min-height:44px;font:600 .9rem var(--sans);color:var(--brown);display:flex;justify-content:space-between;align-items:center;gap:8px}
.ord-fallback summary::-webkit-details-marker{display:none}
.ord-fallback summary::after{content:"+";font:400 1.2rem/1 var(--sans);transition:transform .25s}
.ord-fallback[open] summary::after{transform:rotate(45deg)}
.ord-fallback-p{margin:6px 0;font-size:.9rem;color:var(--ink-soft)}
.ord-fallback-body{width:100%;font:400 .88rem/1.4 ui-monospace,Menlo,monospace;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);resize:vertical;margin:8px 0 12px}
.ord-copy-btn{margin-bottom:14px}
.ord-next-h{margin:8px 0 8px;font:600 .78rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--brown-deep,#7A4B22)}

/* карточка «Купить у автора» на страницах тетради и 90 дней */
.fullcard-price{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:16px 0 6px;margin:8px 0 16px;border-top:2px solid var(--gold-light)}
.fullcard-price span{font:600 .78rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.fullcard-price b{font:700 1.5rem var(--sans);color:var(--brown);font-variant-numeric:lining-nums tabular-nums}
.fullcard-price-tbd b{color:var(--ink-mute);font-weight:600;font-size:1.1rem}
.fullcard .btn{align-self:flex-start;min-height:56px}
.fullcard .note{margin-top:14px;font-size:.85rem;color:var(--ink-mute)}

/* приоритетная соцсеть (TikTok сейчас): золотая обводка + чуть крупнее */
.chip-primary{background:linear-gradient(135deg,#FFF9EE,#F6E5B4);border-color:var(--gold);color:var(--brown-dark);font-weight:700;padding:10px 22px;box-shadow:0 6px 20px -8px rgba(180,134,58,.5);position:relative;order:-1}
.chip-primary::before{content:"★ ";color:var(--brown);font-size:.9em}
.chip-primary:hover{transform:translateY(-2px);border-color:var(--brown);color:var(--brown)}
.chips-dark .chip-primary{background:linear-gradient(135deg,#E2C285,#C69A4E);border-color:transparent;color:#25190D}
.chips-dark .chip-primary:hover{color:#25190D;border-color:var(--gold-light)}
.chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* Keep every header control inside narrow screens, including long brand text. */
.brand{min-width:0}
.brand-mark,.langsw{flex-shrink:0}
@media screen and (max-width:600px){
  .rechnung-doc{padding:20px 14px;overflow-wrap:anywhere}
  .rechnung-doc .r-head{flex-direction:column;gap:20px}
  .rechnung-doc .r-meta{text-align:left}
  .rechnung-doc .r-table{table-layout:fixed;font-size:9px}
  .rechnung-doc .r-table th,.rechnung-doc .r-table td{padding:8px 3px;font-size:9px}
  .rechnung-doc .r-table th:nth-child(2){width:36%}
  .rechnung-doc .r-table td small{font-size:8px}
}
@media(max-width:640px){
  .bar{gap:10px}
  .brand{gap:8px}
  .brand-name{font-size:clamp(.68rem,2.9vw,.98rem);letter-spacing:.08em;white-space:normal;line-height:1.15}
  .brand-mark .heart{width:26px;height:24px}
}