/* Atma Meet — светлая тема, мягкие нейтральные цвета */
:root{--bg:#f7f5f0;--card:#fff;--ink:#2f2e2b;--mute:#6f6a60;--line:#e5e0d6;--acc:#6b5a33;--acc2:#8a7650;--soft:#efe9dc;--ok:#4f7a5a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Montserrat,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:var(--acc)}img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header.top{position:sticky;top:0;z-index:20;background:rgba(247,245,240,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:14px;height:62px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:.02em}
.brand img{width:34px;height:34px}.brand small{display:block;font-weight:600;color:var(--mute);font-size:11.5px;letter-spacing:.06em}
nav.m{margin-left:auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap}nav.m a{white-space:nowrap;text-decoration:none;color:var(--ink);font-weight:600;font-size:14px}
.lang{display:flex;gap:4px}.lang button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:3px 8px;font:600 12px Montserrat,sans-serif;cursor:pointer;color:var(--mute)}.lang button.on{background:var(--acc);color:#fff;border-color:var(--acc)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--acc);background:var(--acc);color:#fff;text-decoration:none;border-radius:12px;padding:12px 20px;font:700 15px Montserrat,sans-serif;cursor:pointer;transition:.15s}
.btn:hover{background:var(--acc2);border-color:var(--acc2)}.btn.ghost{background:#fff;color:var(--acc)}.btn.ghost:hover{background:var(--soft)}.btn[disabled],.btn.busy{opacity:.6;pointer-events:none}
.hero{padding:56px 0 30px}.hero .grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.kick{display:inline-block;background:var(--soft);color:var(--acc);border-radius:999px;padding:4px 12px;font-weight:700;font-size:12.5px;letter-spacing:.05em}
h1{font-size:44px;line-height:1.12;margin:14px 0 14px}h2{font-size:30px;line-height:1.2;margin:0 0 10px}h3{margin:0 0 6px;font-size:18px}
.lead{font-size:18px;color:var(--mute)}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.shot{border-radius:16px;border:1px solid var(--line);box-shadow:0 18px 40px rgba(60,50,30,.12);overflow:hidden;background:#fff}
section{padding:46px 0}.sub{color:var(--mute);margin:0 0 26px}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feat .c{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.feat .i{font-size:26px}
.feat p{margin:6px 0 0;color:var(--mute);font-size:14.5px}
.gal{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}.gal figure{margin:0}.gal figcaption{color:var(--mute);font-size:13px;margin-top:6px}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pc{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column}
.pc.main{border-color:var(--acc2);box-shadow:0 14px 34px rgba(107,90,51,.12)}.pc .t{font-weight:800;font-size:19px}.pc .s{color:var(--mute);font-size:14px;min-height:42px}
.pc .p{font-size:38px;font-weight:800;margin:12px 0 0}.pc .p small{font-size:15px;color:var(--mute);font-weight:600}.pc .x{color:var(--mute);font-size:13px;min-height:20px}
.pc ul{padding-left:18px;margin:14px 0 18px;color:var(--ink);font-size:14.5px;flex:1}.pc li{margin:4px 0}.pc .st{margin-top:10px;font-size:13.5px;color:var(--ok);font-weight:700}
.note{background:var(--soft);border-radius:14px;padding:16px 18px;color:#4b463c;font-size:14.5px}
.cmp{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;font-size:14px}.cmp td,.cmp th{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}.cmp th{background:var(--soft)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:8px 0}.faq summary{cursor:pointer;font-weight:700}
footer{border-top:1px solid var(--line);padding:26px 0;color:var(--mute);font-size:13.5px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin:0 0 16px}
input[type=text],input[type=password]{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 13px;font:inherit;background:#fff}
.msg{min-height:20px;color:var(--acc);font-size:14px;margin-top:8px}.muted{color:var(--mute)}
.rooms{list-style:none;padding:0;margin:0}.rooms li{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:10px 0}.rooms li b{flex:1;min-width:160px}
.rooms button,.sm{border:1px solid var(--line);background:#fff;border-radius:9px;padding:6px 11px;font:600 13px Montserrat,sans-serif;cursor:pointer;color:var(--ink)}
code.lic{display:block;word-break:break-all;background:var(--soft);padding:10px;border-radius:10px;font-size:12px}
@media (max-width:900px){.hero .grid,.gal{grid-template-columns:1fr}.feat,.prices{grid-template-columns:1fr}h1{font-size:34px}nav.m a.hm{display:none}}
/* окна atmaDialog (из atma-pay.js) — кнопки в стиле страницы */
.atma-dlg-t{margin:0 0 10px;font:700 19px Montserrat,sans-serif}.atma-dlg-p{margin:0 0 18px;line-height:1.5;color:#4a4540}
.atma-dlg-a{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.atma-dlg-ok,.atma-dlg-no{border-radius:12px;padding:10px 16px;font:700 14px Montserrat,sans-serif;cursor:pointer;border:1px solid var(--acc)}
.atma-dlg-ok{background:var(--acc);color:#fff}.atma-dlg-no{background:#fff;color:var(--acc)}
.atma-dlg-x{position:absolute;top:8px;right:10px;border:0;background:none;font-size:22px;line-height:1;color:#8a837b;cursor:pointer}
.atma-dlg-in{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--line);border-radius:10px;margin-bottom:14px}
/* изображения: всегда родные пропорции (2026-10-19) */
img{height:auto}picture{display:block}
.photo{border-radius:20px;overflow:hidden;box-shadow:0 18px 40px rgba(60,50,30,.14)}.photo img{width:100%}
.shot img{width:100%}.shot.phone{max-width:300px;margin:0 auto;border-radius:28px}
.showroom{padding:10px 0 30px}.showroom .shot{margin:18px 0 0}
.welcome{display:grid;grid-template-columns:1fr 1.1fr;gap:22px;align-items:center;margin:0 0 18px}.welcome .photo{border-radius:16px}
.welcome h2{margin:0 0 8px;font-size:24px}.welcome p{margin:0 0 12px;color:var(--mute);line-height:1.55}
@media (max-width:760px){.welcome{grid-template-columns:1fr}}
/* окно оплаты (общий /_m/atma-pay.css) берёт цвета из переменных сайта /style.css — задаём те же значения, как на страницах курсов */
:root{--ind:#24214a;--ind2:#3a3570;--gold:#c9a24a;--gold2:#b48a2f;--bg2:#fff;--tx:#24214a;--mu:#5d5a7a;--bd:rgba(36,33,74,.12);--sh:0 10px 30px rgba(36,33,74,.08)}
/* окно оплаты на /meet/: шаги, разделители, плитки способов оплаты (только эта страница; общий код оплаты не менялся) */
.atma-pay>.dlg{background:#faf8f3;border-color:#e6e0d6}
.atma-pay .phead{padding-bottom:6px}
.atma-pay .phead .lesson{border:1px solid #e6e0d6;box-shadow:none;border-radius:12px}
.atma-pay .step{border-top:1px solid #e6e0d6;margin-top:26px!important;padding-top:26px!important}
.atma-pay .step>h2{display:flex;align-items:center;gap:12px;font-size:22px;margin:0 0 18px}
.atma-pay .step>h2 .n{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff!important;color:var(--gold2)!important;border:1.5px solid var(--gold);font-size:14px;font-weight:700;box-shadow:none}
.atma-pay .tariffs:has(>.tf:only-child){display:block}
.atma-pay .tf:only-child{max-width:460px}
.atma-pay .tf{border:1px solid #e6e0d6!important;border-radius:14px!important;box-shadow:none!important;background:#fff}
.atma-pay .tf.on{border:1.5px solid var(--gold)!important;box-shadow:0 0 0 4px rgba(201,162,74,.10)!important}
.atma-pay .tf.on .btn.gold,.atma-pay .tf.on .btn{background:#f6eedb!important;color:#6b5320!important;border:1px solid #dcc58f!important;box-shadow:none!important}
.atma-pay .chosen{background:#f4efe4!important;border:1px solid #e6e0d6!important;border-radius:12px!important;box-shadow:none!important;padding:12px 16px!important}
.atma-pay .tiles{gap:12px!important}
.atma-pay .tile{background:#fff!important;border:1px solid #e6e0d6!important;border-radius:12px!important;box-shadow:none!important;padding:18px 10px 14px!important;transition:border-color .15s,background .15s,box-shadow .15s}
.atma-pay .tile:hover{border-color:var(--gold)!important;background:#fffaf0!important;box-shadow:0 4px 14px rgba(120,95,40,.08)!important;transform:none!important}
.atma-pay .tile.on,.atma-pay .tile.sel,.atma-pay .tile[aria-pressed="true"]{border:1.5px solid var(--gold)!important;background:#fbf4e3!important}
.atma-pay .tile img{display:inline-block;height:auto}
.atma-pay .tile span:not(.ic){color:#2f2e2b}
@media (max-width:600px){.atma-pay .tiles{grid-template-columns:1fr 1fr!important}.atma-pay .step>h2{font-size:19px}}
#atmaPay .tariffs:has(>.tf:only-child){grid-template-columns:minmax(0,560px)}
#atmaPay .tf:hover{transform:none}
#atmaPay .step{margin-top:22px;padding-top:22px}
#atmaPay .step>h2 .n{background:#fff;color:var(--gold2);border:1.5px solid var(--gold);width:30px;height:30px;font-size:14px}
#atmaPay .step{padding-bottom:6px!important}
.gal{align-items:center;margin-top:18px}
@media (max-width:520px){header.top .wrap{gap:8px}.brand{gap:8px;font-size:15px;line-height:1.25}.brand img{width:28px;height:28px}.brand small{font-size:9.5px;letter-spacing:.04em;white-space:nowrap}
nav.m{flex-wrap:nowrap;gap:10px}nav.m a{font-size:13px}nav.m a.hs{display:none}.lang button{padding:3px 6px}}
.welcome .photo{box-shadow:none;border:1px solid var(--line)}
/* кнопки приветственного блока кабинета: один ряд, одна высота */
.wbtns{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.wbtns .btn{margin:0;min-height:46px;line-height:1.2;padding:12px 20px;font-size:15px;white-space:nowrap}
button.btn{font-family:Montserrat,sans-serif}
@media (max-width:520px){.wbtns .btn{flex:1 1 100%}}
/* H1: аудитория второй строкой, легче и золотом */
h1 .aud{display:block;margin-top:10px;font-size:.52em;line-height:1.3;font-weight:600;color:#9a7b3f;letter-spacing:0}
@media (max-width:520px){h1 .aud{font-size:.6em;margin-top:8px}}
.welcome{grid-template-columns:1fr 1.4fr}
.wbtns .btn{flex:1 1 auto;text-align:center;justify-content:center;padding:11px 16px;font-size:14.5px}
@media (max-width:760px){.welcome{grid-template-columns:1fr}}