*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;color:#1d1d1f;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #43a6dc;outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.04em}[hidden]{display:none!important}.symbols{position:absolute;width:0;height:0;overflow:hidden}.nav{height:48px;position:sticky;top:0;z-index:30;background:rgba(247,247,249,.88);backdrop-filter:blur(24px);border-bottom:1px solid #00000006}.nav-inner{max-width:1040px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:100%}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border:1.3px solid #272a2e;border-radius:50%;font-size:17px;font-weight:600;letter-spacing:-3px;padding-right:3px}.nav-name{font-size:12px;color:#707075;margin-right:auto;margin-left:0}.nav-actions{display:flex;gap:10px}.icon{background:none;color:inherit;display:grid;place-items:center;width:36px;height:40px;padding:8px;font-size:28px}.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.bag-button{position:relative}.bag-dot{position:absolute;right:4px;top:5px;background:#54a8c8;width:6px;height:6px;border-radius:50%}.poster{position:relative;isolation:isolate;width:100%;aspect-ratio:4/5;max-height:850px;overflow:hidden;margin-bottom:0;background:#f5f5f7}.poster-copy{position:relative;z-index:2;text-align:center;padding:34px 12px 0}.poster h1,.poster h2{font-size:clamp(26px,7.2vw,48px);line-height:1.08;letter-spacing:-.045em}.tagline{font-size:clamp(18px,5vw,26px);line-height:1.2;margin-top:8px;letter-spacing:-.025em}.actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:17px}.button{display:inline-flex;justify-content:center;align-items:center;background:#3e434b;color:#fff;border:1px solid #3e434b;border-radius:50px;padding:10px 17px;min-height:39px;font-size:13px;line-height:1.1;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#555c66}.button:active{transform:scale(.97)}.button.outline{background:transparent;color:#3e434b}.button.outline:hover{background:#3e434b0d}.poster-art{position:absolute;inset:0;z-index:-1;background-position:center;background-size:cover;transition:opacity .6s}.selfie-poster{background:#f8f8f6}.selfie-art{background-image:url('assets/selfie-spaced.png');background-repeat:no-repeat;background-color:#f8f8f8}.dark{background:#090c10;color:#f5f5f7}.dark .button{background:#d7dce2;border-color:#d7dce2;color:#191d23}.dark .button.outline{background:transparent;color:#d7dce2}.learn-art{background-image:url('assets/learning-spaced.png');background-repeat:no-repeat;background-color:#0d1420}.learning-poster .poster-copy{background:linear-gradient(#090c10df,transparent);padding-bottom:30px}.match{position:absolute;right:7%;top:43%;color:#a0daf2;display:flex;align-items:center;flex-direction:column;text-shadow:0 0 20px #57b6e5;pointer-events:none}.match>span{font-size:8px;letter-spacing:2px}.match strong{font-size:34px;font-weight:300;line-height:1.2}.match strong span{font-size:17px}.match small{font-size:7px;margin-top:3px;opacity:.8}.image-loading{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:11px;color:#92969b}.loaded .image-loading{display:none}.pair-poster{background:#eae8e3}.section-pad{padding:64px 24px}.section-pad h2{font-size:38px;line-height:1.06;margin:10px 0 22px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;color:#858990}.muted{font-size:15px;color:#797d83;line-height:1.55}.intro{font-size:21px;line-height:1.35;letter-spacing:-.025em}.product-nav{position:sticky;top:48px;z-index:20;background:#ffffffdf;backdrop-filter:blur(20px);height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:11px;border-bottom:1px solid #ddd}.product-nav>a{color:#777}.product-nav>span{font-weight:600}.product-nav button{border-radius:30px;padding:7px 12px;background:#3e434b;color:white;font-size:10px}.detail-hero{position:relative;min-height:690px;background:#f7f7f5;overflow:hidden}.detail-heading{position:relative;z-index:2;text-align:center;padding:47px 20px 0;animation:rise .5s both}.detail-heading h1{font-size:45px;line-height:1.04;margin-top:0}.detail-photo{position:absolute;inset:0;background:url('assets/selfie-clean.png') center/cover;animation:reveal .9s .25s both}.detail-caption{position:absolute;bottom:0;left:0;right:0;padding:80px 24px 28px;background:linear-gradient(transparent,#f7f7f5 58%);z-index:2}.detail-caption p{font-size:25px;line-height:1.15;font-weight:600;letter-spacing:-.03em}.detail-caption p span{color:#7a7c81}.detail-caption small{display:block;font-size:10px;color:#8a8b90;line-height:1.4;margin-top:18px}.discover{background:#f5f5f7}.slider{display:flex;gap:20px;margin:30px -24px 0;padding:0 24px 12px;scroll-padding-inline:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.slider::-webkit-scrollbar{display:none}.insight-card{flex:0 0 74%;min-width:0;scroll-snap-align:start}.slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:14px;color:#777}.slider-controls>span{font-size:10px;margin-right:auto}.slider-controls .icon{border-radius:50%;background:#e6e6e9;width:32px;height:32px;padding:0;font-size:22px}.photo-switch{display:flex;border-radius:50px;padding:5px;background:#eeeef1;margin:30px auto 20px;max-width:330px}.photo-switch button{flex:1;background:transparent;padding:10px 5px;font-size:12px;border-radius:25px;color:#777}.photo-switch .active{background:#fff;color:#222;box-shadow:0 2px 8px #0000000a}.photo-guide{background:#f5f5f7;padding:28px 24px;border-radius:24px}.photo-guide h3{font-size:22px;margin:0 0 18px}.photo-guide p{font-size:15px;color:#6e6e73;line-height:1.5}.photo-guide p+p{margin-top:12px}.tariffs{background:#f5f5f7}.tariff-grid{display:flex;align-items:stretch;gap:16px;margin:0 -24px;padding:0 24px 12px;scroll-padding-inline:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.tariff-grid::-webkit-scrollbar{display:none}.tariff-grid>.tariff{flex:0 0 86%;min-width:0;scroll-snap-align:start}.tariff{border:1px solid #e3e4e8;border-radius:25px;background:#fff;padding:28px;display:flex;flex-direction:column}.tariff.featured{background:#252a30;color:#f5f5f7;border-color:#252a30}.tariff-label{font-size:9px;letter-spacing:1.3px;color:#90959e}.tariff h3{font-size:25px;line-height:1.2;margin:0 0 20px;min-height:2.4em}.price{font-size:40px;font-weight:600;letter-spacing:-.05em}.price span{font-size:25px}.tariff ul{flex:1;padding:0;list-style:none;margin:0 0 28px}.tariff li{font-size:14px;line-height:1.4;padding:11px 0;border-bottom:1px solid #8882;color:#848991}.featured li{color:#c3c7cd}.featured .button{background:#e0e5ea;color:#262b33}.tariff .button{width:100%}.centered{text-align:center;margin-top:25px;font-size:12px}.text-link{display:inline-block;color:#5e7e90;font-size:14px;margin-top:24px}.generic-hero{min-height:75vh;padding-top:30px}.generic-hero h1{font-size:44px;line-height:1.05;margin:65px 0 20px}.generic-hero .intro{margin-bottom:25px}.generic-hero .button{margin-top:30px}footer{background:#f5f5f7;border-top:1px solid #e4e4e8;padding:25px 24px;display:flex;flex-wrap:wrap;gap:18px;font-size:11px;color:#7a7e85}footer>span{font-weight:600;color:#444}footer small{flex:0 0 100%;font-size:9px;color:#999}.panel{border:0;border-radius:0 0 24px 24px;position:fixed;inset:48px 0 auto;margin:0 auto;width:min(100%,700px);max-height:calc(100dvh - 70px);padding:40px 25px;background:#fafafc;box-shadow:0 30px 70px #0002;overflow:auto}.panel::backdrop{background:#15181d66;backdrop-filter:blur(7px)}.panel h2{font-size:30px;margin:14px 0 24px}.close{position:absolute;right:14px;top:10px}.menu-links{margin:25px 0}.menu-links a{font-size:25px;font-weight:600;letter-spacing:-.03em;display:block;padding:12px 0}.menu-links a span{float:right;color:#a4a8af;font-weight:300}.secondary-links{display:grid;gap:17px;font-size:14px;color:#747a83}.small{font-size:11px;margin-top:24px}.cart-item{border-top:1px solid #ddd;padding:20px 0}.cart-item h3{font-size:20px;margin-bottom:8px}.cart-item p{font-size:14px;color:#777}.remove{background:none;padding:12px 0;color:#8c7272;font-size:12px}.cart-total{font-size:22px;font-weight:600;margin:18px 0}.cart-checkout{width:100%;margin-top:10px}.toast{position:fixed;bottom:20px;left:20px;right:20px;z-index:100;background:#282d34;color:white;padding:17px;border-radius:15px;box-shadow:0 5px 30px #0002;font-size:13px}.empty-cart{padding:20px 0 35px;color:#858990}.pay-methods{background:#eff1f5;border-radius:15px;padding:18px;margin-top:20px;font-size:14px;line-height:1.5}.pay-methods summary{font-size:15px;font-weight:600;cursor:pointer}.pay-methods p{margin-top:12px;color:#6e6e73}.pay-methods ul{margin:10px 0 0;padding-left:20px;color:#6e6e73}.pay-methods li+li{margin-top:6px}.loaded .selfie-art,.loaded .learn-art{animation:reveal .5s both}@keyframes reveal{from{opacity:0}to{opacity:1}}@keyframes rise{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:700px){.poster-copy{padding-top:50px}.poster{height:720px;aspect-ratio:auto}.poster-art{background-size:auto 100%;background-repeat:no-repeat}.selfie-poster{background:#f8f8f6}.learning-poster{background:#090c10}.nav-inner{padding:0 24px}.nav-name{font-size:13px}.section-pad{padding:85px max(24px,calc((100% - 980px)/2))}.section-pad h2{font-size:50px}.poster h1,.poster h2{font-size:48px}.button{font-size:15px;padding:12px 22px}.match{right:calc(50% - 160px);top:45%}.slider{margin-left:0;margin-right:0;padding:0 0 15px;scroll-padding-inline:0}.insight-card{flex-basis:372px}.tariff-grid{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;overflow:visible}.detail-hero{height:750px}.detail-photo{background-size:auto 100%;background-repeat:no-repeat}.detail-caption{padding-left:max(24px,calc((100% - 980px)/2))}.photo-guide{max-width:520px;margin:auto}.toast{left:auto;width:360px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.nav-name{display:flex;align-items:center;min-height:44px}

