.hb .pg-card.tr-demo{gap:18px;padding:20px 20px 22px;text-align:left;background:linear-gradient(#040303a8,#040303a8),#ffffff09;backdrop-filter:blur(16px) saturate(1.06);-webkit-backdrop-filter:blur(16px) saturate(1.06)}.hb .pg-card.tr-demo:hover{background:linear-gradient(#040303a8,#040303a8),#ffffff09}.hb .tr-chrome{display:flex;align-items:center;justify-content:space-between;gap:14px}.hb .tr-dots{display:inline-flex;align-items:center;gap:6px}.hb .tr-dots i{width:8px;height:8px;border-radius:50%;background:#ffffff1f}.hb .tr-dots i:first-child{background:#d4775b8c}.hb .tr-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:720px){.hb .tr-pair{grid-template-columns:1fr}}.hb .tr-col{display:flex;flex-direction:column;gap:11px;min-width:0}.hb .tr-col-head{display:flex;align-items:center;gap:8px;color:var(--muted)}.hb .tr-col-head svg{flex:none}.hb .tr-screen{min-height:148px;padding:15px 16px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--line)}.hb .tr-screen-out{background:#d4775b0d;border-color:#d4775b2e}.hb .pg-card .tr-text{font-size:13.5px;line-height:1.62;font-weight:350;color:var(--ink-2)}.hb .pg-card .tr-screen-out .tr-text{color:var(--ink)}.hb .tr-caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--ember);animation:tr-blink 1.1s steps(1,end) infinite}@keyframes tr-blink{0%,49%{opacity:1}50%,to{opacity:0}}.hb .tr-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:22px}.hb .tr-foot svg{flex:none;color:var(--muted)}.hb .tr-foot-note{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:500;color:var(--ink-2)}.hb .tr-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:9.5px;font-weight:500;color:var(--ink-2);background:#ffffff0d;border:1px solid var(--line)}.hb .tr-pill-to{color:var(--ember-deep);background:#d4775b1a;border-color:#d4775b47}.hb .tr-live{width:6px;height:6px;flex:none;border-radius:50%;background:var(--ember)}.hb .tr-live-on{animation:tr-pulse 1.2s ease-in-out infinite}@keyframes tr-pulse{0%,to{opacity:1}50%{opacity:.25}}.hb .tr-ok{margin-left:auto;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:9.5px;font-weight:500;color:var(--ember-warm);animation:tr-fade .4s ease .2s both}@keyframes tr-fade{0%{opacity:0}to{opacity:1}}.hb .pg-card.tr-note{align-items:center;text-align:center;gap:14px;padding:clamp(26px,4vw,34px);background:#d4775b0d;border-color:#d4775b38}.hb .pg-card.tr-note:hover{background:#d4775b0d;border-color:#d4775b38}.hb .pg-card.tr-note p{max-width:56ch}.hb .pg-card.tr-pack{gap:14px;padding:26px 26px 28px}.hb .pg-card.tr-pack-rec{background:#d4775b0d;border-color:#d4775b3d}.hb .pg-card.tr-pack-rec:hover{background:#d4775b12;border-color:#d4775b52}.hb .tr-pack-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hb .pg-card h3.tr-pack-name{font-family:var(--serif);font-weight:400;font-size:1.55rem;line-height:1.05;letter-spacing:-.01em;color:var(--ink)}.hb .tr-pack-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hb .tr-pack-meta span{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--ink-2)}.hb .tr-pack-meta svg{flex:none;color:var(--ember)}.hb .tr-pack-meta .tr-pack-size svg{color:var(--muted)}.hb .pg-card.tr-caveat{flex-direction:row;align-items:flex-start;gap:12px;padding:22px 24px}.hb .pg-card.tr-caveat svg{flex:none;margin-top:3px;color:var(--ember)}.hb .pg-card.tr-caveat strong{color:var(--ink);font-weight:550}.hb .tr-caveat{margin-top:16px}.hb .tr-blocks{margin-top:clamp(48px,7vh,80px)}.hb .tr-block+.tr-block{margin-top:clamp(40px,6vh,64px)}.hb .tr-block-head{margin-bottom:26px}.hb h3.tr-sub-head{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,3vw,1.8rem);line-height:1.1;letter-spacing:-.015em;color:var(--ink)}.hb .tr-sub-lede{margin-top:10px;max-width:62ch;font-size:.95rem;line-height:1.62;font-weight:350;color:var(--ink-2)}.hb .tr-lang-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px}@media(max-width:600px){.hb .tr-lang-groups{grid-template-columns:1fr;gap:26px}}.hb .tr-lang-region{margin-bottom:13px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;font-weight:500;color:var(--muted)}.hb .tr-lang-list{display:flex;flex-wrap:wrap;gap:8px}.hb .tr-lang{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:400;letter-spacing:-.005em;color:var(--ink-2);background:#ffffff0a;border:1px solid var(--line);transition:color .22s ease,border-color .22s ease,background .22s ease}.hb .tr-lang:hover{color:var(--ink);background:#ffffff0f;border-color:var(--line-strong)}@media(max-width:520px){.hb .pg-card.tr-demo{padding:16px 16px 18px}}@media(prefers-reduced-motion:reduce){.hb .tr-caret,.hb .tr-live-on,.hb .tr-ok{animation:none!important}.hb .tr-caret{display:none}.hb .tr-lang{transition:none!important}}