/* DG ONE · G3-03 (showroom ampliado) + G3-04 (jornada e teaser). Carregada depois de styles.css,
   que segue aprovado e intocado. Mesmos tokens: #0B0B0B, #83EA05, Ubuntu Sans, raio 18. */
/* [hidden] sempre vence display de componente (corrige estado vazio e painéis da jornada) */
[hidden]{display:none!important}
#comecar{padding-top:clamp(24px,4vw,48px)}
:root{--faint:#8b9186;--mono:ui-monospace,"Ubuntu Sans Mono","Ubuntu Mono",Menlo,Consolas,monospace}

/* ======================= G3-04 · TEASER DA HOME ======================= */
.jt-grid{display:grid;gap:clamp(36px,5vw,64px)}
@media (min-width:980px){.jt-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}}
.jt-copy .btn{margin-top:28px}
.jt-rail{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:0}
.jt-rail::before,.jt-rail::after{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:var(--line-2);border-radius:2px}
.jt-rail::after{background:var(--green);box-shadow:0 0 12px var(--green-glow);transform-origin:top;transform:scaleY(0);transition:transform 2.2s var(--ease-out)}
.jt-rail.is-in::after{transform:none}
.jt-rail li{position:relative}
.jt-rail a{display:grid;grid-template-columns:44px 1fr;column-gap:18px;align-items:center;padding:14px 0;text-decoration:none;border-radius:14px;transition:background .3s}
.jt-node{grid-row:1/3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line-2);position:relative;z-index:1;transition:border-color .3s,transform .4s var(--ease-out)}
.jt-node::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--faint);transition:background .5s var(--ease),box-shadow .5s}
.jt-rail.is-in .jt-node::after{background:var(--green);box-shadow:0 0 10px var(--green-glow)}
.jt-rail.is-in li:nth-child(2) .jt-node::after{transition-delay:.45s}.jt-rail.is-in li:nth-child(3) .jt-node::after{transition-delay:.9s}
.jt-rail.is-in li:nth-child(4) .jt-node::after{transition-delay:1.35s}.jt-rail.is-in li:nth-child(5) .jt-node::after{transition-delay:1.8s}
.jt-t{font-size:clamp(19px,1.7vw,24px);font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.jt-t .n{font-family:var(--mono);font-size:12px;color:var(--green);letter-spacing:.14em;margin-right:10px;font-weight:600;vertical-align:2px}
.jt-w{font-size:13px;color:var(--muted)}
.jt-rail a:hover .jt-node,.jt-rail a:focus-visible .jt-node{border-color:var(--green);transform:scale(1.08)}
.jt-rail a:hover .jt-t{color:var(--green)}
@media (min-width:980px){
  .jt-rail{grid-template-columns:repeat(5,1fr);gap:10px}
  .jt-rail::before,.jt-rail::after{left:22px;right:22px;top:21px;bottom:auto;width:auto;height:2px}
  .jt-rail::after{transform-origin:left;transform:scaleX(0)}
  .jt-rail a{grid-template-columns:1fr;row-gap:10px;padding:0 4px 8px 0;align-items:start}
  .jt-node{grid-row:auto}
  .jt-t .n{display:block;margin:6px 0 6px}
}

/* ======================= G3-04 · /jornada/ ======================= */
.jx-head{padding:calc(var(--header) + clamp(28px,4vw,56px)) 0 clamp(22px,3vw,36px)}
.jx-head-grid{display:grid;gap:18px 48px}
@media (min-width:980px){.jx-head-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end}}
.jx-head h1{font-size:clamp(44px,6.2vw,88px);margin-top:14px;letter-spacing:-.035em}
.jx-head .lead{max-width:40ch}
.jx-head .note{margin-top:14px}

