@scope (.ar-join-support) {
.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}.menu-feature .button{font-size:15px;padding:12px 16px}.hero .actions{justify-content:center}.section-heading>.text-link{flex-shrink:0;padding-bottom:3px}.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 .actions{justify-content:center}.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}.offer .button{max-width:300px;flex-shrink:0}.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 .lead{margin-bottom:30px;color:var(--muted)}.course-hero .muted{margin-top:20px}.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-sidebar .text-link{font-size:14px}.media-error .text-link{margin-left:20px}.article-heading .lead{color:var(--muted);margin-bottom:45px;max-width:800px}.article-aside .text-link{display:block;margin-top:15px;font-size:14px}.two-columns .button,.two-columns .text-link{margin-top:28px}.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-head .button{font-size:14px;min-height:44px;padding:12px 18px}.platform-welcome .button{font-size:15px}.platform-main>.lead{margin-bottom:32px}
@media(max-width:1180px){.wrap{width:calc(100% - 56px)}.offer .button{max-width:250px}}
@media(max-width:900px){.section{padding-block:64px}.section-heading>.text-link{font-size:15px;max-width:180px;flex-shrink:1}.tour,.faq{gap:35px}.tour .button{font-size:15px}.faq{grid-template-columns:1fr 1.5fr}.faq summary{font-size:18px}.faq details{padding:20px}.offer .button{margin-top:28px;max-width:none}.course-hero .lead{font-size:18px}.join-content{gap:30px}.platform-nav>.format{display:none}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.section{padding-block:50px}.hero .actions{gap:10px}.hero .button{font-size:15px;min-height:50px;padding:15px 18px;gap:13px}.section-heading>.text-link{margin-top:20px;max-width:none;font-size:15px}.source-note{font-size:13px;line-height:1.6}.faq{grid-template-columns:1fr;gap:27px}.faq details{padding:22px}.faq summary{font-size:19px}.faq details p{font-size:16px}.final-cta .actions{align-items:stretch}.final-cta .button{font-size:15px;padding:15px 18px;gap:10px}.page-heading{margin-bottom:35px}.page-heading h1{font-size:40px}.page-heading p{font-size:19px;margin-top:23px}.offer .button{font-size:15px;margin-top:24px;width:100%}.state .actions{display:flex;flex-direction:column;align-items:stretch}.back{font-size:14px;margin-bottom:30px}.course-hero .lead{font-size:19px}.course-hero .button{font-size:16px}.format{font-size:13px}.reader>h1{font-size:36px;line-height:1.1;margin:18px 0 27px}.lesson-sidebar>p,.lesson-sidebar .text-link{font-size:15px}.lesson-next .button{font-size:16px}.article-heading .lead{font-size:19px;margin-bottom:35px}.article-aside .text-link{font-size:16px}.two-columns .lead{font-size:20px}.support-grid .button{font-size:16px;width:100%}.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-head .button{font-size:12px;padding:10px;gap:6px;min-height:38px}.platform-welcome .button{font-size:15px;width:100%}.menu-feature .button{font-size:13px;min-height:44px;padding:11px 12px;gap:10px}.media-error .text-link{margin:18px 0 0;display:block}}
@media(max-width:359px){.wrap{width:calc(100% - 28px)}.hero .actions{flex-direction:column;align-items:stretch}.page-heading h1{font-size:35px}.purchase-panel{padding:20px}.final-cta .actions{flex-direction:column}.support-grid .button{font-size:14px}.source-note{font-size:13px}}.source-note{font-size:13px}.bot-preview .button{width:100%;font-size:16px}.review-links .button{font-size:16px}@media(max-width:650px){.review-links .button{text-align:left;justify-content:space-between}}.free-channel .button{flex-shrink:0}@media(max-width:650px){.free-channel .button{margin-top:18px}}.related-program p:not(.format){font-size:18px;line-height:1.45;max-width:600px;margin-bottom:25px}.free-channel .button{background:#fff;color:#121416}.course-summary p:not(.format){font-size:15px;line-height:1.45;margin-bottom:20px}
.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}}
.reader.section:not(.lesson-page){padding-top:42px}@media(max-width:600px){.reader.section:not(.lesson-page){padding-top:28px}}

/* Keep wide source tables scrollable inside the article on narrow screens. */

/* The catalogue navigation precedes the heading, as in the reference. */

/* Local reference pass, 28 October: a common public-page frame, independent of CMS copy. */
.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}
.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}
.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}
@media(max-width:950px){.membership-hero{gap:28px;padding:36px}.membership-details{gap:30px}.membership-included{grid-template-columns:1fr}.contact-channels{gap:35px}.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}
 .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}
}
@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{display:block;width:100%;aspect-ratio:1672/941;object-fit:contain;border-radius:12px}
.membership-covers img:last-child{grid-column:1 / -1;width:calc((100% - 12px) / 2);justify-self:center}
@media(max-width:650px){.membership-covers{gap:8px;margin:5px 0;transform:none}.membership-covers img{border-radius:8px}.membership-covers img:last-child{width:calc((100% - 8px) / 2)}}
@media(prefers-reduced-motion:reduce){.membership-covers{transform:none}}
.learning-catalog .page-heading>p{font-size:18px;max-width:850px}.learning-layout>aside>.text-link{font-size:15px;margin-left:16px}
@media(max-width:650px){.learning-catalog .page-heading>p{font-size:17px}.learning-catalog .page-heading{margin-bottom:28px}.learning-layout>aside>p,.learning-layout>aside>.text-link{display:none}
}

/* Pass 2: authored square lesson covers retain their complete composition. */.course-page .course-hero .lead{color:var(--ink);max-width:580px}

/* The live library: plain top tabs, a compact mobile filter/search bar and sorting. */
/* Program landing: the hero leads, and section navigation follows its first screen. */
@media(max-width:700px){
 .program-intro .actions{order:3;justify-content:center;margin-top:26px;gap:18px}
}
/* The verified curriculum reference uses a full field and separate white module rows. */

