/* SO site, чернетка v2: надбудова над ds-bundle.css і so-page.css бойового сайту */
@import "dash.css";
:root{
  --bg:var(--ds-color-bg); --paper:var(--ds-color-surface); --ink:var(--ds-color-text); --muted:var(--ds-color-text-muted);
  --line:var(--ds-color-border); --soft:var(--ds-color-surface-2); --gold:var(--ds-color-primary); --gold-ink:var(--ds-color-primary-text);
  --ph:#05070a; --ph-ink:#eceef2; --ph-mut:#9aa0ab; --ph-card:#161a20; --ph-line:#2c313a;
  --hub:#8fb6e6; --hubbg:var(--ds-color-surface); --mapdot:#8d97ab;
  --ok:#7cc9a2; --warn:#f0b45a; --bad:#f08a8a; --bad-bg:#321c1c; --warn-bg:#2c2312; --ok-bg:#16291f;
  --f-mono:var(--ds-font-mono); --f-body:var(--ds-font-sans);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-size:var(--so-text-body);line-height:var(--so-line-body);overflow-x:hidden}
img{max-width:100%;height:auto}
a.ds-button{text-decoration:none}
.ds-button--primary,.ds-button--primary:hover{color:var(--ds-color-primary-text)}
.ds-button--secondary:hover{color:var(--ds-color-text)}
.ds-headline{text-wrap:balance}
.ds-headline--h1{line-height:var(--so-line-display);max-width:20ch}
.ds-headline__lead,.ds-headline__main{display:inline}
.v2-hero .ds-headline--h1{max-width:22ch;font-size:clamp(32px,4.6vw,54px)}
.v2-hero .ds-headline__main{display:block;margin-top:.18em}
.ds-band{padding-inline:0;border-bottom:1px solid var(--ds-color-border)}
.ds-band--warm{box-shadow:none;background:radial-gradient(90% 120% at 85% 0%,rgba(245,180,85,.09),transparent 60%),var(--ds-color-bg)}
.so-eyebrow{margin:0}
.so-term a,.so-body a,.so-p a,.so-lede a{border-bottom:1px solid rgba(245,180,85,.35)}

.v2-draft{background:#2a2414;color:#e4cf8f;font-family:var(--ds-font-mono);font-size:12px;text-align:center;padding:6px 12px}
.v2-stack{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.v2-stack>*{max-width:100%}
.v2-stack>div:not(.so-actions):not(.so-panel),.v2-stack>form,.v2-stack>nav,.v2-stack>.v2-line,.v2-stack>.v2-rule{width:100%}
.v2-muted{color:var(--ds-color-text-muted)}
.v2-aside{margin:0;font-size:var(--so-text-ui);color:var(--ds-color-text-muted);max-width:52ch}
.v2-mono{margin:0;font-family:var(--ds-font-mono);font-size:var(--so-text-label);line-height:1.9;color:var(--ds-color-text-muted)}
.v2-mono a{color:var(--ds-color-text)}
.v2-note{margin:0;font-size:var(--so-text-ui);color:var(--ds-color-text-muted)}
.v2-price{margin:0;font-family:var(--ds-font-mono);font-size:var(--so-text-product);color:var(--ds-color-text)}
.v2-price b{font-weight:500}.v2-price i{font-style:normal;font-size:var(--so-text-ui);color:var(--ds-color-text-muted);margin-left:8px}

/* три масштаби */
.v2-scales{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.v2-scale,.v2-line{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-bg);color:var(--ds-color-text);transition:border-color .15s ease}
.v2-scale:hover,.v2-line:hover,a.v2-tile:hover{border-color:var(--ds-color-border-strong);color:var(--ds-color-text)}
.v2-scale .so-more,.v2-line .so-more{margin-top:auto;min-height:0}
.v2-scale-name{font-family:var(--ds-font-display);font-size:var(--ds-headline-3);line-height:1.2;color:var(--ds-color-text)}
.v2-scale-price{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--ds-color-border);font-family:var(--ds-font-mono)}
.v2-scale-price b{font-weight:500;font-size:var(--so-text-lede);color:var(--ds-color-text)}
.v2-scale-price i{font-style:normal;font-size:var(--so-text-label);color:var(--ds-color-text-muted)}
.v2-rule{border-left:2px solid var(--ds-color-primary);border-radius:0 var(--ds-radius-lg) var(--ds-radius-lg) 0;background:var(--ds-color-bg);display:flex;flex-direction:column;gap:10px}
.v2-rule .so-lede{max-width:74ch}
.v2-line{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr) auto;gap:8px 28px;align-items:start;border-style:dashed}
.v2-line .so-eyebrow{grid-column:1/-1}
.v2-line .so-more{grid-column:1/-1}
.v2-line .v2-scale-price{border-top:0;padding-top:0;text-align:right}