.jx-bench{padding-bottom:clamp(64px,9vw,120px)}
.jx-plate{position:relative;margin:0;border:1px solid var(--line);border-radius:28px;background:radial-gradient(55% 60% at 50% 58%,rgba(131,234,5,.07),transparent 72%),var(--anatomy-card,#0f110e);padding:54px clamp(10px,2.4vw,28px) 54px;overflow:hidden}
.jx-corner{position:absolute;font-family:var(--mono);font-size:11px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:var(--anatomy-muted,#7d8478);pointer-events:none;z-index:2;max-width:46%}
.jx-corner[data-c="fig"]{top:20px;left:24px;color:var(--green)}
.jx-corner[data-c="title"]{top:20px;right:24px;text-align:right}
.jx-corner[data-c="hint"]{bottom:20px;left:24px}
.jx-corner[data-c="readout"]{bottom:20px;right:24px;text-align:right;color:var(--ink);text-transform:none;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.jx-stage{position:relative;outline:none;border-radius:18px;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:pointer}
.jx-stage:focus-visible{outline:2px solid var(--green);outline-offset:6px}
.jx-stage svg{display:block;width:100%;height:auto}
.jx-bench.is-live .jx-stage svg,html.js .jx-stage svg{height:100%}
/* estado final já na primeira pintura (boot.js marca html.js antes): evita deslocamento de layout */
html.js .jx-bench:not(.is-live) .jx-step + .jx-step{display:none}
@media (max-width:759px){
  .jx-plate{padding:48px 0 62px;border-radius:22px}
  .jx-corner{font-size:10.5px}
  .jx-corner[data-c="fig"],.jx-corner[data-c="hint"]{left:16px}
  .jx-corner[data-c="title"],.jx-corner[data-c="readout"]{right:16px}
  .jx-corner[data-c="hint"]{bottom:34px;max-width:none}
  .jx-corner[data-c="readout"]{bottom:14px;left:16px;text-align:left;max-width:none}
  .jx-bench.is-live .jx-stage,html.js .jx-stage{aspect-ratio:1/.86}
}

.jx-rail{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.jx-rail button{width:100%;min-height:44px;display:grid;gap:4px;text-align:left;padding:14px 12px 14px 0;border:0;border-top:2px solid var(--line-2);background:transparent;cursor:pointer;color:var(--muted);transition:border-color .35s var(--ease),color .25s}
.jx-rail .n{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--faint);font-weight:600;transition:color .25s}
.jx-rail .t{font-size:15px;font-weight:600;color:var(--muted);letter-spacing:-.005em;transition:color .25s}
.jx-rail .w{font-size:12.5px;color:var(--faint)}
.jx-rail button:hover .t{color:var(--ink)}
.jx-rail button:hover:not([aria-pressed="true"]){border-top-color:rgba(242,244,238,.5)}
.jx-rail button:hover .n{color:var(--ink)}
.jx-rail button.is-done{border-top-color:rgba(131,234,5,.4)}
.jx-rail button[aria-pressed="true"]{border-top-color:var(--green)}
.jx-rail button[aria-pressed="true"] .n,.jx-rail button.is-done .n{color:var(--green)}
.jx-rail button[aria-pressed="true"] .t{color:var(--ink)}
.jx-rail button[aria-pressed="true"] .w{color:var(--muted)}
.jx-rail button:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:6px}
@media (max-width:759px){
  .jx-rail{gap:6px}
  .jx-rail button{padding:12px 0;justify-items:center;text-align:center}
  .jx-rail .t,.jx-rail .w{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .jx-rail .n{font-size:13px}
}

.jx-steps{margin-top:clamp(28px,4vw,48px)}
.jx-step{display:grid;gap:22px 56px;padding:clamp(24px,3vw,36px) 0;border-top:1px solid var(--line)}
.jx-bench:not(.is-live) .jx-step + .jx-step{margin-top:8px}
@media (min-width:980px){.jx-step{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}
.jx-step h2{font-size:clamp(32px,4.4vw,60px);margin-top:14px;max-width:14ch}
.jx-step .lead{margin-top:18px;max-width:46ch}
.jx-bench.is-live .jx-step{animation:jx-in .6s var(--ease-out) both}
.jx-tour:hover .sw{box-shadow:0 0 0 3px var(--green-soft)}
@keyframes jx-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.jx-who{margin:0;display:grid;border-top:1px solid var(--line)}
.jx-who>div{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--line)}
.jx-who dt{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600}
.jx-who dd{margin:0;font-size:17px;color:var(--ink)}
.jx-who .who dd{font-size:clamp(22px,2.2vw,28px);font-weight:700;letter-spacing:-.02em;color:var(--green)}
.jx-step .actions{margin-top:22px}
.jx-ctrl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:8px;padding-top:20px;border-top:1px solid var(--line)}
.jx-ctrl .pair{display:flex;gap:10px}
.jx-ctrl button{min-height:44px}
.jx-ctrl .btn-ghost:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;background:transparent}
.jx-tour .sw{width:30px;height:18px;border-radius:999px;background:var(--green);position:relative}
.jx-tour .sw::after{content:"";position:absolute;top:3px;left:15px;width:12px;height:12px;border-radius:50%;background:var(--bg);transition:transform .2s}
.jx-tour[aria-pressed="true"] .sw{background:var(--line-2)}
.jx-tour[aria-pressed="true"] .sw::after{transform:translateX(-12px);background:var(--ink)}
html:not(.js) .jx-ctrl,html:not(.js) .jx-rail{display:none}
.jx-honest{margin-top:clamp(40px,6vw,72px);display:grid;gap:14px;padding:clamp(24px,4vw,40px);border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}
@media (min-width:900px){.jx-honest{grid-template-columns:auto 1fr;gap:40px;align-items:center}}
.jx-honest h2{font-size:clamp(22px,2.4vw,30px)}
.jx-honest ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
@media (min-width:700px){.jx-honest ul{grid-template-columns:1fr 1fr;gap:10px 28px}}
.jx-honest li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:15px;color:var(--muted)}
.jx-honest li::before{content:"";width:10px;height:2px;background:var(--green);margin-top:11px}

/* ======================= G3-03 · CATÁLOGO ======================= */
.sx-brands{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:26px}
.sx-brands .k{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-right:6px}
.sx-brands a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line-2);text-decoration:none;font-weight:600;transition:border-color .25s,background .25s}
.sx-brands a:hover{border-color:var(--green);background:var(--green-soft)}
.sx-brands a .c{font-family:var(--mono);font-size:12px;color:var(--green)}
.toolbar.sx-toolbar{grid-template-columns:1fr}
@media (min-width:900px){.toolbar.sx-toolbar{grid-template-columns:minmax(0,1.3fr) auto auto;align-items:end}}
.sx-tools2{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:end;justify-content:space-between;grid-column:1/-1;padding-top:16px;border-top:1px solid var(--line)}
.sx-sort label{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-weight:600}
.sx-sort select{min-height:44px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg);padding:0 40px 0 18px;font-size:14px;color:var(--ink);appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}
.sx-sort select:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.sx-view{display:inline-flex;padding:4px;border-radius:999px;border:1px solid var(--line-2);gap:4px}
.sx-view button{min-height:40px;padding:0 16px;border-radius:999px;border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.sx-view button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.sx-view .ic{width:14px;height:14px;display:grid;gap:2px}
.sx-view .ic i{display:block;background:currentColor;border-radius:1px}
.sx-view .ic.g{grid-template-columns:1fr 1fr}.sx-view .ic.f i:first-child{height:8px}
.result-bar [data-reset]:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none;background:transparent;border-color:var(--line-2)}