/* Tony / Ruslan, 28 October: palette 1 from the supplied reference. */
.course-enroll-bar>.button{background:var(--violet);color:#fff;flex-shrink:0}
@media(max-width:650px){.course-enroll-bar>.button{width:100%;min-height:56px;font-size:17px}
}
/* Live reference catalog: a floating program directory with real course thumbnails. */.mega-programs-heading .text-link{font-size:13px;white-space:nowrap}
@media(max-width:1000px){.mega-programs-heading .text-link{margin-top:12px}}
/* The bottom action is the persistent control; section navigation must not cover module titles. */
/* The verified desktop reference has a 1168px content axis at a 1440px viewport. */

/* 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.

*/

/* One artwork field per catalog card; avoid a poster repeated above a second title. */

/* Programme art uses the original cover as artwork, without repeating its baked heading. */
@media(max-width:700px){
 .program-intro .actions{order:4;margin-bottom:8px}
}
/* Participant portraits give the review intro the same visual weight as the reference. */.contact-address{font-size:28px;line-height:1.3}
@media(max-width:600px){.contact-address{font-size:25px}}

/* New covers have no baked text and need no zoom. */

/* Miro course lane: only course details and information dialogs. */
.miro-course .program-cta,.miro-course .course-join .button,.miro-course .course-preview .button{border-radius:999px;text-align:center}
.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 .section{margin-block:64px;padding-block:0}
@media(max-width:767px){
 .course-info-dialog .wrap{width:calc(100% - 32px)}
}

/* Shared header referral control. */

/* Miro 84–86: оформление первого экрана Claude. */

/* Каталог бесплатных материалов без фильтра формата. */
/* Miro 60: блок предложения клуба на странице агента. */
.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="claude-s-nulya-do-pro"] .curriculum-cta .button{background:#f29b60;color:#171717;border-radius:999px}
.miro-course .program-intro .actions{margin-top:32px}

/* Кнопки раскрытия модулей: один контроллер для страницы и popup. */

/* Claude: знак рядом с папкой, Miro 087. */
/* Направления курса по контенту: иллюстрации, не видеоплееры. */
/* 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. */
/* Бесплатный мини-курс: визуальный язык существующего Telegram Mini App. */.mini-player .media-error .text-link{margin-top:14px}
/* Обзор курса на широком экране: текст и оригинальная обложка вместе. */
/* В прямом уроке сразу показываем название и плеер. */

/* CRM lesson: make the support action distinct from recommendation links. */

/* 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}}
/* Мини-курс: структура оригинального урока и открытые карточки клуба. */

/* Source-backed offer for each mini-course lesson. */

/* Decorative objects supplied for the ChatGPT course hero. */

/* Claude support illustration from Miro 8310667. */

/* Decorative references alongside the reviews heading on /results. */@media(max-width:900px){.chatgpt-free-preview>.button{grid-column:2}}@media(max-width:650px){.chatgpt-free-preview>.button{grid-column:auto}}.crm-offer-copy .button{margin-top:24px}.miro-course:has(.program-stage[data-program-id="hermes-agent-dlya-novichkov-v2"]) .hermes-office-offer .button{background:#f29b60;color:#171717}
@keyframes chatgpt-yupi-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}

/* 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 > .button{background:var(--violet);color:#fff}

/* Miro 023: original character illustration for AIcontent support. */

/* Miro 8310822: space for the Hermes practice illustration, full course only. */

/* Hermes titles already include the source module number, beginning at zero. */

.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%}

/* Miro 8311128: original abstract interface demonstrations, not client work. */@keyframes builder-demo-float{to{translate:0 -8px}}@keyframes builder-demo-shape{to{opacity:.5;scale:.88}}

/* Distinct conceptual interface studies within the five-example composition. */@keyframes builder-bars{to{scale:1 .6}}

/* AIcontent hero topics, Miro 8311250–52: existing stills, no video controls. */

/* 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. */

/* 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. */

/* Builder module titles already include their number; keep the toggle at the edge. */

/* 8311192: scroll the topic list and crossfade its thematic images. */

/* Miro 8310730: the Hermes cover fills the full course hero. */

/* 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-intro .actions{justify-content:center}
}

/* Free catalog: colorful character artwork in the header. */

/* 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. */

/* Miro 8310637: dark text on the orange Claude course hero. */

/* Miro 8311970/8311980/8311984: крупные примеры с мобильной прокруткой. */


/* Размер и обрамление отзывов из Mini App. */

/* Ясное действие поиска в общем меню. */

/* 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. */

/* AIcontent: полный портретный формат изображений по Miro 8311250/8311252. */

/* Miro 8310232: place the video phrase on a new line in the ChatGPT benefit on desktop. */

/* 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}}

/* First ChatGPT guide: editable caption on the approved visual. */

/* Editable cover copy must wrap even when an editor adds a long unbroken word. */

/* Miro 8310311: separate ChatGPT offer panels. */

/* Miro 8310296: spacing between ChatGPT overview paragraphs. */

/* Miro 8310331: neutral gray offer background. */

/* Miro 8310305: keep the complete comparison cover supplied by Ruslan. */

/* 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 > .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. */

/* Miro 8310243: extend the owl scene across the dark hero. */

/* Hermes 8310751: heading and description together, visual at the side. */

/* ChatGPT benefit illustrations occupy reserved space at the right of their cards. */

/* 8311192: keep all six topics visible while highlighting the current one. */
.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-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-actions .button{width:100%}}
@media(max-width:650px){.claude-intro-page .claude-video-actions .button{width:auto;min-height:40px;padding:8px 10px;font-size:12px}}

/* Free Claude lessons: the lesson list remains usable on narrow screens. */

/* 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. */

/* 8311251: full-frame video in a card matching its neighbours. */

/* Results: generated portraits are illustrative; a solid background remains if an asset is unavailable. */

/* Builder A: vertical, circular six-topic motion; scoped to this panel. */

/* AIcontent 8311245: only the course hero. */

/* 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 .button.dark{background:#dfff4f;color:#121416}

/* 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 > .button{background:#b9a8ff;color:#151515}

/* Miro 8310834: Hermes support follows the confirmed ChatGPT support layout. */

/* 8311199: match the course support text spacing. */