/* Apple-style blue actions shared across every home poster, light and dark. */
.poster .actions .button{background:#0071e3;border-color:#0071e3;color:#fff}
.poster .actions .button:hover{background:#0077ed;border-color:#0077ed}
.poster .actions .button.outline{background:transparent;border-color:#0071e3;color:#0071e3}
.poster .actions .button.outline:hover{background:#0071e31a}
.nav{background:rgba(22,22,23,.82);border-bottom-color:rgba(255,255,255,.08);color:#f5f5f7}
.nav-name{color:#f5f5f7}
.nav .icon{color:#f5f5f7}
.detail-heading{padding:25px 20px 0}
.detail-heading h1{font-size:24px;line-height:1.08;margin:0;white-space:nowrap}
.detail-tagline{font-size:36px;line-height:1.1;font-weight:600;letter-spacing:-.04em;margin-top:9px}
.detail-photo{background-size:auto 110%;background-repeat:no-repeat;background-position:center calc(50% - 20px)}
.detail-caption{padding-bottom:30px}
.detail-caption p{font-size:21px;line-height:1.35;font-weight:400;letter-spacing:-.025em;color:#81858b}
.discover{background:#000;color:#f5f5f7}
.discover h2,.steps h2{margin-top:0}
@media(max-width:699px){.discover,.steps{padding-top:104px;padding-bottom:52px}}
/* Apple-style gallery: rounded photo, caption below with a white lead-in, round paddles. */
.insight-photo{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:24px;background:#1d1d1f}
.insight-text{margin-top:24px;padding:0 16px;font-size:17px;line-height:1.42;font-weight:600;letter-spacing:-.022em;color:#86868b}
.insight-text strong{color:#f5f5f7;font-weight:600}
.slider-paddles{display:flex;justify-content:flex-end;gap:18px;margin-top:28px}
.paddle{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;background:#333336;color:#d6d6d6;transition:background .2s,opacity .2s}
.paddle:hover{background:#3d3d40}
.paddle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.paddle-prev svg{transform:scaleX(-1)}
.paddle:disabled{opacity:.4;cursor:default}
.paddle:disabled:hover{background:#333336}
/* Light variant of the same gallery for "Как проходит разбор." */
.steps{background:#f5f5f7}
.steps .insight-text{color:#6e6e73}
.steps .insight-text strong{color:#1d1d1f}
.steps .paddle,.steps .paddle:disabled:hover{background:#e3e3e8;color:#1d1d1f}
.steps .paddle:hover{background:#d8d8de}
/* "Как это работает?": full-bleed photo, then title and gray intro with a white closing line. */
.method{background:#000;color:#f5f5f7}
.method-photo{display:block;width:calc(100% + 48px);max-width:none;height:auto;margin:0 -24px}
.method h2{margin:32px 0 18px}
.method-text{font-size:19px;line-height:1.42;font-weight:600;letter-spacing:-.022em;color:#86868b}
.method-text strong{color:#f5f5f7;font-weight:600}
@media(max-width:699px){.method{padding-bottom:52px}}
@media(min-width:700px){.method-photo{width:100%;max-width:520px;margin:0 auto}.method h2,.method-text{max-width:680px}}
.photo-placeholder{display:grid;place-items:center;background:#e3e3e8;color:#86868b;font-size:13px}
.slider-dots{display:flex;justify-content:center;align-items:center;gap:8px;width:max-content;margin:18px auto 0;padding:11px 13px;border-radius:100px;background:#424245}
.slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:100px;background:#98989d;transition:width .25s,background-color .25s}
.slider-dots button.active{width:25px;background:#f5f5f7}
.slider-dots button:focus-visible{outline:2px solid #f5f5f7;outline-offset:4px}
.slider-dots{gap:0;padding:2px 7px}
.slider-dots button,.slider-dots button.active{display:grid;place-items:center;width:32px;height:28px;background:transparent}
.slider-dots button::before{content:"";display:block;width:8px;height:8px;border-radius:100px;background:#98989d;transition:width .25s,background-color .25s}
.slider-dots button.active::before{width:25px;background:#f5f5f7}
.product-nav{position:fixed;top:56px;left:max(10px,calc((100% - 980px)/2));right:max(10px,calc((100% - 980px)/2));z-index:25;height:54px;padding:0 9px 0 18px;border-radius:20px;background:rgba(22,22,23,.82);color:#f5f5f7;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px rgba(0,0,0,.18);backdrop-filter:blur(24px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .22s,transform .22s,visibility .22s}
.product-nav.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.product-nav>span{font-size:17px;letter-spacing:-.03em;font-weight:600}
.product-nav button{background:#0071e3;color:#fff;border-radius:100px;padding:9px 16px;font-size:13px;line-height:1.1}
.product-nav button:hover{background:#0077ed}
/* Shared round icons for checklists and tariff lists. */
:root{--mark-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 12.5 5 5L20 6.5' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--mark-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6 6 18' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");--icon-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.5 12.5 3.5 3.5 7.5-8' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* "Требования к фото.": checklist with Apple-blue check marks. */
.checklist{list-style:none;margin:0;padding:0}
.checklist li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.4;padding:10px 0;border-top:1px solid #e3e3e8}
.checklist li:first-child{border-top:0;padding-top:0}
.checklist li::before{content:"";flex:none;width:22px;height:22px;margin-top:-1px;border-radius:50%;background:#0071e3 var(--icon-check) center/16px no-repeat}
.photo-guide .guide-private{color:#1d1d1f;font-weight:600}
/* Tariff cards: check / cross items and blue order buttons. */
.tariff li{display:flex;align-items:flex-start;gap:12px}
.tariff li::before{content:"";flex:none;width:20px;height:20px;background:#1d1d1f;-webkit-mask:var(--mark-check) center/contain no-repeat;mask:var(--mark-check) center/contain no-repeat}
.featured li::before{background:#f5f5f7}
.tariff li.no::before{-webkit-mask-image:var(--mark-cross);mask-image:var(--mark-cross)}
.tariffs .tariff .button{background:#0071e3;border-color:#0071e3;color:#fff}
.tariffs .tariff .button:hover{background:#0077ed;border-color:#0077ed}
/* "Вижуал Псайко" author story: photo under the eyebrow, readable body text. */
.author-photo{display:block;width:100%;height:auto;border-radius:24px;margin:16px 0 30px}
.author{background:#000;color:#f5f5f7}
.author .eyebrow{color:#86868b}
.author .story{font-size:17px;line-height:1.5;letter-spacing:-.01em;color:#d2d2d7}
.author .text-link{color:#2997ff}
.author .story+.story{margin-top:16px}
@media(min-width:700px){.author-photo{max-width:520px}.author .story{max-width:680px}}
/* Where the "Заказать" pill lands: tariffs title sits clear of the floating pill. */
#tariffs,#materials{scroll-margin-top:64px}
/* Cart: title in place of the old eyebrow, blue checkout button like the rest of the site. */
#bag-panel h2{margin-top:0}
.panel .cart-checkout{background:#0071e3;border-color:#0071e3;color:#fff}
.panel .cart-checkout:hover{background:#0077ed;border-color:#0077ed}
/* Analysis hero: mirror selfie on a grey wall. Top matches the wall, the bottom fades into the
   black "Что даёт разбор" section, so type is light. */
.detail-hero{background:#484846}
.detail-photo{background-image:url('assets/analysis-hero.jpg')}
.detail-heading h1,.detail-tagline{color:#f5f5f7}
.detail-caption{background:linear-gradient(transparent,#000 58%)}
.detail-caption p{color:#a1a1a6}
/* On phones the photo is full width; hair stays ~38px under the tagline
   (hair line sits at 27.2% of the 1122x1402 image). */
@media(max-width:699px){.detail-hero{min-height:0;height:calc(269px + 91vw)}.detail-photo{background-size:100% auto;background-position:center calc(138px - 33.96vw)}}
/* Phones: the caption sits on plain black just below where the photo has faded out;
   the photo still fades out into the black right at its bottom edge. */
@media(max-width:699px){.detail-hero{background:linear-gradient(#484846 0 60px,#000 60px)}.detail-caption{padding-top:122px;background:linear-gradient(transparent,#000 40%)}.discover{padding-top:26px}}
.cart-link{display:block;margin-top:16px;text-align:center}
/* Home hero: black-and-white mirror selfie on a grey gradient that continues the photo's own backdrop. */
.selfie-poster{background:linear-gradient(#484848,#727272 55%,#8d8d8d)}
.selfie-poster .selfie-art{background-image:url('assets/hero-mirror.jpg?v=2');background-color:transparent;background-position:center top}
.selfie-poster h1,.selfie-poster .tagline{color:#fff}
.selfie-poster .image-loading{color:#c7c7cc}
/* Home "Научиться читать лица": black-and-white couple under a pale sky, dark headings. */
.learning-poster{background:#cecece}
.learning-poster .learn-art{background-image:url('assets/learning-couple.jpg');background-color:transparent}
.learning-poster .poster-copy{background:none}
.learning-poster h2,.learning-poster .tagline{color:#1d1d1f}
/* Home "Заказать парный разбор": full-bleed couple photo, white type over a soft top shade. */
.pair-poster{background:#3a3a3a}
.pair-poster .pair-photo{background-image:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,0) 45%),url('assets/pair-couple.jpg');background-size:100% 100%,cover;background-position:center,center;background-repeat:no-repeat}
.pair-poster h2,.pair-poster .tagline{color:#fff}
@media(max-width:699px){.pair-poster{aspect-ratio:994/1582;max-height:none}}
/* Home "Заказать ролик с разбором": B&W filming shot, dark type over a soft light top fade. */
.studio-poster{background:#9a9a9a}
.studio-poster .video-photo{background-image:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,0) 45%),url('assets/video-filming.jpg?v=2');background-size:100% 100%,cover;background-position:center,center;background-repeat:no-repeat}
.studio-poster h2,.studio-poster .tagline{color:#1d1d1f}
@media(max-width:699px){.studio-poster{aspect-ratio:757/1009;max-height:none}}
/* "Обучение" page: Apple-style hero with the Telegram channel inside an iPhone frame,
   then captioned screenshots on black screens. */
.learn-hero{background:#000;color:#f5f5f7;text-align:center;padding:44px 24px 64px}
/* Same size as the home-page poster titles, so it stays on one line. */
.learn-hero h1{font-size:clamp(26px,7.2vw,48px);line-height:1.08;letter-spacing:-.045em}
.learn-tagline{margin:10px auto 0;max-width:300px;font-size:19px;line-height:1.3;letter-spacing:-.02em;color:#a1a1a6}
.learn-phone{position:relative;width:min(78%,320px);margin:36px auto 0;padding:9px;border-radius:50px;background:#1c1c1e;border:1px solid #3a3a3c}
.learn-phone img{display:block;width:100%;height:auto;border-radius:41px}
/* Dynamic Island sits between the screenshot's clock and status icons, like on a real iPhone. */
.learn-phone::after{content:"";position:absolute;top:17px;left:50%;transform:translateX(-50%);width:31%;aspect-ratio:125/37;border-radius:100px;background:#000}
.learn-dark{background:#000;color:#f5f5f7}
.learn-lead{font-size:17px;line-height:1.4;color:#86868b;margin-bottom:14px}
.learn-points{list-style:none;margin:0 0 26px;padding:0}
.learn-dark+.learn-dark{padding-top:24px}
.learn-points li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.4;color:#c3c7cd}
.learn-points li::before{content:"";flex:none;width:20px;height:20px;margin-top:1px;background:#f5f5f7;-webkit-mask:var(--mark-check) center/contain no-repeat;mask:var(--mark-check) center/contain no-repeat}
.learn-shot{display:block;width:100%;height:auto;border-radius:28px}
@media(min-width:700px){.learn-shot{max-width:400px;margin:0 auto}}
/* "Обучение" closing screen: course description and chapter list on white. */
.learn-about{background:#fff;color:#1d1d1f}
.learn-about h2{margin-top:0}
.learn-text{font-size:17px;line-height:1.5;letter-spacing:-.01em;color:#1d1d1f}
.learn-text+.learn-text{margin-top:16px}
.learn-chapters{margin:8px 0 0;padding-left:24px;font-size:17px;line-height:1.5;color:#1d1d1f}
.learn-chapters li+li{margin-top:4px}
@media(min-width:700px){.learn-text,.learn-chapters{max-width:680px}}
.learn-example-label{margin-top:28px}
.yt-lite{position:relative;aspect-ratio:16/9;margin-top:14px;border-radius:20px;overflow:hidden;background:#1c1c1e}
.yt-lite button{display:block;width:100%;height:100%;padding:0;background:none;position:relative}
.yt-lite img,.yt-lite iframe{display:block;width:100%;height:100%;object-fit:cover;border:0}
.yt-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.5);backdrop-filter:blur(8px)}
.yt-play svg{width:26px;height:26px;margin-left:4px;fill:#fff}
@media(min-width:700px){.yt-lite{max-width:680px}}
/* Generic product pages ("Парный разбор", "Ролик"): blue action like the rest of the site. */
.generic-hero .button{background:#0071e3;border-color:#0071e3;color:#fff}
.generic-hero .button:hover{background:#0077ed;border-color:#0077ed}