.sx-card .body{gap:12px}
.sx-card .spec-line{margin:2px 0 0}
.sx-status{display:grid;gap:8px}
.sx-pipe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;max-width:180px}
.sx-pipe li{height:3px;border-radius:3px;background:var(--line-2)}
.sx-pipe li[data-state="ok"]{background:var(--green)}
.sx-pipe li[data-state="parcial"],.sx-pipe li[data-state="previa"]{background:linear-gradient(90deg,var(--green) 50%,var(--line-2) 50%)}
.sx-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}
.sx-card .body .sx-actions .btn{margin-top:0}
.sx-cmp{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--line-2);background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:var(--muted);transition:border-color .2s,color .2s,background .2s}
.sx-cmp:hover{border-color:var(--green);color:var(--ink)}
.sx-cmp-box{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--faint);display:grid;place-items:center;transition:all .2s}
.sx-cmp[aria-pressed="true"]{border-color:var(--green);color:var(--ink);background:var(--green-soft)}
.sx-cmp[aria-pressed="true"] .sx-cmp-box{background:var(--green);border-color:var(--green)}
.sx-cmp[aria-pressed="true"] .sx-cmp-box::after{content:"";width:8px;height:4px;border:2px solid var(--bg);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.sx-card.is-picked{border-color:rgba(131,234,5,.5)}
.sx-card .media{overflow:hidden}
@media (hover:hover){
  .sx-card .media img.main-face{transition:opacity .5s var(--ease),transform .9s var(--ease-out)}
  .sx-card:hover .media img.main-face{transform:translateY(-2%) scale(1.03)}
  .sx-card.show-back:hover .media img.main-face{transform:translateX(-6%) rotate(-2deg)}
}
/* vista destaque: um aparelho por linha, foto grande à esquerda */
.grid.is-feature{grid-template-columns:1fr}
@media (min-width:760px){
  .grid.is-feature .sx-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .grid.is-feature .sx-card .media{aspect-ratio:auto;min-height:520px}
  .grid.is-feature .sx-card .body{border-top:0;border-left:1px solid var(--line);align-content:center;padding:clamp(28px,4vw,56px)}
  .grid.is-feature .sx-card h3{font-size:clamp(40px,4.4vw,64px)}
}
/* esteira de conferência (transparência) */
.sx-pipeline{margin-top:clamp(56px,8vw,96px);display:grid;gap:clamp(24px,4vw,48px)}
@media (min-width:980px){.sx-pipeline{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}}
.sx-pipeline h2{font-size:clamp(28px,3.4vw,44px)}
.sx-pipeline .lead{margin-top:16px}
.sx-steps{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line);counter-reset:sx}
.sx-steps li{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.sx-steps li::before{counter-increment:sx;content:"0" counter(sx);font-family:var(--mono);font-size:12px;color:var(--green);letter-spacing:.14em}
.sx-steps b{display:block;font-size:17px}
.sx-steps span.h{font-size:14px;color:var(--muted)}
/* bandeja de comparação */
.sx-tray{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:35;width:min(980px,calc(100% - 24px));display:grid;gap:12px;padding:14px;border:1px solid var(--line-2);border-radius:22px;background:rgba(15,17,14,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 80px -20px rgba(0,0,0,.85);animation:sx-up .45s var(--ease-out) both}
.sx-tray[hidden]{display:none}
@keyframes sx-up{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}
@media (min-width:760px){.sx-tray{grid-template-columns:auto 1fr auto;align-items:center;padding:12px 14px 12px 22px}}
.sx-tray .k{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600}
.sx-tray [data-cmp-state]{font-size:13px;color:var(--muted);margin-top:2px}
.sx-slots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sx-slot{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 8px 6px 10px;border-radius:14px;border:1px solid var(--line-2);font-size:14px;font-weight:600;min-width:0}
.sx-slot span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.sx-slot img{width:22px;height:40px;object-fit:contain;flex:none}
.sx-slot.is-empty{border-style:dashed;color:var(--faint);font-weight:500;font-size:13px;line-height:1.3}
.sx-slot.is-empty small{font-size:11.5px}
.sx-x{margin-left:auto;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);background:transparent;cursor:pointer;font-size:16px;color:var(--muted)}
.sx-x:hover{border-color:var(--green);color:var(--ink)}
.sx-tray .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sx-tray .btn{min-height:48px;padding:0 20px}
.sx-tray .sx-clear{min-height:44px;padding:0 12px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:3px}
body.has-tray .foot{padding-bottom:calc(200px + env(safe-area-inset-bottom))}
.cx-plus{width:22px;height:22px;flex:none;border-radius:50%;border:1px dashed var(--faint);position:relative}
.cx-plus::before,.cx-plus::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:1.5px;background:var(--faint);transform:translate(-50%,-50%)}
.cx-plus::after{transform:translate(-50%,-50%) rotate(90deg)}

