/* SANPID: токени логобуку. Спільні для сторінки, логобука PDF, ТЗ і КП. */
@font-face{font-family:Geologica;src:url(/assets/fonts/geologica-cyrillic-wght-normal.woff2) format("woff2-variations"),url(/assets/fonts/geologica-cyrillic-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Geologica;src:url(/assets/fonts/geologica-latin-wght-normal.woff2) format("woff2-variations"),url(/assets/fonts/geologica-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";src:url(/assets/fonts/jetbrains-mono-cyrillic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";src:url(/assets/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2190-2193,U+2212}
@font-face{font-family:"JetBrains Mono";src:url(/assets/fonts/jetbrains-mono-cyrillic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";src:url(/assets/fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2190-2193,U+2212}
:root{
  --hot:#F5821F;--hot-t:#B84F06;--cold:#00B6F1;--cold-t:#00729C;
  --spark:#EDCF1C;--mist:#91D7F0;--ink:#0E2230;--ink2:#16303F;--fog:#F4F7F9;--steel:#5B6C78;--steel-d:#A9BCC8;--line:#DDE5EA;
  --disp:Geologica,"Segoe UI",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.2,.7,.1,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--disp);color:var(--ink);background:#fff;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;font-weight:350}
img,video,svg{display:block;max-width:100%}
a{color:inherit}
.mono{font-family:var(--mono);font-weight:400;letter-spacing:0}
.colo{display:flex;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--steel);padding-bottom:18px;border-bottom:1px solid currentColor}
.colo span{opacity:.92}
h1,h2,h3{font-weight:750;letter-spacing:-.015em;line-height:1.08}

/* ── Навігація і труба прогресу ── */
.nav{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:20px clamp(18px,4vw,48px);transition:background .35s,padding .35s;pointer-events:none}
.nav>*{pointer-events:auto}
.nav img{height:34px;width:auto}
.pre .nav,.pre .rail{opacity:0}.nav,.rail{transition:opacity .6s,background .35s,padding .35s}
.nav.solid{background:rgba(14,34,48,.86);backdrop-filter:blur(10px);padding-block:10px}
.nav nav{display:flex;gap:22px;font-size:14px;color:#fff}
.nav nav a{text-decoration:none;opacity:.9}.nav nav a:hover{opacity:1;color:var(--spark)}
.rail{position:fixed;left:18px;top:50%;translate:0 -50%;z-index:30;width:10px;height:56vh;display:none}
.rail i{position:absolute;top:0;bottom:0;width:3px;border-radius:3px;background:rgba(120,140,155,.28);overflow:hidden}
.rail i::after{content:"";position:absolute;inset:0;transform-origin:top;transform:scaleY(var(--p,0));transition:transform .15s linear}
.rail .h{left:0}.rail .h::after{background:var(--hot)}
.rail .c{left:7px}.rail .c::after{background:var(--cold)}
@media(min-width:1180px){.rail{display:block}}

/* ── Hero ── */
.hero{position:relative;height:100svh;min-height:620px;overflow:hidden;background:#04121E;color:#fff;isolation:isolate}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#fireClip{position:absolute;inset:0;will-change:clip-path}
#fireClip video{filter:brightness(.86) saturate(1.12)}
.hero .shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(14,34,48,.86),rgba(14,34,48,0) 44%),linear-gradient(180deg,rgba(4,18,30,.5),rgba(4,18,30,0) 26%);pointer-events:none}
.band{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.band path{fill:none;stroke-linecap:round}
.intro{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none;transition:opacity .35s}
.intro img{width:min(440px,70vw)}
.hero .big{position:absolute;z-index:4;font-weight:800;line-height:.86;letter-spacing:-.035em;font-size:clamp(76px,16.5vw,300px);text-shadow:0 10px 60px rgba(4,18,30,.45)}
.hero .big b{font-weight:inherit;display:block;transition:transform 1.3s var(--ease),opacity 1s}
.big.w{right:clamp(20px,4.4vw,70px);top:clamp(92px,15vh,170px)}
.big.t{left:clamp(20px,4.4vw,70px);bottom:clamp(160px,21vh,210px)}
.pre .hero .big b{transform:translateY(40px);opacity:0}
.herotxt{position:absolute;z-index:5;left:clamp(20px,4.4vw,70px);bottom:clamp(58px,8.4vh,84px);max-width:560px}
.herotxt h1{font-size:clamp(19px,1.75vw,27px);font-weight:600;letter-spacing:-.005em;line-height:1.24}
.herotxt p{margin-top:6px;color:#fff;font-size:15.5px}
.mix{position:absolute;z-index:5;left:clamp(20px,4.4vw,70px);bottom:clamp(26px,5vh,54px);font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;display:flex;align-items:center;gap:12px}
.mix i{display:block;width:110px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--hot),#fff 50%,var(--cold));position:relative}
.mix i::after{content:"";position:absolute;top:50%;left:calc(50% + var(--m,0)*50%);width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.5);transform:translate(-50%,-50%)}
@media(max-width:760px){
  .nav nav{display:none}.nav img{height:27px}
  .hero{min-height:560px}.big.w{top:84px;right:18px}.big.t{left:18px;bottom:196px}
  .hero .big{font-size:25vw}
  .herotxt{left:18px;right:18px;text-align:left;bottom:62px;max-width:none}.herotxt h1{font-size:18px}.herotxt p{font-size:14.5px;margin-top:4px}
  .mix{left:18px;bottom:22px}
}

/* ── Аркуші ── */
.sheet{position:relative;padding:clamp(70px,10vw,140px) clamp(20px,6.4vw,110px);overflow:hidden;isolation:isolate}
.sheet.ink{background:var(--ink);color:#fff}.sheet.ink .colo{color:var(--steel-d)}
.sheet.fog{background:var(--fog)}
.sheet.hot{background:var(--hot);color:var(--ink)}
.sheet .inner{max-width:1240px;margin:auto;position:relative;z-index:2}
.sheet h2{font-size:clamp(34px,5.4vw,84px);margin:clamp(30px,5vw,64px) 0 clamp(20px,3vw,36px);max-width:15em}
.lead{font-size:clamp(18px,1.7vw,23px);line-height:1.5;max-width:42em;font-weight:330}
.sheet.ink .lead{color:#DCEAF2}
.bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.bgs{position:absolute;inset:0;z-index:1}
[data-r]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--d,0)*80ms)}
[data-r].on{opacity:1;transform:none}
.cut{position:relative;display:inline-block}
.cut::after{content:"";position:absolute;left:-.04em;right:-.04em;bottom:.03em;height:.1em;border-radius:.1em;background:linear-gradient(90deg,var(--hot),var(--cold));transform:scaleX(0);transform-origin:left;transition:transform 1.1s .25s var(--ease)}
.on .cut::after,.cut.on::after{transform:scaleX(1)}

/* ── Почули ── */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:clamp(36px,5vw,64px)}
.stat{border-top:3px solid var(--line);padding-top:14px}
.stat:nth-child(odd){border-color:var(--hot)}.stat:nth-child(even){border-color:var(--cold)}
.stat b{display:block;font-size:clamp(36px,4.6vw,66px);font-weight:800;line-height:1;letter-spacing:-.03em}
.stat span{font-size:15px;color:var(--steel)}
.heard{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:clamp(36px,5vw,60px)}
.say{border-radius:22px;padding:clamp(24px,3vw,38px);background:var(--fog);display:flex;flex-direction:column;gap:18px}
.say blockquote{font-size:clamp(19px,1.9vw,25px);line-height:1.36;font-weight:450;letter-spacing:-.005em}
.say .ans{border-top:1px solid var(--line);padding-top:16px;margin-top:auto;font-size:16px}
.say .ans b{font-weight:650}
.say .tag{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
.say.a .tag{color:var(--hot-t)}.say.b .tag{color:var(--cold-t)}
@media(max-width:860px){.stats{grid-template-columns:1fr 1fr}.heard{grid-template-columns:1fr}}

/* ── Ідея: знак із відео ── */
.idea{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(30px,5vw,80px);align-items:center;margin-top:48px}
.markv{position:relative;aspect-ratio:79.84/67.76;width:100%}
.markv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.markv .f{-webkit-mask-image:url(/assets/logo/mask-hot.svg);mask-image:url(/assets/logo/mask-hot.svg)}
.markv .w{-webkit-mask-image:url(/assets/logo/mask-cold.svg);mask-image:url(/assets/logo/mask-cold.svg)}
.manifest{font-size:clamp(25px,3.1vw,45px);line-height:1.2;font-weight:600;letter-spacing:-.012em}
.manifest span{opacity:.2;transition:opacity .4s}.manifest span.lit{opacity:1}
.manifest .h{color:var(--hot)}.manifest .c{color:var(--cold)}
@media(max-width:860px){.idea{grid-template-columns:1fr}.markv{max-width:420px;margin:auto}}

/* ── Логотип ── */
.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:40px}
.tile{border-radius:18px;min-height:210px;display:grid;place-items:center;padding:30px;background:var(--fog);position:relative}
.tile img{max-height:92px;width:100%;object-fit:contain}
.tile small{position:absolute;left:18px;bottom:12px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;opacity:.76}
.tile.s3{grid-column:span 3}.tile.s2{grid-column:span 2}
.tile.ink{background:var(--ink);color:#fff}.tile.hot{background:var(--hot)}.tile.cold{background:var(--cold-t);color:#fff}
.ba{--x:50%;position:relative;margin-top:30px;border-radius:18px;background:#fff;border:1px solid var(--line);padding:clamp(20px,5vw,70px);overflow:hidden;user-select:none}
.ba .frame{position:relative;aspect-ratio:4.73/1}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ba .new{clip-path:inset(0 0 0 var(--x))}
.ba .old{clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.ba .bar{position:absolute;top:0;bottom:0;left:var(--x);width:2px;background:var(--ink);pointer-events:none}
.ba .bar::after{content:"◂ ▸";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--ink);color:#fff;font-size:12px;padding:7px 9px;border-radius:30px;white-space:nowrap}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba .lb{position:absolute;bottom:10px;font-family:var(--mono);font-size:12px;color:var(--steel)}
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
.rules h3{font-size:20px;margin-bottom:8px}.rules p{font-size:15.5px;color:var(--steel)}
.clear{background:repeating-linear-gradient(45deg,#fff,#fff 7px,#FDEBDA 7px,#FDEBDA 14px);border-radius:12px;padding:10.6%;margin-bottom:16px;border:1px dashed var(--hot)}
.clear img{background:#fff}
.sizes{display:flex;align-items:flex-end;gap:18px;min-height:96px;margin-bottom:16px;flex-wrap:wrap}
.dont{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:30px}
.dont div{border-radius:12px;background:var(--fog);aspect-ratio:1.5;display:grid;place-items:center;overflow:hidden;position:relative;padding:12px}
.dont div::after{content:"✕";position:absolute;right:8px;top:4px;color:#C8281E;font-weight:800;font-size:14px}
.dont img{max-height:42px}.dont p{grid-column:1;font-size:12px}
.dontl{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:6px;font-size:13px;color:var(--steel)}
@media(max-width:860px){.logos{grid-template-columns:1fr 1fr}.tile.s3,.tile.s2{grid-column:span 1}.rules{grid-template-columns:1fr}.dont,.dontl{grid-template-columns:repeat(3,1fr)}.dontl{display:none}}

/* ── Кольори ── */
.swatches{display:flex;height:clamp(380px,56vh,560px);margin-top:44px;border-radius:22px;overflow:hidden;gap:0}
.sw{flex:1;border:0;font:inherit;text-align:left;cursor:copy;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;transition:flex .6s var(--ease);color:var(--ink);min-width:0;overflow:hidden}
.sw.main{flex:2.3}
.sw:hover,.sw:focus-visible{flex:3.4}
.sw b{font-size:clamp(20px,2.3vw,34px);font-weight:750;letter-spacing:-.015em;white-space:nowrap}
.sw code{font-family:var(--mono);font-size:13px;line-height:1.55;white-space:nowrap;display:block;margin-top:6px}
.sw.d{color:#fff}
.note{margin-top:18px;font-size:15px;color:var(--steel);max-width:52em}
.textcol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.textcol div{border-radius:14px;padding:18px 20px;background:var(--fog);font-size:15px}
.textcol b{display:block;font-size:21px;font-weight:750}
@media(max-width:760px){.swatches{flex-direction:column;height:auto}.sw,.sw.main,.sw:hover{flex:none;min-height:116px}.textcol{grid-template-columns:1fr}}

/* ── Шрифт ── */
.spec{font-size:clamp(66px,14.5vw,230px);font-weight:var(--w,800);line-height:.96;letter-spacing:-.03em;color:#fff;transition:font-weight .2s}
.typeg{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;margin-top:40px}
.typeg h3{font-size:22px;margin-bottom:10px}.typeg p{color:#DCEAF2;font-size:16px}
.t1{font-size:clamp(25px,2.8vw,40px);font-weight:750;line-height:1.14;margin-bottom:10px}
.t3{font-family:var(--mono);font-size:15px;color:var(--mist);margin-top:12px;line-height:1.7}
.t3 b{color:var(--spark);font-weight:700}
@media(max-width:860px){.typeg{grid-template-columns:1fr}}

/* ── Потік ── */
.flow{height:clamp(240px,34vw,420px);margin-top:36px;border-radius:22px;background:var(--ink);overflow:hidden}
.flow svg{width:100%;height:100%}
.flow path{fill:none;stroke-linecap:round;stroke-width:15}
.icons{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-top:22px}
.ic{border-radius:14px;background:var(--fog);padding:16px 8px 12px;text-align:center;font-size:13px;color:var(--steel);transition:background .3s,color .3s,transform .3s var(--ease)}
.ic svg{width:44px;height:44px;margin:0 auto 8px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ic .h{stroke:var(--hot)}.ic .c{stroke:var(--cold)}
.ic:hover{transform:translateY(-4px);background:var(--ink);color:#fff}.ic:hover svg{stroke:#fff}
@media(max-width:860px){.icons{grid-template-columns:repeat(4,1fr)}}

/* ── Відео-стиль ── */
.media{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.mt{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:3/4;background:#000}
.mt video{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.mt:hover video{transform:scale(1.07)}
.mt p{position:absolute;inset:auto 0 0 0;padding:44px 16px 14px;color:#fff;font-size:15px;line-height:1.3;background:linear-gradient(0deg,rgba(14,34,48,.86),transparent)}
.mt b{display:block;font-size:19px}
@media(max-width:860px){.media{grid-template-columns:1fr 1fr}}

/* ── Застосування ── */
.appl{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:42px}
.ap{border-radius:18px;overflow:hidden;position:relative;background:var(--fog);min-height:290px;transition:transform .5s var(--ease)}
.ap:hover{transform:translateY(-6px)}
.ap small{position:absolute;left:18px;bottom:12px;font-family:var(--mono);font-size:11.5px;opacity:.78}
.a7{grid-column:span 7}.a5{grid-column:span 5}.a4{grid-column:span 4}.a3{grid-column:span 3}
.sign{background:linear-gradient(180deg,#26414F,#142A38 62%,#0B1C27);display:flex;flex-direction:column;justify-content:flex-start;color:#fff}
.sign .board{margin:34px 7% 0;background:#fff;border-radius:10px;padding:22px 7%;box-shadow:0 0 70px rgba(245,130,31,.34),0 20px 44px rgba(0,0,0,.4)}
.sign .board img{height:clamp(46px,6.2vw,84px);width:100%;object-fit:contain}
.sign .shop{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 7% 0}
.sign .shop i{height:92px;background:linear-gradient(180deg,#F9C98B,#F5A040);opacity:.86;border-radius:3px 3px 0 0}
.card{display:grid;place-items:center;background:var(--hot)}
.bc{width:min(76%,330px);aspect-ratio:1.75;background:#fff;border-radius:10px;padding:18px 20px;box-shadow:0 22px 48px rgba(14,34,48,.34);transform:rotate(-4deg);display:flex;flex-direction:column;justify-content:space-between;color:var(--ink)}
.bc img{height:28px;width:auto;align-self:flex-start}
.bc b{font-size:16px;font-weight:700}.bc span{font-family:var(--mono);font-size:11px;line-height:1.5;display:block}
.price{display:grid;place-items:center;background:var(--fog)}
.pt{width:min(80%,270px);background:#fff;border-radius:12px;border-top:9px solid var(--hot);padding:16px 18px;box-shadow:0 14px 34px rgba(14,34,48,.14)}
.pt span{font-size:14px;line-height:1.25;display:block;min-height:36px}
.pt b{display:block;font-size:42px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-top:6px}
.pt code{font-family:var(--mono);font-size:11px;color:var(--steel)}
.av{display:grid;place-items:center;background:var(--ink)}
.av .ring{width:120px;height:120px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 4px var(--hot)}
.av .ring img{width:78px}
.promb{background:var(--ink);color:#fff;display:flex;align-items:center;gap:24px;padding:26px 30px 36px;position:relative;overflow:hidden}
.promb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.promb>div{position:relative}.promb h3{font-size:clamp(24px,2.6vw,37px)}
.promb p{font-size:15px;margin-top:6px;color:#DCEAF2}
.promb small{color:#fff;z-index:2}
@media(max-width:860px){.a7,.a5,.a4,.a3{grid-column:span 12}}

/* ── Онлайн ── */
.chan{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;margin-top:40px}
.ch{display:grid;grid-template-columns:18px 1fr auto;gap:12px;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(169,188,200,.28);font-size:16px}
.ch i{width:11px;height:11px;border-radius:50%;align-self:center}
.ch .ok{background:#46D39A}.ch .warn{background:var(--spark)}.ch .bad{background:#F06A5E}
.ch span{font-family:var(--mono);font-size:12.5px;color:var(--steel-d);text-align:right}
.find{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.fi{border:1px solid rgba(169,188,200,.3);border-radius:16px;padding:20px;background:rgba(14,34,48,.56);backdrop-filter:blur(6px);font-size:15.5px;color:#DCEAF2}
.fi b{display:block;color:#fff;font-size:19px;line-height:1.2;margin-bottom:8px;font-weight:700}
.legend{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:12.5px;margin-top:16px;color:var(--steel-d)}
.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}
@media(max-width:860px){.chan{grid-template-columns:1fr}.find{grid-template-columns:1fr 1fr}.ch span{display:none}.ch{grid-template-columns:18px 1fr}}
@media(max-width:520px){.find{grid-template-columns:1fr}}

/* ── AI Прайс ── */
.demo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,60px);margin-top:42px;align-items:start}
.bot{background:#fff;color:var(--ink);border-radius:22px;padding:18px;box-shadow:0 30px 70px rgba(4,18,30,.5);min-height:560px;display:flex;flex-direction:column}
.bot header{display:flex;align-items:center;gap:12px;padding:4px 6px 14px;border-bottom:1px solid var(--line)}
.bot header img{width:34px}.bot header b{font-size:16px;font-weight:700;display:block;line-height:1.2}.bot header span{font-size:13px;color:var(--steel)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 10px}
.chips button{font:inherit;font-size:13.5px;padding:8px 12px;border-radius:30px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:.2s}
.chips button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.log{flex:1;display:flex;flex-direction:column;gap:10px;font-size:15px;min-height:380px}
.msg{max-width:88%;padding:10px 14px;border-radius:15px;animation:pop .36s var(--ease)}
.msg.me{align-self:flex-end;background:#FDEBDA;border-bottom-right-radius:4px}
.msg.ai{align-self:flex-start;background:var(--fog);border-bottom-left-radius:4px}
.msg code{font-family:var(--mono);font-size:12px;color:var(--steel)}
.offer{display:grid;grid-template-columns:1fr auto;gap:0 12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px;animation:pop .4s var(--ease) backwards}
.offer b{font-weight:700}.offer strong{font-size:21px;font-weight:800;color:var(--hot-t);grid-row:span 2;align-self:center}
.offer span{font-size:12.5px;color:var(--steel)}
.best{border-color:var(--hot);box-shadow:0 0 0 2px rgba(245,130,31,.2)}
.ok-btn{font:inherit;font-weight:650;font-size:15px;margin-top:10px;width:100%;padding:12px;border:0;border-radius:12px;background:var(--hot);color:var(--ink);cursor:pointer}
.ok-btn:disabled{background:#CDEFD9;color:#0C5A33;cursor:default}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}}
.compare{display:flex;flex-direction:column;gap:20px}
.cmp b{display:block;font-size:17px;font-weight:650;margin-bottom:6px}
.cmp .tr{height:15px;border-radius:15px;background:rgba(169,188,200,.24);overflow:hidden}
.cmp .tr i{display:block;height:100%;border-radius:15px;width:0;transition:width 2s var(--ease)}
.on .cmp .old i{width:100%;background:#F06A5E}.on .cmp .new i{width:6%;background:#46D39A}
.cmp span{font-size:14.5px;color:#DCEAF2;display:block;margin-top:6px}
.steps{list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:14px;font-size:16px;color:#DCEAF2}
.steps li{counter-increment:s;display:grid;grid-template-columns:32px 1fr;gap:12px}
.steps li::before{content:counter(s);font-family:var(--mono);font-weight:700;color:var(--spark);font-size:15px}
.steps b{color:#fff;font-weight:650}
.flag{font-size:13.5px;color:var(--steel-d);margin-top:14px;max-width:44em}
@media(max-width:860px){.demo{grid-template-columns:1fr}}

/* ── AI Прихід ── */
.inv{display:grid;grid-template-columns:minmax(0,.86fr) 70px minmax(0,1.14fr);gap:0;align-items:center;margin-top:42px}
.paper{position:relative;background:#FFFEFA;border-radius:6px;padding:22px 22px 26px;box-shadow:0 18px 44px rgba(14,34,48,.16);font-family:var(--mono);font-size:12.5px;line-height:1.55;transform:rotate(-1.4deg);overflow:hidden}
.paper h4{font-size:14px;font-weight:700;margin-bottom:2px;font-family:var(--mono)}
.paper table{width:100%;border-collapse:collapse;margin-top:12px}
.paper td,.paper th{border-bottom:1px dotted #B9C4CC;padding:5px 3px;text-align:left;font-weight:400}
.paper td:last-child,.paper th:last-child{text-align:right}
.paper::after{content:"";position:absolute;left:0;right:0;top:-12%;height:12%;background:linear-gradient(180deg,transparent,rgba(0,182,241,.32) 80%,var(--cold));animation:scan 3.4s ease-in-out infinite}
@keyframes scan{0%,12%{top:-14%}60%,100%{top:104%}}
.arrow{text-align:center;font-size:30px;color:var(--hot)}
.draft{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 18px 44px rgba(14,34,48,.08)}
.draft header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;margin-bottom:10px}
.draft header b{font-weight:700;font-size:16px}
.draft .st{font-family:var(--mono);font-size:12px;background:#FFF2C2;color:#6A5400;padding:3px 8px;border-radius:7px;align-self:flex-start}
.row{display:grid;grid-template-columns:22px 1fr auto;gap:8px;padding:9px 0;border-top:1px solid var(--line);font-size:15px;align-items:baseline}
.row i{font-style:normal;font-weight:800}.row.y i{color:#12804F}.row.q{background:#FFF8DF;margin-inline:-20px;padding-inline:20px}.row.q i{color:#9A6B00}
.row small{display:block;color:var(--steel);font-size:13px}
.row code{font-family:var(--mono);font-size:13px}
.flows{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.flows div{border-top:3px solid var(--cold);padding-top:12px;font-size:15.5px;color:var(--steel)}
.flows b{display:block;color:var(--ink);font-size:19px;font-weight:700;margin-bottom:4px}
@media(max-width:860px){.inv{grid-template-columns:1fr}.arrow{transform:rotate(90deg);margin:12px 0}.flows{grid-template-columns:1fr}}

/* ── План ── */
.plan{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.ph{padding:0 18px 0 0;position:relative}
.ph::before{content:"";display:block;height:8px;background:linear-gradient(90deg,var(--hot),var(--cold));margin-bottom:18px;transform:scaleX(0);transform-origin:left;transition:transform .9s calc(var(--d,0)*220ms) var(--ease)}
.on .ph::before,.ph.on::before{transform:scaleX(1)}
.ph b{display:block;font-size:20px;font-weight:700;line-height:1.2}
.ph span{font-family:var(--mono);font-size:12.5px;color:var(--hot-t);display:block;margin:4px 0 8px}
.ph p{font-size:15.5px;color:var(--steel)}
.btns{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:46px}
.btn{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:158px;padding:20px;border-radius:18px;text-decoration:none;background:var(--ink);color:#fff;transition:transform .35s var(--ease),background .35s}
.btn:hover{transform:translateY(-5px);background:var(--hot);color:var(--ink)}
.btn b{font-size:20px;font-weight:700;line-height:1.15}.btn span{font-size:14px;opacity:.86}
.btn::after{content:"→";font-size:22px;align-self:flex-end}
@media(max-width:860px){.plan{grid-template-columns:1fr 1fr;gap:26px 0}.btns{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.plan{grid-template-columns:1fr}.btns{grid-template-columns:1fr}.btn{min-height:110px}}

.team{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.pp{display:grid;grid-template-columns:104px 1fr;gap:18px;align-items:center}
.pp img{width:104px;height:104px;border-radius:50%;object-fit:cover}
.pp b{display:block;font-size:20px;font-weight:700}.pp span{font-size:15.5px;color:var(--steel)}
@media(max-width:760px){.team{grid-template-columns:1fr}}

/* ── Футер ── */
.foot{position:relative;height:clamp(560px,86vh,860px);overflow:hidden;background:#04121E;color:#fff;isolation:isolate}
.foot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.foot .wv{filter:brightness(.62) saturate(1.1)}
#footClip{position:absolute;inset:0}
#footClip video{filter:brightness(.82)}
.foot .band{z-index:1}
.foot .in{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(34px,6vw,84px) clamp(20px,6.4vw,110px) 26px}
.foot h2{font-size:clamp(34px,5.2vw,84px);font-weight:800;letter-spacing:-.03em;line-height:1;text-shadow:0 6px 36px rgba(4,18,30,.75);margin-left:auto;width:min(56%,760px);text-align:right}
.foot .shade{position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,rgba(14,34,48,.84),rgba(14,34,48,0) 36%);pointer-events:none}
.foot .ln{display:flex;align-items:flex-end;gap:20px 44px;flex-wrap:wrap;font-size:14.5px}
.foot .ln img{height:60px;width:auto}
.foot a{color:#fff}
.foot .by{opacity:.82;text-decoration:none;font-family:var(--mono);font-size:12.5px}
@media(max-width:760px){.foot h2{width:62%;font-size:31px}.foot .ln img{height:46px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}[data-r]{opacity:1;transform:none}}
/* Робочі екрани порталу: усе на токенах логобуку. Логобук підставляє build.py перед цим файлом. */
.hero.mini{height:clamp(320px,46vh,460px);min-height:0}
.hero.mini .big{font-size:clamp(54px,9vw,150px)}
.hero.mini .big.w{top:clamp(70px,11vh,110px)}
.hero.mini .big.t{bottom:clamp(96px,16vh,150px)}
.hero.mini .herotxt{bottom:clamp(30px,5vh,50px)}
.hero.mini .mix{display:none}
.enter{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:30px;background:var(--hot);color:var(--ink);font-weight:650;font-size:15px;text-decoration:none;transition:background .25s,transform .25s var(--ease);margin-left:18px;white-space:nowrap}
.enter:hover{background:#fff;transform:translateY(-2px)}
.nav .right{display:flex;align-items:center}
.nav .who{font-size:13px;color:#DCEAF2;font-family:var(--mono);margin-left:22px}
.foot.mini{height:clamp(320px,44vh,440px)}
.foot.mini h2{font-size:clamp(28px,3.4vw,52px)}
.herocta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.herocta a{display:inline-block;padding:13px 22px;border-radius:30px;text-decoration:none;font-weight:650;font-size:16px;background:rgba(14,34,48,.6);color:#fff;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3)}
.herocta a.main{background:var(--hot);color:var(--ink);border-color:var(--hot)}
.big.t.cta{bottom:clamp(214px,27vh,270px)}
@media(max-width:760px){.big.t.cta{bottom:238px}.hero .herocta a{padding:10px 16px;font-size:14.5px}.enter{margin-left:8px;padding:7px 14px;font-size:14px}.nav .who{display:none}}

.wrap{max-width:1180px;margin:auto;padding:0 clamp(16px,4vw,40px)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:26px 0 24px;overflow-x:auto;scrollbar-width:none}
.tabs button{font:inherit;font-size:15.5px;font-weight:550;padding:12px 16px;border:0;background:none;color:var(--steel);cursor:pointer;position:relative;white-space:nowrap}
.tabs button[aria-selected=true]{color:var(--ink)}
.tabs button[aria-selected=true]::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--hot),var(--cold))}
.tabs .n{display:inline-block;min-width:20px;padding:0 6px;margin-left:6px;border-radius:20px;background:var(--hot);color:var(--ink);font-size:12.5px;font-family:var(--mono)}
[data-panel][hidden]{display:none}
.notice{border-left:4px solid var(--spark);background:#FFFBE6;padding:11px 16px;border-radius:0 12px 12px 0;font-size:15px;margin:0 0 20px}
.notice.cold{border-color:var(--cold);background:#E9F8FE}
.notice.bad{border-color:#C8281E;background:#FDECEA}
.colo.small{margin:30px 0 16px;padding-bottom:10px;letter-spacing:.2em}

.searchbox{display:flex;gap:10px;background:var(--ink);padding:12px;border-radius:18px}
.searchbox input{flex:1;min-width:0;font:inherit;font-size:clamp(17px,2vw,22px);padding:13px 16px;border:0;border-radius:12px;background:#fff;color:var(--ink)}
.go{font:inherit;font-weight:650;padding:12px 22px;border:0;border-radius:12px;background:var(--hot);color:var(--ink);cursor:pointer;white-space:nowrap}
.go:hover{background:var(--spark)}.go:disabled{opacity:.55;cursor:default}
.go.ghost{background:var(--fog);color:var(--ink)}.go.ghost:hover{background:var(--line)}
.go.small{padding:7px 12px;font-size:14px;border-radius:9px}
.go.ok{background:#CDEFD9;color:#0C5A33}.go.no{background:#FBE1DE;color:#8B1A12}
.chips.ex{margin:12px 0 4px}
.mixer{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12.5px;margin:16px 0 4px;color:var(--steel);flex-wrap:wrap}
.mixer input{appearance:none;-webkit-appearance:none;width:min(240px,50vw);height:7px;border-radius:7px;background:linear-gradient(90deg,var(--hot),#ddd 50%,var(--cold));outline-offset:6px}
.mixer input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--ink);cursor:pointer}
.mixer input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--ink);cursor:pointer}
.parsed{font-family:var(--mono);font-size:13px;color:var(--steel);margin:14px 0}
.parsed b{color:var(--ink);font-weight:700}
.offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.of{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;border-top:7px solid var(--hot);animation:pop .35s var(--ease) backwards}
.of.an{border-top-color:var(--cold)}.of.stale{border-top-color:var(--spark)}
.of h3{font-size:16.5px;font-weight:650;line-height:1.28;letter-spacing:0}
.of .sum{font-size:clamp(28px,3vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.of .sum small{font-size:.5em;font-weight:600}
.of code{font-family:var(--mono);font-size:12.5px;color:var(--steel);line-height:1.5}
.of a{color:var(--cold-t)}
.tag{display:inline-block;font-family:var(--mono);font-size:11.5px;padding:2px 8px;border-radius:7px;background:var(--fog);margin-right:4px}
.tag.hot{background:#FDEBDA;color:var(--hot-t)}.tag.cold{background:#E2F6FD;color:var(--cold-t)}.tag.warn{background:#FFF2C2;color:#6A5400}.tag.ok{background:#CDEFD9;color:#0C5A33}.tag.bad{background:#FBE1DE;color:#8B1A12}
.of .go{margin-top:auto}
.empty{padding:34px;text-align:center;color:var(--steel);border:1px dashed var(--line);border-radius:16px}
.loading{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--hot),var(--spark),#fff,var(--mist),var(--cold));background-size:300% 100%;animation:flowbar 1.4s linear infinite}
@keyframes flowbar{to{background-position:-300% 0}}

.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tblw{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.tbl th{text-align:left;background:var(--fog);font-weight:650;padding:10px 12px;white-space:nowrap}
.tbl td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:var(--fog)}
.tbl input,.tbl select{font:inherit;font-size:14.5px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;width:100%;min-width:64px;background:#fff}
.form{display:grid;gap:14px;max-width:640px}
.form.two{grid-template-columns:1fr 1fr;max-width:none}
.form label{display:grid;gap:4px;font-size:14.5px;font-weight:550}
.form .full{grid-column:1/-1}
.form input,.form select,.form textarea{font:inherit;font-weight:350;padding:11px 13px;border:1px solid #B9C7D1;border-radius:10px;background:#fff;color:var(--ink);width:100%}
.form input:focus,.form select:focus,.form textarea:focus,.searchbox input:focus{outline:3px solid var(--mist);outline-offset:1px}
.form .check{display:flex;gap:10px;align-items:flex-start;font-weight:350}
.form .check input{width:auto;margin-top:5px}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
@media(max-width:640px){.form.two{grid-template-columns:1fr}}

.review{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;align-items:start}
.scan{border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff;position:sticky;top:76px}
.scan img{width:100%}
.flags{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.flags div{font-size:14.5px;padding:7px 11px;border-radius:9px;background:#FFF8DF}
.flags .bad{background:#FBE1DE}
.flags .good{background:#CDEFD9}
.acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.drop{border:2px dashed var(--steel-d);border-radius:18px;padding:26px;text-align:center;cursor:pointer;background:var(--fog);transition:.2s;display:block}
.drop:hover,.drop.over{border-color:var(--cold);background:#E9F8FE}
.drop input{position:absolute;opacity:0;width:0}
.samples{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 22px}
.review>div{min-width:0}
@media(max-width:860px){.review{grid-template-columns:minmax(0,1fr)}.scan{position:static}.colo.small{letter-spacing:.1em;flex-wrap:wrap}}

.tzdoc{max-width:880px}
.tzdoc h2{font-size:clamp(23px,2.6vw,32px);margin:34px 0 12px;padding-top:12px;border-top:3px solid;border-image:linear-gradient(90deg,var(--hot),var(--cold)) 1}
.tzdoc h3{font-size:19px;margin:22px 0 8px}
.tzdoc p,.tzdoc li{margin-bottom:8px}
.tzdoc ul,.tzdoc ol{padding-left:22px;margin-bottom:12px}
.tzdoc table{border-collapse:collapse;width:100%;font-size:15px;margin:10px 0 18px}
.tzdoc th{text-align:left;background:var(--fog);padding:9px 11px}
.tzdoc td{padding:9px 11px;border-top:1px solid var(--line);vertical-align:top}
.tzdoc pre{background:var(--ink);color:#DCEAF2;border-radius:12px;padding:16px;overflow:auto;font-family:var(--mono);font-size:12px;line-height:1.5;margin:12px 0}
.tzdoc details{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:12px 0}
.tzdoc summary{cursor:pointer;font-weight:650}
.tzdoc .lead{margin-bottom:18px}

.shops{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.shop{border:1px solid rgba(169,188,200,.3);border-radius:16px;padding:16px 18px;background:rgba(14,34,48,.6);backdrop-filter:blur(6px);font-size:14.5px;color:#DCEAF2}
.shop b{display:block;color:#fff;font-size:17px;font-weight:650;line-height:1.25;margin-bottom:4px}
.shop a{color:var(--spark);text-decoration:none}
.vacs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.vac{border-radius:18px;padding:22px;background:var(--fog);display:flex;flex-direction:column;gap:6px;border-top:7px solid var(--hot)}
.vac:nth-child(even){border-top-color:var(--cold)}
.vac h3{font-size:21px}
.vac .pay{font-weight:700;font-size:17px}
.vac code{font-family:var(--mono);font-size:12.5px;color:var(--steel)}
.vac a{color:var(--cold-t)}
@media(max-width:860px){.shops,.vacs{grid-template-columns:1fr}}
.dir{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.dir div{border-top:3px solid var(--hot);padding-top:12px;font-size:15.5px;color:var(--steel)}
.dir div:nth-child(2){border-color:var(--spark)}.dir div:nth-child(3){border-color:var(--cold)}
.dir b{display:block;color:var(--ink);font-size:19px;font-weight:700;margin-bottom:4px}
@media(max-width:760px){.dir{grid-template-columns:1fr}}
.mods{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mod{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:230px;padding:22px;border-radius:18px;overflow:hidden;color:#fff;text-decoration:none;background:var(--ink);transition:transform .4s var(--ease)}
.mod:hover{transform:translateY(-6px)}
.mod video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.mod::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,34,48,.9),rgba(14,34,48,.1))}
.mod>*{position:relative;z-index:1}
.mod b{font-size:clamp(25px,3vw,36px);font-weight:800;line-height:1.1}
.mod span{font-size:15.5px;color:#DCEAF2}
.mod.off{opacity:.56}
@media(max-width:640px){.mods{grid-template-columns:1fr}}
.toast{position:fixed;left:50%;bottom:22px;translate:-50% 0;background:var(--ink);color:#fff;padding:11px 18px;border-radius:12px;z-index:100;font-size:15px;box-shadow:0 8px 28px rgba(0,0,0,.4);max-width:calc(100vw - 32px)}
.cmpv{position:fixed;right:16px;bottom:16px;z-index:90;max-width:calc(100vw - 32px);padding:10px 14px;border-radius:12px;background:rgba(14,34,48,.92);color:#fff;font-size:14px;line-height:1.35;box-shadow:0 6px 22px rgba(0,0,0,.35)}.cmpv a{color:#EDCF1C;font-weight:600}
@media(max-width:700px){.cmpv{top:68px;bottom:auto;right:10px;padding:4px 10px;font-size:12px}}
.hero.mini.tg{height:150px}.hero.mini.tg .big{font-size:58px}.hero.mini.tg .big.t{bottom:30px}.hero.mini.tg .big.w{top:18px}.hero.mini.tg .herotxt{display:none}
.tgpage{padding:14px 14px 40px}.tgpage .offers{grid-template-columns:1fr}
.itemcard h2{font-size:clamp(21px,3vw,28px);line-height:1.2}
.itemcard .sum{font-size:clamp(30px,4vw,42px);font-weight:800;letter-spacing:-.02em;margin:8px 0 14px;color:var(--hot-t)}.itemcard .sum small{font-size:.5em}
.specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.specs div{background:var(--fog);border-radius:12px;padding:10px 12px}.specs code{display:block;font-family:var(--mono);font-size:11.5px;color:var(--steel)}.specs b{font-weight:650}
.cardrow{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.cardrow b{font-size:19px;font-weight:750}.cardrow code{display:block;font-family:var(--mono);font-size:12.5px;color:var(--steel);line-height:1.5}.cardrow a{color:var(--cold-t)}
.of h3 a{color:inherit;text-decoration:none}.of h3 a:hover{color:var(--cold-t)}
[data-open]{cursor:pointer}
#cardv{margin-top:6px}
.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:14px;overflow-x:auto;padding-bottom:10px}
.kcol{background:var(--fog);border-radius:14px;padding:10px 10px 12px;min-height:220px}.kcol .colo.small{margin:4px 2px 10px;font-size:11px;letter-spacing:.12em}
.tcard{background:#fff;border-radius:12px;padding:11px 12px;margin-bottom:10px;border-left:5px solid var(--line);box-shadow:0 2px 8px rgba(14,34,48,.06)}
.tcard.pr-high{border-left-color:var(--hot)}.tcard.pr-urgent{border-left-color:#C8281E}.tcard.pr-medium{border-left-color:var(--cold)}
.tcard h3{font-size:15.5px;font-weight:650;margin:3px 0 4px;letter-spacing:0;line-height:1.25}.tcard p{font-size:13.5px;color:var(--steel);line-height:1.35}
.tcard code,.tcost code{font-family:var(--mono);font-size:11.5px;color:var(--steel)}.tcost{margin-top:6px;font-size:14px}.tcost b{font-weight:750}
.tbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.tbar select{font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--line)}
.tbar .chips{margin:0}