/* Спільна шапка-острів сторінок (бриф, розмова, документ, оплата, вхід, блог, політика, /cab).
   Числа знято з лендингу demo/k_c.html (.island): висота 80/68/56, радіуси 24/22/28, кнопки 40, кегль 17.5/16.
   Лендинг на цей файл не переведено (там анімація входу) — тож зміни розмірів робимо в обох місцях.
   Префікс shead-/--h- — щоб старі правила сторінок (.island, .nav, header) не чіпляли нову шапку.
   Фон острова суцільний: під текстом нічого не просвічує (власник: без скла). hover — лише колір, без transform. */

html {
  --h-ink:#0E1116; --h-soft:#4A5260; --h-card:#FFFFFF; --h-line:#E3E2DC; --h-sunk:#EFEDE7;
  --h-acc:#E8A31B; --h-acc-ink:#844E00;
  --h-sh1:0 1px 1px rgba(16,24,40,.05), 0 2px 6px -2px rgba(16,24,40,.12), inset 0 1px 0 rgba(255,255,255,.7);
  --h-sh3:0 2px 5px rgba(16,24,40,.10), 0 22px 46px -14px rgba(16,24,40,.32), inset 0 1px 0 rgba(255,255,255,.7);
  --h-top:12px;
}
html[data-theme="dark"] {
  --h-ink:#F1F3F7; --h-soft:#B3BBC8; --h-card:#2A303B; --h-line:#3B4352; --h-sunk:#232830;
  --h-acc:#F0B03C; --h-acc-ink:#F0B03C;
  --h-sh1:inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(255,255,255,.03), 0 1px 2px rgba(0,0,0,.4), 0 4px 10px -3px rgba(0,0,0,.5);
  --h-sh3:inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 1px rgba(255,255,255,.04), 0 4px 10px rgba(0,0,0,.5), 0 28px 56px -16px rgba(0,0,0,.7);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]):not([data-theme="dark"]) {
    --h-ink:#F1F3F7; --h-soft:#B3BBC8; --h-card:#2A303B; --h-line:#3B4352; --h-sunk:#232830;
    --h-acc:#F0B03C; --h-acc-ink:#F0B03C;
    --h-sh1:inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(255,255,255,.03), 0 1px 2px rgba(0,0,0,.4), 0 4px 10px -3px rgba(0,0,0,.5);
    --h-sh3:inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 1px rgba(255,255,255,.04), 0 4px 10px rgba(0,0,0,.5), 0 28px 56px -16px rgba(0,0,0,.7);
  }
}

/* місце під острів зарезервоване висотою в самому CSS: острів fixed, а контейнер лишає в потоці рівно його висоту
   (+16 просвіту) — сторінка не «стрибає», коли скрипт домалює шапку. data-space="none" — сторінка резервує сама */
[data-site-head] { display:block; flex:0 0 auto; height:calc(var(--h-top) + 80px + 16px + env(safe-area-inset-top, 0px)); }
[data-site-head][data-space="none"] { height:0; }

.shead { position:fixed; top:calc(var(--h-top) + env(safe-area-inset-top, 0px)); left:0; right:0; margin:0 auto; z-index:60;
  width:min(1188px, calc(100% - 28px)); min-height:80px; box-sizing:border-box; padding:14px 14px 14px 24px;
  display:flex; align-items:center; gap:18px; border:1px solid var(--h-line); border-radius:24px;
  background:var(--h-card); color:var(--h-ink); box-shadow:var(--h-sh3);
  font:400 16px/1.55 'Wix Madefor Text', system-ui, -apple-system, sans-serif; text-align:left; letter-spacing:0; }
.shead *, .shead *::before, .shead *::after, .shead-panel, .shead-panel *, .shead-scrim { box-sizing:border-box; }

.shead .shead-brand { display:flex; align-items:center; gap:12px; margin:0 auto 0 0; padding:0; min-width:0; border:0; background:none;
  color:var(--h-ink); text-decoration:none; }
.shead .shead-logo { width:38px; height:38px; flex:none; display:block; border-radius:10px; }
.shead .shead-brand div { min-width:0; }
.shead .shead-brand b { display:block; margin:0; font:700 17.5px/22px 'Wix Madefor Display', 'Wix Madefor Text', system-ui, sans-serif;
  letter-spacing:-.02em; white-space:nowrap; color:var(--h-ink); }