/* ======================= G3-03 · /comparar/ ======================= */
.cx-table{display:grid;border-top:1px solid var(--line)}
.cx-row{display:grid;grid-template-columns:minmax(0,.7fr) repeat(var(--slots,2),minmax(0,1fr));gap:0 clamp(12px,2vw,28px);border-bottom:1px solid var(--line);padding:16px 0;align-items:start}
.cx-table[data-slots="3"]{--slots:3}
.cx-label{font-size:14px;color:var(--muted);padding-top:2px}
.cx-cell{display:grid;gap:6px;font-size:16px;min-width:0}
.cx-cell b{font-weight:600;overflow-wrap:anywhere}
.cx-cell .n{font-size:13px;color:var(--faint)}
.cx-cell .state{justify-self:start}
.cx-wait{color:var(--faint);font-size:14px}
.cx-headrow{padding:0 0 20px;border-bottom:1px solid var(--line-2)}
.cx-col{display:grid;gap:8px;align-content:start;justify-items:start;min-width:0}
.cx-col img{height:clamp(150px,22vw,260px);width:auto;filter:drop-shadow(0 26px 30px rgba(0,0,0,.55));margin:0 0 6px}
.cx-col h2{font-size:clamp(22px,2.6vw,34px)}
.cx-empty{border:1px dashed var(--line-2);border-radius:var(--r);padding:clamp(16px,2.4vw,28px);min-height:100%;justify-items:start}
.cx-empty .cx-plus{width:40px;height:40px;margin-bottom:8px}
.cx-empty .cx-plus::before,.cx-empty .cx-plus::after{width:14px}
.cx-empty h2{color:var(--muted)}
@media (max-width:640px){
  .cx-row{grid-template-columns:repeat(var(--slots,2),minmax(0,1fr))}
  .cx-label{grid-column:1/-1;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
  .cx-headrow .cx-label{display:none}
  .cx-col img{height:140px}
  .cx-empty{padding:14px}
  .cx-empty h2{font-size:20px}
}
.cx-after{margin-top:clamp(40px,6vw,72px)}

/* ======================= G3-03 · /marcas/ ======================= */
.bx-brands{display:grid;gap:16px}
@media (min-width:760px){.bx-brands{grid-template-columns:repeat(2,1fr)}}
.bx-brand{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;min-height:340px;padding:clamp(22px,3vw,36px);border:1px solid var(--line);border-radius:calc(var(--r) + 6px);text-decoration:none;overflow:hidden;background:radial-gradient(70% 70% at 80% 30%,rgba(131,234,5,.11),transparent 70%),linear-gradient(180deg,#121510,#0d0e0c);transition:border-color .3s,transform .5s var(--ease-out)}
.bx-brand:hover{border-color:rgba(131,234,5,.5);transform:translateY(-4px)}
.bx-brand-media{position:absolute;right:clamp(16px,4vw,48px);top:24px;bottom:-60px;display:flex;align-items:flex-start}
.bx-brand-media img{height:300px;width:auto;filter:drop-shadow(0 26px 30px rgba(0,0,0,.55));transition:transform .9s var(--ease-out)}
.bx-brand:hover .bx-brand-media img{transform:translateY(-10px) rotate(-2deg)}
.bx-brand-body{position:relative;z-index:1}
.bx-brand h2{font-size:clamp(40px,5vw,72px)}
.bx-brand .arr{position:relative;z-index:1;font-size:24px;color:var(--green);transition:transform .35s var(--ease-out)}
.bx-brand:hover .arr{transform:translateX(5px)}
.bx-soon{display:grid;gap:14px;align-content:end;min-height:340px;padding:clamp(22px,3vw,36px);border:1px dashed var(--line-2);border-radius:calc(var(--r) + 6px)}
.bx-soon h2{font-size:clamp(26px,3vw,38px);color:var(--muted)}
.bx-soon .actions{margin-top:6px}
@media (max-width:520px){.bx-brand-media img{height:220px}.bx-brand,.bx-soon{min-height:280px}}

@media (prefers-reduced-motion:reduce){.jt-rail::after{transform:none!important}.jt-rail .jt-node::after{background:var(--green)}}
html.reduce-motion .jt-rail::after{transform:none!important}
html.reduce-motion .jt-rail .jt-node::after{background:var(--green)}