/* 8311998: match the established course join panel for AIcontent only. */
main.miro-course:has(> .program-stage[data-program-id="AIcontent"]) > .course-join > .button{background:#b9a8ff;color:#151515}

/* 8312009: dark field behind the existing transparent support ring. */

/* 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%}}

/* Results review heading: retain the left figure and free the right side. */


/* A-1530-NAV: compact menu and full free-course cover. */
/* ABOUT 06NOV: page-scoped composition */
.company-page .about-practice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:64px 0 80px}
.company-page .about-practice-copy,.company-page .about-practice-art{border-radius:24px;min-height:360px;overflow:hidden}
.company-page .about-practice-copy{background:#d9d0fa;padding:clamp(28px,4vw,58px);display:flex;flex-direction:column;justify-content:space-between}
.company-page .about-practice-copy h2{font-size:clamp(36px,4vw,58px);line-height:1.03;max-width:10ch;margin:0}
.company-page .about-practice-copy p{font-size:17px;line-height:1.5;max-width:40ch;margin:32px 0 0}
.company-page .about-practice-art{position:relative;background:#aaa0ea;display:grid;place-items:center}
.company-page .about-ui{position:absolute;border-radius:18px;box-shadow:0 18px 36px #43377d35}
.company-page .about-ui-code{width:65%;padding:22px;background:#201b35;color:white;transform:rotate(-7deg);display:grid;gap:13px}
.company-page .about-ui-code span{font-size:11px;letter-spacing:.12em;color:#c8fc03}.company-page .about-ui-code b{font-size:16px}.company-page .about-ui-code i{display:block;border-radius:8px;height:6px;width:78%;background:#8278b3}.company-page .about-ui-code i:nth-last-child(2){width:52%;background:#e0b8ff}.company-page .about-ui-code i:last-child{width:65%}
.company-page .about-ui-prompt{right:5%;bottom:13%;background:#e0ff35;padding:18px 24px;transform:rotate(6deg);display:grid;gap:14px;min-width:45%}.company-page .about-ui-prompt small{color:#3e3a3a}.company-page .about-ui-spark{top:15%;right:13%;background:#ffbf73;color:#24212b;font-size:34px;padding:6px 16px;transform:rotate(12deg)}
.company-page .about-team{margin:0 0 80px}.company-page .about-team>h2{text-align:center;font-size:clamp(32px,4vw,48px);margin:0 0 36px}.company-page .about-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.company-page .about-team-grid article{background:#f0ebfa;border-radius:18px;overflow:hidden;padding:12px 12px 20px}.company-page .about-team-grid article:nth-child(2){background:#e3d9fc}.company-page .about-team-grid article:nth-child(3){background:#f4ddf0}.company-page .about-team-grid article:nth-child(4){background:#e7e0f5}.company-page .about-team-portrait{height:auto;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:white}.company-page .about-team-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}.company-page .about-team h3{font-size:19px;line-height:1.2;margin:16px 4px 4px}.company-page .about-team p{margin:0 4px;color:#5a5367;font-size:14px}
.company-page .about-tour-button{border:1px solid currentColor;background:transparent;color:#252127}.company-page .company-tour-video figcaption{display:none}
.company-page .about-services,.company-page .about-contact{position:relative;min-height:300px;background-size:cover;background-position:center;isolation:isolate;overflow:hidden;align-items:flex-start;justify-content:space-between;gap:24px;color:#fff}.company-page .about-services:before,.company-page .about-contact:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(25,13,21,.88) 0%,rgba(25,13,21,.63) 48%,rgba(25,13,21,.08) 100%)}
.company-page .about-services{background-image:none}.company-page .about-contact{background-image:none}.company-page .about-services p,.company-page .about-contact p{max-width:50ch}.company-page .about-services .button,.company-page .about-contact .button{background:#fff;color:#1b1620}.company-page .about-people-grid a{display:flex;align-items:center;gap:16px}.company-page .about-people-grid img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 27%}.company-page .about-people-grid span{display:grid;gap:5px}
.company-page .crm-club-offer{margin-top:60px}.company-page .crm-offer-copy{display:flex;flex-direction:column;align-items:flex-start}.company-page .crm-offer-copy .button{margin:26px 0 0}.company-page .crm-offer-copy h2{text-align:left;max-width:20ch}.company-page .crm-offer-copy h2{overflow-wrap:normal}
@media(max-width:700px){.company-page .about-practice{grid-template-columns:1fr;margin:40px 0 60px}.company-page .about-practice-copy,.company-page .about-practice-art{min-height:280px}.company-page .about-practice-copy h2{font-size:38px}.company-page .about-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.company-page .about-team{margin-bottom:60px}.company-page .about-team h3{font-size:16px}.company-page .about-services,.company-page .about-contact{min-height:360px;background-position:65% center;display:flex;flex-direction:column;justify-content:flex-end}.company-page .about-services:before,.company-page .about-contact:before{background:linear-gradient(0deg,rgba(25,13,21,.92),rgba(25,13,21,.25))}.company-page .about-contact .actions{display:flex;flex-wrap:wrap}.company-page .about-people-grid img{width:48px;height:48px}}
.company-page .about-people-grid a{flex-direction:row;justify-content:flex-start;text-align:left}
.company-page .about-brand{white-space:nowrap}
@media(max-width:700px){.company-page .crm-offer-copy .button{align-self:flex-start;width:auto}}
@media(max-width:700px){.company-page .about-services,.company-page .about-contact{min-height:450px;justify-content:flex-start;background-color:#241222;background-size:auto 65%;background-position:right bottom;background-repeat:no-repeat}.company-page .about-services{background-color:#301310}.company-page .about-services:before,.company-page .about-contact:before{background:linear-gradient(180deg,rgba(25,13,21,.95) 0%,rgba(25,13,21,.75) 40%,rgba(25,13,21,.02) 78%)} }


/* ABOUT practice collage: scoped visual delta */
.company-page .about-practice-art>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}


/* AIcontent speaker alongside the curriculum heading (Miro 8311992). */

/* Builder 8311197: neutral marker for the current topic. */

/* 8311128: single prerendered demo */

/* /join platform tour, 8312298 */
.membership-page .join-platform-overview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,4vw,64px);margin:32px 0 0;padding:clamp(26px,4vw,48px);background:#edeffc;border-radius:24px}.membership-page .join-platform-overview h2{font-size:clamp(28px,3vw,42px);line-height:1.08;max-width:13ch;margin:0 0 20px}.membership-page .join-platform-overview p{font-size:17px;line-height:1.5;max-width:34ch;margin:0}.membership-page .join-platform-overview video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111;border-radius:14px}@media(max-width:700px){.membership-page .join-platform-overview{grid-template-columns:1fr;gap:24px}.membership-page .join-platform-overview h2{font-size:30px}}
/* /about: brand accent on the existing support action. */
.company-page .about-contact .actions a[href^="https://t.me/"]{background:#d9ff00;color:#171717}

/* ABOUT team: floating real portraits and connecting paths, from 15:34:42. */
.company-page .about-team-grid{position:relative;isolation:isolate;align-items:start;padding:54px 30px 70px;background:#e7e0f7;border-radius:26px;gap:24px;overflow:hidden}
.company-page .about-team-grid::before{content:"";position:absolute;z-index:-1;inset:19% 8% 17%;border:2px dashed rgba(76,54,135,.42);border-radius:50%;transform:rotate(-5deg)}
.company-page .about-team-grid article{position:relative;background:transparent!important;padding:0;overflow:visible;border-radius:0}
.company-page .about-team-grid article:nth-child(even){transform:translateY(24px)}
.company-page .about-team-portrait{border:6px solid rgba(255,255,255,.88);border-radius:18px;box-shadow:0 10px 22px rgba(54,36,100,.12)}
.company-page .about-team h3{position:relative;display:table;margin:-18px 8px 0;padding:9px 12px 3px;border-radius:12px 12px 0 0;background:#fff;font-size:18px}
.company-page .about-team p{position:relative;display:table;margin:0 8px;padding:2px 12px 9px;border-radius:0 0 12px 12px;background:#fff}
@media(max-width:700px){.company-page .about-team-grid{padding:28px 15px 44px;gap:16px 12px}.company-page .about-team-grid::before{inset:16% 6%;transform:rotate(8deg)}.company-page .about-team-grid article:nth-child(even){transform:translateY(15px)}.company-page .about-team-portrait{border-width:4px;border-radius:14px}.company-page .about-team h3{font-size:15px;padding:7px 8px 2px;margin:-14px 4px 0}.company-page .about-team p{font-size:13px;margin:0 4px;padding:2px 8px 7px}}

/* 8310730: the real key fills the Hermes hero at mobile widths as well. */

/* N01 staging overlay only */

.giftbar>.wrap{min-height:65px;display:flex;justify-content:center;align-items:center;gap:80px}.ruslan-hero .button{min-width:225px}.quiz-banner .button{min-width:140px;flex-shrink:0}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.story-card{background:#fff;border-radius:24px;overflow:hidden;min-width:0}.story-card .card-copy{padding:27px;min-width:0}.story-card .card-copy h3{font-size:27px}.story-card .card-copy p{font-size:16px}.story-card .card-copy .story-field{font-size:13px;margin:0 0 15px}.story-card .card-copy .card-link{font-size:14px;line-height:1.5}.story-card>.card-target>img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.story-card:nth-child(3n+2) .story-visual{background:#e2ebd7}.story-card:nth-child(3n) .story-visual{background:#e4e0f0}.story-card:hover .card-link{text-decoration:underline;text-underline-offset:5px}.pricing-action .button{min-width:270px}.trial-panel .lead{font-size:22px;margin:25px 0 20px}.trial-panel .button{margin-top:28px}.recommend-form .button{width:100%;margin-top:4px;gap:14px}.home-free .section-heading .lead{font-size:22px;margin:25px 0 16px}.home-free .section-heading>.button{flex-shrink:0;margin-top:30px}.sticky-enroll .button{width:100%;min-height:50px}.home-dialog p.format{font-size:14px;margin-top:0}.dialog-close{position:absolute;top:12px;right:14px;width:38px;height:38px;border-radius:50%;background:#e4e2db;font-size:28px;line-height:1}
@media(max-width:1180px){.giftbar>.wrap{gap:40px}}
@media(max-width:900px){.story-grid{gap:16px}.story-card .card-copy{padding:22px}.story-card .card-copy h3{font-size:23px}.trial-panel .lead{font-size:20px}.home-free .section-heading>.button{margin-top:25px}.giftbar>.wrap{gap:25px;justify-content:space-between;min-height:60px}}
@media(max-width:650px){.giftbar>.wrap{gap:14px;padding-block:10px;min-height:60px}.ruslan-hero .button{min-width:225px;font-size:16px;padding:16px 23px}.quiz-banner .button{margin-top:24px;width:100%}.story-grid{grid-template-columns:1fr;gap:22px}.story-card .card-copy{padding:25px}.story-card .card-copy h3{font-size:27px}.story-card .card-copy p{font-size:17px}.story-card .card-copy .story-field{font-size:14px}.story-card .card-copy .card-link{font-size:14px}.pricing-action .button{min-width:0;width:100%;font-size:17px}.trial-panel .lead{font-size:21px;margin-top:24px}.trial-panel .button{width:100%;font-size:16px}.recommend-form .button{font-size:16px}.home-free .section-heading .lead{font-size:21px;line-height:1.4}.home-dialog .actions{flex-direction:column;align-items:stretch}.sticky-enroll .button{font-size:16px;min-height:49px}}
@media(max-width:359px){.giftbar>.wrap{gap:10px}}.home-reviews .source-note{color:#202d64;max-width:990px;margin:28px auto 0}.home-reviews .source-note a{color:inherit}.ruslan-home .home-reviews .source-note{background:#e8edff;padding:14px 18px;border-radius:12px}

/* The live reference uses its compact topic navigation immediately after the title on phones. */
@media(max-width:650px){
 .ruslan-hero .actions{order:2;margin-top:26px;width:100%}
}

/* Verified Skillbox sections: portrait cards and a single task selector rail. */

/* Palette 1 keeps lime, orange, violet, cloud white and dark ink in separate fields. */
.ruslan-home .home-reviews .source-note{background:#ede7ff;color:#332553}
.ruslan-home .sticky-enroll .button{background:var(--violet);color:#fff}
@keyframes community-avatar-float{from{transform:translateY(7px) rotate(-2deg)}to{transform:translateY(-10px) rotate(2deg)}}
@keyframes community-phone-float{from{transform:translate(-50%,calc(-50% + 7px)) rotate(-2deg)}to{transform:translate(-50%,calc(-50% - 7px)) rotate(2deg)}}
@media(max-width:650px){
 .ruslan-home .sticky-enroll .button{min-height:56px;font-size:17px}
}

/* Visual polish: measured Skillbox geometry, existing AI Room palette and Onest. */
.ruslan-hero .actions{order:0;margin:24px 0 0}
.ruslan-hero .actions .button{font-size:16px;min-height:52px;padding:14px 24px}
.ruslan-home .home-reviews .source-note{font-size:13px;line-height:1.5;max-width:880px;margin:36px auto 0;padding:0;background:none;color:#332553;text-align:center}
@media(max-width:650px){.ruslan-hero .actions{order:3;margin-top:30px}.ruslan-home .home-reviews .source-note{margin-top:24px;font-size:12px}}
/* Goal cards: artwork fills the surface; the label and title remain editable text. */


/* Miro homepage lane: explicit source requests override generic design defaults. */
.ruslan-home .button,.ruslan-home .giftbar-link{border-radius:999px;justify-content:center;text-align:center;font-weight:400}
.ruslan-home .giftbar>.wrap{justify-content:space-between;gap:24px;padding-block:12px}
.ruslan-home .ruslan-hero .actions{margin-top:40px}
@keyframes home-hero-float{from{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-12px) rotate(5deg)}}
/* Miro 8310349: position the preview timer nearer the marked point on wide screens. */
@media(min-width:1101px){
 .ruslan-home .giftbar>.wrap{display:grid;grid-template-columns:36px minmax(0,1fr) auto minmax(0,.35fr) auto}
}
@media(min-width:1101px) and (max-width:1180px){.ruslan-home .giftbar>.wrap{grid-template-columns:36px minmax(440px,1fr) auto minmax(0,.35fr) auto}}
@media(max-width:1180px){.ruslan-home .giftbar>.wrap{gap:16px}}
@media(max-width:650px){
 .ruslan-home .giftbar>.wrap{flex-wrap:wrap;justify-content:center;gap:8px 14px;text-align:center}.ruslan-home .quiz-banner .button{align-self:center}
}

/* Miro 29 October: styles limited to stories, results and review CTAs. */
.home-stories .stories-oval,.story-card .stories-oval,.results-page .stories-oval,.stories-community .stories-oval,.home-reviews .stories-oval{border:1px solid currentColor;border-radius:999px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.3;text-decoration:none}
.story-card .card-copy .story-author{font-size:14px;line-height:1.5;margin:0 0 18px}
.story-card .card-copy .card-link.stories-oval{font-size:15px;line-height:1.3;margin-top:auto;align-self:flex-start}
.story-card:hover .card-link.stories-oval{text-decoration:none;background:var(--ink);color:#fff}
@media(max-width:650px){.story-card .card-copy .card-link.stories-oval{padding:12px 20px}.stories-community .button{align-self:flex-start}}
/* Revision from the supplied full-size Miro artwork. */
.story-card .story-artwork{position:relative;aspect-ratio:16/10;overflow:hidden;background:#ece8f5}
.story-card .story-artwork img{width:100%;height:100%;object-fit:cover;object-position:center}
.story-card .story-artwork>span{position:absolute;left:12px;bottom:12px;background:#fff;color:#242329;border-radius:999px;font-size:12px;line-height:1.3;padding:5px 10px}
.story-card .story-artwork-tone{background:#8672ce}
.story-card .story-artwork-tone img{filter:grayscale(1);mix-blend-mode:luminosity;opacity:.87}
.stories-community .button.dark{margin-top:28px;background:#fff;color:#151719}
.review-modal-layout .review-source-frame img,.stories-message .review-source-frame img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:12px}
.stories-messages{align-items:start}
.stories-messages .stories-message{padding:24px;background:#252527;color:#fff;border-radius:28px;min-height:0}
.stories-messages .stories-message figcaption{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#fff}
.stories-messages .stories-message figcaption img{width:46px;height:46px;object-fit:cover;border-radius:50%}
.stories-messages .stories-message blockquote{font-size:20px;line-height:1.45;color:#fff;margin:0;padding:0}
.stories-messages .review-source-frame{padding:8px;margin:0}

/* Horizontal home collections: all items remain reachable by touch or trackpad. */
.ruslan-home .home-review-gallery,.ruslan-home .home-stories .story-grid{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;align-items:stretch;gap:16px;padding:12px;max-width:none}
.ruslan-home .home-review-gallery .home-review-card,.ruslan-home .home-stories .story-grid .story-card{flex:0 0 min(300px,85vw);min-width:0;scroll-snap-align:start}
@media(prefers-reduced-motion:reduce){.ruslan-home .home-review-gallery,.ruslan-home .home-stories .story-grid{scroll-snap-type:none}}

/* Ruslan's review reference: a real channel message in a dark feature, then a swipeable row. */
.results-page .stories-messages>.stories-message{flex:0 0 min(390px,88vw)}
.results-page .stories-messages .stories-message{display:flex;flex-direction:column;align-self:flex-start;height:auto;min-height:0;padding:20px;border:1px solid #ddd7e8;border-radius:22px;background:#f8f7fa;color:#211f26}
.results-page .stories-messages .stories-message:has(details[open]){height:auto;min-height:520px}
.results-page .stories-messages .stories-message:has(details[open]) .review-message-text{flex:none;max-height:320px}

/* Miro 265: lighter typography in the first-screen navigation and facts. */

/* Miro 152: make the verified participant portraits visible in the review row. */

/* Reviews: Miro object 11, with the later request for ten swipeable cards. */.learning-results-label .text-link{margin-left:12px}
/* Homepage reviews: the headline sits inside a U-shaped field of real reviews. */
/* Alternate community preview: notifications use existing community topics. */
@keyframes community-notice-enter{0%,100%{opacity:.5;transform:translateY(12px)}20%,65%{opacity:1;transform:translateY(0)}85%{opacity:.65;transform:translateY(-7px)}}

.story-card .story-media-pending{display:grid;place-items:center;padding:24px;background:#e8e5f0;color:#36304b;font-size:17px;font-weight:600;text-align:center}
/* Miro 8310464: the results banner fades from dark through grey to white. */@keyframes route-highlight{0%,15%{background:#694fc2;color:#fff}25%,100%{background:#d6cfee;color:#302453}}

/* Miro 8310122: gift symbol and sticky-bar anchor clearance. */

/* Miro 8307281: retain staggered review positions during interaction. */

/* Public project screenshot: focus on the model, outside the estimate panel. */
.story-card .modular-case-preview{aspect-ratio:16/10;overflow:hidden;background:#eee}
.story-card .modular-case-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:45% 60%;transform:scale(1.75);transform-origin:45% 60%}

/* Miro 8310104: Юпи рядом с описанием персонального помощника. */


/* Miro 8310467: a coloured AI Room door in the headers of results reviews. */
.results-page .stories-message .review-message-header::after{content:"";display:block;flex:0 0 18px;width:18px;height:36px;margin-left:auto;background:#6b55c5;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 360'%3E%3Cpath d='M4 4h172L99 75v210l77 71H4V4Z'/%3E%3C/svg%3E") center/contain no-repeat}
.results-page .stories-message:nth-child(3n+2) .review-message-header::after{background:#86a900}
.results-page .stories-message:nth-child(3n) .review-message-header::after{background:#e75623}

/* Miro 8310457: subtle brand tint on the homepage modular case cover. */

/* Miro 8310429: labelled, uncropped demo on the homepage only. */
/* Изолированная демонстрация: последовательность из пяти сцен. */@keyframes trial-scene{0%,19.99%{opacity:1}20%,100%{opacity:0}}@keyframes trial-label{0%,19.99%{background:#fff;color:#251e35}20%,100%{background:transparent;color:#8a8691}}
/* Пять разных демонстрационных интерфейсов. */

/* 8309899: tentative decorative figure for the workshop card. */

/* 8310105: requested desktop line break in the navigation benefit. */

/* Miro 8310453: next case uses an orange brand tone. */
.results-page .story-card:has(> a:is([href="/results/trading-platform"],[href^="/results/trading-platform?"])) .story-artwork-tone{background:#e97838}

/* Miro 8310190: atmospheric artwork remains decorative behind the form. */
/* Keep long messages fully available in a clearly labelled scroll area. */
.results-page .stories-messages .review-message-text,
.results-page .stories-messages .stories-message:has(details[open]) .review-message-text {
  max-height: 320px;
  overflow-y: auto;
  margin-bottom: 6px;
  scrollbar-width: auto;
  scrollbar-color: #716b78 #e8e3ef;
}

.story-card .public-case-screen img{transform:scale(1.31);transform-origin:left center}
.story-card .public-case-screen img[src*="case-studokna-public"]{transform-origin:75% center}
.story-card .public-case-screen{border:1px solid #ecebf0}

.story-card .public-case-screen img[src*="case-studokna-public"]{transform:scale(1.9);transform-origin:64% 67%}

.results-page .stories-messages:focus-visible{outline:3px solid #3658ee;outline-offset:3px}

/* Miro 8307296: hover feedback for the AI-goal selector. */

/* Miro 8309900: microscope in the guide library card. */

/* Miro library: visible focus, full artwork and the folder outside the card. */

/* Miro support: one neutral surface and visible keyboard focus. */

/* Miro native 3458764688991180815: one approved mascot beside pricing heading. */

/* 8310442: показываем весь обезличенный фрагмент документа. */
.story-card .career-tools-preview{background:#f7f4ef;display:flex;align-items:center;justify-content:center;overflow:hidden}
.story-card .career-tools-preview img{width:100%;height:100%;padding:12px 12px 32px;object-fit:contain;object-position:center;box-sizing:border-box}
.story-card .career-tools-preview>span{bottom:8px;left:8px}

/* Miro 8310123: визуальная интерпретация точки у заголовка trial. */

/* Локальная интерпретация композиции референса отзывов Skillbox. */

/* 8310457: та же лёгкая фирменная тонировка модели в каталоге результатов. */
.results-page .story-card .modular-case-preview{position:relative;isolation:isolate}
.results-page .story-card .modular-case-preview::after{content:"";position:absolute;inset:0;background:rgba(107,85,197,.12);pointer-events:none}

/* Miro 8309961: concise horizontal navigation and content arranged on a neutral surface. */

/* Keep the gift, copy and preview timer readable on narrow tablets. */
@media(min-width:651px) and (max-width:760px){
 .ruslan-home .giftbar>.wrap{flex-wrap:wrap;justify-content:center;gap:8px 14px;text-align:center}
}

/* Miro 8310428: make the horizontal case list discoverable and keyboard reachable. */
.ruslan-home .story-grid:focus-visible{outline:3px solid #6750bf;outline-offset:4px}

/* Miro 8312048: make the referenced stack legible next to the stories heading. */
/* Miro 8310449: indicate the horizontal review strip on touch layouts. */

/* Miro 8310294 / 8310293: outline the card action labels. */

/* 8310438/8310439: retain the full, already published source screenshots. */
.story-card:has(a[href*="/results/reels-editor"]) > a > img,
.story-card:has(a[href*="/results/websites-and-agents"]) > a > img{object-fit:contain;object-position:center;background:#151515}

/* Miro 8307287: two lines on the first goal tab at desktop widths. */

/* Miro 8310124: balance the trial offer lead without hard-coded breaks. */
.ruslan-home #trial .trial-panel > div:first-child > .lead{text-wrap:balance}

/* Miro 8307090: depth comes from shadows; SVG paths remain unchanged. */

/* A review screenshot stays legible and actionable while media loads or fails. */

/* Preserve paragraph breaks in the original Telegram messages. */

/* Miro 8309910: published channel examples, shown as an archive. */

/* Miro 8309987: local meeting-photo motion. */@keyframes meeting-float{0%,100%{margin-top:0}50%{margin-top:-10px}}

/* Miro 8310469/8310467: AI Room mark at the review avatar position. */
.results-page .stories-message:nth-child(3n+2) .review-message-brand{color:#86a900}
.results-page .stories-message:nth-child(3n) .review-message-brand{color:#e75623}
.results-page .stories-message .review-message-header::after{content:none}

/* Keep actual goal titles clear of their labels at tablet widths. */

/* Goal titles retain full text; extra contrast is limited to wrapped titles. */

/* The generated portraits are illustrative and do not depict the review authors. */

/* Meeting photos: compact circular stack with sequential foreground. */
@keyframes meeting-stack-cycle{
 0%,20%{transform:translate(0,5%) rotate(-3deg);z-index:3}
 33.333%,53.333%{transform:translate(-20%,-3%) rotate(-9deg);z-index:1}
 66.666%,86.666%{transform:translate(20%,-3%) rotate(8deg);z-index:2}
 100%{transform:translate(0,5%) rotate(-3deg);z-index:3}
}


/* Isolated trial reel candidate: 10-second clock shared with labels. */
@keyframes trial-reel-label{0%{background:#fff;color:#251e35}19.9%,100%{background:transparent;color:#8a8691}}
@keyframes trial-reel{0%,16%{transform:translateY(-74%)}20%,36%{transform:translateY(-148%)}40%,56%{transform:translateY(-222%)}60%,76%{transform:translateY(-296%)}80%,96%{transform:translateY(-370%)}100%{transform:translateY(-444%)}}

/* Community 8309949: two distinct, illustrative native scenes. */
@keyframes community-inbox-cycle{0%,35%{opacity:1}44%,88%{opacity:0}96%,100%{opacity:1}}
@keyframes community-conversation-cycle{0%,35%{opacity:0}44%,88%{opacity:1}96%,100%{opacity:0}}
@keyframes community-dot{from{opacity:.35;transform:translateY(1px)}to{opacity:1;transform:translateY(-2px)}}
@keyframes community-notice-stack{0%{opacity:0;transform:translate(-50%,26px) scale(.97)}10%,70%{opacity:1;transform:translate(-50%,0) scale(1)}84%,100%{opacity:0;transform:translate(-50%,-12px) scale(1)}}

/* Stories references 8312041 / 8312048: character left, stack right. */
/* Real workshop introduction: paused by user, reduced motion or visibility. */

/* Keep goal-card labels legible over the agent illustrations. */

/* Miro 8310121: group the three support benefits as distinct cards. */

/* 8310084: the two materials are branches of each actual journey week. */@keyframes route-branch-highlight{0%,17%{border-color:#6d51c5;background:#e5defb}25%,100%{border-color:#d2cae7;background:#fff}}

/* Miro 8309949: photographic community variant 2. */
@keyframes community-photo-one{0%,7%,80%,100%{opacity:0;transform:translate(-50%,8px)}12%,72%{opacity:1;transform:translate(-50%,0)}}
@keyframes community-photo-two{0%,22%,80%,100%{opacity:0;transform:translate(-50%,8px)}27%,72%{opacity:1;transform:translate(-50%,0)}}
@keyframes community-photo-three{0%,37%,80%,100%{opacity:0;transform:translate(-50%,8px)}42%,72%{opacity:1;transform:translate(-50%,0)}}
@keyframes community-photo-finale{0%,78%,98%,100%{opacity:0}83%,93%{opacity:1}}

/* The hour starts after activation; do not display a static clock as running. */

/* 8310128: independent, selectable illustrations of the five club touchpoints. */
@media(prefers-reduced-motion:no-preference){@keyframes trial-story-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}


/* Miro 8310476 and 8310479: accepted HOME giftbar on public pages. */
.giftbar-public>.wrap{justify-content:space-between;gap:24px;padding-block:12px}
@media(min-width:1101px){.giftbar-public>.wrap{display:grid;grid-template-columns:36px minmax(0,1fr) auto minmax(0,.35fr) auto}}
@media(max-width:1180px){.giftbar-public>.wrap{gap:16px}}
@media(max-width:760px){.giftbar-public>.wrap{flex-wrap:wrap;justify-content:center;gap:8px 14px;text-align:center}}

/* Free-hour dialog: local nickname step and accepted public recommendations. */.home-dialog .trial-next .actions{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:650px){.home-dialog .trial-next .actions{display:grid}.home-dialog .trial-next .actions .button{width:100%}}

/* A1 and A10: illustrations are a transparent, reference-derived sprite. */

@media(min-width:1101px){.ruslan-home .giftbar.giftbar-public>.wrap{grid-template-columns:58px minmax(0,1fr) auto}}
/* A10: replace the earlier detached decorations with the two aligned heading icons. */
/* A4: keep all three model tiles legible inside the portrait goal card. */

/* Case cover replacements, scoped to the ten review slugs on home and /results. */
.story-card > a:is(
  [href="/results/consulting-studio"], [href^="/results/consulting-studio?"],
  [href="/results/personal-health-assistant"], [href^="/results/personal-health-assistant?"],
  [href="/results/website-seo"], [href^="/results/website-seo?"],
  [href="/results/sales-quality"], [href^="/results/sales-quality?"],
  [href="/results/modular-buildings"], [href^="/results/modular-buildings?"],
  [href="/results/portfolio-and-sales"], [href^="/results/portfolio-and-sales?"],
  [href="/results/chilltactics"], [href^="/results/chilltactics?"],
  [href="/results/websites-and-agents"], [href^="/results/websites-and-agents?"],
  [href="/results/reels-editor"], [href^="/results/reels-editor?"],
  [href="/results/career-search"], [href^="/results/career-search?"]
) { position: relative; }
.story-card > a:is(
  [href="/results/consulting-studio"], [href^="/results/consulting-studio?"],
  [href="/results/personal-health-assistant"], [href^="/results/personal-health-assistant?"],
  [href="/results/website-seo"], [href^="/results/website-seo?"],
  [href="/results/sales-quality"], [href^="/results/sales-quality?"],
  [href="/results/modular-buildings"], [href^="/results/modular-buildings?"],
  [href="/results/portfolio-and-sales"], [href^="/results/portfolio-and-sales?"],
  [href="/results/chilltactics"], [href^="/results/chilltactics?"],
  [href="/results/websites-and-agents"], [href^="/results/websites-and-agents?"],
  [href="/results/reels-editor"], [href^="/results/reels-editor?"],
  [href="/results/career-search"], [href^="/results/career-search?"]
) > :first-child:not(.card-copy) { display: none !important; }
.story-card > a:is(
  [href="/results/consulting-studio"], [href^="/results/consulting-studio?"],
  [href="/results/personal-health-assistant"], [href^="/results/personal-health-assistant?"],
  [href="/results/website-seo"], [href^="/results/website-seo?"],
  [href="/results/sales-quality"], [href^="/results/sales-quality?"],
  [href="/results/modular-buildings"], [href^="/results/modular-buildings?"],
  [href="/results/portfolio-and-sales"], [href^="/results/portfolio-and-sales?"],
  [href="/results/chilltactics"], [href^="/results/chilltactics?"],
  [href="/results/websites-and-agents"], [href^="/results/websites-and-agents?"],
  [href="/results/reels-editor"], [href^="/results/reels-editor?"],
  [href="/results/career-search"], [href^="/results/career-search?"]
)::before { content: ""; display: block; flex: none; width: 100%; aspect-ratio: 16 / 10; background: #171717 var(--case-cover) center / cover no-repeat; }
.story-card > a:is(
  [href="/results/consulting-studio"], [href^="/results/consulting-studio?"],
  [href="/results/personal-health-assistant"], [href^="/results/personal-health-assistant?"],
  [href="/results/website-seo"], [href^="/results/website-seo?"],
  [href="/results/sales-quality"], [href^="/results/sales-quality?"],
  [href="/results/modular-buildings"], [href^="/results/modular-buildings?"],
  [href="/results/portfolio-and-sales"], [href^="/results/portfolio-and-sales?"],
  [href="/results/chilltactics"], [href^="/results/chilltactics?"],
  [href="/results/websites-and-agents"], [href^="/results/websites-and-agents?"]
)::after { content: "Иллюстрация"; position: absolute; top: 10px; left: 10px; z-index: 1; padding: 4px 9px; border-radius: 999px; background: #fff; color: #242329; font-size: 11px; font-weight: 500; line-height: 1.3; pointer-events: none; }
.story-card > a:is([href="/results/consulting-studio"], [href^="/results/consulting-studio?"]) { --case-cover: none; }
.story-card > a:is([href="/results/personal-health-assistant"], [href^="/results/personal-health-assistant?"]) { --case-cover: none; }
.story-card > a:is([href="/results/website-seo"], [href^="/results/website-seo?"]) { --case-cover: none; }
.story-card > a:is([href="/results/sales-quality"], [href^="/results/sales-quality?"]) { --case-cover: none; }
.story-card > a:is([href="/results/modular-buildings"], [href^="/results/modular-buildings?"]) { --case-cover: none; }
.story-card > a:is([href="/results/portfolio-and-sales"], [href^="/results/portfolio-and-sales?"]) { --case-cover: none; }
.story-card > a:is([href="/results/chilltactics"], [href^="/results/chilltactics?"]) { --case-cover: none; }
.story-card > a:is([href="/results/websites-and-agents"], [href^="/results/websites-and-agents?"]) { --case-cover: none; }


/* Neutral monograms keep the review cards distinct without suggesting a portrait. */

.results-page .story-card > a::after { content: none; }
.ruslan-home .story-card > a::after { content: none; }

/* 06 Nov: illustrations revised to show video editing and Claude. */
.story-card > a:is([href="/results/reels-editor"], [href^="/results/reels-editor?"]) { --case-cover: none; }
.story-card > a:is([href="/results/career-search"], [href^="/results/career-search?"]) { --case-cover: none; }

/* Shared public promo follows the accepted HOME hour bar without a placeholder countdown. */
.giftbar-shared>.wrap{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:24px;justify-content:space-between}
@media(max-width:760px){.giftbar-shared>.wrap{display:flex;flex-wrap:nowrap;gap:10px;text-align:left}}

/* Small standalone gift frame prevents an unloaded sprite showing only its first fragment. */


/* 07 Nov N03: each support tab keeps its own rounded brand surface. */

/* 07 Nov N07: five real platform paths, native keyboard-operable disclosure. */

/* 07 Nov N08: larger benefit art, same black companion as the hero, no shadow. */

/* 07 Nov N09: larger side art stays outside plan cards and CTA. */

/* 07 Nov N10: accepted 3D gift, centered offer copy, unchanged activation route. */
.ruslan-home .giftbar>.wrap,.giftbar-shared>.wrap{display:flex;justify-content:space-between;gap:14px}
.ruslan-home #trial .trial-panel .lead{font-size:clamp(19px,1.7vw,24px)}
@media(max-width:650px){.ruslan-home .giftbar>.wrap,.giftbar-shared>.wrap{gap:8px}}

/* 07 Nov N12: supplied covers in the existing HOME card slots only. */

}
.ar-join-support{font-family:Arial,Helvetica,sans-serif;color:#151515;line-height:1.45}.ar-join-support *{box-sizing:border-box}.ar-join-support a{color:inherit;text-decoration:none}.ar-join-support button,.ar-join-support input{font:inherit}.ar-join-support .public-js-shell{max-width:1280px;margin:0 auto;padding:24px}.ar-join-support .public-js-shell nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ar-join-support .public-js-shell a{color:inherit;text-decoration:none;font-size:14px;font-weight:600}.ar-join-support .public-js-shell a:hover{text-decoration:underline}
.ar-join-support{--ink:#121416;--blue:#315cff;--acid:#dfff4f;--muted:#5c616b;--violet:#765bd0;--max:1200px}.ar-join-support [hidden]{display:none!important}.ar-join-support img,.ar-join-support video{max-width:100%;display:block}.ar-join-support button{cursor:pointer;border:0}.ar-join-support a:focus-visible,.ar-join-support button:focus-visible,.ar-join-support summary:focus-visible{outline:3px solid #315cff;outline-offset:5px}.ar-join-support h1,.ar-join-support h2,.ar-join-support h3,.ar-join-support p{margin:0}.ar-join-support h1,.ar-join-support h2,.ar-join-support h3{font-weight:500;letter-spacing:-.045em;text-wrap:balance}.ar-join-support h1{font-size:clamp(40px,4.6vw,66px);line-height:1.04;white-space:pre-line}.ar-join-support h2{font-size:clamp(30px,3.1vw,44px);line-height:1.08}.ar-join-support h3{font-size:26px;line-height:1.15;letter-spacing:-.035em}.ar-join-support p{font-size:17px;line-height:1.55}

/* C public pages: match the accepted inner-page surface and typography. */
body:has(.ar-public),body:has(.ar-join-support){background:#fff}.ar-public,.ar-join-support{font-family:Onest,Arial,Helvetica,sans-serif;--ink:#121416;--blue:#315cff;--acid:#dfff00;--muted:#5c616b;--max:1200px}
.ar-public .page-heading h1,.ar-join-support .page-heading h1{font-size:clamp(38px,4.2vw,60px);line-height:1.08}
.ar-public .company-page .button,.ar-join-support .membership-page .button,.ar-join-support .contact-page .button,.ar-join-support .membership-dialog .button{border-radius:12px;font-weight:500}
.ar-join-support .membership-page .button.acid{background:#dfff00;color:#121416}

#club-faq{scroll-margin-top:100px}