/* ===== Йогараджа design system (палитра по логотипу) ===== */
:root{
  --yr-bg:#f4faf8; --yr-bg2:#e8f5f1; --yr-mint:#dcf1ec; --yr-mint2:#bde3da;
  --yr-teal:#13706e; --yr-teal2:#0d5f5e; --yr-deep:#0b4f50; --yr-ink:#0d2f30; --yr-ink2:#3a5a5b;
  --yr-aqua:#3cb4a8; --yr-gold:#e6a93a; --yr-gold2:#fbe3a6; --yr-white:#fff;
  --yr-r:22px; --yr-r2:14px;
  --yr-shadow:0 18px 50px -24px rgba(11,79,80,.35);
  --yr-ease:cubic-bezier(.22,1,.36,1);
}
html{scroll-behavior:smooth}
body{background:var(--yr-bg)}
.yr, .yr *{box-sizing:border-box}
.yr input,.yr textarea,.yr select,.yr button{font:inherit}
.yr{font-family:var(--t-text-font);color:var(--yr-ink);line-height:1.6;background:var(--yr-bg)}
.yr--mint{background:var(--yr-mint)}
.yr--white{background:var(--yr-white)}
.yr--deep{background:var(--yr-deep);color:#e6f4f1}
.yr--deep .yr-h,.yr--deep .yr-h2,.yr--deep .yr-h3{color:#fff}
.yr--deep .yr-h em,.yr--deep .yr-h2 em,.yr--deep .yr-h3 em{color:var(--yr-gold2)}
.yr--deep .yr-lead{color:#cfe6e2}
.yr--deep .yr-kicker{color:var(--yr-gold2)}
.yr-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.yr-wrap--n{max-width:860px}
.yr-sec{padding:96px 0}
.yr-sec--s{padding:64px 0}
@media(max-width:760px){.yr-sec{padding:64px 0}.yr-sec--s{padding:44px 0}.yr-wrap{padding:0 16px}}
.yr-h,.yr-h2,.yr-h3,.yr-h4{font-family:var(--t-headline-font);font-weight:500;color:var(--yr-ink);margin:0;text-wrap:balance;letter-spacing:-.01em}
.yr-h{font-size:clamp(2.4rem,5.2vw,4.4rem);line-height:1.05}
.yr-h2{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.12}
.yr-h3{font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.2}
.yr-h4{font-size:1.2rem;line-height:1.3}
.yr-h em,.yr-h2 em,.yr-h3 em{font-style:italic;color:var(--yr-teal)}
.yr-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--yr-teal);margin-bottom:18px}
.yr-kicker::before{content:"";width:28px;height:1px;background:var(--yr-gold)}
.yr-lead{font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.6;color:var(--yr-ink2);max-width:62ch;text-wrap:pretty;margin:20px 0 0}
.yr-p{font-size:1.05rem;line-height:1.7;color:var(--yr-ink);max-width:70ch;text-wrap:pretty;margin:0 0 1.1em}
.yr-p--soft{color:var(--yr-ink2)}
.yr-prose{max-width:72ch}
.yr-prose p{font-size:1.06rem;line-height:1.75;margin:0 0 1.15em;text-wrap:pretty}
.yr-prose h2{font-family:var(--t-headline-font);font-weight:500;font-size:clamp(1.7rem,2.8vw,2.3rem);line-height:1.15;margin:2.2em 0 .6em;color:var(--yr-ink);scroll-margin-top:100px}
.yr-prose h2:first-child{margin-top:0}
.yr-prose h3{font-family:var(--t-headline-font);font-weight:600;font-size:1.45rem;margin:1.8em 0 .5em;color:var(--yr-deep)}
.yr-prose ul,.yr-prose ol{padding-left:1.3em;margin:0 0 1.2em}
.yr-prose li{margin:.35em 0;line-height:1.65}
.yr-prose li::marker{color:var(--yr-teal)}
.yr-prose a{color:var(--yr-teal2);text-decoration:underline;text-decoration-color:var(--yr-mint2);text-underline-offset:3px}
.yr-prose a:hover{text-decoration-color:var(--yr-teal)}
.yr-prose blockquote{margin:1.8em 0;padding:22px 28px;border:1px solid var(--yr-mint2);border-radius:var(--yr-r2);background:var(--yr-white);font-family:var(--t-headline-font);font-size:1.35rem;line-height:1.4;font-style:italic;color:var(--yr-deep)}
.yr-prose strong{color:var(--yr-deep)}
.yr-prose .yr-note{padding:20px 24px;border-radius:var(--yr-r2);background:var(--yr-mint);margin:1.6em 0;font-size:1rem;line-height:1.6}
.yr-prose .yr-note strong{display:block;margin-bottom:4px;font-family:var(--t-headline-font);font-size:1.2rem}
.yr-prose img{max-width:100%;border-radius:var(--yr-r2);display:block;margin:1.6em 0}
.yr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border-radius:999px;font-weight:600;font-size:1rem;text-decoration:none;line-height:1.1;transition:transform .5s var(--yr-ease),box-shadow .5s var(--yr-ease),background .3s;cursor:pointer;border:1px solid transparent;font-family:var(--t-text-font);text-align:center}
.yr-btn:active{transform:scale(.97)}
.yr-btn--p{background:var(--yr-teal);color:#fff;box-shadow:0 12px 30px -14px rgba(19,112,110,.7)}
.yr-btn--p:hover{background:var(--yr-teal2);transform:translateY(-2px);color:#fff}
.yr-btn--g{background:var(--yr-gold);color:#1f1606}
.yr-btn--g:hover{background:#d8992a;transform:translateY(-2px);color:#1f1606}
.yr-btn--o{background:transparent;color:var(--yr-deep);border-color:var(--yr-teal)}
.yr-btn--o:hover{background:var(--yr-mint);transform:translateY(-2px);color:var(--yr-deep)}
.yr--deep .yr-btn--o,.vb-kc__feat .yr-btn--o{color:#fff;border-color:rgba(255,255,255,.55)}
.yr--deep .yr-btn--o:hover,.vb-kc__feat .yr-btn--o:hover{background:rgba(255,255,255,.12);color:#fff}
.yr-btn--w{background:#fff;color:var(--yr-deep)}
.yr-btn--w:hover{background:var(--yr-mint);transform:translateY(-2px);color:var(--yr-deep)}
.yr-btn svg{width:18px;height:18px;flex:none}
.yr-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.yr-link{color:var(--yr-teal2);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.yr-link::after{content:"→";transition:transform .4s var(--yr-ease)}
.yr-link:hover::after{transform:translateX(4px)}
.yr-card{background:var(--yr-white);border:1px solid var(--yr-mint2);border-radius:var(--yr-r);padding:30px;transition:transform .6s var(--yr-ease),box-shadow .6s var(--yr-ease),border-color .3s}
.yr-card:hover{transform:translateY(-4px);box-shadow:var(--yr-shadow);border-color:var(--yr-teal)}
.yr-grid{display:grid;gap:22px}
.yr-grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.yr-grid--3{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.yr-grid--4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
@media(max-width:400px){.yr-grid--2,.yr-grid--3{grid-template-columns:1fr}}
.yr-tag{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--yr-mint);color:var(--yr-deep);font-size:.78rem;font-weight:600;letter-spacing:.04em;align-self:flex-start;width:max-content}
.yr-tag--gold{background:var(--yr-gold2);color:#5a3f08}
.yr-tag--free{background:#e2f5e6;color:#1d5a2d}
.yr-sep{height:1px;background:linear-gradient(90deg,transparent,var(--yr-mint2),transparent)}
.yr-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.7}
.yr-img{border-radius:var(--yr-r);object-fit:cover;width:100%;display:block}
/* знак логотипа: кадрирование фигуры из полного логотипа (S3) */
.yr-mark{--h:48px;display:inline-block;position:relative;overflow:hidden;flex:none;width:calc(var(--h) * 1.18);height:var(--h)}
.yr-mark img{position:absolute;max-width:none;width:calc(var(--h) * 1.626);height:auto;left:calc(var(--h) * -.268);top:calc(var(--h) * -.163)}
.yr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* reveal on scroll */
.yr-js .yr-reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--yr-ease),transform .9s var(--yr-ease)}
.yr-js .yr-reveal.is-in{opacity:1;transform:none}
.yr-js .yr-reveal[data-d="1"]{transition-delay:.1s}.yr-js .yr-reveal[data-d="2"]{transition-delay:.2s}.yr-js .yr-reveal[data-d="3"]{transition-delay:.3s}.yr-js .yr-reveal[data-d="4"]{transition-delay:.4s}.yr-js .yr-reveal[data-d="5"]{transition-delay:.5s}
@keyframes yr-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes yr-spin{to{transform:rotate(360deg)}}
@keyframes yr-breathe{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}}
.yr-float{animation:yr-float 7s ease-in-out infinite}
/* FAQ */
.yr-faq{border-top:1px solid var(--yr-mint2)}
.yr-faq__i{border-bottom:1px solid var(--yr-mint2)}
.yr-faq__q{width:100%;background:none;border:0;text-align:left;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-family:var(--t-headline-font);font-size:1.3rem;font-weight:600;color:var(--yr-ink)}
.yr-faq__q span:last-child{width:34px;height:34px;flex:none;border-radius:50%;border:1px solid var(--yr-teal);display:grid;place-items:center;color:var(--yr-teal);transition:transform .5s var(--yr-ease),background .3s;font-size:1.3rem;font-family:var(--t-text-font)}
.yr-faq__i.is-open .yr-faq__q span:last-child{transform:rotate(45deg);background:var(--yr-teal);color:#fff}
.yr-faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--yr-ease)}
.yr-faq__i.is-open .yr-faq__a{grid-template-rows:1fr}
.yr-faq__a>div{overflow:hidden}
.yr-faq__a p{margin:0 0 22px;color:var(--yr-ink2);max-width:70ch;line-height:1.7;font-size:1.02rem}
/* breadcrumbs */
.yr-bc{display:flex;flex-wrap:wrap;gap:8px;font-size:.85rem;color:var(--yr-ink2);margin-bottom:22px}
.yr-bc a{color:var(--yr-teal2);text-decoration:none}
.yr-bc span{opacity:.5}
/* page hero */
.yr-hero{position:relative;overflow:hidden;padding:150px 0 80px;background:linear-gradient(180deg,var(--yr-bg2),var(--yr-bg))}
.yr-hero__g1{top:-120px;right:-80px;width:420px;height:420px;background:var(--yr-mint2)}
.yr-hero__g2{bottom:-160px;left:-120px;width:380px;height:380px;background:var(--yr-gold2);opacity:.5}
.yr-hero .yr-wrap{position:relative}
.yr-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.yr-hero__pic{position:relative}
.yr-hero__pic img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:120px 24px 120px 24px;display:block;box-shadow:var(--yr-shadow)}
@media(max-width:900px){.yr-hero__grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:760px){.yr-hero{padding:120px 0 56px}}
/* article layout with sticky toc */
.yr-art{display:grid;grid-template-columns:260px 1fr;gap:60px;align-items:start}
.yr-toc{position:sticky;top:110px;padding:22px 24px;background:#fff;border:1px solid var(--yr-mint2);border-radius:var(--yr-r2)}
.yr-toc strong{display:block;font-family:var(--t-headline-font);font-size:1.15rem;margin-bottom:10px;color:var(--yr-deep)}
.yr-toc a{display:block;padding:7px 0;font-size:.92rem;color:var(--yr-ink2);text-decoration:none;border-bottom:1px solid var(--yr-mint);transition:color .3s,padding-left .3s}
.yr-toc a:last-child{border-bottom:0}
.yr-toc a:hover,.yr-toc a.is-act{color:var(--yr-teal);padding-left:6px}
.yr-toc a.yr-btn{display:inline-flex;margin-top:16px;width:100%;padding:14px 20px;border-bottom:0;font-size:.95rem;color:#fff;justify-content:center}
.yr-toc a.yr-btn:hover{padding-left:20px;color:#fff}
@media(max-width:960px){.yr-art{grid-template-columns:1fr;gap:30px}.yr-toc{position:static}}
/* next step cards */
.yr-next{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.yr-next__c{display:flex;flex-direction:column;gap:12px;padding:34px;border-radius:var(--yr-r);background:#fff;border:1px solid var(--yr-mint2);transition:transform .6s var(--yr-ease),box-shadow .6s var(--yr-ease)}
.yr-next__c:hover{transform:translateY(-4px);box-shadow:var(--yr-shadow)}
.yr-next__c--deep{background:var(--yr-deep);color:#e6f4f1;border-color:var(--yr-deep)}
.yr-next__c--deep .yr-h3{color:#fff}
.yr-next__c p{margin:0;flex:1;line-height:1.6;font-size:.98rem}
.yr-next__c .yr-btn{align-self:flex-start;margin-top:8px}
@media(max-width:760px){.yr-next{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  .yr-js .yr-reveal{opacity:1;transform:none;transition:none}
  .yr-float,.yr *{animation:none!important}
  .yr-btn,.yr-card{transition:none}
}
.t-records{background:var(--yr-bg)}