.shead .shead-brand small { display:block; margin:1px 0 0; font:400 12px/18.6px 'Wix Madefor Text', system-ui, sans-serif; color:var(--h-soft); white-space:nowrap; }

.shead .shead-nav { display:flex; align-items:center; gap:10px; margin-left:auto; flex:0 0 auto; }
.shead .shead-link, .shead .shead-pill, .shead .shead-set { margin:0; box-shadow:none; height:40px; display:inline-flex; align-items:center; justify-content:center;
  font:600 14px/1 'Wix Madefor Text', system-ui, sans-serif; letter-spacing:0; white-space:nowrap; text-decoration:none; cursor:pointer;
  -webkit-appearance:none; appearance:none; flex:0 0 auto; opacity:1; }
.shead .shead-link { padding:0 14px; border:0; border-radius:999px; background:transparent; color:var(--h-soft); transition:color .15s ease; }
.shead .shead-link:hover { color:var(--h-ink); }
.shead .shead-pill { padding:0 16px 0 13px; gap:8px; border:1px solid var(--h-line); border-radius:999px; background:transparent; color:var(--h-ink);
  transition:background-color .15s ease; }
.shead .shead-pill:hover { background:var(--h-sunk); }
.shead .shead-pill svg { flex:none; color:var(--h-acc-ink); }
.shead .shead-set { width:40px; padding:0; border:1px solid var(--h-line); border-radius:50%; background:transparent; color:var(--h-soft);
  transition:background-color .15s ease, color .15s ease; }
.shead .shead-set:hover, .shead .shead-set[aria-expanded="true"] { color:var(--h-ink); background:var(--h-sunk); }
.shead .shead-link:active, .shead .shead-pill:active, .shead .shead-set:active { transform:scale(.97); transition-duration:.1s; }
.shead a:focus-visible, .shead button:focus-visible { outline:2px solid var(--h-acc); outline-offset:2px; }
.shead .shead-set .ic-menu { display:none; }

/* панель: картка, радіус 16, розкривається від правого верху (scale .96 → 1 + opacity, 180 мс) */
.shead > .shead-panel { position:absolute; top:calc(100% + 10px); right:14px; z-index:5; width:264px; max-width:calc(100vw - 28px); padding:14px;
  border-radius:16px; background:var(--h-card); color:var(--h-ink); box-shadow:var(--h-sh3);
  font:400 16px/1.55 'Wix Madefor Text', system-ui, sans-serif;
  opacity:0; visibility:hidden; pointer-events:none; transform:scale(.96); transform-origin:100% 0;
  transition:opacity .18s ease, transform .18s cubic-bezier(.22,1,.36,1), visibility 0s linear .18s; }
.shead > .shead-panel.open { opacity:1; visibility:visible; pointer-events:auto; transform:none; transition-delay:0s; }
.shead-panel .set-h { margin:0 0 8px 2px; font:500 11px/1.55 'IBM Plex Mono', monospace; letter-spacing:.14em; text-transform:uppercase; color:var(--h-soft); }
.shead-panel .seg + .set-h { margin-top:14px; }
.shead-panel .seg { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:2px; padding:3px; border-radius:12px; background:var(--h-sunk); box-shadow:inset 0 0 0 1px var(--h-line); }
.shead-panel .seg button { margin:0; box-shadow:none; width:auto; height:34px; padding:0; border:0; border-radius:9px; display:flex; align-items:center; justify-content:center;
  background:transparent; color:var(--h-soft); font:600 13.5px/1 'Wix Madefor Text', system-ui, sans-serif; cursor:pointer; opacity:1;
  transition:background-color .15s ease, color .15s ease, box-shadow .15s ease; }
.shead-panel .seg button:hover { color:var(--h-ink); }
.shead-panel .seg button[aria-checked="true"] { background:var(--h-card); color:var(--h-ink); box-shadow:var(--h-sh1); }
.shead-panel .seg button:focus-visible { outline:2px solid var(--h-acc); outline-offset:1px; }
.shead-panel .shead-engine { display:none; }
/* посилання, додаткові блоки й шапка листа — лише в нижньому листі на телефоні */
.shead-panel .shead-row, .shead-panel .shead-extra, .shead-panel .setgrab, .shead-panel .setrow, .shead-scrim { display:none; }

