/* ===== Лендинг «Базовый курс парикмахера» ===== */
#allrecords .dl,.dl-bar{--navy:var(--uc-color-color-bmAhL,#2d315f);--gold:var(--uc-color-color-hsLKVdpXBHEC,#c9a044);--gold-d:#6e5729;--cream:var(--uc-color-color-coNpoCIkv6,#f9f8f4);--sand:var(--uc-color-color-aduFbA,#dfd6b9);--paper:#faf9f5;--btn-bg:#2c3162;--shadow:0 1px 2px rgba(45,49,95,.05),0 14px 30px -18px rgba(45,49,95,.30);--shadow-soft:0 1px 2px rgba(45,49,95,.05),0 14px 30px -18px rgba(45,49,95,.22);--hf:var(--t-headline-font,'Cormorant Garamond',Arial,sans-serif);--tf:var(--t-text-font,'Jost',Arial,sans-serif)}
.dl{font-family:var(--tf);font-weight:400;color:var(--navy);-webkit-font-smoothing:antialiased}
.dl *{box-sizing:border-box}
.dl__s{padding:90px 0}
.dl__s_paper{background:var(--paper)}
/* Фон секции _cream раньше был #f9f8f4 — от _paper #faf9f5 он отличался на 1.01:1,
   то есть чередование фонов не читалось. Даём отдельный светло-песочный тон. */