/* плитки, кейси */
.v2-tiles,.v2-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}
.v2-cases:has(> :nth-child(2):last-child),.v2-cases:has(> :nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
.v2-cases:has(> :only-child){grid-template-columns:minmax(0,640px)}
.v2-tile,.v2-case{display:flex;flex-direction:column;gap:10px;color:var(--ds-color-text)}
.v2-tile .so-more,.v2-case .so-more{margin-top:auto}
.v2-tile--quiet{background:transparent;border-style:dashed}
.ds-band--2 .so-panel{background:var(--ds-color-bg)}
.v2-case h3{font-family:var(--ds-font-display);font-size:var(--ds-headline-3);font-weight:600;line-height:1.2}

/* ряди з номером */
.v2-row-num{grid-template-columns:44px minmax(0,200px) minmax(0,1fr)}
.so-row{width:100%}
.so-row .so-body{max-width:62ch}

/* хто це робить */
.v2-who{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:48px;align-items:start}
.v2-who img{width:100%;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);filter:saturate(.9)}
.v2-who--top{grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:center}

/* знайомство */
.v2-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:48px;align-items:start}
.v2-form{display:grid;gap:14px}
.v2-form label{display:grid;gap:6px;font-size:var(--so-text-ui);color:var(--ds-color-text-muted)}
.v2-form .ds-input{width:100%;background:var(--ds-color-surface);color:var(--ds-color-text);border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);height:48px;padding:0 14px;font:inherit;font-size:16px}
.v2-form .ds-input:focus{outline:none;border-color:var(--ds-color-primary)}
.v2-check{display:flex!important;grid-template-columns:none;gap:10px;align-items:flex-start;min-height:44px;cursor:pointer}
.v2-check input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--ds-color-primary)}
.v2-form .ds-button{width:100%}
[data-form-note]{color:var(--ds-color-text)}

/* таблиці */
.tbl{width:100%;margin-top:4px;background:var(--ds-color-bg)}
.tbl a{color:var(--ds-color-text);border-bottom:1px solid rgba(245,180,85,.35)}
td{color:var(--ds-color-text-muted)} td:first-child,td.num{color:var(--ds-color-text)}