@media (max-width:860px) {
  [data-site-head] { height:calc(var(--h-top) + 68px + 16px + env(safe-area-inset-top, 0px)); }
  .shead { min-height:68px; padding:10px 10px 10px 16px; gap:12px; border-radius:22px; }
  .shead .shead-logo { width:34px; height:34px; }
  .shead .shead-brand b { font-size:16px; line-height:20px; }
}

/* телефон: острів однією капсулою в один рядок — знак, назва, кругла кнопка-меню. Решта (кабінет/Telegram, «на сайт», тема, мова) —
   у нижньому листі; панель на телефоні переїжджає в <body>, бо fixed усередині острова рахувався б від нього (backdrop/transform) */
@media (max-width:600px) {
  html { --h-top:max(10px, calc(env(safe-area-inset-top, 0px) + 6px)); }
  [data-site-head] { height:calc(var(--h-top) + 56px + 14px); }
  .shead { top:var(--h-top); height:56px; min-height:0; padding:5px 5px 5px 14px; gap:8px; border-radius:28px;
    width:calc(100% - max(20px, 2 * max(env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)))); }
  .shead .shead-logo { width:36px; height:36px; }
  .shead .shead-brand { gap:10px; height:44px; }
  .shead .shead-brand b { font-size:16px; }
  .shead .shead-brand small, .shead .shead-nav .shead-link, .shead .shead-nav .shead-pill { display:none; }
  .shead .shead-nav { gap:8px; }
  .shead .shead-set { width:44px; height:44px; }
  .shead .shead-set .ic-set { display:none; }
  .shead .shead-set .ic-menu { display:block; }

  .shead-scrim { display:block; position:fixed; inset:0; z-index:89; background:rgba(3,7,14,.56); opacity:0; visibility:hidden;
    transition:opacity .28s ease, visibility 0s linear .28s; }
  .shead-scrim.open { opacity:1; visibility:visible; transition-delay:0s; }
  html.sheet-open { overflow:hidden; }
  body > .shead-panel { position:fixed; left:0; right:0; bottom:0; top:auto; z-index:90; width:auto; max-width:none; max-height:calc(100dvh - 24px);
    overflow-y:auto; overscroll-behavior:contain;
    padding:0 max(16px, env(safe-area-inset-left, 0px)) calc(16px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-right, 0px));
    border-radius:20px 20px 0 0; background:var(--h-card); color:var(--h-ink); box-shadow:0 -14px 44px -10px rgba(0,0,0,.5), 0 -1px 0 var(--h-line);
    font:400 16px/1.55 'Wix Madefor Text', system-ui, sans-serif;
    opacity:1; visibility:hidden; pointer-events:none; transform:translateY(105%);
    transition:transform .34s cubic-bezier(.22,1,.36,1), visibility 0s linear .34s; }
  body > .shead-panel.open { visibility:visible; pointer-events:auto; transform:none; transition-delay:0s; }
  body > .shead-panel.drag { transition:none; }
  body > .shead-panel .setgrab { display:block; width:40px; height:5px; margin:8px auto 0; border-radius:3px; background:color-mix(in srgb, var(--h-soft) 50%, transparent); touch-action:none; }
  body > .shead-panel .setrow { display:flex; align-items:center; justify-content:space-between; min-height:56px; touch-action:none; }
  body > .shead-panel .set-title { font:700 18px/1.2 'Wix Madefor Display', 'Wix Madefor Text', system-ui, sans-serif; letter-spacing:-.02em; padding-left:2px; }
  body > .shead-panel .setclose { box-shadow:none; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin:0 -6px 0 0; padding:0; border:0; border-radius:50%;
    background:var(--h-sunk); color:var(--h-soft); cursor:pointer; opacity:1; }
  body > .shead-panel .setclose:active { background:var(--h-line); }
  body > .shead-panel .setclose:focus-visible, body > .shead-panel .shead-row:focus-visible, body > .shead-panel .seg button:focus-visible { outline:2px solid var(--h-acc); outline-offset:2px; }
  body > .shead-panel .shead-row { display:flex; align-items:center; gap:12px; width:100%; min-height:52px; height:auto; margin:0 0 8px; padding:0 12px 0 14px;
    border:0; border-radius:16px; background:var(--h-sunk); color:var(--h-ink); box-shadow:var(--h-sh1); text-align:left; cursor:pointer; opacity:1;
    font:600 15.5px/1.2 'Wix Madefor Text', system-ui, sans-serif; text-decoration:none; }
  body > .shead-panel .shead-row:active { background:var(--h-line); }
  body > .shead-panel .shead-row svg { flex:none; color:var(--h-acc-ink); }
  body > .shead-panel .shead-row .chev { margin-left:auto; color:var(--h-soft); }
  body > .shead-panel .shead-extra { display:block; }
  body > .shead-panel .set-h { margin:16px 0 8px 2px; font-size:12px; }
  body > .shead-panel .seg { gap:2px; padding:3px; border-radius:14px; }
  body > .shead-panel .seg button { height:44px; border-radius:11px; font-size:15px; }
}
@media (max-width:359px) { .shead { padding-left:8px; } }

