/* Home atmosphere layer: a real light theme for every homepage section, gradient
   backgrounds with slow ambient motion, and the featured-offer card in the hero.
   Loaded last on the homepage only. Motion is transform/opacity only and runs
   only while a section is on screen. */

/* ---------- 1. Palette ----------
   The brand sections (hero, Bookademy, founder, corporate training, newsletter)
   keep their original deep-teal + gold identity in both themes; the ambient
   layer only adds depth and slow motion on top of them. */
#root#root{--ha-c1:rgba(32,178,158,.22);--ha-c2:rgba(232,181,96,.16);--ha-c3:rgba(40,120,160,.18);--ha-dot:rgba(190,230,220,.06)}
/* Light content sections (white / mint cards): a much fainter brand tint, no dot grid. */
html:not(.dark) #root#root :is(.course-section,.article-section,.media-section){--ha-c1:rgba(8,125,115,.07);--ha-c2:rgba(212,155,58,.08);--ha-c3:rgba(8,125,115,.05);--ha-dot:transparent}

/* ---------- 2. Ambient layer (inserted by home-enhance.js) ---------- */
#root .br-ambient-host{position:relative;isolation:isolate}
#root .br-ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;border-radius:inherit;contain:layout paint}
#root .br-ambient>i{position:absolute;display:block;border-radius:50%;width:58vmax;height:58vmax;background:radial-gradient(circle,var(--ha-c1) 0%,transparent 64%);will-change:transform;animation:ha-drift-a 30s ease-in-out infinite alternate;animation-play-state:paused}
#root .br-ambient>i:nth-child(1){top:-30vmax;right:-20vmax}
#root .br-ambient>i:nth-child(2){bottom:-34vmax;left:-24vmax;background:radial-gradient(circle,var(--ha-c2) 0%,transparent 64%);animation-name:ha-drift-b;animation-duration:36s}
#root .br-ambient>i:nth-child(3){top:30%;left:38%;width:36vmax;height:36vmax;background:radial-gradient(circle,var(--ha-c3) 0%,transparent 66%);animation-name:ha-drift-c;animation-duration:26s}
#root .br-ambient:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--ha-dot) 1px,transparent 1.5px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 40%,#000 10%,transparent 78%);mask-image:radial-gradient(ellipse 70% 65% at 50% 40%,#000 10%,transparent 78%)}
#root .br-ambient-host.is-onscreen>.br-ambient>i{animation-play-state:running}
@keyframes ha-drift-a{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-5vmax,4vmax,0) scale(1.12)}100%{transform:translate3d(4vmax,8vmax,0) scale(.94)}}
@keyframes ha-drift-b{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6vmax,-4vmax,0) scale(1.08)}100%{transform:translate3d(-3vmax,-7vmax,0) scale(1.14)}}
@keyframes ha-drift-c{0%{transform:translate3d(0,0,0) scale(.9)}100%{transform:translate3d(-9vmax,5vmax,0) scale(1.15)}}
#root .br-ambient[data-v="1"]>i:nth-child(1){top:auto;bottom:-30vmax;right:-12vmax}
#root .br-ambient[data-v="1"]>i:nth-child(2){bottom:auto;top:-34vmax;left:-16vmax}
#root .br-ambient[data-v="2"]>i:nth-child(3){left:auto;right:8%;top:6%}

