html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;color:#17191c;font-family:'Inter',system-ui,sans-serif;font-optical-sizing:auto;letter-spacing:-0.006em;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-size:17px;line-height:1.6;overflow-wrap:break-word}
*{box-sizing:border-box}
a{color:#5c6f64}a:hover{color:#46564d}
button{font-family:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.serif{font-family:'Inter',system-ui,sans-serif}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:#5c6f64}
h1.t{margin:0;font-family:'Inter',system-ui,sans-serif;font-weight:700;font-size:clamp(42px,6vw,76px);line-height:1.04;letter-spacing:-1px}
h2.t{margin:0;font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:clamp(30px,3.8vw,48px);line-height:1.15}
h3.t{margin:0;font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:24px;line-height:1.25}
.lead{margin:0;font-size:18px;color:#5a5e62}
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.25;gap:10px;min-height:54px;padding:12px 28px;box-sizing:border-box;border-radius:12px;font-weight:600;font-size:16px;letter-spacing:-0.005em;text-decoration:none;border:1.5px solid transparent;cursor:pointer}
.btn-primary{background:#17191c;color:#FFFFFF}.btn-primary:hover{color:#FFFFFF;background:#000000}
.btn-dark{background:#17191c;color:#fafafa}.btn-dark:hover{color:#fafafa}
.btn-outline{border-width:1px;border-color:#c8cdca;color:#17191c;background:transparent}.btn-outline:hover{color:#17191c}
.btn-light{background:#fafafa;color:#17191c}.btn-light:hover{color:#17191c}
.cream{background:#f4f5f4}
.section{padding:96px 0}
.card{background:#FFFFFF;border:1px solid #dadddb;border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;gap:20px}
.check{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.check svg{flex:0 0 auto;margin-top:2px;color:#5c6f64}
.seg{padding:4px;background:#f4f5f4;border-radius:999px;display:flex;gap:4px}
.seg button{flex:1 1 0;min-height:48px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#5a5e62;font-size:15px;font-weight:500;cursor:pointer}
.seg button[aria-pressed=true]{background:#FFFFFF;color:#17191c;font-weight:600;box-shadow:0 1px 3px rgba(22,23,29,.12)}
.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;flex-wrap:wrap}
.nav-brand{font-size:12px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;color:#17191c;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.nav-links{display:flex;gap:4px;flex-wrap:wrap}
.nav-links a{font-size:15px;font-weight:500;color:#3a3d41;text-decoration:none;min-height:44px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center}
.nav-links a:hover{color:#17191c;background:rgba(22,23,29,.05)}
.nav-links a[aria-current=page]{color:#17191c;background:#FFFFFF;box-shadow:0 1px 3px rgba(22,23,29,.1)}
.on-white .nav-links a[aria-current=page]{background:#f4f5f4;box-shadow:none}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
details[open] .faq-plus{transform:rotate(45deg)}
.faq details{border-bottom:1px solid #d6dad8}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:18px 0;font-family:'Inter',system-ui,sans-serif;font-size:20px;font-weight:600;line-height:1.3}
.faq .faq-plus{flex:0 0 auto;color:#5c6f64;transition:transform .2s}
.faq p{margin:0 0 24px;font-size:17px;color:#3a3d41;white-space:pre-line}
footer{border-top:1px solid #e6e8e7;padding:28px 0 40px}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px;color:#6a6e72}
.foot a{color:#6a6e72;text-decoration:none}
.grid{display:grid;gap:16px}
.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.quote{margin:0;background:#FFFFFF;border-radius:16px;padding:30px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.quote blockquote{margin:0;font-family:'Inter',system-ui,sans-serif;font-size:18px;line-height:1.55;color:#2b2e32}
.quote figcaption{font-size:14px;color:#6a6e72}
/* book page: option rows (ebook language, audiobook voice) and audio samples; one shared player in site.js */
.opt-list{display:flex;flex-direction:column;gap:8px}
.opt-row{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 14px 8px 12px;box-sizing:border-box;border-radius:14px;background:#f4f5f4;border:1.5px solid transparent;color:#17191c;font:inherit;text-align:left;cursor:pointer;overflow:hidden}
.opt-row.on{background:#FFFFFF;border-color:#17191c}
.opt-dot{flex:0 0 auto;width:18px;height:18px;border-radius:50%;border:1.5px solid #B9B2AA;box-sizing:border-box;background:#FFFFFF}
.opt-row.on .opt-dot{border:5.5px solid #17191c}
.opt-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.opt-pick{padding:6px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.opt-name{font-size:15px;font-weight:600;line-height:1.3}
.opt-sub{font-size:13px;line-height:1.3;color:#6a6e72}
.opt-side{flex:0 0 auto;font-size:15px;font-weight:600}
.smp-row{padding-left:8px;cursor:default}
.smp-play{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:0;padding:0;background:#17191c;color:#fafafa;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.smp-play .i-pause,.smp-play.playing .i-play{display:none}
.smp-play.playing .i-pause{display:block}
.smp-play:focus-visible,.opt-row:focus-visible,.opt-pick:focus-visible{outline:2px solid #5c6f64;outline-offset:2px}
.smp-side{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:15px}
.smp-dark .smp-side{color:#fafafa}
.smp-time{flex:0 0 auto;font-size:13px;color:#6a6e72;font-variant-numeric:tabular-nums}
.smp-bar{position:absolute;left:0;bottom:0;height:3px;width:0;background:#5c6f64;transition:width .25s linear}
.smp-dark .opt-row{background:rgba(255,255,255,.08);color:#fafafa}
.smp-dark .smp-play{background:#fafafa;color:#17191c}
.smp-dark .opt-sub,.smp-dark .smp-time{color:rgba(255,255,255,.65)}
.smp-dark .smp-bar{background:#c9d1cc}
.fee{font-family:'Inter',system-ui,sans-serif;font-size:15px;font-weight:500;color:#6a6e72;white-space:nowrap}
.fee-l{color:rgba(255,255,255,.65)}
/* short Telegram line instead of the big channel card (the card stays on the home and breathing pages) */
.chan-short{padding:40px 0}
.chan-line{display:flex;align-items:center;gap:14px;max-width:640px;padding:12px 18px 12px 12px;border:1px solid #dadddb;border-radius:16px;background:#FFFFFF;color:#17191c;text-decoration:none}
.chan-line:hover{color:#17191c;border-color:#c2c8c4}
.chan-line img{flex:0 0 auto;width:44px;height:44px;border-radius:50%;object-fit:cover}
.chan-line-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:15px}
.chan-line-t span{font-size:13px;color:#6a6e72}
.chan-line-go{flex:0 0 auto;font-size:14px;font-weight:600;color:#5c6f64}
@media (max-width:420px){.chan-line-go{display:none}}
/* home: the two free entries in the first screen, each with a one-line note */
.hero-free{display:flex;flex-wrap:wrap;gap:14px 16px}
.hero-free>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.hero-free span{font-size:13px;color:#6a6e72;padding-left:6px}
/* home "Where to start" cards: smaller picture area on phones */
@media (max-width:640px){
  .fc-head{height:auto!important;padding:18px 22px 0!important;justify-content:flex-start!important}
  .fc-head>div{padding-bottom:16px!important}
  .fc-cover{width:76px!important}
  .fc-body{padding:20px 22px 24px!important;gap:10px!important}
}
/* consultations: cases and steps as short lists on phones instead of cards */
@media (max-width:640px){
  .k-list{gap:0!important;border-top:1px solid #dadddb}
  .k-list>div{flex-direction:row!important;flex-wrap:wrap;align-items:baseline;gap:4px 12px!important;padding:16px 0!important;border:0!important;border-bottom:1px solid #dadddb!important;border-radius:0!important;background:transparent!important}
  .k-list>div>:first-child{flex:0 0 22px}
  .k-list>div>:nth-child(2){flex:1 1 0;min-width:0;font-size:18px!important}
  .k-list>div>:nth-child(n+3){flex:1 1 100%;margin:0;padding-left:34px;font-size:15px}
}
/* phones: less air between sections (desktop unchanged) */
@media (max-width:640px){
  .section{padding-top:64px;padding-bottom:64px}
  #app section[style*="padding: 104px 0"],#app section[style*="padding: 112px 0"]{padding-top:64px!important;padding-bottom:64px!important}
  .pair>div{padding:14px 16px!important;gap:10px!important}
  .pair-text{font-size:15px!important}
}
/* home: both free buttons inside the first phone screen */
@media (max-width:480px){
  .hero-top{padding-top:12px!important;padding-bottom:56px!important;gap:24px 64px!important}
  .hero-eb{display:none}
  h1.t.hero-h1{font-size:34px;line-height:1.08}
}
.lang-pill{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font-size:13px;font-weight:600;background:#EFE9E2;color:#3a3d41}
.lang-pill.en{background:#5c6f64;color:#FFFFFF}
.lang-pill.dark{background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.85)}
/* ---- additions ---- */
.chan-card{background:#FFFFFF;border:1px solid #dadddb;border-radius:20px;padding:36px;display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center}
.cream .chan-card,.chan-on-cream .chan-card{background:#FFFFFF}
.only-m{display:none}
@media (max-width:640px){.only-m{display:block}.hide-m{display:none !important}}
.zoomable{cursor:zoom-in}
.lightbox{position:fixed;inset:0;background:rgba(22,23,29,.92);display:none;align-items:center;justify-content:center;z-index:100;padding:16px}
.lightbox.open{display:flex}
.lightbox img{max-width:100%;max-height:100%;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lightbox button{position:absolute;top:16px;right:16px;width:48px;height:48px;border-radius:50%;border:0;background:#FFFFFF;color:#17191c;font-size:22px;cursor:pointer}
.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#FFFFFF;border-top:1px solid #dadddb;padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -8px 24px rgba(22,23,29,.08)}
.stickybar.show{display:flex}
@media (min-width:641px){.stickybar{display:none !important}}
.more-wrap .quote.extra{display:none}
.more-wrap.open .quote.extra{display:flex}
.btn-more{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1.5px solid #c8cdca;background:transparent;color:#3a3d41;font-weight:500;font-size:15px;cursor:pointer}
.hero-photo{display:flex;justify-content:center}
@media (max-width:640px){.hero-photo img{width:112px !important;height:112px !important}.hero-photo{justify-content:flex-start}}

.terms{display:flex;flex-direction:column;gap:6px;font-size:13.5px;line-height:1.45;color:#6a6e72;padding-top:4px}
.terms b{font-weight:600;color:#17191c}
.terms a{color:#17191c}
.terms-light{color:rgba(255,255,255,0.72)}.terms-light b,.terms-light a{color:#fafafa}
.q-rest[hidden]{display:none}
.q-more{display:inline-block;margin-top:10px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:#5c6f64;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media (max-width:480px){.nav{gap:4px 16px}.nav-links{gap:2px;margin-left:-10px}.nav-links a{padding:0 10px;font-size:15px}}
@media (max-width:360px){.nav-links a{padding:0 7px;font-size:14px}}

.annc{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px;background:#17191c;color:#FFFFFF;text-decoration:none;font-size:14px;padding:10px 16px;text-align:center;line-height:1.35}
.annc:hover{color:#FFFFFF;background:#46564d}
.annc b{font-weight:600}.annc-d{color:rgba(255,255,255,.82)}
.annc-go{font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:480px){.annc{font-size:13px;gap:2px 10px}}

.nav-links a.nav-hot{position:relative}
.nav-links a.nav-hot::after{content:"";position:absolute;top:9px;right:5px;width:6px;height:6px;border-radius:50%;background:#5c6f64}
@media (max-width:480px){
  .nav-links{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:calc(100% + 10px)}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{padding:0 8px;font-size:14.5px;white-space:nowrap;flex:0 0 auto}
  .nav-links a.nav-hot::after{top:8px;right:1px}
}
@media (max-width:420px){.nav-links{gap:0}.nav-links a{padding:0 6px;font-size:14px}.nav-links a.nav-hot{padding-right:10px}.nav-links a.nav-hot::after{right:2px;top:10px}}
@media (max-width:350px){.nav-links a{padding:0 5px;font-size:13px}}
.nav-top{display:flex;align-items:center;gap:14px}
/* "Breathe with me" in the header of every page (the free entry people come for); filled on the breathing pages */
.nav-breath{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px 0 10px;border:1.5px solid #17191c;border-radius:999px;font-size:14px;font-weight:600;color:#17191c;text-decoration:none;white-space:nowrap}
.nav-breath:hover{color:#17191c;background:rgba(22,23,29,.05)}
.nav-breath[aria-current=page]{background:#17191c;color:#fafafa}
.nav-breath[aria-current=page] .orb i{background:#c9d1cc}
@media (max-width:380px){.nav-top{gap:8px}.nav-brand{letter-spacing:1.6px}.nav-breath{padding:0 10px 0 7px;font-size:13px;gap:4px}.nav-top .lang-sw{padding:0 9px}}
.lang-sw{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border:1px solid #d3d7d5;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:1px;color:#3a3d41;text-decoration:none}
.lang-sw:hover{color:#17191c;border-color:#17191c}

/* breathwork */
.bhero{display:flex;flex-direction:column;gap:18px;padding:32px 0 64px}
.bh1{font-size:clamp(36px,5vw,60px)}
.bback{font-size:15px;font-weight:500;color:#3a3d41;text-decoration:none;align-self:flex-start;min-height:36px;display:inline-flex;align-items:center}
.bback:hover{color:#17191c}
.bchips{display:flex;flex-wrap:wrap;gap:8px}
.bchips span{font-size:14px;font-weight:500;padding:7px 14px;border-radius:999px;background:#FFFFFF;border:1px solid #dadddb;color:#3a3d41}
.bplayer{max-width:980px;width:100%;margin-top:10px}
.bsafe{font-size:14.5px;line-height:1.5;color:#7A4A12;background:#FBF1E1;border:1px solid #F0DDBE;border-radius:12px;padding:14px 16px}
.bclub{background:#17191c;color:#fafafa}
.bclub h2.t{color:#fafafa}
.bclub-card{flex:1 1 300px;max-width:400px;background:#FFFFFF;color:#17191c;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:16px}
.btest{background:#FFFFFF;border:1px solid #dadddb;border-radius:20px;padding:32px clamp(20px,4vw,40px);display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px}
.bcard{display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #dadddb;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
.bcard:hover{color:inherit;box-shadow:0 16px 36px rgba(22,23,29,.1);transform:translateY(-2px)}
.bcard-img{position:relative;aspect-ratio:16/9;background:radial-gradient(circle at 50% 45%,#3a2a30 0%,#17191c 70%)}
.bcard-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bcard-dur{position:absolute;right:12px;bottom:12px;font-size:13px;font-weight:600;color:#FFFFFF;background:rgba(22,23,29,.78);padding:4px 10px;border-radius:999px}
.bcard-play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#5c6f64;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.bcard-play svg{width:22px;height:22px;margin-left:3px}
.bcard-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.bfilter{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}
.bfilter button{min-height:42px;padding:0 18px;border-radius:999px;border:1px solid #d3d7d5;background:#FFFFFF;color:#3a3d41;font-size:15px;font-weight:500;cursor:pointer}
.bfilter button[aria-pressed=true]{background:#17191c;border-color:#17191c;color:#fafafa}
.free2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.free2.free3{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.free2 > div{background:#f4f5f4;border-radius:24px;padding:36px clamp(20px,3.5vw,44px);display:flex;flex-direction:column;gap:14px}
.g2b{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr))}
.orb{position:relative;width:64px;height:64px;flex:0 0 auto;margin:-18px -6px -20px 0}
.orb i{position:absolute;inset:0;border-radius:50%;background:#5c6f64;animation:orb 6s ease-in-out infinite}
.orb i:nth-child(1){opacity:.12;animation-delay:0s}.orb i:nth-child(2){inset:11px;opacity:.25;animation-delay:.3s}.orb i:nth-child(3){inset:22px;opacity:1}
@keyframes orb{0%,100%{transform:scale(.7)}50%{transform:scale(1.1)}}
@media (prefers-reduced-motion:reduce){.orb i{animation:none}}
.orb-s{width:22px;height:22px;margin:0 2px 0 -4px}
.orb-s i:nth-child(2){inset:4px}.orb-s i:nth-child(3){inset:7px}
.orb-s i:nth-child(1){opacity:.22}.orb-s i:nth-child(2){opacity:.45}
/* breathwork v2 */
.bhero-p{gap:14px;padding:20px 0 56px}
.bpromise{max-width:720px}
.blang{font-size:15px;color:#3a3d41;background:#FFFFFF;border:1px solid #dadddb;border-radius:12px;padding:12px 16px;max-width:980px}
.bwarn{display:flex;gap:12px;align-items:flex-start;max-width:980px;font-size:15px;line-height:1.5;color:#5C3A0E;background:#FBF1E1;border:1px solid #F0DDBE;border-radius:14px;padding:14px 16px}
.bwarn svg{flex:0 0 auto;margin-top:1px}
.bwarn details{margin-top:6px}
.bwarn summary{display:inline;font-weight:600;color:#7A4A12;text-decoration:underline;text-underline-offset:3px}
.bwarn-more{display:flex;flex-direction:column;gap:8px;padding-top:10px}
.bwarn-more p{margin:0}
.bwarn-more .check{font-size:15px}
.bplayer{margin-top:4px}
.btools{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:14px}
.bcopy{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #d3d7d5;background:#FFFFFF;color:#17191c;font-size:15px;font-weight:500;cursor:pointer}
.bcopy:hover{border-color:#17191c}
.bcopy.ok{border-color:#3E8A5A;color:#2F6B45}
.btool-link{font-size:15px;font-weight:500;color:#3a3d41}
.bp-ch{margin-top:10px}
.bsec{padding:64px 0}
.blist{display:flex;flex-direction:column;gap:10px}
.bbottom{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:stretch}
.bclubc{background:#17191c;color:#fafafa;border-radius:20px;padding:28px clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:12px}
.bclubc h3.t{color:#fafafa;font-size:clamp(22px,2.4vw,28px)}
.bclubc p{margin:0;font-size:16px;color:rgba(255,255,255,.8)}
.bclubc-price{font-size:14px;line-height:1.5;color:rgba(255,255,255,.65)}
.bclubc-act{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding-top:4px}
.bclubc-book{color:#fafafa;font-size:15px;font-weight:500;text-underline-offset:3px}
.bclubc-book:hover{color:#fafafa}
.btest{background:#FFFFFF;border:1px solid #dadddb;border-radius:20px;padding:28px clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:12px}
.btest h3.t{font-size:clamp(22px,2.4vw,28px)}
.btest p{margin:0;color:#3a3d41}
.bsec .btest{background:#f4f5f4;border-color:#f4f5f4}
.cream .btest{background:#FFFFFF;border-color:#dadddb}
.blast{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;background:#FFFFFF;border:1px solid #dadddb;border-radius:18px;padding:16px 18px;text-decoration:none;color:inherit;max-width:760px}
.blast[hidden]{display:none}
.blast:hover{color:inherit;border-color:#17191c}
.blast-orb{width:40px;height:40px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle,#5c6f64 0 34%,rgba(92,111,100,.28) 35% 62%,rgba(92,111,100,.1) 63%)}
.blast-txt{display:flex;flex-direction:column;gap:2px;flex:1 1 220px;min-width:0}
.blast-eb{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#5c6f64}
.blast-txt b{font-size:17px;font-weight:600}
.blast-txt span:last-child{font-size:14px;color:#6a6e72}
.blast-btn{min-height:44px;padding:0 20px;font-size:15px}
@media (max-width:640px){
  .bhero-p{padding:4px 0 40px;gap:12px}
  .bh1{font-size:30px;line-height:1.15}
  .bpromise{font-size:16px}
  .bchips span{font-size:13px;padding:5px 11px}
  .bsec{padding:44px 0}
  .blast-btn{width:100%}
}
/* nav: two rows on phones instead of a scrolling strip */
@media (max-width:480px){
  .nav-links{flex-wrap:wrap;overflow:visible;max-width:none;gap:0 2px;margin-left:-8px}
  .nav-links a{padding:0 8px;font-size:15px;min-height:38px;white-space:nowrap}
  .nav-links a.nav-hot{padding-right:12px}
  .nav-links a.nav-hot::after{right:3px;top:9px}
}
@media (max-width:350px){.nav-links a{padding:0 6px;font-size:14.5px}}
h1.t.bh1{font-size:clamp(36px,4.6vw,56px)}
@media (max-width:640px){h1.t.bh1{font-size:30px;line-height:1.15;letter-spacing:-.3px}}
.btest{align-items:flex-start;flex-wrap:nowrap}
.blang{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#17191c;background:none;border:0;padding:0;max-width:none}
.blang::before{content:"";width:8px;height:8px;border-radius:50%;background:#5c6f64;flex:0 0 auto}
.bcopy-msg{flex:1 1 100%;font-size:14px;line-height:1.45;color:#8A3A1E}
@media (max-width:640px){.bhero-p{gap:10px}.bwarn{padding:12px 14px}}
@media (max-width:640px){.bhero-p .bback{display:none}.bhero-p{padding-top:12px}}

/* book editions: card payment on the site + the same book through the Club bot in Telegram (30.10) */
.buy2{display:flex;flex-direction:column;gap:10px}
.buy2 a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 16px;border-radius:12px;font-weight:600;font-size:16px;line-height:1.25;text-decoration:none;text-align:center}
.buy-card{background:#17191c;color:#FFFFFF}.buy-card:hover{background:#000000;color:#FFFFFF}
.buy-tg{border:1px solid #c8cdca;background:transparent;color:#17191c}.buy-tg:hover{border-color:#17191c;color:#17191c}
.buy-tg svg{flex:0 0 auto;color:#2AABEE}
.buy-note{margin:0;font-size:13px;line-height:1.45;color:#6a6e72;text-align:center}
.buy2.dark .buy-card{background:#fafafa;color:#17191c}.buy2.dark .buy-card:hover{background:#FFFFFF;color:#17191c}
.buy2.dark .buy-tg{border-color:rgba(255,255,255,.35);color:#fafafa}.buy2.dark .buy-tg:hover{border-color:#fafafa;color:#fafafa}
.buy2.dark .buy-note{color:rgba(255,255,255,.6)}

/* contact page (svyaz.html, 01.11): topic chips, fields, the sent state. Sent through Netlify Forms by site.js */
.cf-page{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px 72px;align-items:start;padding:40px 0 96px}
.cf-intro{display:flex;flex-direction:column;gap:22px;position:sticky;top:24px}
.cf-intro h1.t{font-size:clamp(38px,4.6vw,60px)}
.cf-aside{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:1px solid #dadddb;font-size:15px;line-height:1.55;color:#5a5e62}
.cf-aside p{margin:0}
.cf-card{background:#FFFFFF;border:1px solid #dadddb;border-radius:12px;padding:32px clamp(20px,3vw,36px)}
.cf{display:flex;flex-direction:column;gap:22px;margin:0}
.cf[hidden],.cf-done[hidden]{display:none}
.cf fieldset{border:0;margin:0;padding:0;min-width:0}
.cf legend,.cf-f>span{display:block;padding:0;margin:0 0 10px;font-size:15px;font-weight:600;line-height:1.35;color:#17191c}
.cf-f>span small{margin-left:6px;font-size:14px;font-weight:400;color:#6a6e72}
.cf-chips{display:flex;flex-wrap:wrap;gap:8px}
.cf-chips label{position:relative;display:flex}
.cf-chips input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cf-chips span{display:inline-flex;align-items:center;min-height:42px;padding:8px 14px;border:1px solid #c8cdca;border-radius:10px;background:#FFFFFF;font-size:15px;line-height:1.3;color:#2b2e32;transition:background .15s,border-color .15s,color .15s}
.cf-chips label:hover span{border-color:#17191c}
.cf-chips input:checked+span{background:#17191c;border-color:#17191c;color:#FFFFFF}
.cf-chips input:focus-visible+span{outline:2px solid #5c6f64;outline-offset:2px}
.cf-topics.bad .cf-chips span{border-color:#a1453b}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cf-f{display:block;min-width:0}
.cf input[type=text],.cf input[type=email],.cf textarea{display:block;width:100%;min-height:52px;padding:13px 14px;border:1px solid #c8cdca;border-radius:10px;background:#FFFFFF;font:inherit;font-size:16px;line-height:1.4;letter-spacing:normal;color:#17191c;-webkit-appearance:none;appearance:none}
.cf textarea{min-height:150px;resize:vertical}
.cf input::placeholder,.cf textarea::placeholder{color:#868a8d;opacity:1}
.cf input:focus,.cf textarea:focus{outline:none;border-color:#5c6f64;box-shadow:0 0 0 3px rgba(92,111,100,.2)}
.cf input.bad,.cf textarea.bad{border-color:#a1453b}
.cf-hint{margin:8px 0 0;font-size:14px;line-height:1.45;color:#6a6e72}
.cf-err{margin:0;font-size:15px;font-weight:500;line-height:1.45;color:#a1453b}
.cf-send{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.cf-send .btn{min-width:200px}
.cf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-done{display:flex;flex-direction:column;gap:16px;outline:none}
.cf-done h2.t{font-size:clamp(28px,3vw,36px)}
@media (max-width:900px){.cf-page{grid-template-columns:minmax(0,1fr);gap:28px}.cf-intro{position:static}}
@media (max-width:560px){.cf-row{grid-template-columns:minmax(0,1fr)}.cf-card{padding:24px 18px}.cf-send .btn{flex:1 1 100%}.cf-chips span{font-size:14.5px;padding:8px 12px}}

/* ===== phones: calmer geometry (25.10). Desktop unchanged. ===== */
@media (max-width:480px){
  /* header: name + «Дыши со мной» + language in one line, the menu as one scrolling row */
  .nav{padding:10px 0 4px;gap:4px 0}
  .nav-top{width:100%;gap:8px}
  .nav-brand{font-size:11px;letter-spacing:1.3px;white-space:nowrap;margin-right:auto;min-height:40px}
  .nav-links{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -20px!important;padding:0 14px 0 20px;gap:2px!important;max-width:none!important;width:calc(100% + 40px)}
  .nav-links.more{-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{white-space:nowrap;flex:0 0 auto;min-height:36px!important;padding:0 7px!important;font-size:14px!important}
  .nav-links a:first-child{margin-left:-7px}
  .nav-links a.nav-hot{padding-right:11px!important}
  /* seminar banner in one line */
  .annc{flex-wrap:nowrap;gap:0 6px;font-size:13px;padding:9px 14px;white-space:nowrap}
  .annc-go{display:none}
  .annc::after{content:"→";font-weight:600}
  /* first screens: photo or cover above the text, less air below, equal full-width buttons */
  .hero-top,.wrap>div[style*="padding: 40px 0"],[data-hero]{padding-top:16px!important;padding-bottom:44px!important;gap:20px 0!important}
  .hero-photo{order:-1;flex:0 0 auto!important;justify-content:flex-start!important}
  .hero-photo img{width:72px!important;height:72px!important;border-radius:50%!important;object-fit:cover;object-position:50% 20%;box-shadow:0 8px 20px rgba(22,23,29,.12)!important;max-width:none!important}
  [data-hero] .hero-cover-wrap{order:-1;flex:0 0 auto!important;justify-content:flex-start!important}
  [data-hero] .hero-cover{width:104px!important;margin:0!important;border-radius:4px!important}
  .btn-primary,.btn-outline,.btn-dark,.btn-light,[data-hero] a[href^="#"]{width:100%}
  .stickybar .btn{width:auto}
  .hero-free>div{width:100%}
  .hero-free span{padding-left:0;align-self:center}
  /* fact rows: an even two-column grid instead of a ragged wrap */
  .facts{display:grid!important;grid-template-columns:1fr 1fr;gap:6px 14px!important}
  .facts>:last-child:nth-child(odd){grid-column:1/-1}
  .facts.facts-row{display:flex!important;flex-wrap:nowrap;justify-content:space-between;gap:0 8px!important;font-size:13.5px!important;white-space:nowrap}
  /* cards: the same inner padding everywhere */
  .card:not([style*="padding: 0"]),:is([style*="padding: 32px 28px"],[style*="padding: 30px 28px"],[style*="padding: 26px"],[style*="padding: 28px;"],[style*="padding: 36px"]):not(.fc-head,.fc-body){padding:22px 20px!important}
  .fc-head:has(.fc-cover){justify-content:center!important}
  .fc-cover{width:96px!important}
  /* type: no hanging single words in headings, a calmer lead */
  h1,h2,h3,.eyebrow,[style*="letter-spacing: 2"]{text-wrap:balance}
  .card{gap:14px!important}
  .bfilter{gap:6px}
  .bfilter button{padding:0 13px;min-height:40px;font-size:14.5px}
  .lead{font-size:17px!important}
}
@media (max-width:360px){.nav-brand{white-space:normal;letter-spacing:1px;line-height:1.25}}

/* ===== computers: even rows and grids (25.10). Phones unchanged. ===== */
h1,h2,h3{text-wrap:balance}
/* breathing filter: the cards that remain keep their usual width */
.grid.g3:has(> [style*="display: none"]){grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
@media (min-width:1024px){
  /* home: the three product cards start their text on one line */
  .fc-head{height:216px!important}
  .fc-cover{width:auto!important;height:184px!important}
  .grid > a:has(> .card > .fc-head),.grid > a > .card:has(> .fc-head){display:grid!important;grid-template-rows:subgrid;grid-row:span 8;row-gap:0}
  .grid > a > .card > .fc-body{display:contents!important}
  .grid > a > .card > .fc-body > *{margin:12px 28px 0!important}
  .grid > a > .card > .fc-body > :first-child{margin-top:28px!important}
  .grid > a > .card > .fc-body > :last-child{margin-bottom:28px!important}
  /* Telegram strip spans the column like the blocks above it */
  .chan-line{max-width:none}
}
@media (min-width:1180px){
  /* grids without a lonely last row: 4 and 8 items in four columns, 5 items as two wide and three */
  .grid:is(.g2,.g3):not(.more-wrap):has(> :nth-child(4):last-child),
  .grid:is(.g2,.g3):not(.more-wrap):has(> :nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
  .grid.g2.k-list:has(> :nth-child(8):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid:has(> :nth-child(4):last-child) > .bcard h3{font-size:19px!important}
  .grid:has(> :nth-child(4):last-child) > .bcard p{font-size:14.5px!important}
  .grid:has(> :nth-child(4):last-child) > .bcard .bcard-body > *{margin-left:20px!important;margin-right:20px!important}
  .grid.g3:has(> :nth-child(5):last-child):not(:has(> [style*="display: none"])){grid-template-columns:repeat(6,minmax(0,1fr))}
  .grid.g3:has(> :nth-child(5):last-child):not(:has(> [style*="display: none"])) > *{grid-column:span 2}
  .grid.g3:has(> :nth-child(5):last-child):not(:has(> [style*="display: none"])) > :nth-child(-n+2){grid-column:span 3}
  /* practice cards: label, title, text and link on shared lines across a row */
  .grid > .bcard{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0}
  .grid > .bcard .bcard-body{display:contents}
  .grid > .bcard .bcard-body > *{margin:10px 24px 0!important}
  .grid > .bcard .bcard-body > .eyebrow{margin-top:22px!important}
  .grid > .bcard .bcard-body > :last-child{margin-bottom:24px!important}
}

/* ===== «Аура»: the style of the Club A practice sheets (26.10). Inline styles of the pages are covered here. ===== */
h1,h2,h3,.t,.serif{font-family:'Inter',system-ui,sans-serif!important;font-optical-sizing:auto}
h1.t{font-weight:600!important;letter-spacing:-0.035em!important;line-height:1.02!important}
h2.t,h3.t,h2,h3{font-weight:600!important;letter-spacing:-0.025em!important}
.serif{font-weight:600!important;letter-spacing:-0.02em}
.hero-sub{font-weight:300}
i,em,blockquote,.quote blockquote,[style*="font-style: italic"]{font-style:normal!important}
blockquote,.quote blockquote{font-weight:400!important;letter-spacing:-0.015em!important}
.eyebrow,.nav-brand{letter-spacing:.22em!important}
.card,.bcard,.quote,.chan-card,.chan-line,[style*="border-radius: 20px"],[style*="border-radius: 24px"],[style*="border-radius: 18px"],[style*="border-radius: 16px"]{border-radius:10px!important}
.nav-links a,.nav-breath,.lang-sw,.bfilter button,.seg,.seg button{border-radius:10px!important}
a[style*="background: #5c6f64"],button[style*="background: #5c6f64"]{background:#17191c!important;border-color:#17191c!important}
a[style*="border-radius: 999px"],button[style*="border-radius: 999px"]:not([data-sample]){border-radius:12px!important}