@media print { [data-site-head], .shead, .shead-panel, .shead-scrim { display:none !important; } }

/* «Кабінет» із літачком Telegram: вхід виконано — контур світиться; увійшли іншим способом — повільне блідо-лазурове
   мерехтіння як натяк підключити Telegram (рух за reduce не гасимо — у власника система його завжди віддає) */
.shead .shead-cab[data-tg="on"] { border-color:#46B6F5; box-shadow:0 0 0 1px rgba(70,182,245,.18), 0 0 8px rgba(70,182,245,.34); }
.shead .shead-cab[data-tg="on"] svg { color:#5CC4FF; filter:drop-shadow(0 0 2px rgba(92,196,255,.55)); }
/* Мерехтіння не анімує box-shadow і border-color (перемальовка щокадру): готові тінь і світла рамка стоять на ::after, а рухається
   лише їхня opacity — це робить композитор. Статична рамка (.45) лежить на самій кнопці, ::after накладає на неї #BFE8FB. */
.shead .shead-cab[data-tg="wait"] { position:relative; border-color:rgba(159,216,245,.45); }
.shead .shead-cab[data-tg="wait"]::after { content:""; position:absolute; inset:-1px; border:1px solid #BFE8FB; border-radius:inherit; pointer-events:none;
  box-shadow:0 0 0 3px rgba(159,216,245,.2), 0 0 16px rgba(159,216,245,.5); opacity:0; animation:cabWait 3.2s ease-in-out infinite; }
.shead .shead-cab[data-tg="wait"] svg { color:#7CC8F0; }
@keyframes cabWait { 0%, 100% { opacity:0; } 50% { opacity:1; } }
/* телефон: значок входу лишається в шапці (власник 01.10) — коло з контурним літачком, ті самі стани; підпис ховаємо.
   У чаті клієнта те саме коло — статус Telegram */
@media (max-width:600px) {
  .shead .shead-nav .shead-pill.shead-cab, .shead .shead-nav .shead-pill[data-tg] { display:inline-flex; width:44px; height:44px; padding:0; gap:0; justify-content:center; }
  .shead .shead-nav .shead-pill.shead-cab span, .shead .shead-nav .shead-pill[data-tg] span { display:none; }
}

/* власник 01.10: «прибери всюди смуги прокрутки — це не красиво». Прокрутка лишається (колесо, тач, клавіші), смуг нема.
   Правило тут, бо цей файл підключено на всіх сторінках сайту з шапкою-островом */
html, body, html body * { scrollbar-width:none !important; -ms-overflow-style:none !important; }
html::-webkit-scrollbar, body::-webkit-scrollbar, html body *::-webkit-scrollbar { display:none !important; width:0 !important; height:0 !important; }

/* ── тема «градієнти й метал» + художній шар для сторінок із шапкою сайту (власник 06.10: «бачу купу старого перед завантаженням
   актуальних варіантів») — раніше ці стилі вставляв site_head.js уже ПІСЛЯ першого кадру, і сторінка спершу малювалась плоскою
   старою темою. Тепер вони тут, у <head>, з першого кадру. Маркер --hr-metal-file: скрипт бачить його й не вставляє дубль.
   Правити — тут; блок hrMetal у site_head.js лишається запасним (той самий текст) ── */
:root{--hr-metal-file:1}
html[data-theme="dark"]{--app-bg:radial-gradient(1000px 760px at -4% -8%,rgba(255,90,60,.065) 0%,rgba(255,90,60,.045) 22%,rgba(255,90,60,.026) 42%,rgba(255,90,60,.011) 62%,rgba(255,90,60,0) 82%),radial-gradient(1200px 900px at 104% 108%,rgba(84,116,168,.12) 0%,rgba(84,116,168,.085) 24%,rgba(84,116,168,.05) 46%,rgba(84,116,168,.02) 66%,rgba(84,116,168,0) 86%),radial-gradient(900px 600px at 100% -10%,rgba(150,170,200,.045) 0%,rgba(150,170,200,.022) 40%,rgba(150,170,200,0) 75%),linear-gradient(180deg,#12151B 0%,#0F1217 35%,#0C0E12 100%);--mt-1:linear-gradient(125deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.014) 40%,rgba(255,255,255,.034) 50%,rgba(255,255,255,.014) 60%,rgba(255,255,255,0) 70%),linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.022) 28%,rgba(255,255,255,0) 58%,rgba(0,0,0,.035) 82%,rgba(0,0,0,.06) 100%);--mt-2:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,.02) 50%,rgba(255,255,255,0) 66%),linear-gradient(180deg,rgba(255,255,255,.035) 0%,rgba(255,255,255,.012) 40%,rgba(0,0,0,0) 65%,rgba(0,0,0,.045) 100%);--mt-edge:inset 0 1px 0 rgba(255,255,255,.075),0 1px 2px rgba(0,0,0,.4),0 8px 22px -10px rgba(0,0,0,.55)}html[data-theme="dark"] body{background-color:#0E1015!important;background-image:var(--app-bg)!important;background-attachment:fixed!important}html[data-theme="dark"] body :is(.shead,.blk:not(.bare),.spec,.meetcard,.card,.cb-card,:not(section).step,.stage,main.box){background-image:var(--mt-1)!important;box-shadow:var(--mt-edge)!important}html[data-theme="dark"] body :is(.mod,.obnote,.try,.cb-cand,.cb-pc){background-image:var(--mt-2)!important}html[data-theme="dark"] body{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 980 700%22 fill=%22none%22%3E%3Cg stroke=%22%23fff%22 stroke-opacity=%22.055%22 stroke-width=%221%22%3E%3Ccircle cx=%22490%22 cy=%22350%22 r=%22130%22/%3E%3Ccircle cx=%22490%22 cy=%22350%22 r=%22215%22 stroke-dasharray=%222 7%22/%3E%3Ccircle cx=%22490%22 cy=%22350%22 r=%22305%22/%3E%3Ccircle cx=%22490%22 cy=%22350%22 r=%22400%22 stroke-dasharray=%221 9%22/%3E%3Ccircle cx=%22490%22 cy=%22350%22 r=%22480%22/%3E%3C/g%3E%3Ccircle cx=%22338%22 cy=%22198%22 r=%224%22 fill=%22%23FF5A3C%22 fill-opacity=%22.5%22/%3E%3Ccircle cx=%22790%22 cy=%22388%22 r=%223%22 fill=%22%23E9A640%22 fill-opacity=%22.38%22/%3E%3Ccircle cx=%22215%22 cy=%22470%22 r=%222.5%22 fill=%22%23fff%22 fill-opacity=%22.2%22/%3E%3Ccircle cx=%22605%22 cy=%22557%22 r=%222%22 fill=%22%23fff%22 fill-opacity=%22.18%22/%3E%3C/svg%3E"),var(--app-bg)!important;background-repeat:no-repeat!important;background-size:980px 700px,auto,auto,auto,auto!important;background-position:calc(100% + 300px) 90px,0 0,0 0,0 0,0 0!important}html[data-theme="dark"] body :is(section.step,.card)[data-art-n],html[data-theme="dark"] body section.step.done{position:relative;isolation:isolate}html[data-theme="dark"] body section.step[data-art-n]::before{content:attr(data-art-n);position:absolute;z-index:-1;right:0;top:4px;pointer-events:none;font:700 clamp(110px,15vw,220px)/.8 "Wix Madefor Display",sans-serif;letter-spacing:-.05em;color:rgba(255,90,60,.035);-webkit-text-stroke:1.25px rgba(255,90,60,.24)}html[data-theme="dark"] body .card[data-art-n]::before{content:attr(data-art-n);position:absolute;z-index:-1;right:18px;top:12px;pointer-events:none;font:700 92px/.8 "Wix Madefor Display",sans-serif;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,90,60,.2)}html[data-theme="dark"] body section.step.done::after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:250px;height:250px;margin:-125px 0 0 -125px;pointer-events:none;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 180 180%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2290%22 cy=%2290%22 r=%2270%22 stroke=%22%23fff%22 stroke-opacity=%22.12%22 stroke-width=%221.25%22 stroke-dasharray=%222 7%22/%3E%3Ccircle cx=%2290%22 cy=%2290%22 r=%2246%22 stroke=%22%23FF5A3C%22 stroke-width=%222.25%22/%3E%3Cpath d=%22M70 91l14 14 27-30%22 stroke=%22%23FF5A3C%22 stroke-width=%223%22/%3E%3Cpath d=%22M90 8v12M90 160v12M8 90h12M160 90h12M33 33l8 8M139 139l8 8M147 33l-8 8M41 139l-8 8%22 stroke=%22%23E9A640%22 stroke-opacity=%22.55%22 stroke-width=%221.75%22/%3E%3Ccircle cx=%22152%22 cy=%2262%22 r=%223%22 fill=%22%23FF5A3C%22 fill-opacity=%22.6%22/%3E%3Ccircle cx=%2230%22 cy=%22120%22 r=%222.5%22 fill=%22%23fff%22 fill-opacity=%22.3%22/%3E%3C/svg%3E") center/contain no-repeat}@media (max-width:700px){html[data-theme="dark"] body section.step.done::after{width:170px;height:170px;margin:-85px 0 0 -85px}}@media (prefers-color-scheme:dark){html:not([data-theme="light"]){--app-bg:radial-gradient(1000px 760px at -4% -8%,rgba(255,90,60,.065) 0%,rgba(255,90,60,.045) 22%,rgba(255,90,60,.026) 42%,rgba(255,90,60,.011) 62%,rgba(255,90,60,0) 82%),radial-gradient(1200px 900px at 104% 108%,rgba(84,116,168,.12) 0%,rgba(84,116,168,.085) 24%,rgba(84,116,168,.05) 46%,rgba(84,116,168,.02) 66%,rgba(84,116,168,0) 86%),radial-gradient(900px 600px at 100% -10%,rgba(150,170,200,.045) 0%,rgba(150,170,200,.022) 40%,rgba(150,170,200,0) 75%),linear-gradient(180deg,#12151B 0%,#0F1217 35%,#0C0E12 100%);--mt-1:linear-gradient(125deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.014) 40%,rgba(255,255,255,.034) 50%,rgba(255,255,255,.014) 60%,rgba(255,255,255,0) 70%),linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.022) 28%,rgba(255,255,255,0) 58%,rgba(0,0,0,.035) 82%,rgba(0,0,0,.06) 100%);--mt-2:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,.02) 50%,rgba(255,255,255,0) 66%),linear-gradient(180deg,rgba(255,255,255,.035) 0%,rgba(255,255,255,.012) 40%,rgba(0,0,0,0) 65%,rgba(0,0,0,.045) 100%);--mt-edge:inset 0 1px 0 rgba(255,255,255,.075),0 1px 2px rgba(0,0,0,.4),0 8px 22px -10px rgba(0,0,0,.55)}html:not([data-theme="light"]) body{background-color:#0E1015!important;background-image:var(--app-bg)!important;background-attachment:fixed!important}html:not([data-theme="light"]) body :is(.shead,.blk:not(.bare),.spec,.meetcard,.card,.cb-card,:not(section).step,.stage,main.box){background-image:var(--mt-1)!important;box-shadow:var(--mt-edge)!important}html:not([data-theme="light"]) body :is(.mod,.obnote,.try,.cb-cand,.cb-pc){background-image:var(--mt-2)!important}html:not([data-theme="light"]) body{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 980 700%22 fill=%22none%22%3E%3Cg stroke=%22%23fff%22 stroke-opacity=%22.055%22 stroke-width=%221%22%3E%3Ccircle cx=%22490%22 cy=%22350%22 r=%22130%22/%3E%3Ccircle cx=%22490%22 cy=%22350%22 r=%22215%22 stroke-dasharray=%222 7%22/%3E%3Ccircle cx=%22490%22 cy=%22350%22 r=%22305%22/%3E%3Ccircle cx=%22490%22 cy=%22350%22 r=%22400%22 stroke-dasharray=%221 9%22/%3E%3Ccircle cx=%22490%22 cy=%22350%22 r=%22480%22/%3E%3C/g%3E%3Ccircle cx=%22338%22 cy=%22198%22 r=%224%22 fill=%22%23FF5A3C%22 fill-opacity=%22.5%22/%3E%3Ccircle cx=%22790%22 cy=%22388%22 r=%223%22 fill=%22%23E9A640%22 fill-opacity=%22.38%22/%3E%3Ccircle cx=%22215%22 cy=%22470%22 r=%222.5%22 fill=%22%23fff%22 fill-opacity=%22.2%22/%3E%3Ccircle cx=%22605%22 cy=%22557%22 r=%222%22 fill=%22%23fff%22 fill-opacity=%22.18%22/%3E%3C/svg%3E"),var(--app-bg)!important;background-repeat:no-repeat!important;background-size:980px 700px,auto,auto,auto,auto!important;background-position:calc(100% + 300px) 90px,0 0,0 0,0 0,0 0!important}html:not([data-theme="light"]) body :is(section.step,.card)[data-art-n],html:not([data-theme="light"]) body section.step.done{position:relative;isolation:isolate}html:not([data-theme="light"]) body section.step[data-art-n]::before{content:attr(data-art-n);position:absolute;z-index:-1;right:0;top:4px;pointer-events:none;font:700 clamp(110px,15vw,220px)/.8 "Wix Madefor Display",sans-serif;letter-spacing:-.05em;color:rgba(255,90,60,.035);-webkit-text-stroke:1.25px rgba(255,90,60,.24)}html:not([data-theme="light"]) body .card[data-art-n]::before{content:attr(data-art-n);position:absolute;z-index:-1;right:18px;top:12px;pointer-events:none;font:700 92px/.8 "Wix Madefor Display",sans-serif;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,90,60,.2)}html:not([data-theme="light"]) body section.step.done::after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:250px;height:250px;margin:-125px 0 0 -125px;pointer-events:none;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 180 180%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2290%22 cy=%2290%22 r=%2270%22 stroke=%22%23fff%22 stroke-opacity=%22.12%22 stroke-width=%221.25%22 stroke-dasharray=%222 7%22/%3E%3Ccircle cx=%2290%22 cy=%2290%22 r=%2246%22 stroke=%22%23FF5A3C%22 stroke-width=%222.25%22/%3E%3Cpath d=%22M70 91l14 14 27-30%22 stroke=%22%23FF5A3C%22 stroke-width=%223%22/%3E%3Cpath d=%22M90 8v12M90 160v12M8 90h12M160 90h12M33 33l8 8M139 139l8 8M147 33l-8 8M41 139l-8 8%22 stroke=%22%23E9A640%22 stroke-opacity=%22.55%22 stroke-width=%221.75%22/%3E%3Ccircle cx=%22152%22 cy=%2262%22 r=%223%22 fill=%22%23FF5A3C%22 fill-opacity=%22.6%22/%3E%3Ccircle cx=%2230%22 cy=%22120%22 r=%222.5%22 fill=%22%23fff%22 fill-opacity=%22.3%22/%3E%3C/svg%3E") center/contain no-repeat}@media (max-width:700px){html:not([data-theme="light"]) body section.step.done::after{width:170px;height:170px;margin:-85px 0 0 -85px}}}