/* телефони */
.phone{box-shadow:0 12px 30px rgba(0,0,0,.5);font-family:var(--ds-font-sans)}
.phone .send{background:transparent;border:1px solid var(--ph-ink);color:var(--ph-ink)}
.phone .ttl{font-size:16px;font-weight:600;margin-top:4px}
.phone .bub{border-radius:14px;padding:9px 11px;margin-bottom:8px;max-width:88%}
.phone .bub.in{background:var(--ph-card);border:1px solid var(--ph-line)}
.phone .bub.out{background:#1c2b3f;margin-left:auto}
.flow{width:100%;margin-top:8px}
.flow figcaption{color:var(--ds-color-text-muted)} .flow figcaption b{color:var(--ds-color-text)}
.scheme{width:100%}
.ds-band--2 .scheme{--bg:var(--ds-color-surface)}
.mini{border-color:var(--ds-color-text-muted)}

/* шапка */
.soh{position:sticky;top:0;z-index:50;background:var(--so-scrim-header);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ds-color-border)}
.soh-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--so-header-h)}
.soh-brand{display:flex;align-items:center;gap:12px;color:var(--ds-color-text);flex:none}
.soh-mark{display:block;width:38px;height:38px;flex:none;filter:grayscale(1) brightness(1.25) opacity(.72)}
.soh-name{display:flex;flex-direction:column;line-height:1.25}
.soh-name b{font-weight:600;font-size:15px}
.soh-name i{font-style:normal;font-family:var(--ds-font-mono);font-size:11px;color:var(--ds-color-text-muted)}
.soh-nav{display:flex;align-items:center;gap:8px;font-size:var(--so-text-ui)}
.soh-item{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border-radius:var(--ds-radius-sm);color:var(--ds-color-text)}
.soh-item:hover,.soh-item[aria-current]{color:var(--ds-color-primary)}
.soh-drop{position:relative;display:flex;align-items:center}
.soh-panel{position:absolute;top:100%;left:0;padding-top:8px;display:none;z-index:40}
.soh-drop:hover .soh-panel,.soh-drop:focus-within .soh-panel{display:block}
.soh-card{min-width:360px;padding:8px;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);box-shadow:var(--ds-shadow-md);display:grid;gap:2px}
.soh-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:8px 12px;border-radius:var(--ds-radius-md);color:var(--ds-color-text);font-size:var(--so-text-ui)}
.soh-link:hover{background:var(--ds-color-surface-2);color:var(--ds-color-primary)}
.soh-price{font-family:var(--ds-font-mono);font-size:var(--so-text-label);color:var(--ds-color-text-muted);white-space:nowrap}
.soh-right{display:flex;align-items:center;gap:14px}
.soh-lang{display:flex;align-items:center;gap:6px;font-family:var(--ds-font-mono);font-size:var(--so-text-label);letter-spacing:.08em;color:var(--ds-color-text-muted)}
.soh-lang b{color:var(--ds-color-text);font-weight:500}.soh-lang a{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:44px;color:var(--ds-color-text-muted);text-decoration:none}.soh-lang span{color:var(--ds-color-border-strong)}
.soh-burger{display:none;width:44px;height:44px;flex:none;align-items:center;justify-content:center;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:transparent;color:var(--ds-color-text);cursor:pointer;font-size:20px;line-height:1}
.soh-sheet{border-top:1px solid var(--ds-color-border);padding:12px 0 20px;max-height:calc(100vh - 110px);overflow-y:auto}
.soh-sheet[hidden]{display:none}
.soh-sheet .so-eyebrow{margin:14px 12px 4px}
.soh-sheet .soh-link{min-height:52px}

/* підвал */
.v2-foot{padding:56px 0 110px;font-size:var(--so-text-minor);color:var(--ds-color-text-muted)}
.v2-foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
.v2-foot-grid>div{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.v2-foot-grid a:not(.soh-brand){display:inline-flex;align-items:center;min-height:36px;color:var(--ds-color-text)}
.v2-foot-grid a:not(.soh-brand):hover{color:var(--ds-color-primary)}
.v2-foot p{margin:8px 0 0;line-height:1.7}
.v2-foot .so-eyebrow{margin:0 0 6px}

/* консультант */
.soc-pill{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:10px;min-height:52px;padding:7px 20px 7px 7px;white-space:nowrap;border-radius:var(--ds-radius-full);border:1px solid var(--ds-color-border-strong);background:var(--ds-color-surface);color:var(--ds-color-text);cursor:pointer;font-family:var(--ds-font-sans);box-shadow:var(--ds-shadow-md);text-align:left}
.soc-pill:hover{border-color:var(--ds-color-primary)}
.soc-pill img{width:36px;height:36px;border-radius:50%;filter:grayscale(1) brightness(1.25) opacity(.72)}
.soc-pill span,.soc-head span{display:flex;flex-direction:column;line-height:1.25}
.soc-pill b,.soc-head b{font-size:14px;font-weight:600}
.soc-pill i,.soc-head i{font-style:normal;font-size:12px;color:var(--ds-color-text-muted)}
.soc-panel{position:fixed;right:20px;bottom:20px;z-index:61;width:376px;max-width:calc(100vw - 24px);max-height:min(78vh,620px);display:flex;flex-direction:column;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);box-shadow:var(--ds-shadow-md);overflow:hidden}
.soc-panel[hidden]{display:none}
.soc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 18px;border-bottom:1px solid var(--ds-color-border)}
.soc-head button{background:none;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);color:var(--ds-color-text-muted);width:44px;height:44px;cursor:pointer;font-size:18px;line-height:1;flex:none}
.soc-body{padding:16px 18px;display:grid;gap:10px;overflow-y:auto;align-content:start;flex:1;min-height:120px}
.soc-msg{margin:0;font-size:var(--so-text-minor);line-height:1.6;color:var(--ds-color-text)}
.soc-msg--q{justify-self:end;background:var(--ds-color-surface-2);border-radius:12px;padding:8px 12px;max-width:88%}
.soc-chip{display:block;width:100%;text-align:left;padding:11px 14px;min-height:44px;border-radius:var(--ds-radius-md);border:1px solid var(--ds-color-border);background:transparent;color:var(--ds-color-text);font-family:var(--ds-font-sans);font-size:var(--so-text-ui);line-height:1.45;cursor:pointer}
.soc-chip:hover{border-color:var(--ds-color-primary);color:var(--ds-color-primary)}
.soc-chips{display:grid;gap:10px}.soc-chips[hidden]{display:none}
.soc-msg{white-space:pre-wrap;overflow-wrap:anywhere}
.soc-msg--wait{color:var(--ds-color-text-muted)}
.soc-fail{color:var(--ds-color-text-muted)}.soc-fail[hidden]{display:none}.soc-fail a{color:var(--ds-color-text);border-bottom:1px solid rgba(245,180,85,.35)}
.soc-input{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--ds-color-border)}
.soc-input .ds-input{flex:1;min-width:0;height:44px;padding:0 12px;background:var(--ds-color-bg);color:var(--ds-color-text);border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);font:inherit;font-size:16px}
.soc-input .ds-input:focus{outline:none;border-color:var(--ds-color-primary)}
.soc-input .ds-button{flex:none}
.v2-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.v2-form-view{display:grid;gap:14px}.v2-form-view[hidden]{display:none}
.v2-form-view a{color:var(--ds-color-text);border-bottom:1px solid rgba(245,180,85,.35)}
.v2-form [aria-busy="true"]{opacity:.6;cursor:progress}

