:root{--paper:#f3f0e8;--ink:#121416;--blue:#315cff;--acid:#dfff4f;--muted:#5c616b;--surface:#e9e7e1;--radius:24px;--max:1200px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;line-height:1.45}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,video{max-width:100%;display:block}button{border:0}a,button,input,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--blue)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(40px,4.6vw,66px);line-height:1.04;white-space:pre-line}h2{font-size:clamp(30px,3.1vw,44px);line-height:1.08}h3{font-size:26px;line-height:1.15;letter-spacing:-.035em}p{font-size:17px;line-height:1.55}button{color:inherit}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.section{padding-block:88px}.muted,.source-note{color:var(--muted)}.muted{font-size:15px}.source-note{font-size:13px;line-height:1.55;margin-top:24px;max-width:880px}.source-note a{text-decoration:underline;text-underline-offset:3px}.lead{font-size:21px;line-height:1.5}.text-link{font-size:17px;display:inline-flex;gap:12px;align-items:center;text-underline-offset:5px}.text-link:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:16px 24px;border-radius:12px;font-size:17px;line-height:1.3;text-align:center;font-weight:500;transition:background .15s ease,transform .15s ease;white-space:normal}.button span{flex-shrink:0;font-size:22px;line-height:1}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:#30353d}.button.acid{background:var(--acid);color:var(--ink)}.button.acid:hover{background:#e9ff87}.button.white{background:#fff;color:var(--ink)}.button.light{background:#e3e2dd}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:16px;z-index:1000}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.boot{padding:80px;max-width:900px;margin:auto}.boot p{margin-block:20px}.preview-bar{font-size:13px;line-height:18px;min-height:30px;background:var(--acid);display:flex;justify-content:center;gap:28px;padding:6px 20px;color:var(--ink)}.preview-bar a{text-decoration:underline;text-underline-offset:3px}.header{position:relative;z-index:20;background:var(--paper)}.header.on-blue{background:var(--blue);color:#fff;border-radius:28px 28px 0 0;margin:4px 4px 0}.nav{display:flex;align-items:center;min-height:102px;gap:28px}.wordmark{display:inline-flex;align-items:center;gap:8px;font-size:29px;line-height:1;font-weight:500;letter-spacing:-1.4px;white-space:nowrap}.door{width:19px;height:34px;object-fit:contain}.on-blue .door{filter:brightness(0) invert(1)}.catalog-toggle{display:flex;gap:18px;align-items:center;background:#e5e3dc;border-radius:24px;padding:11px 19px;white-space:nowrap;font-size:15px;min-height:44px}.on-blue .catalog-toggle{background:#ffffff24}.catalog-toggle[aria-expanded=true]{background:var(--acid);color:var(--ink)}.nav-links{display:flex;align-items:center;gap:25px;flex:1;justify-content:center;font-size:15px}.nav-links a,.login{padding-block:12px}.nav-links a:hover,.login:hover{opacity:.7}.login{display:inline-flex;gap:9px;align-items:center;white-space:nowrap;font-size:15px}.mobile-menu{display:none;background:none;color:inherit;font-size:25px;width:44px;height:44px}.mega{position:absolute;inset:100% 0 auto;background:#fff;color:var(--ink);padding:42px 0 48px;box-shadow:0 18px 35px #0002;border-radius:0 0 28px 28px;max-height:calc(100vh - 150px);overflow:auto}.mega-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.mega h2{font-size:28px;margin-bottom:24px}.mega nav a{display:block;font-size:19px;padding:11px 0}.mega nav a:hover{color:var(--blue)}.menu-feature{margin-top:18px;display:grid;grid-template-columns:180px 1fr;gap:24px;background:var(--paper);padding:22px;border-radius:20px}.menu-feature img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px}.menu-feature h3{font-size:24px}.menu-feature p{font-size:15px;margin-block:14px 18px}.menu-feature .button{font-size:15px;padding:12px 16px}.hero{background:var(--blue);color:#fff;margin:0 4px;border-radius:0 0 32px 32px;overflow:hidden}.hero-inner{text-align:center;padding-top:70px;padding-bottom:60px;min-height:650px}.hero h1{font-size:clamp(46px,5.5vw,78px);line-height:1.02;max-width:950px;margin:auto;letter-spacing:-.05em}.hero-lead{max-width:640px;margin:26px auto 30px;font-size:20px;line-height:1.45;color:#eef1ff}.hero .actions{justify-content:center}.task-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:910px;margin:66px auto 0}.task-links a{background:#fff;color:var(--ink);padding:13px 22px;border-radius:30px;font-size:17px;line-height:1.25;min-height:46px}.task-links a:hover{background:var(--acid)}.task-links .task-dark{background:var(--ink);color:#fff}.hero-proof{display:flex;justify-content:center;gap:48px;margin:35px 0 0;font-size:14px;color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}.section-heading h2{max-width:720px}.section-heading>p{color:var(--muted);font-size:16px}.section-heading>.text-link{flex-shrink:0;padding-bottom:3px}.program-grid,.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.program-card,.material-card{min-width:0;background:#fff;border-radius:var(--radius);overflow:hidden;transition:transform .15s ease}.program-card:hover,.material-card:hover{transform:translateY(-4px)}.card-target{display:flex;flex-direction:column;height:100%}.card-image{width:100%;aspect-ratio:16/10;object-fit:cover;background:#e3e3db}.card-copy{padding:25px 25px 26px;display:flex;flex-direction:column;flex:1;align-items:flex-start}.card-meta{display:flex;gap:16px;color:var(--muted);font-size:13px;line-height:1.4;justify-content:space-between;width:100%;margin-bottom:17px}.card-meta span:last-child{color:#41472d}.card-copy h3{font-size:25px;line-height:1.12;margin-bottom:15px;overflow-wrap:anywhere}.card-copy p{color:var(--muted);font-size:16px;line-height:1.5;margin-bottom:28px}.card-link{font-size:15px;display:flex;gap:12px;align-items:center;margin-top:auto}.card-link span{font-size:20px}.program-image{background:#e3e8ff;overflow:hidden;aspect-ratio:16/10}.program-image img{width:100%;height:100%;object-fit:cover}.program-card:nth-child(2) .program-image{background:#e3f0d6}.inside{background:#e6e9ee;border-radius:32px;margin-inline:4px}.inside-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:50px;align-items:start}.inside-tabs{display:flex;flex-direction:column;gap:10px}.inside-tabs button{text-align:left;font-size:22px;line-height:1.15;padding:23px 20px;border-radius:16px;display:flex;justify-content:space-between;gap:20px;background:transparent;color:var(--muted)}.inside-tabs button[aria-selected=true]{background:#fff;color:var(--ink)}.inside-tabs button span{flex-shrink:0}.inside-panel{background:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center}.inside-panel>img{width:100%;height:100%;min-height:340px;object-fit:cover}.inside-panel>div{padding:30px}.inside-panel h3{font-size:28px}.inside-panel p{margin:20px 0;font-size:16px;color:var(--muted)}.proof{background:#e7e3da;border-radius:32px;margin-inline:4px}.reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.review{margin:0;padding:28px;background:var(--paper);border-radius:22px;display:flex;flex-direction:column;min-height:320px}.review blockquote{margin:0;font-size:21px;line-height:1.35;letter-spacing:-.025em;flex:1}.review figcaption{display:flex;align-items:center;gap:14px;margin-top:32px}.review figcaption img{width:52px;height:52px;border-radius:50%;object-fit:cover}.review figcaption strong{font-size:16px;display:block}.review figcaption span{font-size:13px;color:var(--muted)}.tour{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;align-items:center}.tour p{max-width:360px;margin-block:24px 30px;color:var(--muted)}.tour video{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--ink);border-radius:24px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq details{background:#e9e6df;border-radius:16px;margin-bottom:10px;padding:24px}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:24px;font-size:20px;line-height:1.25;cursor:pointer;letter-spacing:-.025em}.faq summary::-webkit-details-marker{display:none}.faq details p{margin-top:20px;color:var(--muted);font-size:16px}.faq details[open] summary span{transform:rotate(45deg)}.final-cta{background:var(--blue);color:#fff;border-radius:32px;margin:0 4px;padding:84px 0;text-align:center}.final-cta h2{font-size:clamp(38px,4.4vw,62px);white-space:pre-line}.final-cta p{max-width:620px;margin:26px auto 30px;color:#edf0ff}.final-cta .actions{justify-content:center}.footer{background:var(--paper);padding-block:65px 32px}.footer-top{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:60px}.footer .wordmark{font-size:34px}.footer p{margin-block:20px 12px;color:var(--muted);font-size:15px}.footer nav a,.footer-top>div:last-child a{display:block;font-size:16px;padding:7px 0}.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:55px;color:var(--muted);font-size:12px}.page-heading{max-width:900px;margin-bottom:56px}.page-heading h1{max-width:900px}.page-heading>p{font-size:22px;line-height:1.45;max-width:690px;color:var(--muted);margin-top:26px}.catalog-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap;margin-bottom:26px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter{padding:12px 18px;background:#e6e3dc;border-radius:28px;font-size:15px;min-height:44px;display:inline-flex;align-items:center}.filter.active{background:var(--ink);color:#fff}.filter:hover:not(.active){background:#dcd9d0}.search{display:flex;background:#fff;border-radius:12px;align-items:center;flex:1;max-width:400px;min-width:260px}.search input[type=search]{border:0;background:transparent;padding:15px 17px;font-size:15px;width:100%;min-width:0;color:var(--ink)}.search button{font-size:28px;background:none;padding:3px 16px;min-height:48px}.catalog-count{margin:30px 0;color:var(--muted);font-size:15px}.catalog .material-grid{row-gap:28px}.offer{margin-top:72px;padding:40px;background:var(--acid);border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:45px}.offer h2{font-size:34px;max-width:640px}.offer p{max-width:640px;margin-top:18px;font-size:17px}.offer .button{max-width:300px;flex-shrink:0}.state{text-align:center;max-width:800px;margin:32px auto;padding:65px 35px;background:#e9e6df;border-radius:24px}.state h2{margin-bottom:20px}.state p{margin:20px auto 28px;max-width:570px;color:var(--muted)}.state .actions{justify-content:center}.back{display:inline-block;color:var(--muted);font-size:15px;margin-bottom:38px;text-decoration:underline;text-underline-offset:5px}.course-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;margin-bottom:85px}.course-hero h1{font-size:clamp(40px,4.6vw,66px);margin:18px 0 25px}.course-hero .lead{margin-bottom:30px;color:var(--muted)}.course-hero .muted{margin-top:20px}.course-cover{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px}.format{font-size:14px;line-height:1.5;color:var(--muted)}.format a{text-decoration:underline;text-underline-offset:4px}.reader>h1{max-width:1000px;margin:20px 0 40px;font-size:clamp(36px,3.8vw,56px)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}.video-frame{background:#121416;border-radius:20px;overflow:hidden}.video-frame video{width:100%;aspect-ratio:16/9;object-fit:contain}.lesson-sidebar{background:#e6e3dc;border-radius:20px;padding:26px;position:sticky;top:25px}.lesson-sidebar h2{font-size:22px;margin-bottom:25px}.lesson-sidebar ol{list-style:none;margin:0;padding:0}.lesson-sidebar li+li{margin-top:10px}.lesson-sidebar li a{display:block;padding:17px;border-radius:12px}.lesson-sidebar .current{background:#fff}.lesson-sidebar span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.lesson-sidebar strong{font-size:16px;line-height:1.3;display:block;font-weight:500}.lesson-sidebar>p{font-size:14px;margin-top:26px;margin-bottom:10px}.lesson-sidebar .text-link{font-size:14px}.reader-body{min-width:0;max-width:820px;overflow-wrap:anywhere}.reader-body h2{font-size:32px;margin:48px 0 24px}.reader-body h3{font-size:26px;margin:34px 0 20px}.reader-body h4{font-size:22px;margin:28px 0 18px}.reader-body p{margin:18px 0;font-size:18px;line-height:1.65;white-space:pre-line}.reader-body details{margin-top:32px;background:#e6e3dc;border-radius:16px;padding:22px}.reader-body summary{cursor:pointer;font-size:18px}.lesson-next{display:flex;justify-content:space-between;gap:16px;margin-top:40px;flex-wrap:wrap}.media-error{background:#e8e3d6;padding:26px;border-radius:16px;margin-top:16px}.media-error h2{font-size:25px}.media-error p{margin-block:15px 22px;font-size:16px}.media-error .text-link{margin-left:20px}.article-heading{max-width:920px}.article-heading h1{margin:18px 0 24px;font-size:clamp(36px,4.6vw,66px)}.article-heading .lead{color:var(--muted);margin-bottom:45px;max-width:800px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:70px;align-items:start}.article-layout .reader-body>h2:first-child{margin-top:0}.article-aside{background:#e6e3dc;padding:24px;border-radius:20px;position:sticky;top:30px}.article-aside img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;margin-bottom:25px}.article-aside h2{font-size:25px}.article-aside p{font-size:15px;margin:18px 0}.article-aside .text-link{display:block;margin-top:15px;font-size:14px}.source-link{display:inline-block;text-decoration:underline;font-size:15px;overflow-wrap:anywhere;margin-right:14px}.learn-grid{margin-top:36px;margin-bottom:30px}.two-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start}.two-columns p+p{margin-top:24px}.two-columns .button,.two-columns .text-link{margin-top:28px}.about-image img{width:100%;max-height:580px;object-fit:cover;border-radius:24px}.support-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.support-grid section{padding:40px;border-radius:24px}.support-primary{background:var(--acid)}.support-secondary{background:#e3e6ed}.support-grid h2{font-size:34px}.support-grid p{margin:22px 0}.support-grid p:last-child{font-size:15px;max-width:430px}.join{background:#e3e8ff;border-radius:28px;padding:58px}.join h1{max-width:880px;margin-block:22px}.join>.lead{max-width:660px;color:var(--muted)}.join-content{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;margin-top:55px}.join-content h2{font-size:30px}.join-content ul{padding-left:22px;margin-top:26px}.join-content li{font-size:18px;line-height:1.6;margin-bottom:12px}.purchase-panel{background:#fff;padding:30px;border-radius:20px}.purchase-panel p{margin-bottom:25px}.purchase-panel .button{width:100%;margin-bottom:22px}.purchase-panel .muted{font-size:14px}.purchase-panel .text-link{font-size:15px}.platform-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:48px;padding-block:40px 80px}.platform-nav{padding-top:8px}.platform-nav nav{display:flex;flex-direction:column;gap:6px;margin-top:24px}.platform-nav nav a{display:block;padding:13px 18px;border-radius:12px;font-size:16px}.platform-nav .current{background:var(--ink);color:#fff}.platform-note{margin-top:42px;padding:15px;font-size:13px;background:#e6e3dc;border-radius:12px}.platform-note span{font-size:12px;color:var(--muted)}.platform-main{min-width:0}.platform-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.platform-head h1{font-size:42px}.platform-head .button{font-size:14px;min-height:44px;padding:12px 18px}.platform-welcome{display:grid;grid-template-columns:1.3fr 1fr;background:#dce3ff;border-radius:24px;padding:34px;gap:25px;align-items:center}.platform-welcome h2{font-size:34px}.platform-welcome p{font-size:16px;margin:20px 0}.platform-welcome .button{font-size:15px}.platform-welcome img{width:100%;border-radius:20px}.platform-main .section-heading{margin-top:46px;margin-bottom:26px}.platform-main .section-heading h2{font-size:30px}.platform-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.platform-formats a{padding:25px;background:#e6e3dc;border-radius:18px;display:block}.platform-formats h3{font-size:24px}.platform-formats p{font-size:14px;color:var(--muted);margin:12px 0}.platform-main .card-copy{padding:20px}.platform-main .card-copy h3{font-size:21px}.platform-main>.lead{margin-bottom:32px}.platform-main .program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-failed{font-size:13px;background:#e3e6ed;color:#383e4a;object-fit:contain;min-height:120px;padding:20px}.media-note{font-size:14px;background:#e6e3dc;padding:18px;border-radius:12px}.media-note a{text-decoration:underline}
@media(min-width:1600px){:root{--max:1280px}.hero-inner{padding-top:95px;padding-bottom:75px}.hero h1{font-size:82px}}
@media(max-width:1180px){.wrap{width:calc(100% - 56px)}.nav{gap:20px}.nav-links{gap:17px;font-size:14px}body:not(.ruslan-home) .nav-links a:first-child{display:none}.hero-inner{min-height:630px}.hero h1{font-size:68px}.inside-grid{grid-template-columns:280px minmax(0,1fr);gap:28px}.inside-panel{grid-template-columns:1fr}.inside-panel>img{height:280px;min-height:0;object-fit:cover}.inside-panel>div{padding:26px}.inside-panel p{max-width:450px}.offer{gap:30px;padding:32px}.offer .button{max-width:250px}.platform-shell{gap:25px;grid-template-columns:170px minmax(0,1fr)}.platform-welcome{grid-template-columns:1.5fr 1fr;padding:28px}.platform-welcome h2{font-size:30px}.platform-formats a{padding:20px}.platform-main .material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.section{padding-block:64px}.nav-links{display:none}.nav{min-height:88px;gap:20px}.nav .wordmark{margin-right:auto}.mobile-menu{display:block}.catalog-toggle{display:none}.login{font-size:15px}.hero-inner{padding-top:50px;min-height:auto;padding-bottom:42px}.hero h1{font-size:60px}.hero-lead{max-width:560px;font-size:19px}.task-links{margin-top:42px;max-width:650px}.hero-proof{gap:30px}.material-grid,.program-grid{gap:16px}.card-copy{padding:22px}.card-copy h3{font-size:22px}.card-copy p{font-size:16px}.card-meta{font-size:12px;gap:10px}.section-heading{gap:24px;align-items:flex-start}.section-heading>.text-link{font-size:15px;max-width:180px;flex-shrink:1}.section-heading>p{max-width:230px}.inside-grid{grid-template-columns:245px minmax(0,1fr);gap:24px}.inside-tabs button{font-size:20px;padding:20px 16px}.review{padding:24px}.review blockquote{font-size:19px}.reviews{gap:16px}.tour,.faq{gap:35px}.tour h2{font-size:36px}.tour .button{font-size:15px}.tour p{font-size:16px}.faq{grid-template-columns:1fr 1.5fr}.faq summary{font-size:18px}.faq details{padding:20px}.offer{display:block}.offer .button{margin-top:28px;max-width:none}.offer h2{max-width:600px}.footer-top{gap:35px}.course-hero{gap:32px;margin-bottom:65px}.course-hero h1{font-size:42px}.course-hero .lead{font-size:18px}.lesson-layout{grid-template-columns:minmax(0,1fr) 240px;gap:22px}.lesson-sidebar{padding:20px}.article-layout{grid-template-columns:minmax(0,1fr) 230px;gap:30px}.two-columns{gap:40px}.join{padding:40px}.join-content{gap:30px}.support-grid section{padding:30px}.support-grid h2{font-size:30px}.platform-shell{grid-template-columns:1fr}.platform-nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.platform-nav>.format{display:none}.platform-nav nav{flex-direction:row;flex-wrap:wrap;margin:0;gap:5px}.platform-note{margin:0 0 0 auto;font-size:11px;padding:10px}.platform-note span{font-size:11px}.platform-main .material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mega-grid{gap:30px}.menu-feature{grid-template-columns:1fr}.menu-feature>img{height:160px;aspect-ratio:16/9;object-fit:cover}.mega{max-height:calc(100vh - 118px)}.mega h2{font-size:25px}.mega nav a{font-size:17px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}h1{font-size:40px}h2{font-size:33px}h3{font-size:24px}.section{padding-block:50px}.preview-bar{font-size:13px;justify-content:space-between;padding-inline:16px;gap:10px;min-height:29px}.header.on-blue{border-radius:20px 20px 0 0}.nav{min-height:77px;gap:15px}.wordmark{font-size:26px;letter-spacing:-1.2px}.door{width:15px;height:29px}.mobile-menu{font-size:24px;width:35px}.login{font-size:14px;gap:6px}.login span{display:none}.hero{border-radius:0 0 24px 24px}.hero-inner{padding-top:36px;padding-bottom:34px}.hero h1{font-size:43px;line-height:1.05;letter-spacing:-.055em}.hero-lead{font-size:17px;line-height:1.5;margin:24px auto 26px;max-width:420px}.hero .actions{gap:10px}.hero .button{font-size:15px;min-height:50px;padding:15px 18px;gap:13px}.task-links{margin-top:35px;gap:7px}.task-links a{font-size:14px;padding:11px 15px;min-height:40px}.hero-proof{gap:9px;justify-content:space-between;font-size:13px;line-height:1.3;margin-top:28px}.hero-proof span{max-width:100px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{max-width:490px}.section-heading>.text-link{margin-top:20px;max-width:none;font-size:15px}.section-heading>p{margin-top:20px;max-width:none;font-size:16px}.section-heading>p br{display:none}.program-grid,.material-grid{grid-template-columns:1fr;gap:22px}.program-image{aspect-ratio:16/9}.card-image{aspect-ratio:16/9}.card-copy{padding:24px}.card-copy h3{font-size:26px}.card-copy p{font-size:16px;margin-bottom:26px}.card-meta{font-size:13px;margin-bottom:15px}.card-link{font-size:16px}.inside{border-radius:24px}.inside-grid{display:flex;flex-direction:column;gap:20px}.inside-tabs{width:100%;gap:8px;flex-direction:row;overflow:auto;padding:4px 0 8px;scrollbar-width:thin}.inside-tabs button{font-size:16px;line-height:1.25;padding:15px;min-width:150px;max-width:180px;flex-shrink:0;align-items:center;gap:10px}.inside-tabs button span{display:none}.inside-panel{grid-template-columns:1fr;width:100%}.inside-panel>img{height:auto;aspect-ratio:16/10}.inside-panel>div{padding:26px}.inside-panel h3{font-size:28px}.inside-panel p{font-size:16px}.proof{border-radius:24px}.reviews{grid-template-columns:1fr;gap:18px}.review{padding:27px;min-height:0}.review blockquote{font-size:23px;line-height:1.4}.review figcaption{margin-top:28px}.source-note{font-size:13px;line-height:1.6}.tour{grid-template-columns:1fr;gap:28px}.tour h2{font-size:34px}.tour p{margin-block:20px 24px;max-width:450px}.tour video{aspect-ratio:16/10}.faq{grid-template-columns:1fr;gap:27px}.faq details{padding:22px}.faq summary{font-size:19px}.faq details p{font-size:16px}.final-cta{padding-block:56px;border-radius:24px}.final-cta h2{font-size:40px;line-height:1.06}.final-cta p{font-size:17px;margin-block:24px 28px}.final-cta .actions{align-items:stretch}.final-cta .button{font-size:15px;padding:15px 18px;gap:10px}.footer{padding-top:48px}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-top>div:first-child{grid-column:1/-1}.footer .wordmark{font-size:30px}.footer p{font-size:14px;line-height:1.5;margin-top:15px}.footer nav a,.footer-top>div:last-child a{font-size:14px;padding:8px 0;overflow-wrap:anywhere}.footer-bottom{font-size:13px;display:block;margin-top:35px}.footer-bottom span{display:block;margin-top:12px}.page-heading{margin-bottom:35px}.page-heading h1{font-size:40px}.page-heading p{font-size:19px;margin-top:23px}.catalog-toolbar{display:block;margin-bottom:20px}.filter-tabs{gap:6px;margin-bottom:22px}.filter{font-size:14px;padding:11px 15px}.search{max-width:none;min-width:0}.search input[type=search]{font-size:16px}.catalog-count{font-size:14px;margin:24px 0}.catalog .material-grid{gap:22px}.offer{margin-top:48px;padding:28px;border-radius:20px}.offer h2{font-size:30px}.offer p{font-size:16px}.offer .button{font-size:15px;margin-top:24px;width:100%}.state{padding:40px 22px;margin:24px 0}.state h1{font-size:36px}.state h2{font-size:29px}.state p{font-size:17px}.state .actions{display:flex;flex-direction:column;align-items:stretch}.back{font-size:14px;margin-bottom:30px}.course-hero{grid-template-columns:1fr;gap:30px;margin-bottom:50px}.course-hero h1{font-size:40px;margin-top:18px}.course-hero .lead{font-size:19px}.course-hero .button{font-size:16px}.course-cover{aspect-ratio:16/11}.format{font-size:13px}.reader>h1{font-size:36px;line-height:1.1;margin:18px 0 27px}.lesson-layout{display:flex;flex-direction:column;gap:32px}.lesson-layout>div,.lesson-sidebar{width:100%;min-width:0}.lesson-sidebar{position:static;padding:25px}.lesson-sidebar h2{font-size:26px}.lesson-sidebar strong{font-size:17px}.lesson-sidebar span{font-size:13px}.lesson-sidebar>p,.lesson-sidebar .text-link{font-size:15px}.reader-body h2{font-size:29px;margin-top:36px}.reader-body h3{font-size:25px}.reader-body p{font-size:17px}.lesson-next{gap:12px;flex-direction:column;align-items:stretch}.lesson-next .button{font-size:16px}.reader-body summary{font-size:17px}.article-heading h1{font-size:37px}.article-heading .lead{font-size:19px;margin-bottom:35px}.article-layout{display:flex;flex-direction:column;gap:35px}.article-aside{position:static;width:100%;padding:26px}.article-aside img{max-height:230px}.article-aside h2{font-size:28px}.article-aside p{font-size:16px}.article-aside .text-link{font-size:16px}.two-columns{grid-template-columns:1fr;gap:25px}.two-columns .lead{font-size:20px}.about-image img{aspect-ratio:5/4;object-fit:cover}.support-grid{grid-template-columns:1fr;gap:18px}.support-grid section{padding:28px}.support-grid h2{font-size:30px}.support-grid p{font-size:17px}.support-grid .button{font-size:16px;width:100%}.join{padding:30px 24px;border-radius:24px}.join h1{font-size:38px}.join>.lead{font-size:20px}.join-content{grid-template-columns:1fr;gap:30px;margin-top:35px}.join-content h2{font-size:29px}.join-content li{font-size:17px}.join-content ul{margin-top:22px}.purchase-panel{padding:24px 22px}.purchase-panel p{font-size:16px}.purchase-panel .button{font-size:16px;padding:16px;gap:8px}.platform-shell{padding-top:20px;gap:27px}.platform-nav{gap:12px}.platform-nav nav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.platform-nav nav a{padding:12px 5px;font-size:12px;text-align:center;border-radius:9px}.platform-note{margin:0;width:100%;padding:10px 14px;font-size:11px}.platform-note br{display:none}.platform-note span{margin-left:10px}.platform-head{gap:12px;align-items:flex-start}.platform-head h1{font-size:34px}.platform-head .button{font-size:12px;padding:10px;gap:6px;min-height:38px}.platform-welcome{display:flex;flex-direction:column-reverse;padding:25px;gap:24px}.platform-welcome img{height:190px;object-fit:cover}.platform-welcome h2{font-size:30px}.platform-welcome p{font-size:16px}.platform-welcome .button{font-size:15px;width:100%}.platform-main .material-grid,.platform-main .program-grid{grid-template-columns:1fr}.platform-formats{grid-template-columns:1fr;gap:12px}.platform-formats a{position:relative;padding:25px}.platform-formats a>span{position:absolute;right:25px;top:25px}.platform-formats p{margin-bottom:0}.platform-main .section-heading h2{font-size:30px}.platform-main .card-copy h3{font-size:25px}.platform-main .card-copy{padding:24px}.mega{border-radius:0 0 22px 22px;padding:28px 0;max-height:calc(100dvh - 110px)}.mega-grid{display:block}.mega h2{font-size:26px;margin-bottom:18px}.mega nav a{font-size:19px;padding:12px 0}.mega-grid>div{margin-top:30px}.menu-feature{grid-template-columns:100px 1fr;padding:18px;gap:18px}.menu-feature>img{height:145px;aspect-ratio:auto;object-fit:cover}.menu-feature h3{font-size:21px}.menu-feature p{font-size:13px;margin:12px 0}.menu-feature .button{font-size:13px;min-height:44px;padding:11px 12px;gap:10px}.media-error .text-link{margin:18px 0 0;display:block}.boot{padding:45px 24px}}
@media(max-width:359px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:37px}.hero .actions{flex-direction:column;align-items:stretch}.task-links a{font-size:13px;padding:10px 13px}.hero-proof{font-size:13px}.page-heading h1{font-size:35px}.nav{gap:10px}.wordmark{font-size:23px}.preview-bar{font-size:13px;gap:5px}.card-copy{padding:22px}.card-copy h3{font-size:24px}.menu-feature{grid-template-columns:1fr}.menu-feature>img{display:none}.footer-top{gap:18px}.footer nav a,.footer-top>div:last-child a{font-size:13px}.join h1{font-size:33px}.join{padding:26px 20px}.purchase-panel{padding:20px}.platform-nav nav a{font-size:11px}.platform-head h1{font-size:30px}.final-cta .actions{flex-direction:column}.support-grid .button{font-size:14px}.source-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.hamburger{display:block;width:21px;height:2px;background:currentColor;position:relative;margin:auto}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:21px;height:2px;background:currentColor}.hamburger:before{top:-6px}.hamburger:after{top:6px}.hero-proof{color:#fff}.footer-bottom{font-size:13px}.preview-bar{flex-wrap:wrap}.source-note{font-size:13px}
.module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.module-list>div{background:#e6e3dc;padding:24px;border-radius:16px;display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.module-list h3{font-size:23px;line-height:1.2}.module-list span{font-size:13px;color:var(--muted);white-space:nowrap}@media(max-width:650px){.module-list{grid-template-columns:1fr}.module-list h3{font-size:22px}}

.review-route{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.review-route p{margin-top:24px;max-width:520px}.bot-preview{background:#fff;max-width:410px;border-radius:22px;overflow:hidden}.bot-preview>img{aspect-ratio:16/10;object-fit:cover;width:100%}.bot-preview>div{padding:26px}.bot-preview p{font-size:16px;margin:18px 0 24px}.bot-preview .button{width:100%;font-size:16px}.review-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.review-links .button{font-size:16px}@media(max-width:650px){.review-route{grid-template-columns:1fr;gap:32px}.bot-preview{max-width:none}.review-links{flex-direction:column;align-items:stretch}.review-links .button{text-align:left;justify-content:space-between}}

.free-channel,.free-club{margin-top:64px;padding:clamp(28px,5vw,64px);border-radius:24px}.free-channel{background:#e1e6fa;display:flex;align-items:end;justify-content:space-between;gap:32px}.free-club{background:#dfff4f}.free-channel h2,.free-club h2{max-width:850px;font-size:clamp(28px,3.4vw,48px);line-height:1.1;margin:0 0 22px}.free-channel p{font-size:18px;max-width:600px}.free-channel .button{flex-shrink:0}@media(max-width:650px){.free-channel{display:block}.free-channel .button{margin-top:18px}}
.program-subnav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}.program-subnav>div{display:flex;gap:30px}.program-subnav a{font-size:15px;text-decoration:none}.program-subnav a:hover{text-decoration:underline}.program-page .program-stage{background:#18191b;color:#fff;border-radius:28px;margin:0 20px;padding:48px 0 0;overflow:hidden}.program-stage-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;min-height:440px}.program-kicker{font-size:14px;color:#c3c5cc;margin:0 0 24px}.program-promise{font-size:21px;line-height:1.35;max-width:550px;font-weight:500}.program-intro h1{font-size:clamp(44px,5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:20px 0 48px;overflow-wrap:anywhere}.program-cta{background:#dfff4f;color:#121416}.program-question{color:#fff;text-underline-offset:5px}.program-art{align-self:stretch;display:flex;align-items:center;justify-content:center}.program-art-image{width:100%;max-height:400px;object-fit:cover;border-radius:22px}.program-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:32px}.program-benefits>div{background:#f4f1e9;color:#121416;border-radius:20px 20px 0 0;padding:24px 25px;min-height:130px;display:flex;flex-direction:column;gap:12px}.program-benefits strong{font-size:22px;line-height:1.12}.program-benefits span{font-size:15px;line-height:1.4}.program-overview{display:grid;grid-template-columns:1fr 1fr;gap:60px}.program-overview h2,.program-modules h2{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.04em}.program-overview p{font-size:18px;line-height:1.5}.program-modules .module-list>div{display:flex;align-items:center;gap:24px}.program-modules .module-list h3{flex:1}.module-number{color:#70747c;font-size:14px}@media(max-width:700px){.program-subnav{min-height:64px;overflow:auto}.program-subnav>div{gap:20px;white-space:nowrap}.program-page .program-stage{margin:0 4px;padding-top:30px;border-radius:20px}.program-stage-inner{grid-template-columns:1fr;gap:20px;min-height:0}.program-intro h1{font-size:clamp(38px,10vw,52px);margin:20px 0 28px}.program-promise{font-size:18px}.program-art-image{max-height:240px}.program-benefits{grid-template-columns:1fr;gap:5px;padding-top:24px}.program-benefits>div{border-radius:16px;padding:20px;min-height:0}.program-overview{grid-template-columns:1fr;gap:20px}.program-modules .module-list>div{gap:12px}}
.program-modules .module-list h3{min-width:0;overflow-wrap:anywhere}
.catalog .catalog-toolbar{display:flex;flex-direction:column;align-items:flex-start;gap:44px;margin-bottom:48px}.catalog .filter-tabs{flex-wrap:wrap;overflow:visible}.catalog .filter{background:transparent;border:1px solid #18191b;padding:11px 16px}.catalog .filter.active{background:#315cff;border-color:#315cff;color:#fff}.catalog .search{max-width:380px;width:100%;background:#e8e6e1;border-radius:4px}.free-results{border-top:1px solid #18191b;padding-top:48px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px}.free-filters h2{font-size:16px;line-height:1.3;margin:0 0 20px}.free-filter-link{display:flex;align-items:center;gap:10px;font-size:15px;text-decoration:none;margin:14px 0}.filter-check{width:16px;height:16px;border:1px solid #898b8f;border-radius:3px;flex-shrink:0}.filter-check.checked{background:#315cff;border-color:#315cff;box-shadow:inset 0 0 0 3px #f3f0e8}.free-filter-help{border-top:1px solid #999;margin-top:40px;padding-top:28px}.free-filter-help p{font-size:15px;line-height:1.5}.free-results-main{min-width:0}.free-results .catalog-count{font-size:32px;font-weight:600;letter-spacing:-.03em;color:#121416;margin:0 0 44px}.free-results .material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.free-results .material-card{background:transparent;border-radius:0;overflow:visible}.free-results .card-image{border-radius:12px;aspect-ratio:16/9;object-fit:cover}.free-results .card-copy{padding:16px 0}.free-results .card-copy h3{font-size:17px;line-height:1.25;letter-spacing:0}.free-results .card-copy p{font-size:15px;line-height:1.4}.free-results .card-meta{font-size:13px}.free-results .card-link{font-size:14px}@media(max-width:950px){.free-results{grid-template-columns:180px minmax(0,1fr);gap:24px}.free-results .material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}@media(max-width:650px){.catalog .catalog-toolbar{gap:20px;margin-bottom:28px}.catalog .filter-tabs{flex-wrap:nowrap;overflow-x:auto;width:100%}.catalog .filter{white-space:nowrap}.catalog .search{max-width:none}.free-results{display:block;padding-top:28px}.free-filters{display:none}.free-results .catalog-count{font-size:25px;margin-bottom:24px}.free-results .material-grid{grid-template-columns:1fr;gap:18px}.free-results .card-copy{padding:12px 0 4px}}
.related-program{margin:80px 0 0;background:#e1e6fa;border-radius:22px;padding:clamp(26px,4vw,50px);display:grid;grid-template-columns:1fr minmax(240px,38%);gap:40px;align-items:center}.related-program h2{font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-.035em;margin:14px 0}.related-program p:not(.format){font-size:18px;line-height:1.45;max-width:600px;margin-bottom:25px}.related-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px}@media(max-width:650px){.related-program{margin-top:48px;grid-template-columns:1fr;gap:24px}.related-image{grid-row:1}}
.giftbar-inner .giftbar-link{background:#fff;color:#121416;padding:12px 18px;border-radius:10px;text-decoration:none;white-space:nowrap;font-size:15px}.giftbar-inner .giftbar-link:hover{background:#f3f0e8}@media(max-width:650px){.giftbar-inner .giftbar-link{font-size:12px;padding:11px 10px;white-space:normal;text-align:center;max-width:140px}}
.learn-section{margin-top:64px}.learn-section .section-heading{margin-bottom:24px}.learn-section .section-heading h2{font-size:clamp(30px,3vw,42px);line-height:1.1}.learn-section .section-heading span{font-size:15px;color:#656972}.learn-section .learn-grid{margin-top:0}.learn-section .program-card{border-radius:20px;overflow:hidden}.learn-section .program-image img{aspect-ratio:16/10;object-fit:cover}@media(max-width:650px){.learn-section{margin-top:45px}.learn-section .section-heading{margin-bottom:18px}}
.case-video{margin:0 0 48px}.case-video video{display:block;width:100%;max-height:650px;aspect-ratio:16/9;object-fit:contain;background:#121416;border-radius:20px}.case-video figcaption{margin-top:12px;color:#656972;font-size:14px}
.free-channel{background:#6255b5;color:#fff}.free-channel .button{background:#fff;color:#121416}.related-benefit{background:#f26b4f;color:#121416}
.course-modules{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;align-items:start;margin:90px 0 0}.course-summary{background:#e8e6e1;border-radius:18px;padding:26px;position:sticky;top:20px}.course-summary h2{font-size:24px;line-height:1.15;letter-spacing:-.025em;margin:15px 0}.course-summary p:not(.format){font-size:15px;line-height:1.45;margin-bottom:20px}.course-summary span{font-size:13px;color:#656972}.course-lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-lesson-grid .material-card{background:transparent}.course-lesson-grid .card-image{aspect-ratio:16/10;object-fit:cover;border-radius:14px}.course-lesson-grid .card-copy{padding:14px 0}.course-lesson-grid h3{font-size:18px;line-height:1.2;letter-spacing:-.01em}.course-lesson-grid .card-copy p{font-size:15px;line-height:1.4}@media(max-width:950px){.course-modules{grid-template-columns:200px minmax(0,1fr);gap:24px}.course-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.course-modules{grid-template-columns:1fr;margin-top:52px}.course-summary{position:static}.course-lesson-grid{grid-template-columns:1fr 1fr;gap:16px}.course-lesson-grid h3{font-size:16px}.course-lesson-grid .card-copy p{font-size:14px}}
.platform-welcome{background:#fff}.platform-welcome h2{font-size:clamp(40px,4.5vw,64px);line-height:1}.platform-welcome .platform-welcome-label{font-size:15px;font-weight:600;margin:32px 0 12px}.platform-course-shortcut{display:flex;flex-direction:column;gap:10px;background:#c5d4ff;color:#121416;border-radius:16px;padding:22px;max-width:380px;min-height:150px;text-decoration:none}.platform-course-shortcut:hover{background:#b3c7ff}.platform-course-shortcut span,.platform-course-shortcut small{font-size:13px}.platform-course-shortcut strong{font-size:23px;line-height:1.1;letter-spacing:-.025em}.platform-course-shortcut small{margin-top:auto}
.stories-section{margin-top:64px}.stories-section .section-heading{margin-bottom:24px}.story-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 32px}.story-filter{display:inline-flex;align-items:center;min-height:42px;padding:10px 17px;border:1px solid #d2d2d2;border-radius:100px;background:#fff;color:#171717;text-decoration:none;font-size:14px;line-height:1.25}.story-filter:hover,.story-filter:focus-visible{border-color:#151515}.story-filter.active{background:#171717;border-color:#171717;color:white}@media(max-width:600px){.stories-section{margin-top:44px}.story-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;margin-right:-20px;scrollbar-width:thin}.story-filter{white-space:nowrap;flex:none}}
.hero-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:64px auto 0;max-width:1120px}.hero-topic{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;background:#fff;color:#171717;text-decoration:none;font-size:15px;font-weight:600;line-height:1.2;transition:background .15s,color .15s}.hero-topic:hover,.hero-topic:focus-visible{background:#e4ff61;color:#171717}.hero-topic-help{background:#171717;color:#fff}@media(max-width:600px){.hero-topics{margin:40px auto 0;gap:5px}.hero-topic{max-width:100%;min-height:42px;padding:10px 16px;font-size:14px}}
.hero-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:64px auto 0;max-width:1120px}.hero-topic{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;background:#fff;color:#171717;text-decoration:none;font-size:15px;font-weight:600;line-height:1.2;transition:background .15s,color .15s}.hero-topic:hover,.hero-topic:focus-visible{background:#e4ff61;color:#171717}.hero-topic-help{background:#171717;color:#fff}@media(max-width:600px){.hero-topics{margin:40px auto 0;gap:5px}.hero-topic{max-width:100%;min-height:42px;padding:10px 16px;font-size:14px}}
@media(max-width:600px){.catalog .material-grid{gap:14px}.catalog .material-card{background:transparent;border-radius:0;box-shadow:none}.catalog .material-card .card-target{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:start}.catalog .material-card .card-image{width:120px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.catalog .material-card .card-copy{padding:0;display:flex;flex-direction:column;gap:5px}.catalog .material-card .card-copy h3{font-size:15px;line-height:1.25;margin:0}.catalog .material-card .card-copy p,.catalog .material-card .card-link{display:none}.catalog .material-card .card-meta{font-size:12px;line-height:1.2;margin:0;gap:8px}.catalog .material-card .card-meta span{padding:0;background:none;color:#686868}.catalog .material-card .card-meta span:last-child{margin-left:auto}}@media(max-width:340px){.catalog .material-card .card-target{grid-template-columns:100px minmax(0,1fr);gap:10px}.catalog .material-card .card-image{width:100px}}
.learn-grid .program-card{border-radius:20px;overflow:hidden}.learn-grid .program-card .card-target{position:relative;display:flex;align-items:flex-end;min-height:340px;aspect-ratio:1/1;background:#202124;color:#fff;overflow:hidden}.learn-grid .program-image{position:absolute;inset:0;width:100%;height:100%}.learn-grid .program-image img{width:100%;height:100%;object-fit:cover}.learn-grid .program-card .card-copy{position:relative;z-index:1;width:100%;padding:100px 25px 26px;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff}.learn-grid .program-card .card-copy h3{color:#fff;font-size:24px;line-height:1.15;margin:12px 0 0}.learn-grid .program-card .card-meta{color:#fff}.learn-grid .program-card .card-copy p,.learn-grid .program-card .card-link{display:none}@media(max-width:600px){.learn-grid .program-card .card-target{min-height:0;aspect-ratio:1.12/1}.learn-grid .program-card .card-copy{padding:80px 20px 22px}.learn-grid .program-card .card-copy h3{font-size:22px}}
.learn-grid .program-card .card-copy{flex:0 0 auto;margin-top:auto}.learn-grid .program-card .card-meta span{color:#fff}
.learn-grid .program-card .program-image img{object-fit:contain;object-position:center top}
.reader .lesson-video-first{margin-top:28px}.reader .lesson-intro{padding:24px 0 0}.reader .lesson-intro h1{font-size:clamp(30px,3vw,44px);line-height:1.1;margin:12px 0 0;max-width:100%}.reader .lesson-intro .format{margin:0}.reader .lesson-recommendation{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;color:inherit;text-decoration:none;padding:12px 0;border-bottom:1px solid #d4d4d4}.reader .lesson-recommendation img{width:100px;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.reader .lesson-recommendation strong,.reader .lesson-recommendation small{display:block;line-height:1.3}.reader .lesson-recommendation strong{font-size:15px}.reader .lesson-recommendation small{font-size:12px;color:#656972;margin-top:6px}@media(max-width:600px){.reader .lesson-video-first{margin-top:18px}.reader .lesson-intro{padding-top:20px}.reader .lesson-intro h1{font-size:30px}}
.reader.lesson-page{padding-top:32px}@media(max-width:600px){.reader.lesson-page{padding-top:24px}}
@media(max-width:600px){.program-page .program-subnav{display:block;overflow:visible;padding-top:16px;padding-bottom:16px;min-height:0}.program-page .program-subnav>div{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px;white-space:normal}.program-page .program-subnav a{font-size:14px;line-height:1.3}}
.reader.section:not(.lesson-page){padding-top:42px}@media(max-width:600px){.reader.section:not(.lesson-page){padding-top:28px}}
.reader-body .prompt-block{position:relative;background:#f0f1f3;border-radius:16px;padding:54px 24px 20px;margin:24px 0;min-width:0}.reader-body .prompt-block pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}.reader-body .copy-prompt{position:absolute;top:14px;right:14px;border:1px solid #d6d8dd;border-radius:8px;background:#fff;color:#171717;padding:8px 12px;cursor:pointer}.reader-body .copy-status{display:block;font-size:13px;color:#4d5560;margin-top:8px}.reader-body .article-table{max-width:100%;overflow-x:auto;margin:28px 0}.reader-body .article-table table{border-collapse:collapse;width:100%;min-width:460px;font-size:15px}.reader-body .article-table th,.reader-body .article-table td{padding:12px 14px;text-align:left;border:1px solid #d9d9d9;vertical-align:top}.reader-body .article-table th{background:#f0f1f3}.reader-body .article-image{margin:28px 0}.reader-body .article-image img{display:block;max-width:100%;height:auto;border-radius:12px}.reader-body .article-list-item{padding-left:12px}.reader-body blockquote{margin:24px 0;padding:8px 20px;border-left:3px solid #3658ee}

/* Keep wide source tables scrollable inside the article on narrow screens. */
.article-layout .reader-body{width:100%;min-width:0;max-width:100%}
.article-layout{min-width:0}

.reader-body .table-hint{display:none}
@media(max-width:767px){.reader-body .table-hint{display:block;font-size:13px;color:#656b74;margin-bottom:-20px}}

/* The catalogue navigation precedes the heading, as in the reference. */
.catalog > .filter-tabs{margin-bottom:42px}
@media(max-width:650px){.catalog > .filter-tabs{flex-wrap:nowrap;overflow-x:auto;width:100%;margin-bottom:35px}}

/* Local reference pass, 28 October: a common public-page frame, independent of CMS copy. */
.public-inner{--paper:#fff;--surface:#f4f4f4;background:#fff}
.public-inner main.section{padding-top:40px}
.public-inner .page-heading{max-width:100%;margin-bottom:56px}
.public-inner .page-heading h1{font-size:clamp(38px,4.2vw,60px);line-height:1.08}
.public-inner .page-heading>p{color:var(--ink);font-size:22px;max-width:820px;margin-top:30px}
.public-inner .header .catalog-toggle{background:#f1f1f1}
.public-inner .nav-links a[aria-current=page]{background:#eee;border-radius:24px;padding:10px 14px;margin-inline:-14px}
.public-inner .footer{background:#f3f3f3}
.company-page .page-heading .company-statement{font-size:clamp(24px,2.1vw,30px);line-height:1.35;max-width:880px;margin-top:38px}
.company-page .page-heading>p:last-child{font-size:20px;max-width:760px;margin-top:22px}
.company-page .about-image img{aspect-ratio:2.4/1;object-position:center;max-height:none;border-radius:0}
.company-page .two-columns h3{font-size:26px;margin-top:38px}
.company-tour{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:64px;background:#eef1ff;padding:44px;border-radius:24px}
.company-tour h2{font-size:36px}.company-tour p{margin:24px 0}.company-tour video{width:100%;aspect-ratio:16/9;background:#121416;border-radius:14px}
.contact-channels{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:72px}
.contact-channels section{min-width:0}.contact-channels h2{font-size:27px;letter-spacing:-.025em;line-height:1.2}
.contact-channels p{font-size:18px;max-width:470px;margin-top:20px}
.contact-channels .contact-address{display:inline-flex;align-items:center;gap:20px;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.035em;margin-top:32px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px;overflow-wrap:anywhere;max-width:100%}
.contact-channels .contact-address>span{flex-shrink:0}.contact-channels .contact-address:hover{color:var(--blue)}
.contact-channels p:last-child{font-size:16px;color:var(--muted);margin-top:26px}
.membership-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;background:#18191b;color:#fff;border-radius:28px;padding:54px}
.membership-hero h1{font-size:clamp(40px,4.2vw,60px);line-height:1.05;max-width:640px}
.membership-hero .lead{font-size:22px;margin-top:28px;max-width:540px}.membership-hero .button{margin-top:32px}
.membership-hero>img{width:100%;aspect-ratio:1.1/1;object-fit:contain;border-radius:20px}
.membership-details{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start;scroll-margin-top:28px}
.membership-details h2{font-size:40px}.membership-included{display:grid;grid-template-columns:1fr 1fr;gap:34px 28px;margin-top:36px}
.membership-included a{min-width:0}.membership-included h3{font-size:25px;display:flex;justify-content:space-between;gap:15px}
.membership-included h3 span{font-size:20px;flex-shrink:0}.membership-included p{font-size:17px;margin-top:16px}
.membership-included a:hover h3{color:var(--blue)}
.membership-details .purchase-panel{background:#f0f2f6;padding:36px;border-radius:20px}
.membership-details .purchase-panel .button{gap:12px}
.membership-free{background:var(--acid);border-radius:24px;padding:40px;display:flex;gap:32px;justify-content:space-between;align-items:center}
.membership-free h2{font-size:34px}.membership-free p{margin-top:18px}.membership-free .button{flex-shrink:0}
.learning-search{max-width:560px;margin-top:30px;background:#f2f2f2;display:flex;align-items:center;padding:8px 12px 8px 20px;border-radius:12px;gap:12px}
.learning-search input{width:100%;min-width:0;background:transparent;border:0;padding:10px 0;font-size:17px}
.learning-search button{background:var(--ink);color:white;border-radius:8px;min-width:44px;height:44px;font-size:24px}
.learning-catalog .learn-section{margin-top:48px}.learning-catalog .state{margin-top:48px}
.public-inner .program-benefits>div{background:#f2f2f2}
@media(max-width:950px){.membership-hero{gap:28px;padding:36px}.membership-details{gap:30px}.membership-included{grid-template-columns:1fr}.contact-channels{gap:35px}.company-tour{gap:30px;padding:30px}.company-tour h2{font-size:30px}.membership-free{display:block}.membership-free .button{margin-top:26px}}
@media(max-width:650px){
 .public-inner main.section{padding-top:24px}.public-inner .page-heading{margin-bottom:32px}.public-inner .page-heading h1{font-size:38px;line-height:1.08}.public-inner .page-heading>p{font-size:19px;line-height:1.45;margin-top:24px}
 .company-page .page-heading .company-statement{font-size:25px;line-height:1.25;margin-top:28px}.company-page .page-heading>p:last-child{font-size:18px;margin-top:20px}
 .company-page .about-image img{aspect-ratio:1.22/1;object-position:48% center}.company-page .two-columns{gap:26px}.company-page .two-columns h3{margin-top:28px}
 .company-tour{grid-template-columns:1fr;padding:26px;gap:28px;border-radius:20px}.company-tour h2{font-size:30px}.company-tour p{font-size:17px;margin:20px 0}.company-tour video{border-radius:10px}
 .contact-channels{grid-template-columns:1fr;gap:46px;margin-top:42px}.contact-channels h2{font-size:25px}.contact-channels p{font-size:17px;margin-top:18px}.contact-channels .contact-address{font-size:30px;margin-top:22px;gap:15px}.contact-channels p:last-child{font-size:16px;margin-top:22px}
 .membership-hero{grid-template-columns:1fr;padding:28px 24px;gap:32px;border-radius:22px}.membership-hero h1{font-size:39px;overflow-wrap:anywhere}.membership-hero .lead{font-size:19px;margin-top:24px}.membership-hero .button{font-size:16px;padding:15px 16px;gap:12px;width:100%;margin-top:26px}.membership-hero>img{aspect-ratio:16/10;max-height:250px}
 .membership-details{grid-template-columns:1fr;gap:36px}.membership-details h2{font-size:33px}.membership-included{grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:28px}.membership-included h3{font-size:22px;gap:6px}.membership-included p{font-size:16px;margin-top:14px}.membership-details .purchase-panel{padding:26px}.membership-free{padding:28px}.membership-free h2{font-size:30px}.membership-free .button{width:100%;font-size:16px;gap:12px}
 .learning-search{margin-top:24px;max-width:none}.learning-search input{font-size:16px}.learning-catalog .learn-section{margin-top:36px}
}
@media(max-width:359px){.membership-hero h1{font-size:34px}.membership-included{grid-template-columns:1fr}.contact-channels .contact-address{font-size:27px}}
.membership-covers{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0;transform:rotate(-3deg)}
.membership-covers img{width:100%;aspect-ratio:16/11;object-fit:contain;background:#fff;border-radius:12px}
@media(max-width:650px){.membership-covers{gap:8px;margin:5px 0;transform:none}.membership-covers img{aspect-ratio:16/10;border-radius:8px}}
@media(prefers-reduced-motion:reduce){.membership-covers{transform:none}}
.learning-catalog{width:min(1360px,calc(100% - 80px))}
.learning-catalog .page-heading>p{font-size:18px;max-width:850px}
.learning-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:70px;align-items:start}
.learning-layout>aside{position:sticky;top:24px}.learning-layout>aside>p{font-size:15px;line-height:1.5;margin:30px 16px 20px;color:var(--muted)}.learning-layout>aside>.text-link{font-size:15px;margin-left:16px}
.learning-directions{display:flex;flex-direction:column;gap:4px}.learning-directions .filter{background:transparent;border-radius:12px;padding:14px 16px;font-size:16px;justify-content:flex-start}.learning-directions .filter.active{background:#eee;color:#121416}.learning-directions .filter:hover{background:#f3f3f3}
.learning-content{min-width:0}.learning-content .learning-search{margin-top:0;max-width:620px}
.learning-content .learn-section{margin-top:48px}.learning-content .learn-grid{gap:20px}
.learning-content .learn-grid .program-card .card-target{min-height:0;aspect-ratio:1/1.13}
.learning-content .learn-grid .program-card .card-copy{padding:80px 24px 26px}.learning-content .learn-grid .program-card .card-copy h3{font-size:24px}
.learning-content .offer{padding:32px;gap:24px}.learning-content .offer h2{font-size:34px}
@media(max-width:1100px){.learning-layout{grid-template-columns:200px minmax(0,1fr);gap:32px}.learning-content .learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .learning-catalog{width:calc(100% - 36px)}.learning-catalog .page-heading>p{font-size:17px}.learning-catalog .page-heading{margin-bottom:28px}
 .learning-layout{display:flex;flex-direction:column;gap:28px}.learning-layout>aside{position:static;width:100%}.learning-layout>aside>p,.learning-layout>aside>.text-link{display:none}
 .learning-directions{flex-direction:row;overflow-x:auto;padding-bottom:4px;gap:6px}.learning-directions .filter{flex:none;white-space:nowrap;font-size:14px;border-radius:28px;padding:12px 16px;background:#f0f0f0}.learning-directions .filter.active{background:#121416;color:#fff}
 .learning-content{width:100%}.learning-content .learn-section{margin-top:36px}.learning-content .learn-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}
 .learning-content .learn-grid .program-card{flex:0 0 82%;scroll-snap-align:start}.learning-content .learn-grid .program-card .card-target{aspect-ratio:1/1.05}.learning-content .learn-grid .program-card .card-copy h3{font-size:24px}
 .learning-content .offer{padding:28px}.learning-content .offer h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){.learning-content .learn-grid{scroll-snap-type:none}}
@media(max-width:600px){.story-filters{margin-right:0;max-width:100%}}

/* Pass 2: authored square lesson covers retain their complete composition. */
.course-page .course-cover{aspect-ratio:1;object-fit:contain;background:#f1f3f3;border-radius:24px}
.course-lesson-grid .card-image{aspect-ratio:1;object-fit:contain;background:#f1f3f3}
.material-card .card-image[src^="/course-assets/"]{object-fit:contain;background:#f1f3f3}
.platform-welcome>img[src^="/course-assets/"]{object-fit:contain;height:auto;aspect-ratio:1}
.course-page .course-hero{align-items:center;gap:72px;margin-bottom:0}
.course-page .course-hero h1{max-width:660px}.course-page .course-hero .lead{color:var(--ink);max-width:580px}
.course-page .course-modules{margin-top:96px}.course-page .course-summary{background:#f3f3f3}
.course-page .course-lesson-grid .card-copy p{color:var(--ink)}
.program-modules{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,1.5fr);gap:80px;align-items:start}
.curriculum-heading{position:sticky;top:28px}.curriculum-heading h2{max-width:450px}.curriculum-heading p{font-size:18px;margin-top:26px;max-width:330px}.curriculum-heading>span{font-size:16px;display:block;margin-top:28px}
.program-curriculum{list-style:none;padding:12px 32px;margin:0;min-width:0;background:#f3f3f3;border-radius:24px}
.program-curriculum li{padding:24px 0;display:grid;grid-template-columns:95px minmax(0,1fr);gap:20px;align-items:baseline;min-width:0}
.program-curriculum li+li{border-top:1px solid #dadada}
.program-curriculum li>span{font-size:14px;line-height:1.4;color:#5c616b}.program-curriculum h3{font-size:24px;line-height:1.22;letter-spacing:-.025em;overflow-wrap:anywhere}
@media(max-width:950px){.program-modules{gap:32px;grid-template-columns:1fr 1.5fr}.program-curriculum{padding-inline:24px}.program-curriculum li{grid-template-columns:1fr;gap:10px}.course-page .course-hero{gap:32px}}
@media(max-width:650px){
 .course-page .course-hero{gap:28px}.course-page .course-cover{max-width:440px;margin-inline:auto;border-radius:18px}.course-page .course-modules{margin-top:52px}
 .course-page .course-lesson-grid{grid-template-columns:1fr}.course-page .course-lesson-grid>.material-card>.card-target{display:grid;grid-template-columns:116px minmax(0,1fr);gap:16px;align-items:start;height:auto}
 .course-page .course-lesson-grid .card-image{width:116px;aspect-ratio:1;border-radius:10px}.course-page .course-lesson-grid .card-copy{padding:0;min-width:0}.course-page .course-lesson-grid h3{font-size:19px;line-height:1.23}.course-page .course-lesson-grid .card-copy p{font-size:15px;margin-top:12px}.course-page .course-lesson-grid .card-link{font-size:14px;margin-top:16px}
 .program-modules{grid-template-columns:1fr;gap:28px}.curriculum-heading{position:static}.curriculum-heading h2{font-size:34px}.curriculum-heading p{font-size:17px;margin-top:20px}.curriculum-heading>span{margin-top:18px}
 .program-curriculum{padding:4px 22px;border-radius:20px}.program-curriculum li{padding:22px 0;gap:10px}.program-curriculum h3{font-size:22px}
}
@media(max-width:359px){.course-page .course-lesson-grid>.material-card>.card-target{grid-template-columns:90px minmax(0,1fr);gap:12px}.course-page .course-lesson-grid .card-image{width:90px}}

/* The live library: plain top tabs, a compact mobile filter/search bar and sorting. */
.catalog>.filter-tabs .filter{border:0;background:transparent;color:var(--ink)}
.catalog>.filter-tabs .filter.active{background:#eee;color:var(--ink)}
.catalog .free-results{border-top:0;padding-top:0}
.mobile-format,.catalog-search-toggle{display:none}
.catalog-results-heading{display:flex;gap:24px;justify-content:space-between;align-items:baseline;margin-bottom:36px}
.free-results .catalog-count{margin:0;font-size:30px;font-weight:500}
.catalog-sort{flex-shrink:0}.catalog-sort select{appearance:auto;font:inherit;font-size:14px;color:var(--ink);background:transparent;border:0;padding:10px 0;max-width:230px;cursor:pointer}
@media(max-width:650px){
 .catalog>.filter-tabs{gap:10px;margin-bottom:32px}.catalog>.filter-tabs .filter{font-size:15px;min-height:40px;padding:10px 16px}
 .catalog .catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:12px;margin-bottom:30px;align-items:start}
 .mobile-format{display:block;position:relative;min-width:0}
 .mobile-format summary{list-style:none;display:flex;gap:16px;align-items:center;justify-content:space-between;min-height:48px;padding:12px 16px;background:#f3f3f3;border-radius:6px;font-size:16px;cursor:pointer}
 .mobile-format summary::-webkit-details-marker{display:none}.mobile-format summary>span{font-size:20px;flex-shrink:0}
 .mobile-format nav{position:absolute;left:0;top:calc(100% + 8px);width:100%;min-width:220px;padding:8px;background:#fff;border-radius:12px;box-shadow:0 8px 35px #0002;z-index:20}
 .mobile-format .free-filter-link{padding:12px;margin:0;border-radius:8px;font-size:16px}.mobile-format .free-filter-link.active{background:#eee;font-weight:600}
 .catalog-search-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#eee;border-radius:6px}
 .catalog-search-toggle[aria-expanded=true]{background:var(--ink);color:#fff}
 .catalog .catalog-toolbar>.search{display:none;grid-column:1/-1;background:#f3f3f3;max-width:none;min-width:0}.catalog .catalog-toolbar>.search.search-expanded{display:flex}
 .catalog .catalog-toolbar>.search input{min-width:0;font-size:16px}
 .catalog-results-heading{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.free-results .catalog-count{font-size:25px;line-height:1.25}
 .catalog-sort select{font-size:14px;padding:8px 0}
}
/* Program landing: the hero leads, and section navigation follows its first screen. */
.program-page .program-stage{padding-bottom:48px}
.program-intro h1{font-size:clamp(42px,4.2vw,64px);margin:22px 0 34px}
.program-art-image{object-fit:contain}
.program-benefits>div{border-radius:20px}
.program-page .program-subnav{position:sticky;top:0;z-index:25;background:#fff;min-height:72px}
.program-page #program-about,.program-page #program-modules,.program-page #program-support{scroll-margin-top:100px}
@media(max-width:700px){
 .program-page .program-stage{padding-top:28px;padding-bottom:28px}
 .program-intro{display:flex;flex-direction:column;align-items:center;text-align:center}
 .program-intro h1{order:0;font-size:clamp(34px,9.5vw,46px);margin:8px 0 22px;width:100%}
 .program-intro .program-promise{order:1;font-size:18px;max-width:520px}
 .program-intro .program-kicker{order:2;margin:18px 0 0;font-size:13px}
 .program-intro .actions{order:3;justify-content:center;margin-top:26px;gap:18px}
 .program-art-image{max-height:280px;object-fit:contain}
 .program-benefits>div{border-radius:16px}
 .program-page .program-subnav{padding-block:16px}.program-page #program-about,.program-page #program-modules,.program-page #program-support{scroll-margin-top:125px}
}
@media(min-width:651px){.curriculum-heading{top:100px}}
/* The verified curriculum reference uses a full field and separate white module rows. */
.curriculum-section{background:#f3f3f3;margin-inline:20px;border-radius:28px}
.curriculum-section .curriculum-heading{position:static}.curriculum-section h2{font-size:clamp(34px,3.6vw,52px);line-height:1.1;max-width:none}
.curriculum-section .curriculum-heading p{display:inline-block;max-width:none;margin:26px 32px 0 0}
.curriculum-section .curriculum-heading>span{display:inline-block;margin-top:26px}
.curriculum-section .program-curriculum{padding:0;margin-top:52px;background:transparent;border-radius:0;display:grid;gap:16px}
.curriculum-section .program-curriculum li{background:#fff;padding:30px 32px;border-radius:24px;grid-template-columns:105px minmax(0,1fr);gap:24px;border:0;min-height:100px}
.curriculum-section .program-curriculum h3{font-size:25px;line-height:1.25;letter-spacing:-.025em;max-width:950px}
.curriculum-section .program-curriculum li>p{grid-column:2;font-size:17px;margin-top:0}
@media(max-width:650px){.curriculum-section{margin-inline:4px;border-radius:22px}.curriculum-section .curriculum-heading p{font-size:17px;margin-top:22px;margin-right:0;display:block}.curriculum-section .curriculum-heading>span{margin-top:18px}.curriculum-section .program-curriculum{margin-top:32px;gap:12px}.curriculum-section .program-curriculum li{padding:24px 22px;grid-template-columns:1fr;gap:12px;border-radius:20px}.curriculum-section .program-curriculum h3{font-size:23px}.curriculum-section .program-curriculum li>p{grid-column:1}}
@media(max-width:650px){.mobile-format nav{box-shadow:none}.mobile-format[open] nav{box-shadow:0 8px 35px #0002}}

/* Tony / Ruslan, 28 October: palette 1 from the supplied reference. */
:root{--paper:#f3f2ef;--ink:#232122;--blue:#6b55c5;--violet:#6b55c5;--acid:#dfff00;--orange:#ff5b23;--muted:#5e5a62}
.catalog .filter-check.checked{background:var(--violet);border-color:var(--violet)}
.program-stage[data-program-topic="Контент"]{background:var(--orange);color:var(--ink)}
.program-stage[data-program-topic="Агенты"]{background:var(--violet)}
.program-stage[data-program-topic="Разработка"]{background:#e4ef76;color:var(--ink)}
.program-stage[data-program-topic="Контент"] .program-kicker,.program-stage[data-program-topic="Разработка"] .program-kicker{color:var(--ink)}
.program-stage[data-program-topic="Контент"] .program-question,.program-stage[data-program-topic="Разработка"] .program-question{color:var(--ink)}
.program-stage[data-program-topic="Контент"] .program-cta,.program-stage[data-program-topic="Разработка"] .program-cta{background:var(--ink);color:#fff}
.program-page:has(.course-enroll-bar){padding-bottom:90px}
body:has(.course-enroll-bar){padding-bottom:88px}
.course-enroll-bar{position:fixed;z-index:40;left:50%;bottom:16px;transform:translateX(-50%);width:min(920px,calc(100% - 40px));padding:10px 12px 10px 22px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 8px 35px #0002}
.course-enroll-bar>span{font-size:17px;line-height:1.25;max-width:460px}
.course-enroll-bar>.button{background:var(--violet);color:#fff;flex-shrink:0}
@media(max-width:650px){
 body:has(.course-enroll-bar){padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
 .course-enroll-bar{left:0;bottom:0;transform:none;width:100%;border-radius:16px 16px 0 0;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));gap:0}
 .course-enroll-bar>span{display:none}.course-enroll-bar>.button{width:100%;min-height:56px;font-size:17px}
}
/* Live reference catalog: a floating program directory with real course thumbnails. */
.menu-open{overflow:hidden}
.menu-backdrop{position:fixed;inset:0;background:#16121c66;z-index:19}
.header:has(.mega:not([hidden])){z-index:50}
.mega{left:50%;right:auto;top:calc(100% - 10px);transform:translateX(-50%);width:min(1200px,calc(100% - 80px));border-radius:24px;padding:34px 36px;max-height:calc(100dvh - 175px);box-shadow:0 18px 45px #0002}
.mega>.mega-catalog{width:100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px;margin:0}
.mega-title-row{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:24px}
.mega-title-row h2{font-size:25px;margin:0}
.mega-close{background:#f0eef2;border-radius:50%;width:36px;height:36px;font-size:25px;line-height:1;flex-shrink:0}
.mega-search{display:flex;gap:12px;align-items:center;background:#f4f3f4;border-radius:8px;padding:8px 10px 8px 16px;margin-bottom:22px}
.mega-search input{width:100%;min-width:0;font-size:16px;border:0;background:transparent;padding:8px 0;color:var(--ink)}
.mega-search button{background:none;font-size:24px;min-width:36px;min-height:36px}
.mega .mega-directions{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.mega .mega-directions a{font-size:16px;padding:12px 0;line-height:1.3}
.mega .mega-site-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px}
.mega .mega-site-links a{font-size:14px;padding:4px 0;line-height:1.35}
.mega-free{margin-top:26px;background:#f0ebfa;padding:16px;border-radius:14px}
.mega-free>div{display:flex;align-items:center;gap:14px;font-size:14px;margin-bottom:12px}
.mega-free img{width:54px;aspect-ratio:1;object-fit:contain;border-radius:8px}
.mega-free>a{font-size:19px;line-height:1.2;display:flex;gap:16px;align-items:center;justify-content:space-between;letter-spacing:-.025em}
.mega-programs{min-width:0}.mega-programs-heading{display:flex;gap:16px;align-items:baseline;justify-content:space-between;margin:0 0 24px}
.mega-programs-heading h2{font-size:24px;margin:0}.mega-programs-heading .text-link{font-size:13px;white-space:nowrap}
.mega-program-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}
.mega-program-link{display:flex;align-items:center;gap:12px;min-width:0;min-height:64px}
.mega-program-link>img{width:58px;height:58px;border-radius:10px;object-fit:contain;background:#f3f1f4;flex-shrink:0}
.mega-program-link>span{min-width:0}.mega-program-link small{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}
.mega-program-link strong{display:block;font-size:15px;line-height:1.25;font-weight:500;letter-spacing:-.015em;overflow-wrap:anywhere}
.mega-program-link:hover strong{color:var(--violet)}
@media(max-width:1000px){.mega{width:calc(100% - 48px);padding:28px;max-height:calc(100dvh - 155px)}.mega>.mega-catalog{gap:30px;grid-template-columns:.85fr 1.15fr}.mega-program-list{gap:16px}.mega-program-link{gap:9px}.mega-program-link>img{width:45px;height:45px}.mega-programs-heading{display:block}.mega-programs-heading .text-link{margin-top:12px}}
@media(max-width:650px){
 .mega{width:calc(100% - 20px);top:calc(100% - 5px);padding:24px 20px;max-height:calc(100dvh - 160px);border-radius:20px}
 .mega>.mega-catalog{display:block}.mega-title-row{margin-bottom:20px}.mega-title-row h2{font-size:24px}
 .mega-search{padding-left:14px;margin-bottom:18px}.mega-search input{font-size:16px}
 .mega .mega-directions{gap:4px 18px}.mega .mega-directions a{font-size:16px;padding:11px 0}
 .mega .mega-site-links{margin-top:20px;gap:8px 20px}.mega .mega-site-links a{font-size:14px}
 .mega-free{margin-top:22px}.mega-free>a{font-size:21px}.mega-programs{margin-top:30px}
 .mega-programs-heading h2{font-size:24px}.mega-program-list{grid-template-columns:1fr;gap:16px}.mega-program-link{gap:14px;min-height:62px}.mega-program-link>img{width:58px;height:58px}.mega-program-link strong{font-size:17px}.mega-program-link small{font-size:13px}
}
.menu-open .sticky-enroll,.menu-open .course-enroll-bar{display:none}
/* The bottom action is the persistent control; section navigation must not cover module titles. */
.program-page .program-subnav{position:relative;top:auto;z-index:1}
.program-page #program-about,.program-page #program-modules,.program-page #program-support{scroll-margin-top:28px}
html{scroll-padding-bottom:110px}
:where(a,button,input,textarea,select,summary){scroll-margin-block:20px 110px}
.preview-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:36px}.preview-palette>div{display:grid;gap:8px;min-width:0}.preview-palette>div>span{height:76px;border-radius:14px}.preview-palette strong{font-size:16px;font-weight:500}.preview-palette small{font-size:14px}
@media(max-width:650px){.preview-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.preview-palette>div>span{height:64px}}
/* The verified desktop reference has a 1168px content axis at a 1440px viewport. */
:root{--max:1168px}
@media(min-width:1001px){.mega{width:min(var(--max),calc(100% - 80px));padding:40px}}
@media(min-width:951px){.free-results{grid-template-columns:240px minmax(0,1fr)}.free-results .catalog-count{font-size:32px}}

/* Onest — existing AI Room platform typeface.
Copyright 2021 The Onest Project Authors (https://github.com/googlefonts/onest)

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
https://scripts.sil.org/OFL


-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.

"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).

"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).

"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.

"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.

PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:

1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.

2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.

3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.

4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.

5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are
not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

*/
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/onest-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/onest-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body,button,input,select,textarea{font-family:'Onest',Arial,Helvetica,sans-serif}
h1,h2,h3{letter-spacing:-.02em}
.program-intro h1{font-size:clamp(40px,4.2vw,60px);line-height:1.04;letter-spacing:-.02em}
.program-promise{font-size:20px;line-height:1.45;max-width:600px}
@media(max-width:650px){.program-intro h1{font-size:36px;line-height:1.08}.program-promise{font-size:17px;line-height:1.5}}

/* One artwork field per catalog card; avoid a poster repeated above a second title. */
.learn-grid .program-card .program-image{position:absolute;inset:0;height:100%;aspect-ratio:auto;background:#242329}
.learn-grid .program-card .program-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center bottom;transform:scale(1.3);transform-origin:center bottom}
.learn-grid .program-card[data-program-id="hermes-agent-dlya-novichkov-v2"] .program-image img{transform:scale(1.65)}
.learn-grid .program-card[data-program-id="AIcontent"] .program-image img{object-position:right center;transform:scale(1.15);transform-origin:right center}
.learning-content .learn-grid .program-card .card-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;margin:0;padding:24px;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 30%,rgba(0,0,0,.85));color:#fff}
.learn-grid .program-card .card-meta{position:absolute;top:24px;left:24px;right:24px;font-size:14px;line-height:1.4}
.learning-content .learn-grid .program-card .card-copy h3{font-size:24px;line-height:1.18;letter-spacing:-.015em;margin:0;overflow-wrap:normal}
@media(max-width:650px){.learning-content .learn-grid .program-card .card-copy{padding:22px}.learning-content .learn-grid .program-card .card-copy h3{font-size:23px}.learn-grid .program-card .card-meta{top:22px;left:22px;right:22px}}

.program-card .program-image img{object-fit:cover;object-position:center bottom;transform:scale(1.3);transform-origin:center bottom}
.program-card[data-program-id="hermes-agent-dlya-novichkov-v2"] .program-image img{transform:scale(1.65)}
.program-card[data-program-id="AIcontent"] .program-image img{object-position:right center;transform:scale(1.15);transform-origin:right center}
.learn-grid .program-card .card-meta{width:auto}

/* Programme art uses the original cover as artwork, without repeating its baked heading. */
.program-art{overflow:hidden;border-radius:20px;aspect-ratio:4/3;align-self:center;width:100%}
.program-art-image{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center bottom;transform:scale(1.3);transform-origin:center bottom}
.program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"] .program-art-image{transform:scale(1.65)}
.program-stage[data-program-id="AIcontent"] .program-art-image{object-position:right center;transform:scale(1.15);transform-origin:right center}
@media(max-width:700px){
 .program-stage-inner{display:flex;flex-direction:column;gap:0;text-align:center}
 .program-intro{display:contents}
 .program-intro h1{order:0}.program-intro .program-promise{order:1;margin-bottom:0}
 .program-art{order:2;margin-top:30px;max-width:500px}
 .program-intro .program-kicker{order:3;margin-top:24px}
 .program-intro .actions{order:4;margin-bottom:8px}
}

.program-art-image{position:relative;top:8px}
/* Participant portraits give the review intro the same visual weight as the reference. */
.results-heading{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start;margin-bottom:72px}
.results-heading h1{max-width:650px}.results-heading p{max-width:650px;margin-top:40px}
.results-portraits{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-top:14px}
.results-portraits img,.results-portraits span{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;display:flex;align-items:center;justify-content:center}
.results-portraits span{border-radius:50% 50% 0 50%;background:var(--violet);color:#fff;font-size:24px;font-weight:500}
.company-statement{font-size:24px;line-height:1.45}.contact-address{font-size:28px;line-height:1.3}
@media(max-width:850px){.results-heading{grid-template-columns:1fr;gap:32px}.results-heading p{margin-top:24px}.results-portraits{max-width:340px;padding-top:0;justify-self:center}}
@media(max-width:600px){.results-heading{margin-bottom:48px}.results-portraits{width:260px}.company-statement{font-size:21px}.contact-address{font-size:25px}}
.results-heading p{font-size:24px;line-height:1.45}
@media(max-width:600px){.results-heading p{font-size:19px}}

/* New covers have no baked text and need no zoom. */
.program-card .program-image img[src*="/editorial-covers/"],.program-art-image[src*="/editorial-covers/"]{transform:none!important;object-position:center;top:0}

/* Miro course lane: only course details and information dialogs. */
.miro-course .program-intro :is(h1,h2){font-size:clamp(36px,4.2vw,60px);line-height:1.04;letter-spacing:-.02em;margin:16px 0 22px;overflow-wrap:anywhere;order:0}
.miro-course .program-promise{margin-top:0;max-width:640px;line-height:1.5}
.miro-course .program-benefits{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.miro-course .program-cta,.miro-course .course-join .button,.miro-course .course-preview .button{border-radius:999px;text-align:center}
.miro-course .course-accordion>li{display:block;padding:0;min-height:0}
.miro-course .course-accordion details{padding:26px 32px}
.miro-course .course-accordion summary{cursor:pointer;list-style:none}.miro-course .course-accordion .module-summary-inner{display:grid;grid-template-columns:90px minmax(0,1fr) 28px;gap:18px;align-items:baseline}
.miro-course .course-accordion summary::-webkit-details-marker{display:none}
.miro-course .course-accordion .module-summary-inner>span:first-child{font-size:15px}
.miro-course .course-accordion .module-title{font-size:25px;line-height:1.25;letter-spacing:-.025em}
.miro-course .module-toggle{font-size:26px;line-height:1;transition:transform .18s ease}
.miro-course details[open] .module-toggle{transform:rotate(45deg)}
.miro-course .course-accordion .module-lessons{display:block;margin:24px 0 0;padding-left:24px;list-style:decimal}
.miro-course .course-accordion .module-lessons>li{display:list-item;min-height:0;background:transparent;border:0;border-radius:0;padding:8px 0;font-size:17px;line-height:1.5}
.miro-course .module-missing{margin:24px 0 0;font-size:16px;line-height:1.5}
.miro-course .course-support{max-width:900px;line-height:1.6}
.miro-course .course-support h2{max-width:700px}
.miro-course .course-preview,.miro-course .course-join{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;background:#f2f2f2;padding:48px;border-radius:24px}
.miro-course .course-preview p,.miro-course .course-join p{max-width:640px;line-height:1.6;margin-bottom:0}
.miro-course .course-join{background:#e4ef76}
.course-info-dialog{width:min(1200px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:24px;background:#fff;color:#171717;overflow:auto;overscroll-behavior:contain}
.course-info-dialog::backdrop{background:rgb(0 0 0 / .6)}
.course-info-dialog .dialog-close{position:sticky;top:12px;display:block;margin:12px 12px 12px auto;width:44px;height:44px;background:#fff;color:#171717;border:0;border-radius:50%;z-index:30;font-size:32px;cursor:pointer}
.course-info-dialog .wrap{width:calc(100% - 64px);max-width:1080px}
.course-info-dialog .program-stage{margin:0 12px}
.course-info-dialog .program-stage-inner{gap:24px}
.course-info-dialog .program-subnav{flex-wrap:wrap;padding-block:24px}
.course-info-dialog .section{margin-block:64px;padding-block:0}
.course-info-dialog .course-preview,.course-info-dialog .course-join{padding:32px}
.course-info-dialog .course-guides .material-grid{grid-template-columns:1fr}
.course-info-dialog .course-guides .material-card .card-target{display:grid;grid-template-columns:180px minmax(0,1fr)}
.course-info-dialog .course-guides .card-image{height:100%;object-fit:cover}
.material-info-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:0 40px 48px}
.material-info-summary>img{width:100%;height:auto;object-fit:contain;align-self:start;border-radius:16px}
.material-info-summary h2{font-size:clamp(26px,3vw,42px);line-height:1.15;margin-top:8px}
.material-info-summary p,.material-info-summary li{line-height:1.6}
.module-preview-gate{padding:0 40px 48px;max-width:760px}
.module-preview-gate h2{font-size:clamp(28px,3.5vw,42px);line-height:1.15}
.module-preview-gate p{line-height:1.6}
.course-info-dialog :is(a,button,summary):focus-visible,.miro-course :is(a,button,summary):focus-visible{outline:3px solid #315cff;outline-offset:5px}
@media(max-width:767px){
 .miro-course .program-intro :is(h1,h2){font-size:36px;line-height:1.08;margin:8px 0 16px}
 .miro-course .program-benefits{grid-template-columns:1fr}
 .miro-course .course-accordion details{padding:24px 20px}
 .miro-course .course-accordion .module-summary-inner{grid-template-columns:minmax(0,1fr) 28px;gap:12px}
 .miro-course .course-accordion .module-summary-inner>span:first-child{grid-column:1/-1}
 .miro-course .course-accordion .module-title{font-size:21px}
 .miro-course .course-preview,.miro-course .course-join{grid-template-columns:1fr;padding:28px 24px;gap:24px}
 .course-info-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:16px}
 .course-info-dialog .wrap{width:calc(100% - 32px)}
 .course-info-dialog .program-stage{margin:0 4px}
 .course-info-dialog .program-subnav>div{flex-wrap:wrap;white-space:normal}
 .course-info-dialog .course-guides .material-card .card-target{grid-template-columns:1fr}
 .course-info-dialog .course-guides .card-image{height:auto}
 .material-info-summary{grid-template-columns:1fr;padding:0 20px 28px;gap:24px}
 .material-info-summary h2{font-size:28px}
 .module-preview-gate{padding:0 24px 32px}
}
@media(prefers-reduced-motion:reduce){.miro-course .module-toggle{transition:none}}

/* Shared header referral control. */
.referral-open{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:44px;background:none;color:inherit;padding:8px}
.referral-open svg{width:24px;height:24px}
@media(max-width:650px){.nav{gap:8px}.nav .wordmark{font-size:23px;letter-spacing:-1px}.nav .login{font-size:13px}.referral-open{width:32px;padding:6px 4px}}
@media(max-width:359px){.nav .wordmark{font-size:20px}.nav .door{width:13px;height:25px}.nav{gap:5px}}

/* Miro 84–86: оформление первого экрана Claude. */
.miro-course .program-stage[data-program-id="claude-s-nulya-do-pro"]{background:#f29b60;color:#171717}
.miro-course .program-stage[data-program-id="claude-s-nulya-do-pro"] .program-cta{background:#6750bf;color:#fff}

/* Каталог бесплатных материалов без фильтра формата. */
.catalog .free-results{display:block}
/* Miro 60: блок предложения клуба на странице агента. */
.miro-course:has(.program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) .course-join{background:#171717;color:#fff}
.miro-course:has(.program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) .course-join .button{background:#f29b60;color:#171717}
/* Miro 64, 82, 83: фоны и кнопка программы обучения. */
.curriculum-section[data-program-id="hermes-agent-dlya-novichkov-v2"]{background:#6952c0;color:#fff}
.curriculum-section[data-program-id="claude-s-nulya-do-pro"]{background:#171717;color:#fff}
.curriculum-section .program-curriculum li{color:#171717}
.curriculum-cta{display:flex;justify-content:flex-end;margin-top:24px}
.curriculum-section[data-program-id="claude-s-nulya-do-pro"] .curriculum-cta .button{background:#f29b60;color:#171717;border-radius:999px}
.miro-course .program-intro .actions{margin-top:32px}

/* Кнопки раскрытия модулей: один контроллер для страницы и popup. */
.miro-course .course-accordion .module-trigger{width:100%;padding:26px 32px;text-align:left;background:transparent;color:inherit;border:0;cursor:pointer}
.miro-course .course-accordion .module-panel{padding:0 32px 26px}
.miro-course .course-accordion .module-panel[hidden]{display:none}
.miro-course .course-accordion .module-trigger[aria-expanded="true"] .module-toggle{transform:rotate(45deg)}
@media(max-width:650px){.miro-course .course-accordion .module-trigger{padding:24px 20px}.miro-course .course-accordion .module-panel{padding:0 20px 24px}}

/* Claude: знак рядом с папкой, Miro 087. */
.program-stage[data-program-id="claude-s-nulya-do-pro"] .program-art{position:relative}
.program-stage .program-claude-mark{position:absolute;right:5%;bottom:5%;width:clamp(56px,8vw,112px);height:auto;object-fit:contain;filter:drop-shadow(0 5px 10px #0004);pointer-events:none}
/* Направления курса по контенту: иллюстрации, не видеоплееры. */
.content-ideas{padding-block:48px}
.content-ideas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.content-idea{overflow:hidden;background:#f3f2f0;border-radius:22px}
.content-idea-image{width:100%;aspect-ratio:4/3;object-fit:cover}
.content-idea h2{font-size:clamp(20px,2vw,27px);line-height:1.15;letter-spacing:-.02em;margin:0;padding:22px}
@media(max-width:650px){.content-ideas-grid{grid-template-columns:1fr;gap:14px}.content-ideas{padding-block:32px}.content-idea-image{aspect-ratio:16/9}}
/* Results collections scroll independently on desktop and touch screens. */
.results-page .all-stories,.results-page .stories-messages{display:flex;align-items:stretch;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:4px 0 16px}
.results-page .all-stories>.story-card,.results-page .stories-messages>.stories-message{flex:0 0 min(340px,85vw);min-width:0;scroll-snap-align:start}
@media(prefers-reduced-motion:reduce){.results-page .all-stories,.results-page .stories-messages{scroll-snap-type:none}}

/* Decorative characters in the free catalog header. */
.catalog .free-heading{position:relative;min-height:150px;padding-right:290px}
.free-heading-art{position:absolute;right:2%;top:-12px;width:245px;height:160px;pointer-events:none}
.free-heading-art img{position:absolute;object-fit:contain}
.free-heading-robot{width:155px;height:120px;left:0;top:10px}
.free-heading-companion{width:108px;height:108px;right:0;top:48px}
@media(max-width:850px){.catalog .free-heading{padding-right:190px}.free-heading-art{width:175px;right:0}.free-heading-robot{width:112px}.free-heading-companion{width:78px;top:65px}}
@media(max-width:650px){.catalog .free-heading{min-height:0;padding-right:0}.catalog .free-heading>p{max-width:calc(100% - 92px);min-height:80px}.free-heading-art{width:90px;height:90px;top:auto;bottom:0}.free-heading-robot{width:90px;height:80px;left:0;top:0}.free-heading-companion{display:none}}
/* Бесплатный мини-курс: визуальный язык существующего Telegram Mini App. */
.mini-course-page{padding-top:32px}.mini-course{width:min(100%,720px);margin:28px auto 0;padding:12px;background:#050605;color:#f7f8f2;font-family:Arial,Helvetica,sans-serif;border-radius:24px}.mini-hero,.mini-player,.mini-intro{overflow:hidden;border:1px solid #292d25;border-radius:24px;background:#11130f}.mini-hero{aspect-ratio:16/9}.mini-hero img{width:100%;height:100%;object-fit:cover}.mini-intro,.mini-player{margin-top:12px;padding:22px}.mini-intro h1{font-size:clamp(31px,7vw,48px);line-height:1;letter-spacing:-.05em;margin:10px 0 14px}.mini-intro p,.mini-player p,.mini-club p{color:#b8c0b1}.mini-eyebrow,.mini-club span{color:#d7ff36!important;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mini-button{display:flex;justify-content:center;align-items:center;width:100%;margin-top:18px;padding:15px;border-radius:14px;background:#d7ff36;color:#10130b;font-weight:800;text-align:center}.mini-lesson-head{color:#a6ad9d;font-size:13px;margin-bottom:12px}.mini-player .video-frame{margin:0;overflow:hidden;border-radius:17px}.mini-player video{width:100%;aspect-ratio:16/10;object-fit:contain;background:#111}.mini-player h1{font-size:25px;line-height:1.1;margin:18px 4px 6px}.mini-player p{margin:0 4px 16px}.mini-navigation{display:flex;align-items:center;gap:16px;font-size:14px}.mini-navigation>a:first-child{flex-shrink:0}.mini-navigation .mini-button{margin:0}.mini-course-list{display:grid;gap:10px;margin:12px 0}.mini-course-list>a{display:grid;grid-template-columns:170px 1fr;gap:14px;padding:8px;border:1px solid #292d25;border-radius:20px;background:#10120e;color:#f7f8f2}.mini-course-list>a.active{border-color:#d7ff36;box-shadow:0 0 0 2px #d7ff3647}.mini-course-list img{width:170px;height:106px;object-fit:cover;border-radius:14px}.mini-course-list a>span{display:flex;flex-direction:column;justify-content:center;gap:4px}.mini-course-list b{color:#d7ff36;font-size:12px}.mini-course-list strong{font-size:15px;line-height:1.12}.mini-course-list small,.mini-club small{color:#a6ad9d}.mini-club{overflow:hidden;border:1px solid #343a2d;border-radius:26px;background:#090a08}.mini-club>div{padding:30px;background:radial-gradient(circle at 88% 5%,#d7ff3638,transparent 34%),#090a08}.mini-club h2{margin:12px 0 14px;font-size:clamp(29px,6vw,45px);line-height:.98;letter-spacing:-.05em;text-transform:uppercase}.mini-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.mini-facts strong{padding:12px;border:1px solid #343a2d;border-radius:14px;font-size:13px}.mini-facts strong:last-child{grid-column:1/-1}.mini-club .mini-club-cta{border-top:1px solid #292d25}.mini-club small{display:block;text-align:center;margin-top:12px;font-size:12px}.mini-player .media-error{margin:12px 0;padding:18px;border:1px solid #343a2d;border-radius:16px;background:#11130f;color:#f7f8f2}.mini-player .media-error h2{font-size:20px}.mini-player .media-error .text-link{margin-top:14px}.mini-course a:focus-visible,.mini-course button:focus-visible{outline:3px solid #d7ff36;outline-offset:3px}@media(max-width:600px){.mini-course-page{padding-top:20px}.mini-course{margin-top:20px}.mini-intro,.mini-player,.mini-club>div{padding:16px}.mini-course-list>a{grid-template-columns:96px 1fr}.mini-course-list img{width:96px;height:68px}.mini-navigation{flex-wrap:wrap}.mini-navigation .mini-button{margin-top:4px}}
/* Обзор курса на широком экране: текст и оригинальная обложка вместе. */
@media(min-width:900px){
 .mini-course:has(.mini-intro){width:100%;max-width:1120px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}
 .mini-course:has(.mini-intro) .mini-hero{grid-column:2;grid-row:1;align-self:center;border:0;border-radius:18px;background:transparent;aspect-ratio:auto}
 .mini-course:has(.mini-intro) .mini-hero img{height:auto;object-fit:contain}
 .mini-course:has(.mini-intro) .mini-intro{grid-column:1;grid-row:1;margin:0;display:flex;flex-direction:column;justify-content:center;padding:36px}
 .mini-course:has(.mini-intro) .mini-intro h1{font-size:clamp(38px,4vw,52px)}
 .mini-course:has(.mini-intro) .mini-course-list,.mini-course:has(.mini-intro) .mini-club{grid-column:1/-1;width:min(100%,720px);margin-inline:auto}
}
/* В прямом уроке сразу показываем название и плеер. */
.mini-lesson .mini-player{margin-top:0}.mini-lesson .mini-player h1{margin:6px 0 8px;font-size:clamp(28px,3vw,38px)}.mini-lesson .mini-player>p{margin:0 0 18px}.mini-lesson .mini-navigation{margin-top:18px}
.mini-lesson .mini-navigation{margin:0 0 16px}.mini-lesson .mini-navigation .mini-button{width:auto;margin-left:auto;padding:10px 18px}
.mini-club .mini-club-benefits{border-top:1px solid #292d25;background:#090a08}.mini-club-benefits h2{font-size:29px;text-transform:none}.mini-club-benefits>div{display:grid;gap:9px}.mini-club-benefits article{display:grid;grid-template-columns:34px 1fr;padding:16px;border:1px solid #30352c;border-radius:16px;background:#12150f}.mini-club-benefits article b{grid-row:1/3;color:#d7ff36;font-size:12px}.mini-club-benefits h3{margin:0 0 5px;font-size:17px;letter-spacing:0}.mini-club-benefits p{margin:0;font-size:13px;line-height:1.42}

/* CRM lesson: make the support action distinct from recommendation links. */
.lesson-page .lesson-support-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;padding:11px 18px;border:1px solid currentColor;border-radius:999px;text-align:center;font-size:15px;line-height:1.3;text-decoration:none}
.lesson-page .lesson-support-link:hover{background:var(--ink);color:#fff}

/* About: service and support paths */
.company-page .about-services,.company-page .about-contact{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:28px;padding:36px 40px;border-radius:24px;background:#e6e9ee}
.company-page .about-contact{background:#e6edca}
.company-page .about-services h2,.company-page .about-contact h2{font-size:32px;line-height:1.15}
.company-page .about-services p,.company-page .about-contact p{font-size:18px;line-height:1.5;margin-top:14px;max-width:680px}
.company-page .about-services .button,.company-page .about-contact .button{flex-shrink:0}
@media(max-width:650px){.company-page .about-services,.company-page .about-contact{align-items:stretch;flex-direction:column;padding:26px;gap:24px}.company-page .about-services h2,.company-page .about-contact h2{font-size:27px}.company-page .about-services p,.company-page .about-contact p{font-size:16px}}
/* Мини-курс: структура оригинального урока и открытые карточки клуба. */
.mini-lesson .mini-player{margin-top:12px;padding:14px}.mini-lesson .mini-player h1{margin:18px 4px 6px;font-size:25px}.mini-lesson .mini-player>p{margin:0 4px 16px}.mini-lesson .mini-navigation{margin:14px 4px 0}.mini-proof{padding:22px 0 14px;border-top:1px solid #292d25}.mini-proof h2,.mini-proof h3,.mini-proof>p{margin:0 20px}.mini-proof h2{font-size:25px;line-height:1.1;letter-spacing:-.04em;text-transform:none}.mini-proof>p{margin-top:6px;color:#a6ad9d;font-size:12px}.mini-proof h3{margin-top:18px;font-size:18px}.mini-proof-rail{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:12px 20px 6px;scrollbar-width:thin;scrollbar-color:#4c5541 transparent}.mini-proof-card{flex:0 0 76%;max-width:290px;overflow:hidden;border:1px solid #292d25;border-radius:14px;background:#151811;color:inherit;scroll-snap-align:start}.mini-proof-card img{display:block;width:100%;height:135px;object-fit:contain;background:#eef0eb}.mini-proof-card strong{display:block;padding:10px 12px;font-size:13px}.mini-proof-reviews .mini-proof-card{flex-basis:62%;max-width:240px}.mini-proof-reviews img{height:180px}.mini-proof-more{display:flex;align-items:center;justify-content:center;padding:20px;font-size:14px;font-weight:700;text-align:center}

/* Source-backed offer for each mini-course lesson. */
.mini-lesson-offer{margin-top:12px;padding:24px;border:1px solid #343a2d;border-radius:20px;background:#11130f}.mini-lesson-offer span{color:#d7ff36;font-size:12px;font-weight:800;letter-spacing:.12em}.mini-lesson-offer h2{margin:10px 0;font-size:clamp(22px,4vw,30px);line-height:1.1}.mini-lesson-offer p{margin:0;color:#b8c0b1;line-height:1.5}

.miro-course .course-support-button{margin-top:24px;border-radius:999px}

.program-reference-art{transform:none;top:0;object-position:center}

main.program-page .course-guides img[src*="course-prompts-8312667"]{object-fit:contain;background:#f9f9fc}

/* Decorative objects supplied for the ChatGPT course hero. */
.program-stage[data-program-id="chatgpt-s-0-do-pro"] .chatgpt-benefit-art{display:flex;justify-content:space-between;align-items:center;padding:10px 4% 4px 25%;gap:20px;pointer-events:none}
.chatgpt-benefit-art .chatgpt-benefit-computer{width:clamp(100px,12vw,170px);height:auto}
.chatgpt-benefit-art .chatgpt-benefit-ring{width:clamp(70px,9vw,125px);height:auto}
@media(max-width:650px){.program-stage[data-program-id="chatgpt-s-0-do-pro"] .chatgpt-benefit-art{padding:8px 5% 4px;justify-content:space-between}.chatgpt-benefit-art .chatgpt-benefit-computer{width:100px}.chatgpt-benefit-art .chatgpt-benefit-ring{width:74px}}
@media(min-width:651px){
 .program-stage[data-program-id="chatgpt-s-0-do-pro"] .chatgpt-benefit-art{position:relative;z-index:1;margin-top:-25px;padding-top:0}
}
@media(min-width:651px){
 .program-page .program-stage[data-program-id="chatgpt-s-0-do-pro"]:has(.chatgpt-benefit-art){overflow:visible}
 .program-stage[data-program-id="chatgpt-s-0-do-pro"] .chatgpt-benefit-art{margin-bottom:-70px}
}
@media(min-width:651px){
 .program-page .program-stage[data-program-id="chatgpt-s-0-do-pro"]:has(.chatgpt-benefit-art){position:relative;z-index:2}
}

/* Claude support illustration from Miro 8310667. */
.miro-course .claude-support-visual{max-width:var(--max);position:relative;isolation:isolate;overflow:hidden;min-height:400px;padding:clamp(32px,5vw,64px);border-radius:24px;background:#f2f2f2;display:flex;align-items:center}
.claude-support-visual::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f2f2f2 0%,#f2f2f2 39%,rgba(242,242,242,.88) 50%,rgba(242,242,242,0) 76%);pointer-events:none}
.claude-support-visual>div{max-width:48%}
.claude-support-visual .claude-support-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
@media(max-width:650px){.miro-course .claude-support-visual{min-height:570px;align-items:flex-start;padding:28px 24px}.claude-support-visual>div{max-width:none}.claude-support-visual::before{background:linear-gradient(180deg,#f2f2f2 0%,#f2f2f2 30%,rgba(242,242,242,.9) 42%,rgba(242,242,242,0) 70%)}.claude-support-visual .claude-support-image{object-position:center bottom}}

.catalog .free-results{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start}.catalog .free-support-panel{background:#eeebf7;border-radius:20px;padding:22px;min-width:0}.catalog .free-support-panel h2{font-size:20px;line-height:1.2;font-weight:700}.catalog .free-support-panel p{font-size:15px;line-height:1.45;margin-top:14px}.catalog .free-support-button{margin-top:20px;border-radius:999px;font-size:14px;text-align:center;min-height:44px;padding:12px 16px}.catalog .free-results-main{min-width:0}@media(max-width:700px){.catalog .free-results{display:flex;flex-direction:column;gap:28px}.catalog .free-results-main{width:100%}.catalog .free-support-panel{order:2;width:100%}}

/* Decorative references alongside the reviews heading on /results. */
.results-reviews-heading{display:grid;grid-template-columns:120px minmax(0,1fr) 150px;gap:24px;align-items:center}
.results-reviews-heading h2{max-width:740px}
.results-reviews-heading img{width:100%;height:120px;object-fit:contain;pointer-events:none}
.results-reviews-heading .results-review-figure{filter:drop-shadow(0 3px 5px #0005)}
@media(max-width:650px){.results-reviews-heading{display:grid;grid-template-columns:54px minmax(0,1fr) 65px;gap:10px;align-items:center}.results-reviews-heading img{height:66px}.results-reviews-heading h2{font-size:clamp(23px,6vw,30px)}}

.case-media-pending{display:grid;place-items:center;min-height:220px;margin:0 0 48px;padding:28px;border-radius:24px;background:#e8e5f0;color:#36304b;font-size:clamp(18px,2vw,24px);font-weight:600;text-align:center}

.hermes-guides .section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.hermes-guide-controls{display:flex;gap:8px;flex-shrink:0}.hermes-guide-controls button{width:46px;height:46px;border:1px solid currentColor;border-radius:50%;background:transparent;font-size:22px;cursor:pointer}.hermes-guides .material-grid{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding-bottom:12px}.hermes-guides .material-grid:focus-visible,.hermes-guide-controls button:focus-visible{outline:3px solid #6952c0;outline-offset:3px}.hermes-guides .material-card{flex:0 0 40%;min-width:0;scroll-snap-align:start}@media(max-width:650px){.hermes-guides .material-card{flex-basis:85%}.hermes-guide-controls button{width:40px;height:40px}}

.hermes-guide-controls button:disabled{opacity:.4;cursor:not-allowed}

.miro-course .chatgpt-free-preview{grid-template-columns:160px minmax(0,1fr) auto;gap:28px}.chatgpt-free-art{display:block;width:160px;height:160px;object-fit:contain}@media(max-width:900px){.miro-course .chatgpt-free-preview{grid-template-columns:110px minmax(0,1fr);gap:20px}.chatgpt-free-art{width:110px;height:110px}.chatgpt-free-preview>.button{grid-column:2}}@media(max-width:650px){.miro-course .chatgpt-free-preview{grid-template-columns:1fr;gap:16px}.chatgpt-free-art{width:104px;height:104px}.chatgpt-free-preview>.button{grid-column:auto}}

.crm-club-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,34%);gap:24px;align-items:center;overflow:hidden}.crm-offer-copy{min-width:0}.crm-offer-copy .button{margin-top:24px}.crm-offer-orbits{position:relative;aspect-ratio:1;width:100%;max-width:340px;justify-self:center}.crm-orbit{position:absolute;border:1px solid #6d56bd55;border-radius:50%;inset:0;background:#fff2}.crm-orbit-two{inset:16%;background:#fff3}.crm-orbit-three{inset:32%;background:#fff4}.crm-orbit-node{position:absolute;display:grid;place-items:center;width:20%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 4px 18px #29203d1c}.crm-orbit-node img,.crm-orbit-node svg{width:55%;height:55%;object-fit:contain}.crm-orbit-airoom{left:40%;top:40%;background:#6b50c5}.crm-orbit-airoom img{border-radius:6px}.crm-orbit-chatgpt{left:7%;top:63%}.crm-orbit-claude{right:6%;top:19%}.crm-orbit-chat{left:12%;top:12%;color:#5b40b3}@media(max-width:650px){.crm-club-offer{grid-template-columns:1fr}.crm-offer-orbits{width:min(100%,250px)}}

.miro-course:has(.program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) .hermes-office-offer{min-height:320px;background-color:#111015;background-image:linear-gradient(90deg,#111015 0%,rgba(17,16,21,.98) 30%,rgba(17,16,21,.62) 58%,rgba(17,16,21,.12) 100%),url("/preview-assets/covers/hermes-offer-office-8310839.png");background-position:center;background-size:cover;color:#fff}.miro-course:has(.program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) .hermes-office-offer>div{max-width:570px}.miro-course:has(.program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) .hermes-office-offer .button{background:#f29b60;color:#171717}@media(max-width:650px){.miro-course:has(.program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) .hermes-office-offer{padding-bottom:220px;background-image:linear-gradient(180deg,#111015 0%,#111015 46%,rgba(17,16,21,.84) 58%,rgba(17,16,21,.12) 100%),url("/preview-assets/covers/hermes-offer-office-8310839.png");background-position:center,bottom right;background-size:cover,auto 220px;background-repeat:no-repeat}}

.miro-course .chatgpt-support-visual{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:32px}.chatgpt-yupi{width:100px;height:100px;object-fit:contain;image-rendering:pixelated;clip-path:inset(25% 0 0);justify-self:center}@media(max-width:650px){.miro-course .chatgpt-support-visual{grid-template-columns:1fr;gap:20px}.chatgpt-yupi{width:100px;height:100px;justify-self:end}}
@keyframes chatgpt-yupi-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@media(prefers-reduced-motion:no-preference){.chatgpt-support-visual .chatgpt-yupi{animation:chatgpt-yupi-float 3s ease-in-out infinite}}

.miro-course .builder-support-visual{display:grid;grid-template-columns:110px minmax(0,1fr) 110px;align-items:center;gap:28px}.builder-support-laptop,.builder-support-bin{display:block;width:110px;height:110px;object-fit:contain;image-rendering:pixelated}@media(max-width:650px){.miro-course .builder-support-visual{grid-template-columns:1fr 1fr;gap:14px}.builder-support-visual>div{grid-column:1/-1;grid-row:1}.builder-support-laptop,.builder-support-bin{width:85px;height:85px}.builder-support-bin{justify-self:end}}

.builder-footer-decoration{padding-block:24px}.builder-footer-folder{display:block;width:100px;height:100px;object-fit:contain;image-rendering:pixelated}@media(max-width:650px){.builder-footer-decoration{padding-block:16px}.builder-footer-folder{width:80px;height:80px}}

.builder-curriculum-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start}.builder-word-panel{background:#202024;color:#fff;border-radius:20px;padding:24px;overflow:hidden}.builder-word-panel ul{list-style:none;padding:0;margin:0}.builder-word-panel li{font-size:clamp(20px,2vw,29px);line-height:1.35;transition:color .35s ease,transform .35s ease}.builder-word-panel li.active{color:#d7ff36;transform:translateX(8px)}.builder-motion-toggle{margin-top:20px;border:1px solid #fff9;border-radius:999px;padding:9px 14px;background:transparent;color:#fff;cursor:pointer}.builder-motion-toggle:focus-visible{outline:3px solid #d7ff36;outline-offset:3px}@media(max-width:900px){.builder-curriculum-layout{grid-template-columns:1fr}.builder-word-panel{width:100%}}@media(prefers-reduced-motion:reduce){.builder-word-panel li{transition:none}.builder-word-panel li.active{transform:none}}

.builder-curriculum-layout{grid-template-columns:minmax(0,1fr) minmax(360px,42%)}.builder-word-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px}.builder-word-list{padding:12px}.builder-word-panel li{font-size:clamp(17px,1.5vw,24px)}.builder-visual{border-radius:14px;background-image:url("/preview-assets/covers/builder-motion-context-v2-8311192.png");background-size:600% 100%;background-position:0 50%;background-repeat:no-repeat;min-width:0;aspect-ratio:1/2}.builder-visual[data-frame="1"]{background-position:20% 50%}.builder-visual[data-frame="2"]{background-position:40% 50%}.builder-visual[data-frame="3"]{background-position:60% 50%}.builder-visual[data-frame="4"]{background-position:80% 50%}.builder-visual[data-frame="5"]{background-position:100% 50%}@media(max-width:900px){.builder-curriculum-layout{grid-template-columns:1fr}.builder-word-panel{width:100%;max-width:520px}.builder-visual{max-height:360px}}@media(max-width:359px){.builder-word-list{padding:8px}.builder-word-panel li{font-size:16px}.builder-motion-toggle{padding:8px;font-size:12px}}

.ai-content-examples{padding-block:0 64px}.ai-content-examples>p{font-size:14px;color:#5a5961;margin:0 0 18px}.ai-content-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.ai-content-example{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:18px}.ai-content-example:nth-child(2){margin-top:42px}@media(max-width:650px){.ai-content-examples{padding-block:0 48px}.ai-content-example-grid{gap:8px}.ai-content-example{aspect-ratio:3/5;border-radius:10px}.ai-content-example:nth-child(2){margin-top:24px}}

/* Miro 8310320: CTA in ChatGPT's free-materials panel. */
.miro-course .chatgpt-free-preview > .button{background:var(--acid);color:#151515}

/* Miro 8310317/8310318: full ChatGPT course offer. */
main.miro-course:has(> .program-stage[data-program-id="chatgpt-s-0-do-pro"]) > .course-join{color:#151515}
main.miro-course:has(> .program-stage[data-program-id="chatgpt-s-0-do-pro"]) > .course-join > .button{background:var(--violet);color:#fff}

/* Miro 023: original character illustration for AIcontent support. */
main.miro-course:has(> .program-stage[data-program-id="AIcontent"]) > .course-support[id]{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);column-gap:clamp(24px,5vw,72px);align-content:center}
main.miro-course:has(> .program-stage[data-program-id="AIcontent"]) > .course-support[id]::before{content:"";grid-column:1;grid-row:1 / span 3;align-self:center;display:block;width:100%;aspect-ratio:16 / 9;background:url('/preview-assets/covers/ai-content-support-miro-original-8312009.png') center / contain no-repeat}
main.miro-course:has(> .program-stage[data-program-id="AIcontent"]) > .course-support[id] > *{grid-column:2}
@media(max-width:650px){main.miro-course:has(> .program-stage[data-program-id="AIcontent"]) > .course-support[id]{grid-template-columns:1fr;row-gap:0}main.miro-course:has(> .program-stage[data-program-id="AIcontent"]) > .course-support[id]::before{grid-column:1;grid-row:auto;max-width:280px;margin:0 auto 20px}main.miro-course:has(> .program-stage[data-program-id="AIcontent"]) > .course-support[id] > *{grid-column:1}}

/* Miro 8310822: space for the Hermes practice illustration, full course only. */
main.miro-course:has(> .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) > .program-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,0.7fr);gap:clamp(24px,4vw,60px);align-items:start}
main.miro-course:has(> .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) > .program-overview::after{content:"";display:block;width:100%;aspect-ratio:3 / 4;border-radius:20px;background:url('/preview-assets/covers/hermes-practice-8310822.png') center / cover no-repeat}
@media(max-width:900px){main.miro-course:has(> .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) > .program-overview{grid-template-columns:minmax(0,1fr) minmax(0,0.7fr)}main.miro-course:has(> .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) > .program-overview > div:first-child{grid-column:1 / -1}}
@media(max-width:650px){main.miro-course:has(> .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) > .program-overview{grid-template-columns:minmax(0,1fr);gap:20px}main.miro-course:has(> .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) > .program-overview > div:first-child{grid-column:auto}main.miro-course:has(> .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) > .program-overview::after{width:min(100%,360px);justify-self:center}}

/* Hermes titles already include the source module number, beginning at zero. */
main.miro-course .curriculum-section[data-program-id="hermes-agent-dlya-novichkov-v2"] .module-summary-inner{grid-template-columns:minmax(0,1fr) 28px}
main.miro-course .curriculum-section[data-program-id="hermes-agent-dlya-novichkov-v2"] .module-summary-inner > .module-title:first-child{grid-column:auto;font-size:25px}
@media(max-width:650px){main.miro-course .curriculum-section[data-program-id="hermes-agent-dlya-novichkov-v2"] .module-summary-inner > .module-title:first-child{font-size:21px}}

.reader .modular-case-hero{aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:#eee}
.reader .modular-case-hero img{width:100%;height:100%;display:block;object-fit:cover;object-position:45% 60%;transform:scale(1.75);transform-origin:45% 60%}

.hermes-guides .hermes-club-art{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#f3f3f3}
.hermes-guides .hermes-club-card .card-copy{display:flex;flex-direction:column;gap:16px}
.hermes-guides .hermes-club-card .card-link{margin-top:auto}

/* Miro 8311128: original abstract interface demonstrations, not client work. */
.builder-examples{padding-block:32px 72px}.builder-examples-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.builder-examples-heading p{font-size:14px;margin:0 0 10px}.builder-examples-heading h2+p{margin:12px 0 0;font-size:16px}.builder-examples-pause{border:1px solid currentColor;border-radius:999px;background:transparent;padding:10px 16px;white-space:nowrap}.builder-examples-stage{height:410px;position:relative;margin-top:30px;overflow:hidden;border-radius:24px;background:#eeecf6}.builder-example{position:absolute;width:27%;height:62%;padding:18px;border:1px solid #ffffff99;border-radius:16px;box-shadow:0 12px 30px #24194b24;overflow:hidden;animation:builder-demo-float 5s ease-in-out infinite alternate}.builder-example span{font-size:14px;font-weight:600}.builder-example-shape{height:50%;width:70%;border-radius:50%;background:#ffffffa6;margin:20px auto 12px;animation:builder-demo-shape 4s ease-in-out infinite alternate}.builder-example i{display:block;width:70%;height:6px;background:#ffffffa8;border-radius:5px;margin:9px auto}.builder-example i:last-child{width:45%}.builder-example-1{left:7%;top:8%;background:#b6a4e8}.builder-example-2{left:36.5%;top:4%;background:#e1ab85;animation-delay:-1s}.builder-example-3{right:7%;top:8%;background:#a9d9cc;animation-delay:-2s}.builder-example-4{left:22%;top:32%;background:#dfe89a;z-index:1;animation-delay:-3s}.builder-example-5{right:22%;top:32%;background:#8c9fdf;z-index:1;animation-delay:-4s}.builder-example-2 .builder-example-shape{border-radius:12px}.builder-example-3 .builder-example-shape{border-radius:50% 12px}.builder-example-4 .builder-example-shape{border-radius:50% 50% 8px 8px}.builder-example-5 .builder-example-shape{border-radius:14px;transform:rotate(-8deg)}.builder-examples-stage.is-paused .builder-example,.builder-examples-stage.is-paused .builder-example-shape{animation-play-state:paused}@keyframes builder-demo-float{to{translate:0 -8px}}@keyframes builder-demo-shape{to{opacity:.5;scale:.88}}@media(max-width:650px){.builder-examples{padding-block:20px 48px}.builder-examples-heading{align-items:start;flex-direction:column}.builder-examples-stage{height:300px}.builder-example{width:34%;height:54%;padding:10px}.builder-example span{font-size:11px}.builder-example-shape{margin:12px auto 8px}.builder-example-1{left:2%}.builder-example-2{left:33%}.builder-example-3{right:2%}.builder-example-4{left:15%;top:40%}.builder-example-5{right:15%;top:40%}}@media(prefers-reduced-motion:reduce){.builder-example,.builder-example-shape{animation:none}}

/* Distinct conceptual interface studies within the five-example composition. */
.builder-example{padding:0;animation:builder-demo-float 5s ease-in-out infinite alternate}.builder-example>div{width:100%;height:100%;padding:clamp(12px,1.7vw,24px);display:flex;flex-direction:column;gap:8px}.builder-example small{font-size:10px;letter-spacing:.12em;font-weight:700}.builder-example b{font-size:clamp(16px,1.7vw,25px);line-height:1.05;letter-spacing:-.04em}.builder-example span{font-size:11px;line-height:1.3}.builder-example i{font-style:normal}.example-site{background:#dcd3c5;color:#282a25}.example-site:after{content:"";width:65%;height:48%;margin:auto auto -5%;border-radius:55% 55% 0 0;background:linear-gradient(145deg,#6b806b,#b5be91);animation:builder-demo-shape 4s ease-in-out infinite alternate}.example-site i{background:#2d312c;color:white;width:max-content;padding:6px 12px;border-radius:20px;margin:2px 0;font-size:10px}.example-app{background:#f4f0ea;color:#303129}.example-app span{margin:8px 0 0}.example-app i{width:100%;height:auto;margin:0;padding:9px;border-radius:8px;background:#e5e1d8;font-size:11px}.example-app em{float:right;font-style:normal}.example-dashboard{background:#1e2636;color:#f8f8fa}.example-dashboard>div{display:flex;align-items:end;gap:9px;height:48%;margin-top:auto;border-bottom:1px solid #ffffff55}.example-dashboard>div i{width:16%;margin:0;background:#a9bcfa;border-radius:4px 4px 0 0;animation:builder-bars 3s ease-in-out infinite alternate;transform-origin:bottom}.example-dashboard>div i:nth-child(1){height:35%}.example-dashboard>div i:nth-child(2){height:65%;animation-delay:-1s}.example-dashboard>div i:nth-child(3){height:48%;animation-delay:-2s}.example-dashboard>div i:nth-child(4){height:82%;animation-delay:-.5s}.example-dashboard>div i:nth-child(5){height:58%;animation-delay:-1.5s}.example-game{background:#272b58;color:#fff;align-items:center;text-align:center}.example-game>div{display:flex;align-items:center;justify-content:space-around;width:100%;height:52%;background:radial-gradient(circle,#9d9fdb,#535ca0 65%,transparent 66%);border-radius:50%}.example-game>div i{width:auto;height:auto;margin:0;background:none;color:#f6e08a;font-size:24px;animation:builder-demo-shape 3s ease-in-out infinite alternate}.example-game>span{background:#f2d878;color:#26294f;padding:6px 18px;border-radius:20px;font-weight:700}.example-service{background:#d8e8e2;color:#263c3b}.example-service>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.example-service>div i{width:auto;height:auto;margin:0;background:#fff;border-radius:16px;padding:5px 9px;font-size:10px}.example-service em{font-style:normal;font-size:11px;font-weight:700;border-top:1px solid #739d91;padding-top:10px}@keyframes builder-bars{to{scale:1 .6}}.builder-examples-stage.is-paused .builder-example *{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.builder-example *{animation:none!important}}@media(max-width:650px){.builder-example>div{padding:10px;gap:5px}.builder-example small{font-size:8px}.builder-example b{font-size:14px}.builder-example span,.builder-example i,.example-service em{font-size:9px}.example-app i{padding:5px}.example-game>div i{font-size:18px}}
.builder-examples-stage.is-paused .example-site::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.builder-example,.builder-example::before,.builder-example::after,.builder-example *::before,.builder-example *::after{animation:none!important}}
@media(prefers-reduced-motion:reduce){.example-site::after{animation:none}}

/* AIcontent hero topics, Miro 8311250–52: existing stills, no video controls. */
.program-stage[data-program-id="AIcontent"] .content-hero-ideas{align-items:stretch}
.program-stage[data-program-id="AIcontent"] .content-hero-idea{padding:0;overflow:hidden;display:flex;flex-direction:column;background:#fff;color:#171717}
.program-stage[data-program-id="AIcontent"] .content-hero-idea-image{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.program-stage[data-program-id="AIcontent"] .content-hero-idea strong{padding:18px 20px;font-size:clamp(18px,1.5vw,23px);line-height:1.15}
@media(max-width:650px){.program-stage[data-program-id="AIcontent"] .content-hero-idea-image{aspect-ratio:16/9}.program-stage[data-program-id="AIcontent"] .content-hero-idea strong{padding:16px 18px}}

/* Miro 8310227: lower the full ChatGPT course hero CTA. */
main.miro-course > .program-stage[data-program-id="chatgpt-s-0-do-pro"] .program-intro .actions{margin-top:72px}
@media(max-width:650px){main.miro-course > .program-stage[data-program-id="chatgpt-s-0-do-pro"] .program-intro .actions{margin-top:64px}}

/* AIcontent 8311984/8311980/8311970: show the full generated stills. */
.ai-content-examples .ai-content-example{height:auto;aspect-ratio:auto;object-fit:contain}

/* About: dated public milestones. */
.company-page .about-history{margin:28px 0;padding:36px 40px;border-radius:24px;background:#f2f0f8}
.company-page .about-history h2{font-size:32px;line-height:1.15;margin:0 0 24px}
.company-page .about-history ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.company-page .about-history li{border-top:1px solid #c9c2d9;padding-top:16px;min-width:0}
.company-page .about-history time{font-weight:600;color:#573bb0}
.company-page .about-history p{margin:12px 0;line-height:1.5}
.company-page .about-history a{color:#573bb0;text-underline-offset:3px}
@media(max-width:650px){.company-page .about-history{padding:26px}.company-page .about-history h2{font-size:27px}.company-page .about-history ol{grid-template-columns:1fr;gap:20px}}

/* Miro 8310327: use the brand lime for the ChatGPT course offer. */
main.miro-course:has(> .program-stage[data-program-id="chatgpt-s-0-do-pro"]) > .course-join{background:var(--acid)}

/* Builder module titles already include their number; keep the toggle at the edge. */
.miro-course .curriculum-section[data-program-id="ai-product-builder"] .module-trigger:has(> .module-title:first-child){grid-template-columns:minmax(0,1fr) 28px}
.miro-course .curriculum-section[data-program-id="ai-product-builder"] .module-trigger > .module-title:first-child{grid-column:auto;font-size:25px}
@media(max-width:650px){.miro-course .curriculum-section[data-program-id="ai-product-builder"] .module-trigger > .module-title:first-child{font-size:21px}}

/* 8311192: scroll the topic list and crossfade its thematic images. */
.builder-word-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.builder-word-window{height:180px;overflow:hidden;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
.builder-word-panel .builder-word-track{transform:translateY(var(--builder-offset,-144px));transition:transform .55s ease}
.builder-word-panel .builder-word-track li{height:36px;line-height:36px;white-space:nowrap}
.builder-word-panel .builder-visual{position:relative;overflow:hidden;background-image:none}
.builder-word-panel .builder-frame{position:absolute;inset:0;background-image:url("/preview-assets/covers/builder-motion-context-v2-8311192.png");background-size:600% 100%;background-position:0 50%;background-repeat:no-repeat;opacity:0;transition:opacity .55s ease}
.builder-word-panel .builder-frame.is-visible{opacity:1}
.builder-frame[data-frame="1"]{background-position:20% 50%}.builder-frame[data-frame="2"]{background-position:40% 50%}.builder-frame[data-frame="3"]{background-position:60% 50%}.builder-frame[data-frame="4"]{background-position:80% 50%}.builder-frame[data-frame="5"]{background-position:100% 50%}
@media(prefers-reduced-motion:reduce){.builder-word-panel .builder-word-track,.builder-word-panel .builder-frame{transition:none}}

.builder-word-panel .builder-word-track.no-transition{transition:none}
@media(prefers-reduced-motion:reduce){.builder-word-panel .builder-word-window{display:none}.builder-word-panel .builder-word-accessible{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}.builder-word-panel .builder-word-accessible li{font-size:clamp(17px,1.5vw,24px);line-height:1.35}}

/* Miro 8310730: the Hermes cover fills the full course hero. */
main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]{position:relative;isolation:isolate;background:#17131d}
main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(19,16,25,.98) 0%,rgba(19,16,25,.87) 35%,rgba(19,16,25,.3) 75%),linear-gradient(0deg,rgba(19,16,25,.78),transparent 45%);pointer-events:none}
main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"] .program-art{position:static;overflow:visible;aspect-ratio:auto;margin:0}
main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"] .program-art-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;transform:none!important;border-radius:0}
@media(max-width:700px){
 main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]::before{background:linear-gradient(180deg,rgba(19,16,25,.9) 0%,rgba(19,16,25,.72) 50%,rgba(19,16,25,.9) 100%)}
 main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"] .program-art{width:0;height:0}
 main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"] .program-art-image{object-position:75% center}
}

.program-stage[data-program-id="claude-s-nulya-do-pro"] .claude-folder-logo{position:absolute;z-index:1;left:69.4%;top:70.7%;width:13.4%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-4deg);background:#ff694d;mask:url("/preview-assets/covers/claude-official-icon.svg") center/contain no-repeat;filter:drop-shadow(1px 3px 2px #210c4380);pointer-events:none}

.miro-course .chatgpt-support-visual h2 + p{margin-top:18px}

/* Keep the Hermes key visible between the introduction and benefits on mobile. */
@media(max-width:900px){
 main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"] .program-stage-inner{display:flex;flex-direction:column;gap:0;text-align:center}
 main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]::before{display:none}
 main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"] .program-intro{display:block}
 main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"] .program-intro .actions{justify-content:center}
 main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"] .program-art{position:relative;order:2;width:100%;height:auto;aspect-ratio:16/9;max-width:500px;margin:28px auto 0;overflow:hidden;border-radius:16px}
 main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"] .program-art-image{position:static;width:100%;height:100%;object-fit:cover;object-position:75% center}
}
main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"] .hermes-key-label{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;overflow:hidden}
.hermes-key-label text{font:600 64px Arial,sans-serif;fill:#4a4142;opacity:.78}
@media(max-width:900px){
 main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"] .hermes-key-label{z-index:1}
}

/* Free catalog: colorful character artwork in the header. */
.catalog .free-heading-art .free-heading-characters{inset:0;width:100%;height:100%;object-fit:contain}
@media(max-width:650px){.catalog .free-heading-art{width:112px;height:80px}.catalog .free-heading>p{max-width:calc(100% - 120px)}}

/* Miro 8311249: place the AI-content course action lower on desktop. */
@media (min-width: 651px){main.miro-course > .program-stage[data-program-id="AIcontent"] .program-intro .actions{margin-top:48px}}

/* Miro 8311120: lower the Builder course action under its introduction. */
main.miro-course > .program-stage[data-program-id="ai-product-builder"] .program-intro .actions{margin-top:48px}
@media(max-width:650px){main.miro-course > .program-stage[data-program-id="ai-product-builder"] .program-intro .actions{margin-top:40px}}

.company-page .about-people{margin-top:28px;padding:36px 40px;border-radius:24px;background:#f1eff8}.company-page .about-people h2{font-size:32px;line-height:1.15}.company-page .about-people p{font-size:18px;line-height:1.5;margin-top:14px}.company-page .about-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.company-page .about-people-grid a{display:flex;flex-direction:column;gap:10px;min-width:0;padding:22px;border-radius:16px;background:#fff}.company-page .about-people-grid span{font-size:18px}.company-page .about-people-grid strong{font-size:16px;font-weight:500;overflow-wrap:anywhere}@media(max-width:650px){.company-page .about-people{padding:26px}.company-page .about-people h2{font-size:27px}.company-page .about-people p{font-size:16px}.company-page .about-people-grid{grid-template-columns:1fr}}

/* Mini App lesson thumbnails: preserve the original responsive proportions. */
@media (min-width:391px) and (max-width:599px){.mini-course-list>a{grid-template-columns:116px 1fr}.mini-course-list img{width:116px;height:78px}}
@media (max-width:390px){.mini-course-list>a{min-height:84px}}
@media (min-width:600px){.mini-course-list>a{grid-template-columns:170px 1fr}.mini-course-list img{width:170px;height:106px}}
.mini-course-list a>span{min-width:0}

/* Miro 8310637: dark text on the orange Claude course hero. */
main.miro-course > .program-stage[data-program-id="claude-s-nulya-do-pro"] .program-kicker{color:#171717}

/* Miro 8311970/8311980/8311984: крупные примеры с мобильной прокруткой. */
.ai-content-example-hint{display:none}.ai-content-example-grid:focus-visible{outline:3px solid #5d4bb5;outline-offset:4px}
@media(max-width:650px){.ai-content-example-grid{display:grid;grid-auto-flow:column;grid-auto-columns:72%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.ai-content-example-grid .ai-content-example{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin-top:0;scroll-snap-align:start}.ai-content-example-hint{display:block;margin:8px 0 0;color:#5a5961;font-size:13px}}


/* Размер и обрамление отзывов из Mini App. */
.mini-proof-reviews img{height:170px;padding:8px}
.mini-proof-more{min-height:207px}

/* Ясное действие поиска в общем меню. */
.mega-search button.search-text{font-size:16px}

/* Miro 8310330: фиолетовая кнопка открытых материалов ChatGPT. */
main.miro-course:has(> .program-stage[data-program-id="chatgpt-s-0-do-pro"]) > .course-preview > .button{background:var(--violet);color:#fff}

/* 8310314/8310315: разделить заголовки и описания в двух плашках ChatGPT. */
main.miro-course:has(> .program-stage[data-program-id="chatgpt-s-0-do-pro"]) > :is(.course-preview,.course-join) > div > h2 + p{margin-top:16px}

/* AIcontent: полный портретный формат изображений по Miro 8311250/8311252. */
.program-stage[data-program-id="AIcontent"] .content-hero-idea-image{aspect-ratio:4/5;object-fit:cover}

/* Miro 8310232: place the video phrase on a new line in the ChatGPT benefit on desktop. */
.program-stage[data-program-id="chatgpt-s-0-do-pro"] .chatgpt-benefit-tail{display:block}

/* Miro 8310595: give the Claude hero action the same breathing room as other course actions. */
main.miro-course > .program-stage[data-program-id="claude-s-nulya-do-pro"] .program-intro .actions{margin-top:48px}
@media(max-width:650px){main.miro-course > .program-stage[data-program-id="claude-s-nulya-do-pro"] .program-intro .actions{margin-top:40px}}

main.program-page .course-guides img[src*="course-prompts-miro-original"]{object-fit:contain;background:#f9f9fc}

/* First ChatGPT guide: editable caption on the approved visual. */
.teacher-cover{position:relative;overflow:hidden;border-radius:14px}.teacher-cover .card-image{width:100%;aspect-ratio:16/10;object-fit:cover}.teacher-cover-title{position:absolute;left:5%;top:19%;max-width:48%;font-size:clamp(16px,1.35vw,21px);line-height:1.02;font-weight:700;letter-spacing:-.035em;color:#271251;text-wrap:balance;pointer-events:none}@media(max-width:650px){.teacher-cover-title{font-size:clamp(16px,4.7vw,20px)}}

/* Editable cover copy must wrap even when an editor adds a long unbroken word. */
.teacher-cover-title{overflow-wrap:anywhere}

/* Miro 8310311: separate ChatGPT offer panels. */
main.miro-course:has(> .program-stage[data-program-id="chatgpt-s-0-do-pro"]) > .course-preview + .course-join{margin-top:24px}
@media(max-width:650px){main.miro-course:has(> .program-stage[data-program-id="chatgpt-s-0-do-pro"]) > .course-preview + .course-join{margin-top:16px}}

/* Miro 8310296: spacing between ChatGPT overview paragraphs. */
main.miro-course:has(> .program-stage[data-program-id="chatgpt-s-0-do-pro"]) > .program-overview p + p{margin-top:16px}

/* Miro 8310331: neutral gray offer background. */
main.miro-course:has(> .program-stage[data-program-id="chatgpt-s-0-do-pro"]) > .course-join{background:#a9a9a9}

/* Miro 8310305: keep the complete comparison cover supplied by Ruslan. */
.miro-course .course-guides img[src*="course-model-comparison-miro.png"]{object-fit:contain;background:#100d14}

/* Miro 8310330/8310320: purple offer background and lime action. */
main.miro-course:has(> .program-stage[data-program-id="chatgpt-s-0-do-pro"]) > .course-preview{background:var(--violet);color:#fff}
main.miro-course:has(> .program-stage[data-program-id="chatgpt-s-0-do-pro"]) > .course-preview > .button{background:var(--acid);color:#151515}
/* Miro 8310317/8310318: purple lower button with readable black text. */
main.miro-course:has(> .program-stage[data-program-id="chatgpt-s-0-do-pro"]) > .course-join > .button{background:#b9a8ff;color:#151515}

/* Miro 8310254/8310256: retain the right-hand subnavigation alignment. */
main.miro-course:has(> .program-stage[data-program-id="chatgpt-s-0-do-pro"]) > .program-subnav > div{margin-left:auto}

/* Miro 8310243: extend the owl scene across the dark hero. */
@media (min-width:901px){main.miro-course > .program-stage[data-program-id="chatgpt-s-0-do-pro"]{position:relative;isolation:isolate}main.miro-course > .program-stage[data-program-id="chatgpt-s-0-do-pro"] .program-art{position:absolute;inset:0 0 0 52%;width:48%;height:100%;max-width:none;margin:0;aspect-ratio:auto;border-radius:0;z-index:-1;background:linear-gradient(180deg,#280765 0%,#3d0a87 63%,#7139b9 100%)}main.miro-course > .program-stage[data-program-id="chatgpt-s-0-do-pro"] .program-reference-art{width:100%;height:100%;content:url("/preview-assets/covers/chatgpt-owl-vertical-8310243.png");object-fit:cover;object-position:center top;transform:none;top:0;border-radius:0}}
@media (min-width:1024px){main.miro-course > .program-stage[data-program-id="chatgpt-s-0-do-pro"] .program-intro h1{font-size:clamp(38px,3.4vw,49px);letter-spacing:-.045em}}

/* Hermes 8310751: heading and description together, visual at the side. */
@media(min-width:901px){
  main.miro-course:has(> .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) > .program-overview{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);column-gap:clamp(24px,4vw,60px);row-gap:24px;grid-template-rows:min-content 1fr;align-content:start}
  main.miro-course:has(> .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) > .program-overview > div:first-child{grid-column:1;grid-row:1}
  main.miro-course:has(> .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) > .program-overview > div:nth-child(2){grid-column:1;grid-row:2}
  main.miro-course:has(> .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) > .program-overview::after{grid-column:2;grid-row:1 / span 2;max-width:360px;justify-self:end}
}

/* ChatGPT benefit illustrations occupy reserved space at the right of their cards. */
.program-stage[data-program-id="chatgpt-s-0-do-pro"] .program-benefits>div:nth-child(1),
.program-stage[data-program-id="chatgpt-s-0-do-pro"] .program-benefits>div:last-child{padding-right:clamp(100px,12vw,170px)}
.program-stage[data-program-id="chatgpt-s-0-do-pro"] .chatgpt-benefit-art{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:0;margin:0 auto;padding:0;z-index:1;pointer-events:none}
.program-stage[data-program-id="chatgpt-s-0-do-pro"] .chatgpt-benefit-art img{position:absolute;bottom:12px;object-fit:contain}
.program-stage[data-program-id="chatgpt-s-0-do-pro"] .chatgpt-benefit-computer{left:calc(50% - clamp(100px,12vw,170px));width:clamp(85px,10vw,140px)}
.program-stage[data-program-id="chatgpt-s-0-do-pro"] .chatgpt-benefit-ring{right:15px;width:clamp(65px,7vw,100px)}
@media(max-width:700px){
 .program-stage[data-program-id="chatgpt-s-0-do-pro"] .chatgpt-benefit-art{display:none}
 .program-stage[data-program-id="chatgpt-s-0-do-pro"] .program-benefits>div:nth-child(1),
 .program-stage[data-program-id="chatgpt-s-0-do-pro"] .program-benefits>div:last-child{padding-right:105px;background-repeat:no-repeat;background-position:right 12px center;background-size:80px auto}
 .program-stage[data-program-id="chatgpt-s-0-do-pro"] .program-benefits>div:nth-child(1){background-image:url('/preview-assets/covers/chatgpt-benefit-computer.png')}
 .program-stage[data-program-id="chatgpt-s-0-do-pro"] .program-benefits>div:last-child{background-image:url('/preview-assets/covers/chatgpt-benefit-ring.png')}
}

/* 8311192: keep all six topics visible while highlighting the current one. */
.builder-word-panel .builder-word-window{height:auto;overflow:visible;mask-image:none}
.builder-word-panel .builder-word-track{transform:none}
.builder-word-panel .builder-word-track li{height:auto;min-height:36px;line-height:1.35;display:flex;align-items:center}

.claude-intro-card{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.claude-intro-page .article-aside .button{display:inline-flex;margin:18px 0}
.claude-intro-page .article-aside .text-link{display:block}
.claude-intro-page .claude-intro-video{margin:32px 0}
.claude-intro-page .claude-intro-video h2{margin-bottom:18px}
.claude-intro-page .claude-intro-video p{margin-top:16px}
.claude-intro-image-error{padding:16px;background:#f2f2f2;border-radius:12px}
.claude-intro-page .claude-video-poster{aspect-ratio:16/9;min-height:300px;display:grid;place-items:center;padding:24px;border-radius:18px;background:linear-gradient(135deg,#252032,#463667);color:#fff}
.claude-intro-page .claude-video-poster-content{width:min(100%,520px);text-align:center}
.claude-intro-page .claude-video-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#dfff4f;color:#201a2d;font-size:17px;padding-left:3px}
.claude-intro-page .claude-video-poster h3{font-size:clamp(21px,2.3vw,28px);margin:12px 0 8px}
.claude-intro-page .claude-video-poster p{font-size:15px;line-height:1.4;margin:0;color:#eee9f7}
.claude-intro-page .claude-video-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}
.claude-intro-page .claude-video-actions .button{min-height:44px;border-radius:999px;font-size:14px;padding:11px 18px}
.claude-intro-page .claude-video-actions .button.dark{background:#dfff4f;color:#171522}
.claude-intro-page .claude-video-actions .button.light{background:#fff;color:#171522}
@media(max-width:650px){.claude-intro-page .claude-video-poster{min-height:0;aspect-ratio:auto;padding:22px 16px}.claude-intro-page .claude-video-actions .button{width:100%}}
.claude-intro-page .claude-video-poster{min-height:0}
@media(max-width:650px){.claude-intro-page .claude-video-poster{aspect-ratio:16/9;min-height:0;padding:10px}.claude-intro-page .claude-video-icon{width:28px;height:28px;font-size:11px}.claude-intro-page .claude-video-poster h3{font-size:17px;margin:5px 0 3px}.claude-intro-page .claude-video-poster p{font-size:12px;line-height:1.25}.claude-intro-page .claude-video-actions{flex-wrap:nowrap;margin-top:8px;gap:6px}.claude-intro-page .claude-video-actions .button{width:auto;min-height:40px;padding:8px 10px;font-size:12px}}

.claude-embed-frame{aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#15121b}.claude-embed-frame iframe{display:block;width:100%;height:100%;border:0}.claude-intro-video>p{margin:16px 0}.claude-intro-video>.claude-video-actions{display:flex;flex-wrap:wrap;gap:12px}

/* Free Claude lessons: the lesson list remains usable on narrow screens. */
.claude-lesson-nav{margin:0 0 28px}
.claude-lesson-nav h2{font-size:20px;margin:0 0 16px}
.claude-lesson-nav ol{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.claude-lesson-nav a{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;color:inherit;font-size:14px;line-height:1.35}
.claude-lesson-nav a span{flex:none;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eee}
.claude-lesson-nav a.current{background:#e7f5a6}
.claude-lesson-nav a.current span{background:#202020;color:white}
.claude-lesson-nav a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.claude-lesson-pagination{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:36px}
.claude-lesson-pagination a{max-width:100%;text-align:center}
.claude-source-list{padding-left:1.5em;line-height:1.6}
.claude-source-list li{margin:.45em 0}
.claude-block-children{padding-left:1.5em}
.claude-intro-page .article-table{overflow-x:auto;max-width:100%}
.claude-intro-page .reader-body a{overflow-wrap:anywhere}
@media(max-width:650px){.claude-lesson-pagination{display:grid}.claude-lesson-pagination a{width:100%}.claude-block-children{padding-left:1em}}

/* 8310715: interpret the requested lower position as additional space. */
main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"] .program-intro .actions{margin-top:48px}
@media(max-width:650px){main.miro-course > .program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"] .program-intro .actions{margin-top:40px}}

/* Miro 8310669: match the club offer spacing to the ChatGPT course. */
main.miro-course:has(> .program-stage[data-program-id="claude-s-nulya-do-pro"]) > .course-join > div > h2 + p{margin-top:16px}
main.miro-course:has(> .program-stage[data-program-id="claude-s-nulya-do-pro"]) > .course-preview + .course-join{margin-top:24px}
@media(max-width:650px){main.miro-course:has(> .program-stage[data-program-id="claude-s-nulya-do-pro"]) > .course-preview + .course-join{margin-top:16px}}

/* 8311251: full-frame video in a card matching its neighbours. */
.program-stage[data-program-id="AIcontent"] .content-video-example{width:100%;aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:space-between;background:#e6e4de;color:#171717}
.program-stage[data-program-id="AIcontent"] .content-video-heading{padding:clamp(16px,2vw,24px);font-size:clamp(22px,2.1vw,30px);font-weight:700;letter-spacing:-.035em;line-height:1.1}
.program-stage[data-program-id="AIcontent"] .content-video-frame{position:relative;width:100%;aspect-ratio:16/9}
.program-stage[data-program-id="AIcontent"] .content-video-clip{display:block;width:100%;height:100%;object-fit:contain}
.program-stage[data-program-id="AIcontent"] .content-video-source{padding:14px clamp(16px,2vw,24px) 20px;font-size:12px;line-height:1.3}
.program-stage[data-program-id="AIcontent"] .content-video-toggle{position:absolute;right:10px;bottom:10px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#171717;font-size:18px;cursor:pointer}
.program-stage[data-program-id="AIcontent"] .content-video-toggle[hidden]{display:none}

/* Results: generated portraits are illustrative; a solid background remains if an asset is unavailable. */
.results-page .results-illustration-image{position:absolute;inset:0;background-size:cover;background-position:center 32%}
.results-page .results-illustration-label{position:absolute;z-index:2;top:8px;left:8px;max-width:calc(100% - 16px);padding:4px 7px;border-radius:5px;background:#1b1735eF;color:#fff;font-size:10px;line-height:1.2}
.results-page .results-illustration-note{position:relative;z-index:1;max-width:470px;margin:0 auto;color:#241a41;font-size:13px;line-height:1.4;text-align:center}
@media(min-width:1001px){
 .results-page.results-page .results-reference-hero{min-height:710px}
 .results-page.results-page .results-reference-cards{bottom:95px}
 .results-page .results-illustration-note{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:min(80%,470px);font-size:12px}
}
@media(min-width:701px) and (max-width:1000px){.results-page.results-page .results-reference-hero{min-height:0}}

@media(max-width:700px){.results-page .results-reference-card{height:230px}}

/* Builder A: vertical, circular six-topic motion; scoped to this panel. */
.builder-word-panel .builder-word-window{height:180px;overflow:hidden;border-radius:12px;mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.builder-word-panel .builder-word-track{transform:translateY(var(--builder-offset,-144px));transition:transform .4s ease}
.builder-word-panel .builder-word-track.no-transition{transition:none}
.builder-word-panel .builder-word-track li{height:36px;min-height:36px;line-height:36px;display:block}
.builder-word-panel .builder-word-track li.active{color:#d7ff36;transform:none}
.builder-word-panel .builder-frame{background-size:cover;background-position:center;transform:scale(1);transition:opacity .4s ease,transform 1s ease}
.builder-word-panel .builder-frame.is-visible{transform:scale(1.025)}
.builder-word-panel .builder-frame[data-frame="0"]{background-image:url('/preview-assets/covers/builder-a-vertical-20261104-01-lossless-05nov-205221d92b4a.webp')}
.builder-word-panel .builder-frame[data-frame="1"]{background-image:url('/preview-assets/covers/builder-a-vertical-20261104-02-lossless-05nov-f451cd9acf50.webp')}
.builder-word-panel .builder-frame[data-frame="2"]{background-image:url('/preview-assets/covers/builder-a-vertical-20261104-03-lossless-05nov-ccbf527eebcd.webp')}
.builder-word-panel .builder-frame[data-frame="3"]{background-image:url('/preview-assets/covers/builder-a-vertical-20261104-04-lossless-05nov-c49d1316e0ad.webp')}
.builder-word-panel .builder-frame[data-frame="4"]{background-image:url('/preview-assets/covers/builder-a-vertical-20261104-05-lossless-05nov-a050b5f0c009.webp')}
.builder-word-panel .builder-frame[data-frame="5"]{background-image:url('/preview-assets/covers/builder-a-vertical-20261104-06-lossless-05nov-be2ff7f00ac7.webp')}
.builder-word-panel .builder-motion-toggle{font-size:12px;padding:6px 12px;margin-top:12px}
@media(prefers-reduced-motion:reduce){.builder-word-panel .builder-word-window{display:block}.builder-word-panel .builder-word-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.builder-word-panel .builder-word-track,.builder-word-panel .builder-frame{transition:none}.builder-word-panel .builder-frame.is-visible{transform:none}}

/* AIcontent 8311245: only the course hero. */
.program-stage[data-program-id="AIcontent"] .content-hero-motion{width:100%;color:#211b1a;text-align:left}.content-hero-motion .content-motion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.content-hero-motion .content-motion-frame{aspect-ratio:1;min-width:0;overflow:hidden;border-radius:12px;background:#eee8df;display:flex;align-items:center;justify-content:center}.content-hero-motion .content-motion-top{grid-column:1/-1;width:100%;aspect-ratio:16/9}.content-hero-motion video{display:block;width:100%;height:100%;object-fit:contain}.content-motion-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px}.content-motion-caption button{min-height:44px;padding:8px 14px;border:1px solid currentColor;border-radius:22px;background:transparent;color:inherit;cursor:pointer}.content-motion-error{margin:6px 0 0;font-size:12px;color:#211b1a}

.program-stage[data-program-id="AIcontent"] .program-art:has(.content-hero-motion){aspect-ratio:auto;overflow:visible}

/* Separate the full-text scroll region from its hint in review cards. */
.results-page .stories-messages .stories-message .review-message-text,
.results-page .stories-messages .stories-message:has(details[open]) .review-message-text {box-sizing:border-box;max-height:304px;margin-bottom:14px}

/* Miro 8312083: ambient light belongs to the CRM club offer. */
.crm-club-offer{color:#fff;background:linear-gradient(90deg,rgba(9,9,15,.98) 0%,rgba(9,9,15,.92) 38%,rgba(9,9,15,.25) 100%),radial-gradient(ellipse 8% 120% at 48% 65%,#9372e8 0%,transparent 100%),radial-gradient(ellipse 7% 115% at 60% 35%,#eb95aa 0%,transparent 100%),radial-gradient(ellipse 7% 120% at 72% 60%,#89d3c3 0%,transparent 100%),radial-gradient(ellipse 8% 115% at 84% 38%,#7894e3 0%,transparent 100%),radial-gradient(ellipse 7% 120% at 96% 60%,#d6b17d 0%,transparent 100%),#0b0b12}
.crm-club-offer .button.dark{background:#dfff4f;color:#121416}
@media(max-width:650px){.crm-club-offer{background:linear-gradient(180deg,rgba(9,9,15,.98) 0%,rgba(9,9,15,.94) 40%,rgba(9,9,15,.28) 100%),radial-gradient(ellipse 9% 70% at 17% 80%,#9677ed 0%,transparent 100%),radial-gradient(ellipse 9% 70% at 36% 80%,#e997b7 0%,transparent 100%),radial-gradient(ellipse 9% 70% at 57% 80%,#8bdbc8 0%,transparent 100%),radial-gradient(ellipse 9% 70% at 78% 80%,#8ba7ef 0%,transparent 100%),#0b0b12}}

/* Miro 8310669: align Claude's lower course offer with ChatGPT. */
main.miro-course:has(> .program-stage[data-program-id="claude-s-nulya-do-pro"]) > .course-join{background:#a9a9a9;color:#151515}
main.miro-course:has(> .program-stage[data-program-id="claude-s-nulya-do-pro"]) > .course-join > .button{background:#b9a8ff;color:#151515}

/* Miro 8310834: Hermes support follows the confirmed ChatGPT support layout. */
.miro-course .hermes-support-visual{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:32px}
.miro-course .hermes-support-visual h2 + p{margin-top:18px}
@media(max-width:650px){.miro-course .hermes-support-visual{grid-template-columns:1fr;gap:20px}}

/* 8311199: match the course support text spacing. */
.miro-course .builder-support-visual h2 + p{margin-top:18px}

/* 8311998: match the established course join panel for AIcontent only. */
main.miro-course:has(> .program-stage[data-program-id="AIcontent"]) > .course-join{background:#a9a9a9;color:#151515}
main.miro-course:has(> .program-stage[data-program-id="AIcontent"]) > .course-join > .button{background:#b9a8ff;color:#151515}
main.miro-course:has(> .program-stage[data-program-id="AIcontent"]) > .course-join > div > h2 + p{margin-top:16px}
main.miro-course:has(> .program-stage[data-program-id="AIcontent"]) > .course-preview + .course-join{margin-top:24px}
@media(max-width:650px){main.miro-course:has(> .program-stage[data-program-id="AIcontent"]) > .course-preview + .course-join{margin-top:16px}}

/* 8312009: dark field behind the existing transparent support ring. */
main.miro-course:has(> .program-stage[data-program-id="AIcontent"]) > .course-support[id]::before{background-color:#000}

/* Scoped to the membership page; append after the accepted styles. */
.membership-page .membership-free-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}
.membership-page .membership-guest-link{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.membership-page .membership-guest-link:focus-visible{outline:3px solid currentColor;outline-offset:4px}
@media(max-width:950px){.membership-page .membership-free-actions{margin-top:24px}.membership-page .membership-free-actions .button{margin-top:0}}
.membership-dialog{width:min(760px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:24px;background:#fff;color:#171717;overflow:auto}
.membership-dialog::backdrop{background:rgb(0 0 0 / .6)}
.membership-dialog .dialog-close{position:sticky;top:12px;display:block;margin:12px 12px 0 auto;width:44px;height:44px;border:0;border-radius:50%;background:#f0f0ee;color:#171717;font-size:30px;cursor:pointer}
.membership-dialog-body{padding:0 36px 36px}.membership-dialog-body h2{font-size:clamp(32px,4vw,48px);line-height:1.1;margin:0 0 16px}.membership-dialog-body>p{font-size:18px;line-height:1.45}
.membership-dialog-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0}.membership-dialog-items section{padding:20px;background:#f3f3f2;border-radius:16px}.membership-dialog-items h3{margin:0 0 8px}.membership-dialog-items p{margin:0 0 16px}.membership-dialog-items a{text-decoration:underline;text-underline-offset:3px}.membership-dialog-body .actions{display:flex;flex-wrap:wrap;gap:12px}.membership-dialog-body .muted{font-size:14px}.membership-dialog :is(a,button):focus-visible{outline:3px solid #315cff;outline-offset:4px}
@media(max-width:650px){.membership-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.membership-dialog-body{padding:0 20px 24px}.membership-dialog-items{grid-template-columns:1fr}.membership-dialog-body .actions{display:grid}.membership-dialog-body .actions .button{width:100%}}

.footer-bottom a { text-decoration: underline; text-underline-offset: 0.18em; }