/* Public pages · layered on ui.css */
.hero{padding:64px 0 40px}
.hero-grid{display:grid;gap:40px;align-items:center}
@media (min-width:900px){.hero{padding:96px 0 72px}.hero-grid{grid-template-columns:1.05fr .95fr;gap:56px}}
.hero-copy .pill{font-size:12.5px}
.hero .hero-h{font-size:clamp(38px,6.1vw,64px)}

/* Device frame with a static replica of the Hub home */
.hero-shot{display:flex;justify-content:center}
.device{width:min(380px,100%);background:var(--bg-el);border-radius:34px;box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--sep);padding:10px;position:relative}
.dev-bar{height:26px;display:grid;place-items:center}
.dev-bar span{width:90px;height:22px;border-radius:12px;background:var(--label)}
html[data-theme="dark"] .dev-bar span{background:#000;box-shadow:inset 0 0 0 1px var(--sep)}
.dev-body{background:var(--bg);border-radius:26px;padding:20px 16px 22px}
.dv-title{font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.1}
.dv-sub{font-size:14px;color:var(--label-2);margin-top:4px}
.dv-card{display:flex;gap:16px;align-items:center;background:var(--bg-el);border-radius:20px;padding:18px;margin-top:16px;box-shadow:var(--shadow-sm)}
.dv-card .ring{width:72px;height:72px}
.dv-card .ring b{font-size:16px}
.dv-h{display:block;font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.dv-s{display:block;font-size:12.5px;color:var(--label-2);margin-top:2px}
.dv-card .dots{margin-top:8px}
.dv-card .dots i{width:16px;height:5px}
.dv-btn{display:inline-block;margin-top:10px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:600;padding:6px 11px;border-radius:999px}
.dv-group{font-size:11px;color:var(--label-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin:18px 0 6px 14px}
.dv-list{background:var(--bg-el);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}
.dv-li{display:flex;align-items:center;gap:11px;padding:10px 12px;position:relative}
.dv-li + .dv-li::before{content:"";position:absolute;left:51px;right:0;top:0;height:1px;background:var(--sep)}
.dv-li i{width:28px;height:28px;border-radius:8px;flex:none;display:grid;place-items:center;color:#fff}.dv-li i svg{width:15px;height:15px}
.bmark{display:inline-flex;flex:none;vertical-align:-3px;margin-right:6px}.bmark svg{width:18px;height:18px}
.dv-li div{flex:1;min-width:0}
.dv-li b{display:block;font-size:13.5px;font-weight:500}
.dv-li span{display:block;font-size:11.5px;color:var(--label-2)}
.dv-li em{font-style:normal;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--fill);color:var(--label-2)}
.dv-li em.live{background:var(--green-soft);color:var(--green)}
.dv-li em.pend{background:var(--orange-soft);color:var(--orange)}

.sec.alt{background:var(--bg-el)}
html[data-theme="dark"] .sec.alt{background:#0b0b0d}
.sec-h{max-width:720px}

.stack-grid{display:grid;gap:14px}
@media (min-width:640px){.stack-grid{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.stack-grid{grid-template-columns:repeat(3,1fr)}}
.stack-grid .card{display:flex;flex-direction:column;color:inherit;text-decoration:none!important;padding:24px}
.stack-grid .card .sub{flex:1}
.stack-grid .price{margin-top:18px;font-weight:600;font-size:15px;color:var(--accent)}
.stack-grid .rep{opacity:.9}
.stack-grid .rep .price{color:var(--label-3)}

.proof{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media (min-width:760px){.proof{grid-template-columns:repeat(4,1fr)}}
.proof div{background:var(--bg-el);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm)}
.proof b{display:block;font-size:30px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.proof span{font-size:13px;color:var(--label-2)}

.faq{border-top:1px solid var(--sep)}
.faq:first-child{border-top:0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-weight:600;font-size:16px;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary .chev{transition:transform var(--dur) var(--ease)}
.faq[open] summary .chev{transform:rotate(45deg)}
.faq p{margin:0;padding:0 18px 18px;color:var(--label-2);font-size:15px;line-height:1.5}

/* stack page */
.shelf-h{padding:56px 0 24px}
.shelf .prod{background:var(--bg-el)}
.shelf .list{margin-top:14px}
.shelf .prod .pn{font-size:17px}
.shelf .prod .pd{font-size:14px}
.shelf .prod .pp{font-size:18px}
.shelf .feats{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:13.5px;color:var(--label-2)}
.shelf .feats li{padding-left:18px;position:relative}
.shelf .feats li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.prod{display:flex;gap:14px;align-items:flex-start;padding:18px}
.prod + .prod{border-top:1px solid var(--sep)}
.prod .pn{font-weight:600;letter-spacing:-.01em}
.prod .pd{color:var(--label-2);margin-top:2px;line-height:1.4}
.prod .pp{font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.prod .pp span{font-weight:500;font-size:13px;color:var(--label-3)}
.prod .pc{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.stock{font-size:12.5px;color:var(--label-3)}
.stock.low{color:var(--orange)}
.stock.out{color:var(--red)}
.step-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff}
.step-ic svg{width:22px;height:22px}
.dots{display:flex;gap:6px;margin-top:10px}
.dots i{width:22px;height:6px;border-radius:3px;background:var(--fill-2)}
.dots i.on{background:var(--green)}
.dots i.mid{background:var(--orange)}

/* ── How it works · scrollytelling ── */
.how{display:grid;gap:24px}
@media (min-width:900px){.how{grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start}}
.how-steps{display:grid;gap:10px;min-width:0}
.how-step{display:flex;gap:16px;align-items:flex-start;text-align:left;width:100%;padding:18px 20px;border-radius:var(--r-lg);background:var(--bg);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease);position:relative;min-width:0;max-width:100%;overflow:hidden}
html[data-theme="dark"] .how-step{background:var(--bg-el)}
.how-step:hover{background:var(--fill)}
.how-step.on{background:var(--bg-el);box-shadow:var(--shadow)}
html[data-theme="dark"] .how-step.on{background:var(--bg-el2)}
.how-step .n{width:32px;height:32px;border-radius:50%;background:var(--fill-2);color:var(--label-2);display:grid;place-items:center;font-weight:700;font-size:14px;flex:none;transition:background var(--dur),color var(--dur);margin-top:1px}
.how-step.on .n{background:var(--accent);color:var(--accent-ink)}
.how-body{flex:1;min-width:0}
.how-step b{display:block;font-size:17px;font-weight:600;letter-spacing:-.012em;line-height:1.3}
.how-step p{margin:5px 0 0;color:var(--label-2);font-size:15px;line-height:1.45}
.how-step .mini{display:none;margin-top:14px}
.how-shot{position:sticky;top:calc(var(--nav-h) + 24px)}
.how-shot .device{width:100%;max-width:400px;margin:0 auto}
.how-screens{position:relative;min-height:440px}
.how-screen{position:absolute;inset:20px 16px 22px;opacity:0;transform:translateY(10px) scale(.985);transition:opacity .42s var(--ease),transform .42s var(--ease);pointer-events:none}
.how-screen.on{opacity:1;transform:none;pointer-events:auto}
@media (max-width:899px){
  .how-shot{display:none}
  .how-step .mini{display:block}
  .how-step.on .mini .scr{animation:none}
  .mini .scr{background:var(--bg);border-radius:16px;padding:14px;box-shadow:inset 0 0 0 1px var(--sep)}
  html[data-theme="dark"] .mini .scr{background:#000}
}
/* mini screens */
.scr{font-size:13px;color:var(--label)}
.scr .st{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.scr .ss{font-size:12px;color:var(--label-2);margin-top:3px}
.scr .fld{margin-top:12px;background:var(--fill);border-radius:12px;padding:10px 12px;font-size:13px;color:var(--label-2)}
.scr .fld b{color:var(--label);font-weight:500}
.scr .otp{display:flex;gap:6px;margin-top:10px}
.scr .otp i{flex:1;height:40px;border-radius:10px;background:var(--fill);display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:16px;font-style:normal;color:var(--label);opacity:0;transform:scale(.9)}
.how-screen.on .scr .otp i,.mini .scr .otp i{animation:otp .4s var(--ease) forwards}
.scr .otp i:nth-child(1){animation-delay:.3s}.scr .otp i:nth-child(2){animation-delay:.45s}.scr .otp i:nth-child(3){animation-delay:.6s}.scr .otp i:nth-child(4){animation-delay:.75s}.scr .otp i:nth-child(5){animation-delay:.9s}.scr .otp i:nth-child(6){animation-delay:1.05s}
@keyframes otp{to{opacity:1;transform:none}}
.scr .btn-m{display:block;margin-top:12px;background:var(--accent);color:var(--accent-ink);text-align:center;border-radius:999px;padding:11px;font-weight:600;font-size:14px}
.scr .btn-m.s{background:var(--fill);color:var(--label)}
.scr .lst{background:var(--bg-el);border-radius:14px;overflow:hidden;margin-top:12px;box-shadow:var(--shadow-sm)}
.scr .lr{display:flex;align-items:center;gap:10px;padding:10px 12px;position:relative}
.scr .lr + .lr::before{content:"";position:absolute;left:48px;right:0;top:0;height:1px;background:var(--sep)}
.scr .lr i{width:26px;height:26px;border-radius:8px;flex:none}
.scr .lr div{flex:1;min-width:0}
.scr .lr b{display:block;font-size:13px;font-weight:500}
.scr .lr span{display:block;font-size:11px;color:var(--label-2)}
.scr .lr em{font-style:normal;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--fill);color:var(--label-2)}
.scr .lr em.live{background:var(--green-soft);color:var(--green)}.scr .lr em.pend{background:var(--orange-soft);color:var(--orange)}.scr .lr em.bad{background:var(--red-soft);color:var(--red)}
.scr .lr.hl{background:var(--accent-soft)}
.scr .lr.hl::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--accent);animation:pulse 1.6s var(--ease) infinite}
@keyframes pulse{0%,100%{opacity:.25}50%{opacity:1}}
.scr .amt{font-size:34px;font-weight:700;letter-spacing:-.03em;margin-top:10px;font-variant-numeric:tabular-nums}
.scr .amt small{font-size:14px;color:var(--label-2);font-weight:600;margin-left:4px}
.scr .pillm{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--blue-soft);color:var(--blue);margin-top:8px}
.scr .pillm::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.scr .addr{margin-top:12px;font-family:var(--mono);font-size:11px;word-break:break-all;background:var(--fill);border-radius:10px;padding:9px 10px;color:var(--label-2)}
.scr .ok{margin-top:12px;display:flex;align-items:center;gap:10px;background:var(--green-soft);color:var(--green);border-radius:12px;padding:10px 12px;font-weight:600;font-size:13px;opacity:0;transform:translateY(6px)}
.how-screen.on .scr .ok,.mini .scr .ok{animation:okin .5s var(--ease) 1.2s forwards}
@keyframes okin{to{opacity:1;transform:none}}
.scr .ok i{width:20px;height:20px;border-radius:50%;background:var(--green);display:grid;place-items:center}
.scr .ok i::after{content:"";width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translate(-1px,-1px)}
.scr .cred{background:var(--bg-el);border-radius:14px;padding:4px 12px;margin-top:12px;box-shadow:var(--shadow-sm)}
.scr .cr{display:grid;grid-template-columns:70px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid var(--sep);font-size:12px}
.scr .cr:first-child{border-top:0}
.scr .cr span{color:var(--label-2)}
.scr .cr code{font-family:var(--mono);font-size:12px;color:var(--label)}
.scr .cr code.m{letter-spacing:.15em;color:var(--label-3)}
.scr .cr u{text-decoration:none;font-size:11px;font-weight:600;background:var(--fill);padding:3px 8px;border-radius:6px}
.scr .totp{display:flex;align-items:center;gap:10px;margin-top:10px;background:var(--accent-soft);border-radius:10px;padding:8px 10px}
.scr .totp code{font-family:var(--mono);font-size:18px;font-weight:700;letter-spacing:.08em;color:var(--accent)}
.scr .totp .ring-s{margin-left:auto;width:22px;height:22px;border-radius:50%;background:conic-gradient(var(--accent) var(--p,60%),var(--fill) 0);position:relative}
.how-screen.on .totp .ring-s,.mini .totp .ring-s{animation:cd 30s linear infinite}
@keyframes cd{from{--p:100%}to{--p:0%}}
.scr .totp .ring-s::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--bg-el)}
.scr .hdr{display:flex;align-items:center;gap:10px;margin-top:4px}
.scr .hdr i{width:38px;height:38px;border-radius:11px;background:var(--blue);flex:none}
.scr .two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.scr .two .btn-m{margin:0}

/* ── Why · ban cost ── */
.ban-row + .ban-row{padding-top:22px;border-top:1px solid var(--sep)}
.ban-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ban-h b{font-size:16px;font-weight:600;letter-spacing:-.01em}
.ban-total{font-size:14px;font-weight:700;padding:4px 10px;border-radius:999px}
.ban-total.bad{background:var(--red-soft);color:var(--red)}
.ban-total.good{background:var(--green-soft);color:var(--green)}
.ban-bar{display:flex;gap:3px;height:34px;border-radius:10px;overflow:hidden;background:var(--fill)}
.ban-bar i{display:block;font-style:normal;height:100%;width:0;background:var(--c);border-radius:6px;position:relative;transition:width 1.1s var(--ease)}
.ban-bar i:nth-child(2){transition-delay:.15s}.ban-bar i:nth-child(3){transition-delay:.3s}.ban-bar i:nth-child(4){transition-delay:.45s}
.rv.in .ban-bar i,.no-js .ban-bar i{width:var(--w)}
.ban-bar i::after{content:attr(data-t);position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;max-width:calc(100% - 16px);text-overflow:ellipsis;opacity:0;transition:opacity .4s .8s}
.rv.in .ban-bar i::after{opacity:1}
.ban-bar i[style*="1.6%"]::after,.ban-bar i[style*="2.2%"]::after{display:none}
.ban-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:13px;color:var(--label-2)}
.ban-legend span{display:inline-flex;align-items:center;gap:6px}
.ban-legend i{width:10px;height:10px;border-radius:3px}
.why-grid{display:grid;gap:14px}
@media (min-width:640px){.why-grid{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.why-grid{grid-template-columns:repeat(4,1fr)}}
.why-grid .card{padding:24px}
.why-grid .li-ic svg{width:20px;height:20px}

/* ── Verticals · rotating word in the H1 + marquee ── */
.rotw{display:inline-block;position:relative;color:var(--accent);white-space:nowrap;vertical-align:baseline;transition:width .45s var(--ease);text-align:left;height:1em;overflow:visible}
.rotw b{position:absolute;left:0;top:0;font-weight:inherit;opacity:0;transform:translateY(.5em);transition:opacity .4s var(--ease),transform .5s var(--ease);will-change:transform;pointer-events:none}
.rotw b.meas{visibility:hidden;transition:none}
.rotw b.on{opacity:1;transform:none}
.rotw b.out{opacity:0;transform:translateY(-.5em)}
.rotw::after{content:"";position:absolute;left:0;right:0;bottom:-.02em;height:.085em;min-height:4px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:left center;animation:sweep 3.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.rotw::after{animation:none;opacity:.7}}
.verts-band{padding:8px 0 44px}
.marq{position:relative;overflow:hidden;margin-top:16px;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marq-track{display:flex;gap:10px;width:max-content;animation:marq 42s linear infinite;padding:4px 0}
.marq:hover .marq-track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.vchip{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;padding:10px 16px 10px 12px;border-radius:999px;background:var(--bg-el);box-shadow:var(--shadow-sm);font-size:14.5px;font-weight:600;color:var(--label);letter-spacing:-.01em;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.vchip:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.vchip i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:none}
.vchip i svg{width:15px;height:15px}
.vchip small{font-weight:500;color:var(--label-3);font-size:12.5px}
@media (prefers-reduced-motion:reduce){.marq-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.marq{mask:none;-webkit-mask:none}}

/* ── Stack explorer ── */
.sx{display:grid;gap:14px}
@media (min-width:900px){.sx{grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}}
.sx-rail{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 6px;scrollbar-width:none}
.sx-rail::-webkit-scrollbar{display:none}
@media (min-width:900px){.sx-rail{flex-direction:column;overflow:visible;padding:0}}
.sx-tab{flex:none;scroll-snap-align:start;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:var(--r-md);background:var(--bg-el);box-shadow:var(--shadow-sm);min-width:210px;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease);position:relative}
.sx-tab:hover{transform:translateY(-1px)}
.sx-tab.on{box-shadow:var(--shadow),inset 0 0 0 2px var(--accent)}
.sx-tab .li-ic{width:36px;height:36px;border-radius:11px;color:#fff;display:grid;place-items:center;flex:none}
.sx-tab .li-ic svg{width:19px;height:19px}
.sx-tab div>b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.sx-tab div>span{display:block;font-size:12.5px;color:var(--label-2);margin-top:2px}
.sx-tab .sx-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--label-4);flex:none}
.sx-tab .sx-dot.ok{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
.sx-tab .sx-dot.low{background:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}
.sx-tab .sx-dot.out{background:var(--red)}
.sx-panel{background:var(--bg-el);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:26px;min-height:380px;position:relative;overflow:hidden}
@media (max-width:600px){.sx-panel{padding:20px;border-radius:var(--r-lg)}.sx-head .step-ic{width:44px;height:44px;border-radius:13px}.sx-head h3{font-size:22px}}
.sx-view{animation:vin .4s var(--ease)}
@keyframes vin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sx-head{display:flex;gap:16px;align-items:flex-start}
.sx-head .step-ic{width:52px;height:52px;border-radius:16px;flex:none}
.sx-head .step-ic svg{width:26px;height:26px}
.sx-head h3{margin:0;font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.15}
.sx-head p{margin:6px 0 0;color:var(--label-2);font-size:16px;line-height:1.45}
.sx-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.sx-meta .pill{height:30px;padding:0 12px;font-size:13.5px}
.sx-grid{display:grid;gap:14px;margin-top:22px;align-items:start}
@media (min-width:720px){.sx-grid{grid-template-columns:1fr 1fr}}
.sx-box{background:var(--bg-el2);border-radius:var(--r-md);padding:16px 18px}
html[data-theme="dark"] .sx-box{background:var(--bg-el2)}
.sx-box .cap{margin-bottom:10px}
.sx-box ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.sx-box li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.4}
.sx-box li::before{content:"";width:18px;height:18px;border-radius:50%;flex:none;margin-top:1px;background:var(--accent) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 12.5l3.2 3.2L17 9" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/12px no-repeat}
.sx-box .chips{display:flex;flex-wrap:wrap;gap:6px}
.sx-box .chips span{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--fill);color:var(--label-2)}
.sx-box .chips span.mono{font-family:var(--mono);letter-spacing:0;font-weight:500}
.sx-fit{display:flex;flex-wrap:wrap;gap:6px}
.sx-fit span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--bg-el);box-shadow:var(--shadow-sm);color:var(--label)}
.sx-fit span i{width:8px;height:8px;border-radius:50%}
.sx-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid var(--sep)}
.sx-price{font-size:24px;font-weight:700;letter-spacing:-.025em}
.sx-price small{font-size:13px;color:var(--label-3);font-weight:500;margin-left:6px}
.sx-shelf{margin-top:14px}
.sx-shelf .li{min-height:48px;padding:10px 14px}
.sx-shelf .li-t{font-size:15px}
.sx-shelf .li-r b{font-weight:600;color:var(--label)}