@media(max-width:1020px){.soh-lang,.soh-cta{display:none}}
@media(max-width:820px){
 .soh-nav{display:none}.soh-burger{display:flex}
 .v2-scales,.v2-tiles,.v2-cases,.v2-cases:has(> :nth-child(2)),.v2-two,.v2-who,.v2-who--top,.v2-foot-grid{grid-template-columns:minmax(0,1fr)}
 .v2-line{grid-template-columns:minmax(0,1fr)}.v2-line .v2-scale-price{text-align:left}
 .v2-who{gap:24px}.v2-who img{max-width:220px}.v2-two{gap:28px}
 .v2-row-num{grid-template-columns:32px minmax(0,1fr)}.v2-row-num .so-body{grid-column:2}
 .v2-hero .ds-headline--h1{font-size:clamp(28px,7.6vw,36px)}
 .ds-band--air-wide{padding-block:36px}
 .soc-pill{right:12px;bottom:12px;padding:5px 14px 5px 5px;min-height:46px}
 .soc-pill i{display:none}
 .soc-panel{right:12px;bottom:12px;max-height:72vh}
 .so-panel{padding:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* перший екран із портретом */
.v2-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:56px;align-items:center}
.v2-hero-photo{margin:0}
.v2-hero-photo img{display:block;width:100%;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);filter:saturate(.9)}
.v2-hero-photo figcaption{margin-top:10px;font-family:var(--ds-font-mono);font-size:var(--so-text-label);color:var(--ds-color-text-muted)}
@media(max-width:820px){.v2-hero-grid{grid-template-columns:minmax(0,1fr)}.v2-hero-photo{display:none}}
/* двері */
.soh-group{margin:10px 12px 2px!important}
.soh-card .soh-group:first-child{margin-top:6px!important}
.soh-all{border-top:1px solid var(--ds-color-border);border-radius:0;margin-top:6px;color:var(--ds-color-primary)}
.v2-said{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.v2-said .so-term{font-weight:500;font-family:var(--ds-font-display);font-size:var(--so-text-product);line-height:1.35}
.v2-said .so-body{font-size:var(--so-text-ui)}
.v2-ask{margin:0;padding:0;list-style:none;display:grid;gap:10px;width:100%;max-width:var(--so-measure)}
.v2-ask li{position:relative;padding:14px 16px 14px 44px;border:1px dashed var(--ds-color-border-strong);border-radius:var(--ds-radius-md);color:var(--ds-color-text);font-size:var(--so-text-list)}
.v2-ask li::before{content:"?";position:absolute;left:16px;top:12px;font-family:var(--ds-font-mono);color:var(--ds-color-text-muted)}
.v2-tile .so-eyebrow{margin-bottom:2px}
.v2-note a{color:var(--ds-color-text);border-bottom:1px solid rgba(245,180,85,.35)}
@media(max-width:820px){.v2-said{grid-template-columns:minmax(0,1fr)}}

/* ================= РУХ, друга версія (12.11.2026) =================
   Правило: нічого не привʼязано до прокрутки. Подія запускається один раз, коли блок у полі зору,
   і триває фіксований час. Текст не анімується. Без JS і з вимкненим рухом сторінка повністю статична. */
.ds-band--warm{position:relative}
.ds-band--warm::before{content:"";position:absolute;inset:0;pointer-events:none;background:
 linear-gradient(var(--ds-color-border) 1px,transparent 1px) 0 0/100% 64px,
 linear-gradient(90deg,var(--ds-color-border) 1px,transparent 1px) 0 0/64px 100%;
 opacity:.3;mask-image:radial-gradient(80% 90% at 82% 8%,#000,transparent 72%);-webkit-mask-image:radial-gradient(80% 90% at 82% 8%,#000,transparent 72%)}
.ds-band--warm>.so-wrap{position:relative}
.v2-sch{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1fr);gap:0}
.v2-link{align-self:center;height:2px;background:repeating-linear-gradient(90deg,var(--hub) 0 6px,transparent 6px 12px);transform-origin:left;opacity:.8}
.v2-own{grid-column:1/-1;margin-top:18px;height:22px;border:1px solid var(--ds-color-border-strong);border-top:0;border-radius:0 0 10px 10px;position:relative}
.v2-own span{position:absolute;left:50%;top:10px;transform:translateX(-50%);background:var(--ds-color-surface);padding:0 12px;font-family:var(--ds-font-mono);font-size:12px;color:var(--ds-color-text);white-space:nowrap}
.hub::after{content:"";position:absolute;left:-28px;right:-28px;top:calc(50% - 37px);height:8px;pointer-events:none;opacity:0;
 background:radial-gradient(circle 4px at 4px 4px,var(--hub) 98%,transparent) calc(50% - 84px) 0/8px 8px no-repeat,
            radial-gradient(circle 4px at 4px 4px,var(--hub) 98%,transparent) calc(50% + 84px) 0/8px 8px no-repeat}
@media(max-width:820px){
 .v2-sch{grid-template-columns:minmax(0,1fr)}
 .v2-link{width:2px;height:24px;justify-self:center;background:repeating-linear-gradient(180deg,var(--hub) 0 6px,transparent 6px 12px);transform-origin:top}
 .v2-own span{font-size:11px}
}
@media(max-width:980px){.hub::after{display:none}}

/* наведення: лише справжні посилання і лише там, де є миша */
.v2-tile,.ds-button{transition:background-color .16s,border-color .16s,color .16s,translate .16s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){
 a.v2-tile:hover{translate:0 -2px;border-color:var(--ds-color-border-strong)}
 .ds-button:hover{translate:0 -1px}
 .ds-button:active{translate:0 0;transition-duration:.06s}
}

@keyframes m-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes m-drawx{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes m-drawy{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes m-clip{from{clip-path:inset(0 100% -20px 0)}to{clip-path:inset(0 0 -20px 0)}}
@keyframes m-pack{0%{opacity:0;background-position:calc(50% - 84px) 0,calc(50% + 84px) 0}2%{opacity:1}
 12%{opacity:1;background-position:0 0,100% 0}15%,100%{opacity:0;background-position:0 0,100% 0}}
@keyframes m-flash{0%,11%{box-shadow:0 0 0 0 rgba(240,138,138,0)}13%{box-shadow:0 0 0 4px rgba(240,138,138,.5)}24%,100%{box-shadow:0 0 0 0 rgba(240,138,138,0)}}

/* клас m-on ставить скрипт, і лише якщо рух не вимкнено в системі */
.m-on [data-m="i"]:not(.is-in),.m-on [data-m="g"]:not(.is-in)>*{opacity:0}
.m-on [data-m="i"].is-in:not(.is-now),.m-on [data-m="g"].is-in:not(.is-now)>*{animation:m-rise .38s cubic-bezier(.16,1,.3,1) both}
.m-on [data-m="g"].is-in>:nth-child(2){animation-delay:.06s}
.m-on [data-m="g"].is-in>:nth-child(3){animation-delay:.12s}
.m-on [data-m="g"].is-in>:nth-child(n+4){animation-delay:.18s}
/* три кроки прикладу: по черзі, зліва направо */
.m-on .flow[data-m="g"].is-in>:nth-child(2){animation-delay:.3s}
.m-on .flow[data-m="g"].is-in>:nth-child(3){animation-delay:.6s}
/* три масштаби: картки, звʼязки, потім дужка «ваше» */
.m-on .v2-sch[data-m="g"].is-in>:nth-child(3){animation-delay:.06s}
.m-on .v2-sch[data-m="g"].is-in>:nth-child(5){animation-delay:.12s}
.m-on .v2-sch[data-m="g"].is-in:not(.is-now)>.v2-link{animation:m-drawx .24s cubic-bezier(.65,0,.35,1) .22s both}
.m-on .v2-sch[data-m="g"].is-in:not(.is-now)>.v2-link:nth-child(4){animation-delay:.3s}
.m-on .v2-sch[data-m="g"].is-in:not(.is-now)>.v2-own{animation:m-clip .52s cubic-bezier(.65,0,.35,1) .44s both}
.m-on .v2-link[data-m="i"].is-in:not(.is-now){animation:m-drawy .2s cubic-bezier(.65,0,.35,1) both}
/* схема дашборда: один пакет із центру до телефона й монітора, двічі, потім тиша */
.m-on .scheme.is-in .hub::after{animation:m-pack 6s cubic-bezier(.65,0,.35,1) .3s 2 both}
.m-on .scheme.is-in .tiles .t:nth-child(2){animation:m-flash 6s linear .3s 2 both}
@media print{.m-on [data-m]{opacity:1!important}.m-on [data-m]>*{opacity:1!important;animation:none!important}}

/* перехід між сторінками */
@media (prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation-duration:.12s}
 ::view-transition-new(root){animation-duration:.18s}
 .soh{view-transition-name:soh}
}

/* консультант не закриває текст на телефоні й не лежить поверх відкритого меню */
@media(max-width:820px){
 .soc-pill{padding:5px;min-height:0}
 .soc-pill span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}
body:has(#soh-sheet:not([hidden])) .soc-pill{display:none}

/* ================= ЛОГОТИП-ВІДЕО (12.11.2026) =================
   Пропорція золотого перетину: текст 1.618 частини, знак 1 частина. Ролик на чорному тлі,
   тло знімає mix-blend-mode:screen і маска. Грає один раз і завмирає на останньому кадрі. */
.v2-logo{pointer-events:none;min-width:0}
.v2-logo video{display:block;width:100%;height:auto;mix-blend-mode:screen;background:transparent}
.v2-hero-grid{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:48px}
.v2-hero .ds-headline--h1{max-width:none;font-size:clamp(32px,3.5vw,44px)}
.v2-logo--hero video{aspect-ratio:1;-webkit-mask-image:radial-gradient(circle closest-side,#000 85%,transparent 97%);mask-image:radial-gradient(circle closest-side,#000 85%,transparent 97%)}
.v2-who--top{grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);align-items:start}
.v2-logo--about{width:100%;margin-top:-40px;margin-bottom:-24px;opacity:.9}
.v2-logo--about video{aspect-ratio:832/576;-webkit-mask-image:radial-gradient(ellipse closest-side,#000 40%,transparent 97%);mask-image:radial-gradient(ellipse closest-side,#000 40%,transparent 97%)}
@media(min-width:821px){.ds-band--warm.ds-band--air-wide{padding-block:44px 56px}}
@media(max-width:820px){
 .v2-hero-grid{grid-template-columns:minmax(0,1fr)}
 .v2-hero-grid>.v2-hero{position:relative;z-index:1}
 .v2-logo--hero{position:absolute;z-index:0;left:50%;top:46%;width:min(92vw,440px);translate:-50% -50%;opacity:.24}
 .so-actions .ds-button{white-space:normal;text-align:center}
 .v2-hero .ds-headline--h1{font-size:clamp(28px,7.6vw,36px)}
 .v2-who--top{grid-template-columns:minmax(0,1fr)}
 .v2-logo--about{margin-top:-16px}
}

/* шість дверей на головній: 3 × 2, однакова висота, вся плашка натискається */
.v2-tiles--six{grid-auto-rows:1fr}
.v2-tiles--six .v2-tile{min-height:208px;padding:24px}
.v2-tiles--six .so-term{font-size:18px;line-height:1.3}
@media(min-width:821px) and (max-width:1000px){.v2-tiles--six{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (hover:hover) and (pointer:fine){.soh-lang a:hover{color:var(--ds-color-text)}}