.dl__s_cream{background:#f2eee2}
.dl__s_sand{background:var(--sand)}
.dl__s_navy{background:var(--navy);color:var(--cream)}
.dl__w{max-width:1200px;margin:0 auto;padding:0 20px}
.dl__eyebrow{font-family:var(--tf);font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d);margin:0 0 18px}
.dl__s_navy .dl__eyebrow{color:var(--gold)}
.dl h1,.dl h2,.dl h3,.dl h4{font-family:var(--hf);font-weight:600;margin:0;line-height:1.14}
.dl h2{font-size:44px;letter-spacing:-.01em}
.dl h3{font-size:26px}
.dl em{font-style:italic;color:var(--gold-d)}
.dl__s_navy em{color:var(--gold)}
.dl__lead{font-size:20px;line-height:1.6;font-weight:400;max-width:820px;margin:22px 0 0}
.dl__p{font-size:18px;line-height:1.65;margin:0}
.dl__head{margin-bottom:48px}
.dl__head_center{text-align:center}
.dl__head_center .dl__lead{margin-left:auto;margin-right:auto}
.dl__note{font-size:15px;line-height:1.55;color:#5a5d84;margin-top:28px;max-width:900px}
.dl__s_navy .dl__note{color:#a7aacb}
/* кнопки */
.dl__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:14px 30px;border:1px solid transparent;border-radius:30px;background:var(--btn-bg);color:var(--gold);font-family:var(--tf);font-size:15px;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s}
.dl__btn:hover{color:var(--cream)}
.dl__btn_ghost{background:transparent;border-color:var(--gold);color:var(--navy)}
.dl__btn_ghost:hover{background:var(--gold);color:var(--cream)}
.dl__s_navy .dl__btn_ghost{color:var(--cream)}
.dl__s_navy .dl__btn_ghost:hover{color:var(--navy);background:var(--gold);border-color:var(--gold)}
.dl__btn_gold{background:var(--gold);color:var(--navy)}
.dl__btn_gold:hover{background:var(--btn-bg);color:var(--gold)}
.dl__btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.dl__cta-row{margin-top:44px;text-align:center}
/* HERO */
.dl-hero{background:var(--cream);padding:150px 0 80px}
.dl-hero__grid{display:grid;grid-template-columns:1fr 400px;gap:56px;align-items:center}
.dl-hero h1{font-size:64px;line-height:1.06;letter-spacing:-.015em}
.dl-hero__sub{font-family:var(--hf);font-size:27px;line-height:1.3;font-weight:500;margin:26px 0 0;color:var(--navy)}
.dl-hero__txt{font-size:18px;line-height:1.68;margin:24px 0 0;max-width:620px;color:#3d4067}
.dl-hero__img{margin:0}
.dl-hero__img img{display:block;width:100%;height:auto}
.dl-hero__facts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:60px 0 0;padding:0;background:rgba(45,49,95,.14)}
.dl-hero__facts li{background:var(--cream);padding:22px 24px}
.dl-hero__facts b{display:block;font-family:var(--hf);font-size:21px;font-weight:600;line-height:1.2;margin-bottom:6px}
.dl-hero__facts span{font-size:15px;line-height:1.5;color:#5a5d84}
/* сетки карточек */
.dl-grid{display:grid;gap:24px}
.dl-grid_2{grid-template-columns:repeat(2,1fr)}
.dl-grid_3{grid-template-columns:repeat(3,1fr)}
.dl-grid_4{grid-template-columns:repeat(4,1fr)}
.dl-card{background:var(--paper);border:1px solid rgba(45,49,95,.12);border-radius:18px;padding:32px 30px}
.dl__s_paper .dl-card{background:var(--cream)}
.dl__s_sand .dl-card{background:var(--cream);border-color:rgba(45,49,95,.1)}
.dl__s_navy .dl-card{background:rgba(255,255,255,.05);border-color:rgba(201,160,68,.35)}
.dl-card h3{font-size:23px;margin-bottom:12px}
.dl-card p{font-size:17px;line-height:1.6;margin:0;color:#3d4067}
.dl__s_navy .dl-card p{color:#c9cbe0}
.dl-card__num{display:block;font-family:var(--hf);font-size:15px;font-weight:600;letter-spacing:.1em;color:var(--gold-d);margin-bottom:14px}
/* до / после */
.dl-ba{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dl-ba__col{border-radius:18px;padding:38px 34px}
.dl-ba__col_before{background:rgba(45,49,95,.05);border:1px solid rgba(45,49,95,.12)}
.dl-ba__col_after{background:var(--navy);color:var(--cream)}
.dl-ba__label{font-size:13px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 20px;color:#666a8f}
.dl-ba__col_after .dl-ba__label{color:var(--gold)}
.dl-ba__col h3{font-size:27px;margin-bottom:22px}
.dl-ba ul{list-style:none;margin:0;padding:0}
.dl-ba li{position:relative;padding:0 0 0 30px;margin-bottom:14px;font-size:17px;line-height:1.55}
.dl-ba li:last-child{margin-bottom:0}
.dl-ba__col_before li:before{content:'';position:absolute;left:2px;top:9px;width:12px;height:1px;background:#9a9db8}
.dl-ba__col_after li:before{content:'';position:absolute;left:0;top:6px;width:14px;height:8px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg)}
/* цепочка */
.dl-chain{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin:0 0 34px}
.dl-chain__i{flex:1 1 0;min-width:150px;background:var(--cream);border:1px solid rgba(201,160,68,.5);border-radius:14px;padding:24px 18px;text-align:center}
.dl-chain__i b{display:block;font-family:var(--hf);font-size:20px;font-weight:600;margin-bottom:8px}
.dl-chain__i span{font-size:14px;line-height:1.45;color:#5a5d84}
.dl-chain__a{display:flex;align-items:center;color:var(--gold);font-size:22px}
/* программа */
.dl-mod{background:var(--paper);border:1px solid rgba(45,49,95,.12);border-radius:18px;padding:30px 32px;display:grid;grid-template-columns:180px 1fr;gap:28px;margin-bottom:14px}
.dl-mod__h span{display:block;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);margin-bottom:8px}
.dl-mod__h b{font-family:var(--hf);font-size:24px;font-weight:600;line-height:1.2}
.dl-mod__b p{margin:0 0 12px;font-size:17px;line-height:1.6}
.dl-mod__b p:last-child{margin-bottom:0}
.dl-mod__b i{font-style:normal;font-weight:400;color:var(--gold-d)}
.dl-mod__b p:last-child i{color:var(--navy);font-weight:400}
.dl-mod__b p:last-child{padding-top:12px;border-top:1px solid rgba(45,49,95,.1)}
/* практика */
.dl-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}
.dl-flow__i{background:rgba(255,255,255,.06);border:1px solid rgba(201,160,68,.4);border-radius:14px;padding:26px 22px}
.dl-flow__i b{display:block;font-family:var(--hf);font-size:19px;margin-bottom:8px;color:var(--gold)}
.dl-flow__i span{font-size:16px;line-height:1.5;color:#c9cbe0}
.dl-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 40px}
.dl-facts li{position:relative;padding-left:26px;font-size:18px;line-height:1.55}
.dl-facts li:before{content:'';position:absolute;left:0;top:7px;width:14px;height:8px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg)}
/* шаги */
.dl-steps{counter-reset:st;display:grid;gap:0}
.dl-step{display:grid;grid-template-columns:96px 1fr;gap:30px;padding:32px 0;border-top:1px solid rgba(45,49,95,.14)}
.dl-step:last-child{border-bottom:1px solid rgba(45,49,95,.14)}
.dl-step__n{font-family:var(--hf);font-size:46px;font-weight:600;line-height:1;color:var(--gold);opacity:.85}
.dl-step h3{margin-bottom:10px}
.dl-step p{font-size:17px;line-height:1.6;margin:0;color:#3d4067;max-width:760px}
/* галереи */
.dl-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dl-gal img{display:block;width:100%;height:auto}
.dl-gal_edit{grid-template-columns:repeat(5,1fr);gap:14px;align-items:center}
.dl-gal figure{margin:0}
.dl-gal figcaption{font-size:14px;line-height:1.45;color:#5a5d84;text-align:center;margin-top:6px}
/* преподаватели */
.dl-teach{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.dl-teach figure{margin:0}
.dl-teach img{display:block;width:100%;height:auto}
.dl-teach b{display:block;font-family:var(--hf);font-size:21px;font-weight:600;margin:10px 0 4px}
.dl-teach span{display:block;font-size:15px;line-height:1.5;color:var(--gold-d);margin-bottom:8px}
.dl-teach p{font-size:15px;line-height:1.55;margin:0;color:#5a5d84}
/* почему */
.dl-why{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(201,160,68,.35)}
.dl-why__i{background:var(--navy);padding:32px 30px}
.dl-why__i b{display:block;font-family:var(--hf);font-size:23px;font-weight:600;margin-bottom:10px;color:var(--cream)}
.dl-why__i p{font-size:17px;line-height:1.6;margin:0;color:#c9cbe0}
.dl-why__i em{display:block;margin-top:12px;font-family:var(--tf);font-style:normal;font-size:15px;line-height:1.5;color:var(--gold)}
/* диплом */
.dl-doc{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.dl-doc__imgs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dl-doc__imgs img{display:block;width:100%;height:auto;border:1px solid rgba(45,49,95,.15);border-radius:6px;background:#fff}
.dl-doc dl{margin:26px 0 0;display:grid;grid-template-columns:auto 1fr;gap:10px 22px;font-size:16px;line-height:1.5}
.dl-doc dt{color:#5a5d84}
.dl-doc dd{margin:0}
/* график */
.dl-sched{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dl-sched__i{background:var(--cream);border:1px solid rgba(201,160,68,.55);border-radius:18px;padding:34px 30px}
.dl-sched__i b{display:block;font-family:var(--hf);font-size:26px;font-weight:600;margin-bottom:10px}
.dl-sched__i em{display:block;font-family:var(--tf);font-style:normal;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d);margin-bottom:16px}
.dl-sched__i p{font-size:17px;line-height:1.6;margin:0;color:#3d4067}
/* таблица */
.dl-tab{width:100%;border-collapse:collapse;font-size:17px}
.dl-tab th,.dl-tab td{text-align:left;padding:18px 4px;border-bottom:1px solid rgba(45,49,95,.14);vertical-align:top}
.dl-tab th{width:280px;font-weight:400;color:#5a5d84;font-size:16px}
.dl-tab tr:first-child th,.dl-tab tr:first-child td{border-top:1px solid rgba(45,49,95,.14)}
/* форма */
.dl-form{background:var(--navy);border-radius:22px;padding:52px 56px;color:var(--cream)}
.dl-form h2{color:var(--cream)}
.dl-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.dl-form .dl__lead{color:#c9cbe0;font-size:18px}
.dl-form__hint{font-size:15px;line-height:1.55;color:#a7aacb;margin-top:18px}
.dl-form .t-input-group{margin-bottom:14px}
.dl-form .t-input-title{color:#a7aacb;font-size:15px;font-weight:400;display:block;margin-bottom:6px}
.dl-form .t-form__submit{margin-top:22px}
.dl-form .t-submit{width:100%;background-color:var(--gold)!important;color:#2d315f!important;border:none}
.dl-form .t-submit:hover{background-color:var(--cream)!important;color:var(--navy)!important}
.dl-form .t-checkbox__labeltext{color:#c9cbe0}
.dl-form .t-checkbox__control{color:#c9cbe0!important}
/* возражения */
.dl-obj{border-top:1px solid rgba(45,49,95,.14)}
.dl-obj__i{display:grid;grid-template-columns:340px 1fr;gap:34px;padding:30px 0;border-bottom:1px solid rgba(45,49,95,.14)}
.dl-obj__q{font-family:var(--hf);font-size:24px;font-weight:600;line-height:1.25;margin:0;color:var(--navy)}
.dl-obj__a{font-size:17px;line-height:1.65;margin:0;color:#3d4067}
/* FAQ */
.dl-faq{max-width:900px}
.dl-faq details{border-bottom:1px solid rgba(45,49,95,.16)}
.dl-faq details[open] summary{color:var(--gold-d)}
.dl-faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;font-family:var(--hf);font-size:22px;font-weight:600;line-height:1.3}
.dl-faq summary::-webkit-details-marker{display:none}
.dl-faq summary:after{content:'';position:absolute;right:8px;top:32px;width:11px;height:11px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(45deg);transition:transform .2s}
.dl-faq details[open] summary:after{transform:rotate(-135deg)}
.dl-faq details>div{padding:0 40px 24px 0;font-size:17px;line-height:1.65;color:#3d4067}
/* адаптив */
@media screen and (max-width:1340px){
.dl-grid_4{grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:1200px){
.dl h2{font-size:38px}
.dl-hero h1{font-size:52px}
.dl-hero__grid{grid-template-columns:1fr 320px;gap:40px}
.dl-gal_edit{grid-template-columns:repeat(4,1fr)}
.dl-teach{grid-template-columns:repeat(3,1fr)}
.dl-form{padding:44px 40px}
}
@media screen and (max-width:960px){
.dl__s{padding:64px 0}
.dl-hero{padding:110px 0 60px}
.dl-hero__grid{grid-template-columns:1fr}
.dl-hero__img{max-width:360px;margin:0 auto}
.dl-hero h1{font-size:44px}
.dl-hero__sub{font-size:23px}
.dl-hero__facts{grid-template-columns:repeat(2,1fr)}
.dl-grid_4,.dl-grid_3{grid-template-columns:repeat(2,1fr)}
.dl-ba,.dl-doc,.dl-form__grid{grid-template-columns:1fr}
.dl-doc{gap:34px}
.dl-flow{grid-template-columns:repeat(2,1fr)}
.dl-mod{grid-template-columns:1fr;gap:16px}
.dl-gal{grid-template-columns:repeat(3,1fr)}
.dl-sched{grid-template-columns:1fr}
.dl-obj__i{grid-template-columns:1fr;gap:12px}
.dl-facts{grid-template-columns:1fr}
/* цепочка: горизонтальный ряд из 4–5 карточек со стрелками уже не влезает —
   карточки получались разной ширины, а последняя стрелка висела в конце строки */
.dl-chain{flex-direction:column;gap:8px}
.dl-chain__i{flex:0 0 auto;width:100%;min-width:0;padding:18px 20px}
.dl-chain__a{justify-content:center;transform:rotate(90deg);line-height:1}
}
@media screen and (max-width:640px){
.dl h2{font-size:31px}
.dl h3{font-size:22px}
.dl__s{padding:52px 0}
.dl__head{margin-bottom:34px}
.dl-hero{padding:96px 0 48px}
.dl-hero h1{font-size:35px}
.dl-hero__sub{font-size:20px}
.dl-hero__txt,.dl__lead{font-size:17px}
.dl-hero__facts{grid-template-columns:1fr}
.dl-grid_2,.dl-grid_3,.dl-grid_4,.dl-teach{grid-template-columns:1fr}
.dl-gal,.dl-gal_edit{grid-template-columns:repeat(2,1fr)}
.dl-why{grid-template-columns:1fr}
.dl-card,.dl-mod{padding:26px 22px}
.dl-ba__col{padding:28px 24px}
.dl-form{padding:32px 22px;border-radius:16px}
.dl-flow{grid-template-columns:1fr}
.dl-chain{gap:6px;margin-bottom:26px}
.dl-chain__i{padding:15px 18px}
.dl-chain__i b{font-size:18px;margin-bottom:4px}
.dl-step{grid-template-columns:56px 1fr;gap:18px;padding:24px 0}
.dl-step__n{font-size:34px}
.dl-doc__imgs{grid-template-columns:1fr}
.dl-tab th{width:auto}
.dl-tab th,.dl-tab td{display:block;border:none;padding:4px 0}
.dl-tab tr{display:block;padding:14px 0;border-bottom:1px solid rgba(45,49,95,.14)}
.dl-tab tr:first-child th,.dl-tab tr:first-child td{border-top:none}
.dl-faq summary{font-size:19px;padding-right:34px}
.dl-faq summary:after{top:27px}
.dl__btn{width:100%}
.dl__btns{gap:10px}
}

/* ===== Визуальная система «Арка» (общая для всех лендингов) ===== */
/* eyebrow: золотая звезда вместо тире */
.dl__eyebrow{display:flex;align-items:center;gap:9px}
.dl__head_center .dl__eyebrow{justify-content:center}
.dl__eyebrow:before{content:'';flex:0 0 auto;width:11px;height:11px;background:currentColor;-webkit-mask:var(--star) center/contain no-repeat;mask:var(--star) center/contain no-repeat}
.dl{--star:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.7 6.2 5.1 10.6 12 12-6.9 1.4-11.3 5.8-12 12-.7-6.2-5.1-10.6-12-12C6.9 10.6 11.3 6.2 12 0z'/%3E%3C/svg%3E");--arch:50% 50% 20px 20px / 42% 42% 20px 20px}
/* арочные медальоны вместо плоских номеров */
/* Номер карточки — крупный «водяной знак» шрифтом заголовков: заполняет низ карточки,
   который раньше оставался пустым, и задаёт ритм ряду. Декоративный, скрыт от скринридеров. */
.dl-card{position:relative;overflow:hidden;padding-bottom:34px}
.dl-card__num{position:absolute;right:16px;bottom:2px;display:block;width:auto;height:auto;margin:0;
border:0;background:none;font-family:var(--hf);font-size:78px;font-weight:600;line-height:1;letter-spacing:0;font-variant-numeric:lining-nums;-webkit-font-feature-settings:'lnum' 1;font-feature-settings:'lnum' 1;
color:var(--gold);opacity:.2;z-index:0}
.dl-card>h3,.dl-card>p,.dl-card>ul,.dl-card>img{position:relative;z-index:1}
.dl__s_navy .dl-card__num{opacity:.3}
@media screen and (max-width:640px){.dl-card__num{font-size:64px;right:14px}}
.dl-step__n{display:flex;align-items:center;justify-content:center;width:66px;height:76px;border:1px solid rgba(201,160,68,.65);border-radius:50% 50% 10px 10px / 44% 44% 10px 10px;font-size:26px;opacity:1;background:rgba(201,160,68,.05)}

/* фотоблок */
.dl-photo{margin:44px auto 0;max-width:620px}
.dl-photo img{display:block;width:100%;height:auto}
.dl-photo_arch img{border-radius:var(--arch);border:1px solid var(--gold);aspect-ratio:4/3;object-fit:cover}
.dl-photo figcaption{font-size:15px;line-height:1.5;color:#5a5d84;text-align:center;margin-top:14px}
.dl__s_navy .dl-photo figcaption{color:#a7aacb}
.dl-photo_wide{max-width:860px}
/* блок «другие программы» */
.dl-other{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px}
.dl-other a{display:block;text-decoration:none;color:inherit}
.dl-other__img{overflow:hidden;border-radius:var(--arch);background:var(--cream);transition:transform .25s}
.dl-other a:hover .dl-other__img{transform:translateY(-4px)}
.dl-other__img img{display:block;width:100%;height:auto}
.dl-other b{display:block;font-family:var(--hf);font-size:19px;font-weight:600;line-height:1.25;margin:16px 0 6px}
.dl-other span{display:block;font-size:15px;line-height:1.5;color:#3d4067}
.dl-other a:hover b{color:var(--gold-d)}
@media screen and (max-width:960px){.dl-other{grid-template-columns:repeat(2,1fr)}.dl-step__n{width:52px;height:60px;font-size:20px}}
@media screen and (max-width:640px){.dl-other{grid-template-columns:repeat(2,1fr);gap:16px}.dl-other b{font-size:16px}.dl-other span{font-size:13px}}


/* кнопка внутри строки таблицы «Формат обучения» */
.dl__btn_row{margin-top:16px}


/* ===== Фирменная графика бренд-бука «Долорес» ===== */
/* Карточка на «бумажной» секции была практически не видна: #f9f8f4 на #faf9f5 —
   контраст 1.01:1, из границ читался только бордер 12%. Даём белую плашку и мягкую тень. */
/* На светлых секциях заливка блока совпадала с фоном секции (контраст 1.01:1) —
   форма читалась только по бордеру. Белая плашка + мягкая тень чинят это
   у всех блочных компонентов сразу. */
.dl__s_paper .dl-card,.dl__s_cream .dl-card,
.dl__s_paper .dl-mod,.dl__s_cream .dl-mod,
.dl__s_paper .dl-chain__i,.dl__s_cream .dl-chain__i,
.dl__s_paper .dl-sched__i,.dl__s_cream .dl-sched__i{background:#fff;box-shadow:var(--shadow)}
.dl__s_paper .dl-card,.dl__s_cream .dl-card,
.dl__s_paper .dl-mod,.dl__s_cream .dl-mod{border-color:rgba(45,49,95,.09)}
.dl__s_sand .dl-card,.dl__s_sand .dl-mod,
.dl__s_sand .dl-chain__i,.dl__s_sand .dl-sched__i{box-shadow:var(--shadow-soft)}

/* Орбиты — фирменная графика на кругах и звёздах (бренд-бук, раздел «02 Графика»).
   Декоративный слой: не влияет на поток, скрыт от скринридеров. */
.dl__s_orbit{position:relative;overflow:hidden;isolation:isolate}
.dl__s_orbit>.dl__w{position:relative;z-index:1}
.dl__orbit{position:absolute;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;
left:50%;top:50%;transform:translate(-42%,-46%);width:min(1180px,96vw);height:auto;opacity:.6}
.dl__s_navy .dl__orbit{opacity:.3;filter:brightness(1.7)}
/* на песочном фоне светлые линии пропадают — умножаем, чтобы графика темнила подложку */
.dl__s_sand .dl__orbit{mix-blend-mode:multiply;opacity:.5}
@media screen and (max-width:960px){.dl__orbit{transform:translate(-50%,-50%);width:900px;opacity:.42}}
@media screen and (max-width:640px){.dl__orbit{width:720px;opacity:.3}}

/* Фирменное обозначение линейки курсов (Basic / Neo / Pro) — бренд-бук, «02 Графика > Курсы».
   Ставится вместо звёздочки-eyebrow там, где линейка курса известна. */
.dl-line{display:flex;align-items:center;gap:12px;margin:0 0 18px}
.dl-line img{display:block;height:30px;width:auto;flex:0 0 auto}
.dl-line span{font-family:var(--tf);font-size:13px;font-weight:500;letter-spacing:.18em;
text-transform:uppercase;color:var(--gold-d);line-height:1.4}
.dl__s_navy .dl-line span{color:var(--gold)}
@media screen and (max-width:640px){.dl-line{gap:10px}.dl-line img{height:26px}.dl-line span{font-size:12px;letter-spacing:.14em}}


/* Орбиты внутри тёмных блоков: форма заявки и navy-секции перестают быть
   плоскими прямоугольниками. Слой декоративный, контент поднят над ним. */
.dl-form{position:relative;overflow:hidden;isolation:isolate}
.dl-form>.dl-form__grid,.dl-form>h2,.dl-form>.dl__lead{position:relative;z-index:1}
.dl-form__orbit{position:absolute;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;
right:-18%;top:-34%;width:min(760px,86%);height:auto;opacity:.32;filter:brightness(1.9)}
@media screen and (max-width:960px){.dl-form__orbit{right:-30%;top:-12%;width:560px;opacity:.26}}
@media screen and (max-width:640px){.dl-form__orbit{right:-42%;width:440px;opacity:.22}}

/* ===== UX-слой: доступность, якоря, мобильный CTA (общий для всех лендингов) ===== */

/* якорь не должен уезжать под фиксированное меню Tilda */
.dl [id],.dl-hero[id],.dl__s[id]{scroll-margin-top:96px}
@media screen and (max-width:960px){.dl [id],.dl-hero[id],.dl__s[id]{scroll-margin-top:80px}}

/* видимый фокус с клавиатуры — раньше его не было ни у кнопок, ни у FAQ */
.dl a:focus-visible,.dl button:focus-visible,.dl summary:focus-visible,.dl__btn:focus-visible{
outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.dl__s_navy a:focus-visible,.dl__s_navy summary:focus-visible{outline-color:var(--gold)}
.dl-faq summary:focus-visible{outline-offset:-2px}

/* заголовки: аккуратный перенос строк там, где браузер умеет */
.dl h1,.dl h2{text-wrap:balance}
.dl__lead,.dl-hero__txt{text-wrap:pretty}

/* уважение к системной настройке «меньше движения» */
@media (prefers-reduced-motion:reduce){
.dl *,.dl *::before,.dl *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
.dl-other a:hover .dl-other__img{transform:none}
}

/* факты в шапке: на мобильном раньше выстраивались в 6 высоких строк (~1200px прокрутки) */
@media screen and (max-width:640px){
.dl-hero__facts{grid-template-columns:repeat(2,1fr)}
.dl-hero__facts li{padding:16px 14px}
.dl-hero__facts b{font-size:18px;margin-bottom:4px}
.dl-hero__facts span{font-size:13px;line-height:1.4}
}

/* хлебные крошки */
.dl-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 26px;padding:0;list-style:none;font-size:14px;line-height:1.4}
.dl-crumbs li{display:flex;align-items:center;gap:8px;color:#5a5d84}
.dl-crumbs li+li:before{content:'';width:5px;height:5px;border-top:1px solid #9a9db8;border-right:1px solid #9a9db8;transform:rotate(45deg)}
.dl-crumbs a{color:#5a5d84;text-decoration:none;border-bottom:1px solid rgba(45,49,95,.22);transition:color .2s,border-color .2s}
.dl-crumbs a:hover{color:var(--gold-d);border-color:var(--gold)}
.dl-crumbs [aria-current]{color:var(--navy)}
@media screen and (max-width:640px){.dl-crumbs{font-size:13px;margin-bottom:20px}}

/* мобильная панель действий: страницы длинные, а CTA был только в самом верху */
.dl-bar{position:fixed;left:0;right:0;bottom:0;z-index:900;display:none;gap:10px;align-items:center;
padding:10px 16px calc(10px + env(safe-area-inset-bottom));
background:rgba(249,248,244,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
border-top:1px solid var(--sand);box-shadow:0 -4px 18px rgba(45,49,95,.07)}
.dl-bar__call{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
width:52px;height:52px;border-radius:50%;border:1px solid var(--gold);color:var(--navy);text-decoration:none;
transition:background-color .2s,color .2s}
.dl-bar__call svg{width:20px;height:20px;fill:currentColor}
.dl-bar__call:hover{background:var(--gold);color:#fff}
.dl-bar .dl__btn{flex:1 1 auto;width:auto;min-height:52px;padding:12px 18px;font-size:14px}
@media screen and (max-width:960px){
.dl-bar{display:flex}
body{padding-bottom:0}
}
.dl-bar[hidden]{display:none}