/* ---------- 10. Hero: featured course card replaces the oversized logo ---------- */
#root .hero-visual.has-offer .hero-brand-symbol{display:none!important}
#root .hero-visual.has-offer:after{opacity:.6}
/* Free video, shown as a course poster (same look as the course cards below). */
@media(min-width:781px){html body.home #root#root .hero-visual.has-offer{display:grid!important;place-items:center!important}}
@media(max-width:780px){html body.home #root#root .hero-visual .br-hero-course{display:none!important}}
html body.home #root#root .hero-visual .br-hero-course{position:relative!important;z-index:3!important;display:block!important;width:min(340px,100%)!important;margin:auto!important;text-decoration:none!important}
html body.home #root#root .hero-visual .br-hero-course .course-poster{position:relative!important;display:block!important;aspect-ratio:3/4!important;border-radius:22px!important;overflow:hidden!important}
html body.home #root#root .hero-visual .br-hero-course .course-poster>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 20%!important}
html body.home #root#root .hero-visual .br-hero-course .course-flag{position:absolute!important;z-index:3!important;top:16px!important;right:16px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;padding:5px 12px!important;border-radius:999px!important;font-size:13px!important;font-weight:800!important}
html body.home #root#root .hero-visual .br-hero-course .course-flag svg{width:12px!important;height:12px!important}
html body.home #root#root .hero-visual .br-hero-course .course-card-content{position:absolute!important;z-index:3!important;inset:auto 1px 1px 1px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;padding:24px 22px 22px!important;text-align:right!important;background:none!important}
html body.home #root#root .hero-visual .br-hero-course .course-card-content strong{margin:0!important;font:900 24px/1.6 "Peyda","Yekan Bakh",sans-serif!important;color:#fff7e5!important;text-align:right!important}
html body.home #root#root .hero-visual .br-hero-course .course-card-content i{display:block!important;width:28px!important;height:2px!important;margin:12px 0 10px!important;border-radius:2px!important;background:#d6a345!important}
html body.home #root#root .hero-visual .br-hero-course .course-card-content em{font-style:normal!important;font-size:14.5px!important;font-weight:700!important;color:#eed49d!important;text-align:right!important}
html body.home #root#root .hero-visual .br-hero-course .course-poster::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(2,12,14,0) 25%,rgba(2,14,16,.55) 48%,rgba(2,12,14,.9) 70%,#020c0e 100%)!important}
html body.home #root#root .hero-visual .br-hero-course .course-premium-seal{position:absolute!important;z-index:3!important;top:18px!important;left:18px!important;right:auto!important;display:flex!important;align-items:center!important;gap:6px!important;padding:5px 11px!important;border-radius:999px!important;background:rgba(4,29,31,.86)!important;border:1px solid rgba(255,232,181,.42)!important;color:#f5d995!important;font-size:11.5px!important;font-weight:800!important}
html body.home #root#root .hero-visual .br-hero-course .course-premium-seal svg{width:11px!important;height:11px!important}

/* ---------- 11. Quick access: free trainings replaces "tests – coming soon" ---------- */
#root .quick-access a.quick-free>span:first-child{color:#9fe3d6}
html.dark #root#root .quick-access a.quick-free>span:first-child{color:#7fe6d3}

/* ---------- 11b. Contrast: gold brand buttons get dark text (white on gold was 3:1) ---------- */
#root#root :is(.hero-primary-action>a,.course-flag,.request-tabs button.active,.newsletter-section form button,.book-pro-badge,.request-submit){color:#1f1708!important;text-shadow:none!important}
#root#root :is(.hero-primary-action>a,.request-tabs button.active,.request-submit,.newsletter-section form button) svg{color:#1f1708!important;stroke:currentColor}
#root#root .bx-founder .bx-badge{color:#d6f1f3!important}
@media(max-width:980px){html:not(.dark) #root#root .quick-access a small{color:#55657a!important}}

/* ---------- 11c. Corporate training section: readable type (was 11px throughout) ---------- */
#root#root .consultation-section .consultation-kicker{font-size:13px!important;line-height:1.7!important}
#root#root .consultation-section .consultation-intro>p{font-size:15px!important;line-height:1.95!important}
#root#root .consultation-section .request-tabs button{font-size:14px!important;line-height:1.6!important}
#root#root .consultation-section .consultation-intro li{font-size:14px!important;line-height:1.9!important}
#root#root .consultation-section .request-card-heading strong{font-size:18px!important;line-height:1.6!important}
#root#root .consultation-section .request-card-heading small{font-size:13px!important;line-height:1.8!important}
#root#root .consultation-section form label{font-size:13.5px!important;line-height:1.8!important}
#root#root .consultation-section form :is(input,select,textarea){font-size:15px!important;line-height:1.6!important}
#root#root .consultation-section form :is(input,textarea)::placeholder{font-size:14px}
#root#root .consultation-section form .request-consent{font-size:13px!important}
html body.home #root#root .request-card label:not(.request-consent)>b:after{font-size:12px!important;font-weight:500;opacity:.85}
#root#root .consultation-section form .request-submit{font-size:15px!important}
#root#root .consultation-mobile-head>span{font-size:13px!important}
#root#root .consultation-mobile a strong{font-size:15px!important}
#root#root .consultation-mobile a small{font-size:13px!important}
/* Phones: 16px fields stop iOS from zooming in when a field is tapped. */
@media(max-width:780px){#root#root .consultation-section form :is(input,select,textarea){font-size:16px!important}}

/* ---------- 12. Mobile: fewer floating controls ---------- */
@media(max-width:780px){
  body.home .br-to-top{display:none!important}
  html body.home{padding-bottom:0!important}
  html body.home .br-footer{margin-top:0!important}
}

/* ---------- 14. Mobile app design (homepage, phones only) ----------
   One visual system: app background, white (or deep-teal) cards with the same
   radius/shadow, brand teal for actions, gold only for offers. */
.br-app-offer{display:none}
@media(max-width:780px){
  html body.home{--app-bg:#f2f6f5;--app-card:#fff;--app-line:#e2ebe8;--app-ink:#0f2a2b;--app-sub:#5a6d6e;--app-brand:#0a6b66;--app-brand-2:#0d8579;--app-tint:#e3f1ee;--app-gold:#c98a1e;--app-gold-tint:#fdf1dc;
    --app-shadow:0 1px 2px rgba(15,42,43,.05),0 10px 26px -14px rgba(15,42,43,.22);--app-r:20px;background:var(--app-bg)!important}
  html.dark body.home{--app-bg:#041517;--app-card:#0b2427;--app-line:rgba(255,255,255,.07);--app-ink:#eaf4f2;--app-sub:#93acaa;--app-brand:#5fd0bd;--app-brand-2:#7fe6d3;--app-tint:rgba(95,208,189,.12);--app-gold:#f0c56c;--app-gold-tint:rgba(240,197,108,.14);
    --app-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 12px 26px -16px rgba(0,0,0,.6)}
  body.home .br-product-promo{display:none!important}
  html body.home #root#root main{width:100%!important;max-width:none!important;margin:0!important;padding:0 14px!important;box-sizing:border-box!important}
  html body.home #root#root *{-webkit-tap-highlight-color:transparent}
  html body.home #root#root :is(.course-card,.article-card,.book-card,.media-card,.quick-access a,.br-app-offer,.request-tabs button,.newsletter-section form button,.section-title>a){transition:transform .16s cubic-bezier(.2,.8,.2,1),opacity .16s}
  html body.home #root#root :is(.course-card,.article-card,.book-card,.media-card,.quick-access a,.br-app-offer,.request-tabs button,.newsletter-section form button,.section-title>a):active{transform:scale(.97);opacity:.9}
  html body.home #root#root :is(.course-card,.article-card,.book-card,.media-card,.quick-access a,.br-app-offer){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
  /* No decorative watermarks / ambient glows on the light feed. */
  html body.home #root#root :is(.hero-section,.course-section,.article-section,.media-section)>.br-ambient{display:none!important}
  html body.home #root#root :is(.hero-section,.course-section,.article-section,.media-section,.books-section,.bx-founder,.newsletter-section,.consultation-section)::before,html body.home #root#root :is(.hero-section,.course-section,.article-section,.media-section,.books-section,.bx-founder,.newsletter-section,.consultation-section)::after{display:none!important}
  html body.home #root#root :is(.bx-founder-mark,.newsletter-glow){display:none!important}

  /* 1. Header area: title + search on the app background. */
  html body.home #root#root .hero-section{margin:16px 0 0!important;padding:0!important;min-height:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}
  html body.home #root#root .hero-copy{padding:0!important;text-align:center!important;color:var(--app-ink)!important}
  html body.home #root#root .hero-copy>:is(p,.eyebrow,.hero-trust-stats){display:none!important}
  html body.home #root#root .hero-copy h1{margin:0 0 14px!important;text-align:center!important}
  html body.home #root#root .hero-title-mobile{display:grid!important;justify-items:center!important;text-align:center!important;gap:2px!important}
  html body.home #root#root .hero-title-mobile-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
  html body.home #root#root .hero-title-mobile-row>span:first-child{font:900 23px/1.45 "Peyda","Yekan Bakh",sans-serif!important;color:var(--app-ink)!important}
  html body.home #root#root .hero-title-arrow{width:22px!important;height:17px!important;background:linear-gradient(145deg,#f0c56c,#c08a2e)!important}
  html body.home #root#root .hero-title-mobile>span:last-child{font-size:14px!important;line-height:1.7!important;color:var(--app-sub)!important}
  html body.home #root#root .hero-highlight{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--app-brand)!important;font-weight:800!important}
  html body.home #root#root .hero-primary-action{display:none!important}
  html body.home #root#root .hero-search{display:flex!important;align-items:center!important;gap:8px!important;height:52px!important;min-height:52px!important;padding:0 6px 0 6px!important;background:var(--app-card)!important;border:1px solid var(--app-line)!important;border-radius:16px!important;box-shadow:var(--app-shadow)!important}
  html body.home #root#root .hero-search>svg{margin-right:8px!important;color:var(--app-sub)!important;flex:none}
  html body.home #root#root .hero-search input{flex:1!important;min-width:0!important;font-size:15px!important;color:var(--app-ink)!important;background:none!important}
  html body.home #root#root .hero-search input::placeholder{color:var(--app-sub)!important;opacity:.85}
  html body.home #root#root .hero-search button{flex:none!important;width:auto!important;min-width:0!important;height:40px!important;padding:0 16px!important;border-radius:12px!important;background:var(--app-brand)!important;color:#fff!important;font-size:13.5px!important;font-weight:800!important;border:0!important}
  html.dark body.home #root#root .hero-search button{color:#04201f!important}
  html body.home #root#root .hero-scroll-cue{display:none!important}

  /* 2. Featured banner. */
  .br-app-offer{display:grid;grid-template-columns:1fr 132px;align-items:stretch;min-height:178px;margin:16px -14px 0;border-radius:0;overflow:hidden;text-decoration:none!important;color:#fff!important;background:radial-gradient(120% 140% at 100% 0%,#0f6b67 0%,#063c3d 45%,#03191d 100%);box-shadow:0 18px 36px -20px rgba(3,25,29,.85);position:relative;isolation:isolate}
  .br-app-offer__media{position:relative;order:2;overflow:hidden}
  .br-app-offer__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
  .br-app-offer__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#052c2e 0%,rgba(5,44,46,0) 55%)}
  .br-app-offer__body{order:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:18px 18px 18px 4px;min-width:0}
  .br-app-offer__badge{padding:3px 10px;border-radius:999px;background:#ffb21a;color:#1f1708;font:900 11.5px/1.6 "Peyda","Yekan Bakh",sans-serif}
  .br-app-offer strong{margin-top:4px;font:900 18px/1.5 "Peyda","Yekan Bakh",sans-serif;color:#fff}
  .br-app-offer small{font-size:12px;color:#b9d3d1}
  .br-app-offer__price{display:flex;align-items:baseline;gap:8px;margin-top:2px}
  .br-app-offer__price del{font-size:12px;color:#8fb0ae}
  .br-app-offer__price b{font:900 16px "Peyda","Yekan Bakh",sans-serif;color:#f6d38a}
  .br-app-offer__price i{font:600 11px "Yekan Bakh",sans-serif;font-style:normal;color:#c7dee1}
  .br-app-offer__cta{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:7px 12px 7px 9px;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-size:12.5px;font-weight:800;backdrop-filter:blur(6px)}
  .br-app-offer__cta svg{width:16px;height:16px}

  /* 3. Shortcuts: soft tinted app tiles. */
  html body.home #root#root .quick-access{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start!important;gap:4px!important;margin:20px 0 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:0!important}
  html body.home #root#root .quick-access a{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;align-self:start!important;gap:8px!important;height:auto!important;min-height:0!important;padding:0!important;background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
  html body.home #root#root .quick-access a::before,html body.home #root#root .quick-access a::after{display:none!important}
  html body.home #root#root .quick-access a>span:first-child{flex:none!important;width:60px!important;height:60px!important;min-height:60px!important;margin:0!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:var(--app-tint)!important;color:var(--app-brand)!important;border:0!important;box-shadow:none!important}
  html body.home #root#root .quick-access a.quick-courses>span:first-child{background:var(--app-gold-tint)!important;color:var(--app-gold)!important}
  html body.home #root#root .quick-access a>span:first-child svg{width:26px!important;height:26px!important;stroke-width:1.8}
  html body.home #root#root .quick-access a>div{width:100%!important;height:auto!important}
  html body.home #root#root .quick-access a strong{display:block!important;font-size:12.5px!important;line-height:1.5!important;font-weight:800!important;color:var(--app-ink)!important;white-space:normal!important;text-wrap:balance;text-align:center!important}
  html body.home #root#root .quick-access a :is(small,.quick-card-cta),html body.home #root#root .quick-access .quick-card-cta{display:none!important}

  /* 4. Section headers. */
  html body.home #root#root :is(.course-section,.article-section,.media-section){margin:32px 0 0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
  html body.home #root#root .section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;padding:0!important;border:0!important}
  html body.home #root#root .section-title>div{padding:0!important;border:0!important;box-shadow:none!important}
  html body.home #root#root .section-title::before,html body.home #root#root .section-title::after,html body.home #root#root .section-title>div::before,html body.home #root#root .section-title>div::after,html body.home #root#root .section-title h2::before,html body.home #root#root .section-title h2::after{display:none!important}
  html body.home #root#root .section-title>div>span{display:none!important}
  html body.home #root#root .section-title h2{margin:0!important;font:900 18px/1.5 "Peyda","Yekan Bakh",sans-serif!important;color:var(--app-ink)!important}
  html body.home #root#root .section-title>a{display:inline-flex!important;align-items:center!important;gap:2px!important;min-height:34px!important;padding:0 2px!important;background:none!important;border:0!important;box-shadow:none!important;font-size:13px!important;font-weight:800!important;color:var(--app-brand)!important}
  html body.home #root#root .section-title>a svg{width:16px!important;height:16px!important}

  /* 5. Rails: edge-to-edge swipe. */
  html body.home #root#root .rail{display:flex!important;gap:10px!important;margin:0 -14px!important;padding:2px 14px 8px!important;scroll-padding-inline:14px!important;scroll-snap-type:x mandatory!important;overscroll-behavior-x:contain;scrollbar-width:none!important}
  html body.home #root#root .rail::-webkit-scrollbar{display:none}
  html body.home #root#root .rail>a{flex:none!important;scroll-snap-align:start!important}
  html body.home #root#root .rail-controls{display:none!important}

  /* Courses: poster cards. */
  html body.home #root#root .course-card{width:44vw!important;max-width:190px!important;height:auto!important;border-radius:var(--app-r)!important;overflow:hidden!important;box-shadow:var(--app-shadow)!important;border:0!important}
  html body.home #root#root .course-poster{width:100%!important;height:auto!important;aspect-ratio:3/4.2!important;border-radius:var(--app-r)!important}
  html body.home #root#root .course-card-content{padding:12px 12px 12px!important;height:auto!important;gap:2px!important}
  html body.home #root#root .course-card-content strong{font-size:14.5px!important;line-height:1.5!important}
  html body.home #root#root .course-card-content em{font-size:11.5px!important}
  html body.home #root#root .course-card-content i,html body.home #root#root .course-premium-seal{display:none!important}
  html body.home #root#root .course-flag{top:10px!important;right:10px!important;left:auto!important;padding:3px 8px!important;font-size:11px!important;border-radius:999px!important;color:#1f1708!important}

  /* Articles: white cards. */
  html body.home #root#root .article-category-groups{margin:0 -14px 8px!important;padding:0!important;display:grid!important;gap:6px!important;background:none!important;border:0!important}
  html body.home #root#root .article-category-row{padding:0!important;background:none!important;border:0!important}
  html body.home #root#root .article-category-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;margin:0!important;padding:2px 14px 4px!important;scrollbar-width:none}
  html body.home #root#root .article-category-grid::-webkit-scrollbar{display:none}
  html body.home #root#root .article-category-grid button{flex:none!important;min-height:36px!important;height:36px!important;padding:0 14px!important;border-radius:999px!important;background:var(--app-card)!important;border:1px solid var(--app-line)!important;box-shadow:none!important;color:var(--app-ink)!important;font-size:13px!important}
  html body.home #root#root .article-category-grid button :is(b,span){font-size:13px!important;color:inherit!important}
  html body.home #root#root .article-category-grid button svg{width:15px!important;height:15px!important}
  html body.home #root#root .article-category-grid button.active{background:var(--app-brand)!important;border-color:var(--app-brand)!important;color:#fff!important}
  html.dark body.home #root#root .article-category-grid button.active{color:#04201f!important}
  html body.home #root#root .article-card{width:74vw!important;max-width:300px!important;padding:0!important;border-radius:0!important;background:none!important;border:0!important;box-shadow:none!important}
  html body.home #root#root .article-card>div{width:100%!important;height:auto!important;aspect-ratio:16/10!important;border-radius:18px!important;overflow:hidden!important;box-shadow:var(--app-shadow)!important}
  html body.home #root#root .article-card>div img{width:100%!important;height:100%!important;object-fit:cover!important}
  html body.home #root#root .article-card>div>span{top:8px!important;right:8px!important;padding:3px 9px!important;font-size:11px!important;border-radius:999px!important}
  html body.home #root#root .article-card strong{margin:10px 2px 0!important;font-size:14px!important;line-height:1.75!important;color:var(--app-ink)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

  /* Free trainings. */
  html body.home #root#root .br-home-media-heading{flex-wrap:wrap!important}
  html body.home #root#root .br-home-media-heading>div{width:100%!important}
  html body.home #root#root .br-home-media-heading>a{flex:1!important;justify-content:center!important;min-height:38px!important;height:38px!important;padding:0 12px!important;border-radius:12px!important;background:var(--app-card)!important;border:1px solid var(--app-line)!important;color:var(--app-ink)!important;font-size:13px!important;box-shadow:none!important}
  html body.home #root#root .media-grid{display:flex!important;gap:10px!important;overflow-x:auto!important;margin:0 -14px!important;padding:2px 14px 8px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none}
  html body.home #root#root .media-grid::-webkit-scrollbar{display:none}
  html body.home #root#root .media-card{flex:none!important;width:82vw!important;max-width:330px!important;height:auto!important;scroll-snap-align:start;display:grid!important;grid-template-columns:44% 1fr!important;border-radius:var(--app-r)!important;overflow:hidden!important;background:var(--app-card)!important;border:0!important;box-shadow:var(--app-shadow)!important}
  html body.home #root#root .media-card>div{width:auto!important;height:auto!important;min-height:150px!important}
  html body.home #root#root .media-card>div img{width:100%!important;height:100%!important;object-fit:cover!important}
  html body.home #root#root .media-card>section{padding:14px 12px!important;background:none!important;color:var(--app-ink)!important;width:auto!important}
  html body.home #root#root .media-card>section small{font-size:11.5px!important;color:var(--app-sub)!important}
  html body.home #root#root .media-card>section strong{font-size:14px!important;line-height:1.7!important;color:var(--app-ink)!important}
  html body.home #root#root .media-card .play{width:44px!important;height:44px!important}

  /* 6. Feature cards (deep brand teal in both themes). */
  html body.home #root#root :is(.books-section,.bx-founder,.consultation-section,.newsletter-section){margin:32px -14px 0!important;border-radius:0!important;border:0!important;box-shadow:none!important;background:radial-gradient(130% 90% at 100% 0%,#0d5f5c 0%,#063c3d 38%,#03191d 100%)!important;color:#fff!important}
  html body.home #root#root .books-section{padding:28px 14px 22px!important}
  html body.home #root#root main>section:last-child{margin-bottom:32px!important}
  html body.home #root#root :is(.books-section,.bx-founder,.consultation-section,.newsletter-section) .section-title h2,html body.home #root#root :is(.bx-founder,.consultation-section,.newsletter-section) h2{color:#fff!important}
  html body.home #root#root .books-section .section-title>a{color:#f6d38a!important}
  html body.home #root#root .book-category-tabs{display:flex!important;gap:8px!important;padding:0!important;margin:0 0 14px!important;border-radius:0!important;background:none!important;border:0!important}
  html body.home #root#root .book-category-tabs button{flex:none!important;min-height:36px!important;height:36px!important;border-radius:999px!important;font-size:13px!important;padding:0 14px!important;color:#cfe3e0!important;background:rgba(255,255,255,.07)!important;border:0!important;box-shadow:none!important}
  html body.home #root#root .book-category-tabs button.active{background:#f0c56c!important;color:#1f1708!important}
  html body.home #root#root .book-category-tabs button svg{display:none!important}
  html body.home #root#root .books-section .rail{gap:12px!important}
  html body.home #root#root .book-card{width:32vw!important;max-width:140px!important}
  html body.home #root#root .book-cover-stage{width:100%!important;height:auto!important;aspect-ratio:2/3!important;border-radius:12px!important;overflow:hidden!important;background:rgba(255,255,255,.06)!important;border:0!important;box-shadow:0 14px 24px -14px rgba(0,0,0,.8)!important}
  html body.home #root#root .book-cover-stage img{width:100%!important;height:100%!important;object-fit:cover!important}
  html body.home #root#root .book-stage-brand{display:none!important}
  html body.home #root#root .book-card-copy{padding:8px 2px 0!important}
  html body.home #root#root .book-card-copy strong{font-size:12.5px!important;line-height:1.6!important;color:#fff!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important}
  html body.home #root#root .book-card-copy span{font-size:11.5px!important;color:#a9c6c3!important}

  /* Founder: compact profile card. */
  html body.home #root#root .bx-founder{display:grid!important;grid-template-columns:104px 1fr!important;grid-template-rows:auto auto!important;gap:16px!important;padding:28px 14px 24px!important;align-items:center!important}
  html body.home #root#root .bx-portrait{grid-column:1!important;grid-row:1!important;width:104px!important;height:130px!important;border-radius:18px!important;overflow:hidden!important;border:1px solid rgba(240,206,135,.3)!important}
  html body.home #root#root .bx-portrait img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 15%!important}
  html body.home #root#root .bx-fbody{display:contents!important}
  html body.home #root#root .bx-fbody>.bx-badge{grid-column:2!important;grid-row:1!important;align-self:start!important;justify-self:start!important;margin:2px 0 0!important;padding:4px 10px!important;font-size:11px!important;border-radius:999px!important}
  html body.home #root#root .bx-fbody>h2{grid-column:2!important;grid-row:1!important;align-self:center!important;margin:28px 0 0!important;font:900 21px/1.4 "Peyda","Yekan Bakh",sans-serif!important;text-align:right!important}
  html body.home #root#root .bx-fbody>.bx-role{grid-column:2!important;grid-row:1!important;align-self:end!important;margin:0 0 4px!important;font-size:13px!important;color:#f0ce87!important;text-align:right!important}
  html body.home #root#root .bx-creds{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:0!important}
  html body.home #root#root .bx-creds li{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:10px 0!important;margin:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-size:13px!important;line-height:1.6!important;color:#e6f2f0!important;text-align:right!important}
  html body.home #root#root .bx-creds li i{flex:none!important;width:32px!important;height:32px!important;border-radius:10px!important;font-size:11px!important;font-style:normal!important}

  /* Corporate training. */
  html body.home #root#root .consultation-section{padding:28px 14px!important}
  html body.home #root#root .consultation-intro ul{display:none!important}
  html body.home #root#root .consultation-intro h2{font:900 17px/1.7 "Peyda","Yekan Bakh",sans-serif!important;margin:4px 0 12px!important;text-align:right!important}
  html body.home #root#root .consultation-kicker{color:#f0ce87!important}
  html body.home #root#root .request-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  html body.home #root#root .request-tabs button svg{display:none!important}
  html body.home #root#root .request-tabs button{white-space:nowrap!important;padding:0 8px!important;min-height:46px!important;border-radius:14px!important;font-size:13.5px!important;justify-content:center!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important}
  html body.home #root#root .request-tabs button.active{background:#f0c56c!important;border-color:#f0c56c!important;color:#1f1708!important}

  /* Newsletter. */
  html body.home #root#root .newsletter-section{padding:28px 14px 32px!important;text-align:right!important}
  html body.home #root#root .newsletter-section h2{font:900 17px/1.7 "Peyda","Yekan Bakh",sans-serif!important;text-align:right!important}
  html body.home #root#root .newsletter-section form{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;height:auto!important;margin-top:14px!important;padding:0!important;background:none!important}
  html body.home #root#root .newsletter-section form input{height:48px!important;min-height:48px!important;padding:0 14px!important;border-radius:14px!important;background:rgba(0,0,0,.25)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-size:15px!important}
  html body.home #root#root .newsletter-section form button{height:48px!important;min-height:48px!important;padding:0 16px!important;border-radius:14px!important;background:#f0c56c!important;color:#1f1708!important;font-size:14px!important;width:100%!important}
}

/* ---------- 14c. Mobile footer brand: centred ---------- */
@media(max-width:780px){
  html body.home .br-footer .br-footer-brand{align-items:center!important;text-align:center!important}
  html body.home .br-footer .br-footer-lockup{width:96px!important;min-height:44px!important;margin:0 auto!important}
  html body.home .br-footer .br-footer-lockup img{width:96px!important}
  html body.home .br-footer .br-footer-brand-mark{right:50%!important;top:-34px!important;width:150px!important;height:116px!important;transform:translateX(50%)!important}
  html body.home .br-footer .br-footer-brand>p{max-width:300px!important;margin:8px auto 14px!important;text-align:center!important;font-size:12.5px!important;line-height:1.9!important}
  html body.home .br-footer .br-socials{justify-content:center!important;margin-inline:auto!important;width:100%!important}
}

/* ---------- 14d. Mobile: app wallpaper + distinct closing sections ---------- */
@media(max-width:780px){
  /* Wallpaper: a fixed, soft brand mesh behind the whole feed. */
  html:has(>body.home){background:#eef4f2!important}
  html.dark:has(>body.home){background:#041517!important}
  html body.home,html body.home #root .site{background:transparent!important}
  html body.home::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:
      radial-gradient(70% 38% at 100% 0%,rgba(10,107,102,.16),transparent 70%),
      radial-gradient(55% 30% at 0% 22%,rgba(240,197,108,.16),transparent 70%),
      radial-gradient(70% 34% at 0% 100%,rgba(10,107,102,.12),transparent 70%),
      linear-gradient(180deg,#eaf3f1 0%,#f3f7f6 45%,#eef4f2 100%)}
  html body.home::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;
    background-image:radial-gradient(rgba(10,107,102,.13) 1px,transparent 1.2px);background-size:18px 18px;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 30%,transparent 60%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 30%,transparent 60%)}
  html.dark body.home::before{background:
      radial-gradient(75% 40% at 100% 0%,rgba(13,110,104,.38),transparent 70%),
      radial-gradient(55% 30% at 0% 25%,rgba(240,197,108,.07),transparent 70%),
      radial-gradient(75% 36% at 0% 100%,rgba(13,110,104,.22),transparent 70%),
      linear-gradient(180deg,#05211f 0%,#041517 45%,#031214 100%)}
  html.dark body.home::after{opacity:.35;background-image:radial-gradient(rgba(127,230,211,.16) 1px,transparent 1.2px)}

  /* Founder: light profile band (dark-mode: raised teal surface). */
  html body.home #root#root .bx-founder{margin-top:32px!important}
  html:not(.dark) body.home #root#root .bx-founder{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.7))!important;border-top:1px solid var(--app-line)!important;border-bottom:1px solid var(--app-line)!important;color:var(--app-ink)!important;box-shadow:0 18px 40px -30px rgba(15,42,43,.35)!important}
  html:not(.dark) body.home #root#root .bx-fbody>h2{color:var(--app-ink)!important}
  html:not(.dark) body.home #root#root .bx-fbody>.bx-role{color:#a86f12!important}
  html:not(.dark) body.home #root#root .bx-fbody>.bx-badge{background:var(--app-tint)!important;color:var(--app-brand)!important;border:0!important}
  html:not(.dark) body.home #root#root .bx-creds li{color:var(--app-ink)!important;border-top-color:var(--app-line)!important}
  html:not(.dark) body.home #root#root .bx-creds li i{background:var(--app-tint)!important;color:var(--app-brand)!important;border:0!important}
  html:not(.dark) body.home #root#root .bx-portrait{border-color:rgba(192,138,46,.35)!important;box-shadow:0 14px 28px -18px rgba(15,42,43,.6)!important}
  html.dark body.home #root#root .bx-founder{background:linear-gradient(180deg,#0b2629,#082023)!important;border-top:1px solid rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}

  /* Corporate training: deep brand band. */
  html body.home #root#root .consultation-section{margin-top:32px!important;background:#03191d!important;background-image:radial-gradient(90% 70% at 100% 0%,rgba(13,95,92,.7),transparent 70%),radial-gradient(60% 60% at 0% 100%,rgba(240,197,108,.10),transparent 70%)!important}

  /* Newsletter: gold call-to-action band. */
  html body.home #root#root .newsletter-section{margin-top:32px!important;background:linear-gradient(135deg,#f8dc9d 0%,#f0c56c 48%,#dea24a 100%)!important;color:#1f1708!important}
  html body.home #root#root .newsletter-section :is(h2,p,span,small,label){color:#1f1708!important}
  html body.home #root#root .newsletter-section form input{background:rgba(255,255,255,.72)!important;border:1px solid rgba(31,23,8,.14)!important;color:#1f1708!important}
  html body.home #root#root .newsletter-section form input::placeholder{color:#6b5a35!important;opacity:1}
  html body.home #root#root .newsletter-section form button{background:#063c3d!important;color:#fff!important;box-shadow:0 12px 24px -14px rgba(6,60,61,.9)!important}
  html body.home #root#root .newsletter-section form button svg{color:#fff!important}
}

/* ---------- 14e. Mobile footer: no back-to-top, address opens Neshan ---------- */
.br-footer-location-link{display:block;color:inherit!important;text-decoration:none!important;border-radius:16px}
.br-footer-location-link:focus-visible{outline:2px solid #f0c56c;outline-offset:3px}
@media(max-width:780px){
  html body.home .br-footer>#to-top{display:none!important}
  html body.home .br-footer .br-footer-contact>a.br-footer-neshan{display:none!important}
  html body.home .br-footer .br-footer-location-link .br-footer-location{position:relative!important;padding-left:40px!important;transition:border-color .2s,background .2s}
  html body.home .br-footer .br-footer-location-link .br-footer-location:after{content:"";position:absolute;left:14px;top:50%;width:16px;height:16px;margin-top:-8px;background:#f0ce87;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M7 7h10v10'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M7 7h10v10'/%3E%3C/svg%3E") center/contain no-repeat;transform:scaleX(-1)}
  html body.home .br-footer .br-footer-location-link:active .br-footer-location{border-color:rgba(240,206,135,.5)!important;background:rgba(8,64,74,.92)!important}
  html body.home .br-footer .br-footer-trust{gap:10px!important}
}

/* ---------- 15. Mobile v3: one card system, grouped lists, gold feature card,
   simple bottom nav, light footer, one typeface with a fixed type scale ---------- */
@media(max-width:780px){
  html body.home{--app-r:24px;--app-r-sm:16px;--app-line:rgba(15,42,43,.08);--app-surface:linear-gradient(160deg,#ffffff 0%,#f7faf9 100%);
    --fs-title:24px;--fs-h:18px;--fs-body:14px;--fs-meta:12px;--app-kicker:#a86f12}
  html.dark body.home{--app-line:rgba(255,255,255,.08);--app-surface:linear-gradient(145deg,#10302f 0%,#0a2225 60%,#081e21 100%);--app-kicker:#f0c56c}
  /* 8. One typeface everywhere on the phone layout. */
  html body.home :is(#root#root,.br-footer,.br-app-offer),html body.home :is(#root#root,.br-footer,.br-app-offer) *:not(.hero-copy h1,.hero-copy h1 *){font-family:"Yekan Bakh",Tahoma,sans-serif!important}
  html body.home #root#root .section-title h2{font-size:var(--fs-h)!important;font-weight:850!important;line-height:1.5!important}
  html body.home #root#root .section-title>a{font-size:13px!important;font-weight:700!important}

  /* Featured free webinar card (deep brand teal, not gold). */
  .br-app-offer{display:block!important;min-height:0!important;margin:16px 0 0!important;padding:8px!important;border-radius:var(--app-r)!important;color:#fff!important;
    background:linear-gradient(180deg,#073a3b 0%,#04272a 100%)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 22px 40px -28px rgba(3,25,29,.9)!important}
  .br-app-offer__media{display:block!important;position:relative!important;aspect-ratio:16/9;border-radius:18px!important;overflow:hidden!important}
  .br-app-offer__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-mask-image:none!important;mask-image:none!important}
  .br-app-offer__media:after{display:none!important}
  .br-app-offer__play{position:absolute;z-index:2;left:10px;bottom:10px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#063c3d;box-shadow:0 8px 20px -8px rgba(0,0,0,.6)}
  .br-app-offer__play svg{width:16px;height:16px;margin-left:-2px}
  .br-app-offer__badge{position:absolute!important;z-index:2;top:10px;left:10px;right:auto!important;display:inline-flex;align-items:center;gap:5px;padding:3px 9px!important;border-radius:8px!important;background:rgba(3,25,29,.72)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);color:#fff!important;font-size:11.5px!important;font-weight:800!important;line-height:1.6}
  .br-app-offer__badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#5fd0bd}
  .br-app-offer__body{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:2px 12px!important;padding:12px 6px 4px!important}
  .br-app-offer__body>span:first-child{display:grid;gap:1px;min-width:0}
  .br-app-offer .br-app-offer__kicker{color:#e3c27e!important;font-size:12px!important;font-weight:700!important}
  .br-app-offer strong{margin:0!important;color:#fff!important;font-size:17px!important;font-weight:900!important;line-height:1.5!important}
  .br-app-offer small{color:#a9c6c3!important;font-size:var(--fs-meta)!important}
  .br-app-offer__cta{margin:0!important;padding:10px 16px!important;border-radius:12px!important;background:#fff!important;color:#063c3d!important;font-size:13px!important;font-weight:800!important;white-space:nowrap;backdrop-filter:none!important}
  .br-app-offer:active{transform:scale(.985)}

  /* Shortcuts inside one sheet, like a tool tray. */
  html body.home #root#root .quick-access{margin:16px 0 0!important;padding:16px 8px 14px!important;border-radius:var(--app-r)!important;background:var(--app-surface)!important;border:1px solid var(--app-line)!important;box-shadow:var(--app-shadow)!important}
  html body.home #root#root .quick-access a>span:first-child{width:54px!important;height:54px!important;min-height:54px!important;border-radius:18px!important}
  html body.home #root#root .quick-access a strong{font-size:12.5px!important;font-weight:700!important}

  /* 2. Card system. */
  html body.home #root#root .course-card,html body.home #root#root .course-poster{border-radius:20px!important}
  html body.home #root#root :is(.books-section,.bx-founder,.consultation-section,.newsletter-section){margin:32px 0 0!important;border-radius:var(--app-r)!important;overflow:hidden!important;border:1px solid var(--app-line)!important}
  html body.home #root#root .books-section{padding:20px 16px 16px!important;background:radial-gradient(120% 80% at 100% 0%,#0f6b67 0%,#063c3d 45%,#03191d 100%)!important;border-color:rgba(240,206,135,.18)!important;box-shadow:0 24px 44px -30px rgba(3,25,29,.9)!important}
  html body.home #root#root .books-section .rail{margin:0 -16px!important;padding:2px 16px 4px!important;scroll-padding-inline:16px!important}
  html body.home #root#root .bx-founder{padding:20px 16px 12px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important;color:var(--app-ink)!important}
  html body.home #root#root .bx-fbody>h2{color:var(--app-ink)!important;font-size:20px!important;font-weight:900!important}
  html body.home #root#root .bx-fbody>.bx-role{color:var(--app-kicker)!important;font-size:13px!important}
  html body.home #root#root .bx-fbody>.bx-badge{background:var(--app-tint)!important;color:var(--app-brand)!important;border:0!important}
  html body.home #root#root .bx-creds li{color:var(--app-ink)!important;border-top-color:var(--app-line)!important;font-size:13px!important}
  html body.home #root#root .bx-creds li i{background:var(--app-tint)!important;color:var(--app-brand)!important;border:0!important}
  html body.home #root#root .consultation-section{padding:22px 16px!important;background:#03191d!important;background-image:radial-gradient(100% 80% at 100% 0%,rgba(13,95,92,.85),transparent 70%),radial-gradient(70% 70% at 0% 100%,rgba(240,197,108,.12),transparent 70%)!important;border-color:rgba(240,206,135,.16)!important;box-shadow:0 24px 44px -30px rgba(3,25,29,.9)!important}
  html body.home #root#root .newsletter-section{padding:22px 16px!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow)!important;color:var(--app-ink)!important}
  html body.home #root#root .newsletter-section :is(h2,p,span,small,label){color:var(--app-ink)!important}
  html body.home #root#root .newsletter-section h2{font-size:var(--fs-h)!important;font-weight:850!important}
  html body.home #root#root .newsletter-section form input{background:var(--app-bg)!important;border:1px solid var(--app-line)!important;color:var(--app-ink)!important}
  html body.home #root#root .newsletter-section form input::placeholder{color:var(--app-sub)!important}
  html body.home #root#root .newsletter-section form button{background:var(--app-brand)!important;color:#fff!important;box-shadow:none!important}
  html.dark body.home #root#root .newsletter-section form button{color:#04201f!important}
  html body.home #root#root main>section:last-child{margin-bottom:28px!important}

  /* 1. Grouped lists: articles and free trainings. */
  html body.home #root#root :is(.article-section .rail,.media-grid){display:block!important;margin:0!important;padding:0 16px!important;overflow:visible!important;scroll-snap-type:none!important;border-radius:var(--app-r)!important;background:var(--app-surface)!important;border:1px solid var(--app-line)!important;box-shadow:var(--app-shadow)!important}
  html body.home #root#root .article-section .rail>a:nth-child(n+5){display:none!important}
  html body.home #root#root :is(.article-card,.media-card){width:auto!important;max-width:none!important;min-height:0!important;display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:4px!important;align-items:center!important;align-content:center!important;padding:14px 0!important;margin:0!important;border:0!important;border-top:1px solid var(--app-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
  html body.home #root#root :is(.article-section .rail>a:first-child,.media-grid>a:first-child){border-top:0!important}
  html body.home #root#root .article-card>div{display:contents!important}
  html body.home #root#root .article-card img{grid-column:1!important;grid-row:1/3!important;width:84px!important;height:84px!important;aspect-ratio:1!important;object-fit:cover!important;border-radius:var(--app-r-sm)!important}
  html body.home #root#root .article-card strong{grid-column:2!important;grid-row:1!important;align-self:end!important;margin:0!important;font-size:var(--fs-body)!important;font-weight:700!important;line-height:1.8!important}
  html body.home #root#root .article-card>div>span{grid-column:2!important;grid-row:2!important;align-self:start!important;justify-self:start!important;position:static!important;inset:auto!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;color:var(--app-brand)!important;font-size:var(--fs-meta)!important;font-weight:700!important}
  html body.home #root#root .media-card>div{grid-column:1!important;grid-row:1/3!important;width:84px!important;height:84px!important;min-height:0!important;border-radius:var(--app-r-sm)!important;overflow:hidden!important;position:relative!important}
  html body.home #root#root .media-card .media-type{display:none!important}
  html body.home #root#root .media-card .play{width:34px!important;height:34px!important}
  html body.home #root#root .media-card .play svg{width:16px!important;height:16px!important}
  html body.home #root#root .media-card>section{grid-column:2!important;grid-row:1/3!important;display:grid!important;gap:2px!important;padding:0!important}
  html body.home #root#root .media-card>section small{font-size:var(--fs-meta)!important;color:var(--app-brand)!important;font-weight:700!important}
  html body.home #root#root .media-card>section strong{font-size:var(--fs-body)!important;font-weight:700!important;line-height:1.8!important}
  html body.home #root#root .media-card>section>span{font-size:var(--fs-meta)!important;color:var(--app-sub)!important}

  /* 7. Light footer. */
  html body.home .br-footer .br-footer-top{padding:28px 0 14px!important;gap:16px!important}
  html body.home .br-footer .br-footer-brand>p{display:none!important}
  html body.home .br-footer .br-footer-lockup{width:84px!important;min-height:38px!important}
  html body.home .br-footer .br-footer-lockup img{width:84px!important}
  html body.home .br-footer .br-footer-brand-mark{top:-40px!important;width:120px!important;height:93px!important}
  html body.home .br-footer .br-socials{margin-top:12px!important;gap:8px!important}
  html body.home .br-footer .br-social{width:38px!important;height:38px!important;border-radius:12px!important}
  html body.home .br-footer .br-footer-links{display:none!important}
  html body.home .br-footer .br-footer-mini-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:0;padding:0}
  html body.home .br-footer .br-footer-mini-links a{color:rgba(230,241,242,.82)!important;font-size:12.5px;font-weight:600;line-height:2;text-decoration:none}
  html body.home .br-footer .br-footer-contact{gap:0!important;padding:0 14px!important;border-radius:20px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important}
  html body.home .br-footer .br-footer-contact h3{display:none!important}
  html body.home .br-footer .br-footer-contact>:not(h3){min-height:56px!important;padding:8px 0!important;margin:0!important;background:none!important;border:0!important;border-top:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;box-shadow:none!important}
  html body.home .br-footer .br-footer-contact>h3+*{border-top:0!important}
  html body.home .br-footer .br-footer-contact>*>span:first-child{width:34px!important;height:34px!important;border-radius:11px!important}
  html body.home .br-footer .br-footer-contact small{font-size:11px!important}
  html body.home .br-footer .br-footer-contact b{font-size:13px!important}
  html body.home .br-footer .br-footer-contact .br-footer-location-link{display:block!important;padding:0!important}
  html body.home .br-footer .br-footer-contact .br-footer-location{padding:8px 0 8px 28px!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
  html body.home .br-footer .br-footer-contact .br-footer-location:after{left:0!important}
  html body.home .br-footer .br-footer-contact .br-footer-location p{grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important}
  html body.home .br-footer .br-footer-contact .br-footer-location p>span:first-child{width:34px!important;height:34px!important;border-radius:11px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;color:#e8b560!important}
  html body.home .br-footer .br-footer-contact .br-footer-location strong{font-size:12px!important;line-height:1.9!important}
  html body.home .br-footer .br-footer-trust{display:none!important}
  html body.home .br-footer .br-socials .br-trust-card{width:38px!important;height:38px!important;min-width:0!important;padding:3px!important;margin:0!important;display:grid!important;place-items:center!important;grid-template-columns:none!important;background:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden!important}
  html body.home .br-footer .br-socials .br-trust-card>div{display:none!important}
  html body.home .br-footer .br-socials .br-trust-card>img{width:30px!important;height:30px!important;padding:0!important;margin:0!important;border-radius:0!important;object-fit:contain!important;background:none!important}
  html body.home .br-footer .br-footer-bottom{padding:10px 0 12px!important;border-top:1px solid rgba(255,255,255,.07)!important}
  html body.home .br-footer .br-footer-copyright{font-size:11.5px!important;color:rgba(230,241,242,.6)!important}
}
.br-footer-mini-links{display:none}

/* ---------- 16. Desktop articles: header-line filters, one row of four ---------- */
@media (min-width:781px){
  html body.home #root#root .article-section .section-title{margin-bottom:14px!important}
  html body.home #root#root .article-section .section-title>div::after,html body.home #root#root .article-section .section-title::after{display:none!important}
  /* One filter line: the two "all" tabs, then only the active group's topics. */
  html body.home #root#root .article-category-groups{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none;margin:0 0 18px!important;padding:2px!important;background:none!important;border:0!important;box-shadow:none!important}
  html body.home #root#root .article-category-groups::-webkit-scrollbar{display:none}
  html body.home #root#root .article-category-row,html body.home #root#root .article-category-grid{display:contents!important}
  html body.home #root#root .article-category-grid button{order:2;flex:none!important;height:34px!important;min-height:34px!important;padding:0 13px!important;border-radius:999px!important;font-size:12.5px!important;font-weight:600!important;box-shadow:none!important;background:transparent!important;border:1px solid rgba(15,42,43,.12)!important;color:#3d5655!important}
  html.dark body.home #root#root .article-category-grid button{border-color:rgba(255,255,255,.1)!important;color:#b9d3d1!important}
  html body.home #root#root .article-category-grid button>span{display:none!important}
  html body.home #root#root .article-category-row:not(:has(button.active)) .article-category-grid button:not(.article-category-featured){display:none!important}
  html body.home #root#root .article-category-grid button.article-category-featured{order:1;font-weight:800!important;background:rgba(10,107,102,.07)!important;border-color:transparent!important;color:#0a6b66!important}
  html.dark body.home #root#root .article-category-grid button.article-category-featured{background:rgba(127,230,211,.08)!important;color:#7fe6d3!important}
  html body.home #root#root .business-categories .article-category-featured{margin-left:10px!important}
  html body.home #root#root .article-category-grid button.active{background:#0a6b66!important;border-color:#0a6b66!important;color:#fff!important}
  html.dark body.home #root#root .article-category-grid button.active{background:#5fd0bd!important;border-color:#5fd0bd!important;color:#04201f!important}
  /* One row of four full-size cards, no slider chrome. */
  html body.home #root#root .article-section .rail-controls{display:none!important}
  html body.home #root#root .article-section .rail{display:grid!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;width:auto!important;overflow:visible!important;margin:0!important;padding:0!important;transform:none!important}
  html body.home #root#root .article-section .article-card{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;margin:0!important;transform:none!important}
  html body.home #root#root .article-section .article-card>div{width:100%!important;height:auto!important;aspect-ratio:16/10!important}
  html body.home #root#root .article-section .article-card img{width:100%!important;height:100%!important;object-fit:cover!important}
  html body.home #root#root .article-section .article-card strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  html body.home #root#root .article-section .rail>a:nth-child(n+5){display:none!important}
  /* Header, filters and "see all" share one line. */
  html body.home #root#root .article-section{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;column-gap:24px!important;row-gap:18px!important}
  html body.home #root#root .article-section .section-title{display:contents!important}
  html body.home #root#root .article-section .section-title>div{grid-column:1!important;grid-row:1!important;margin:0!important}
  html body.home #root#root .article-section .section-title>a{grid-column:3!important;grid-row:1!important}
  html body.home #root#root .article-section .article-category-groups{grid-column:2!important;grid-row:1!important;margin:0!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 100%)}
  html body.home #root#root .article-section .rail-shell{grid-column:1/-1!important;grid-row:2!important;margin:0!important}
}


/* ---------- 18. Tablets (iPad, Surface): articles, books, shortcuts ---------- */
@media(min-width:781px) and (max-width:1199px){
  /* Articles: title + "see all" on one line, filters on their own line, a 2x2 / 3-up grid */
  html body.home #root#root .article-section{grid-template-columns:minmax(0,1fr) auto!important;row-gap:16px!important}
  html body.home #root#root .article-section .section-title>div{grid-column:1!important;grid-row:1!important}
  html body.home #root#root .article-section .section-title>a{grid-column:2!important;grid-row:1!important}
  html body.home #root#root .article-section .article-category-groups{grid-column:1/-1!important;grid-row:2!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px)!important;mask-image:linear-gradient(90deg,transparent 0,#000 24px)!important}
  html body.home #root#root .article-section .rail-shell{grid-row:3!important}
  html body.home #root#root .article-section .section-title h2{white-space:nowrap!important}
  html body.home #root#root .article-section .rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body.home #root#root .article-section .rail>a:nth-child(n+4){display:none!important}
  /* Shortcuts: give the labels room */
  html body.home #root#root .quick-access .quick-card-cta{display:none!important}
  html body.home #root#root .quick-access a{grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important}
  html body.home #root#root .quick-access a strong{white-space:nowrap!important}
}
@media(min-width:781px) and (max-width:980px){
  html body.home #root#root .article-section .rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body.home #root#root .article-section .rail>a:nth-child(n+4){display:block!important}
  html body.home #root#root .article-section .rail>a:nth-child(n+5){display:none!important}
  html body.home #root#root .article-section .section-title h2{font-size:24px!important}
}
/* Book titles never run into each other */
@media(min-width:781px){
  html body.home #root#root .book-card-copy{min-width:0!important}
  html body.home #root#root .book-card-copy strong{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;line-height:1.6!important}
  html body.home #root#root .book-card-copy span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

/* ---------- 13. Reduced motion / print ---------- */
@media(prefers-reduced-motion:reduce){
  #root .br-ambient>i{animation:none!important}
  .br-hero-offer{transform:none}
}
@media print{#root .br-ambient{display:none}}

/* ---------- 17. Tablets (iPad, Surface): hero layout ---------- */
@media(max-width:780px){
  html body.home #root#root .hero-visual{display:none!important}
  html body.home #root#root .hero-title-desktop{display:none!important}
  html body.home #root#root .hero-section{grid-template-columns:minmax(0,1fr)!important}
}
@media(min-width:601px) and (max-width:780px){
  .br-app-offer{max-width:640px!important;margin-left:auto!important;margin-right:auto!important}
  html body.home #root#root .quick-access{max-width:640px!important;margin-left:auto!important;margin-right:auto!important}
}
@media(min-width:781px) and (max-width:1100px){
  html body.home #root#root .hero-section{grid-template-columns:minmax(0,1fr) minmax(240px,300px)!important}
  html body.home #root#root .hero-visual{padding:28px 0 28px 24px!important;align-self:center!important}
  html body.home #root#root .hero-visual .br-hero-course{width:min(256px,100%)!important}
  html body.home #root#root .hero-visual .br-hero-course .course-card-content strong{font-size:21px!important}
}
@media(min-width:781px) and (max-width:1100px){
  /* Founder: portrait beside the text instead of a full-width photo */
  html body.home #root#root .bx-founder{grid-template-columns:minmax(220px,300px) minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:28px!important}
  html body.home #root#root .bx-founder .bx-portrait{grid-column:1!important;grid-row:1!important;width:100%!important;height:380px!important;min-height:0!important;max-height:380px!important;aspect-ratio:auto!important;overflow:hidden!important}
  html body.home #root#root .bx-founder .bx-portrait img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 20%!important}
  html body.home #root#root .bx-founder .bx-fbody{grid-column:2!important;grid-row:1!important;min-width:0!important}
  /* Corporate training: intro above the form */
  html body.home #root#root .consultation-desktop{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  html body.home #root#root .consultation-intro{max-width:none!important;width:100%!important}
  html body.home #root#root .consultation-intro .request-tabs{display:flex!important;flex-wrap:nowrap!important;gap:10px!important}
  html body.home #root#root .consultation-intro .request-tabs button{flex:none!important;white-space:nowrap!important;width:auto!important}
  html body.home #root#root .consultation-intro ul{display:flex!important;flex-wrap:wrap!important;gap:10px 24px!important}
  html body.home #root#root .consultation-intro ul li{white-space:nowrap!important}
  html body.home #root#root .request-card{width:100%!important;max-width:none!important}
}
@media(min-width:1101px) and (max-width:1366px){
  html body.home #root#root .hero-visual .br-hero-course{width:min(300px,100%)!important}
  html body.home #root#root .hero-visual .br-hero-course .course-card-content strong{font-size:22px!important}
}