/* Teckzyy Tweaks / premium benchmark showcase — scoped to this component */
.tz-benchmarks{--bm-gold:#edc477;--bm-bright:#ffe6aa;--bm-muted:#938c7e;--bm-border:rgba(235,187,91,.17);position:relative;isolation:isolate;padding:105px 22px 118px;color:#f8f3e8;background:transparent!important;overflow:hidden;scroll-margin-top:105px}
.tz-benchmarks *{box-sizing:border-box}
.tz-benchmarks .tz-bm-aura{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 52% 40% at 50% 6%,rgba(174,117,30,.14),transparent 82%),radial-gradient(ellipse 40% 45% at 100% 75%,rgba(137,87,18,.13),transparent 80%)}
.tz-benchmarks .tz-bm-inner{width:min(1150px,100%);margin-inline:auto}
.tz-benchmarks .tz-bm-heading{text-align:center;max-width:780px;margin:0 auto 40px}
.tz-benchmarks .tz-bm-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 15px;border-radius:30px;background:linear-gradient(180deg,#17150f,#0b0b0a);border:1px solid rgba(236,189,93,.24);color:#c9b99a;font-size:10px;font-weight:800;letter-spacing:.2em;box-shadow:inset 0 1px rgba(255,250,234,.045)}
.tz-benchmarks .tz-bm-pulse{width:7px;height:7px;border-radius:50%;background:#f2c66a;box-shadow:0 0 0 4px rgba(235,185,81,.09),0 0 12px #dca348}
.tz-benchmarks .tz-bm-heading h2{font-family:var(--font-display,Inter,sans-serif);font-size:clamp(34px,4.25vw,62px);font-weight:800;letter-spacing:-.056em;line-height:1.07;color:#fcfaf5;margin:20px 0 13px}
.tz-benchmarks .tz-bm-heading h2 span{background:linear-gradient(105deg,#f3d58e 5%,#d89432 52%,#ffe5ac 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tz-benchmarks .tz-bm-intro{color:#a9a395;line-height:1.68;font-size:15px;max-width:590px;margin:0 auto}
.tz-benchmarks .tz-bm-demo-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;padding:7px 12px;margin-top:17px;border:1px solid rgba(223,177,89,.19);border-radius:30px;background:#b57b2510;color:#cdaa65;font-size:10px;letter-spacing:.07em;font-weight:800}
.tz-benchmarks .tz-bm-demo-badge svg{width:12px;height:12px;flex:none}
.tz-benchmarks .tz-bm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:20px}
.tz-benchmarks .tz-bm-stat{min-width:0;min-height:174px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden;padding:25px 25px 22px;border-radius:20px;border:1px solid var(--bm-border);background:linear-gradient(154deg,rgba(30,27,21,.96) 0%,rgba(13,13,12,.97) 67%);box-shadow:inset 0 1px rgba(255,238,199,.065),0 13px 32px rgba(0,0,0,.18);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.tz-benchmarks .tz-bm-stat:hover{transform:translateY(-4px);border-color:rgba(239,189,96,.45);box-shadow:inset 0 1px rgba(255,238,199,.075),0 18px 42px rgba(0,0,0,.3),0 0 35px rgba(204,133,25,.08)}
.tz-benchmarks .tz-bm-stat-glint{position:absolute;right:-65px;top:-100px;width:200px;height:200px;background:radial-gradient(circle,rgba(227,166,58,.13),transparent 66%);pointer-events:none}
.tz-benchmarks .tz-bm-stat-mark{position:absolute;top:21px;right:22px;display:flex;align-items:end;gap:3px;opacity:.52}
.tz-benchmarks .tz-bm-stat-mark span{width:4px;background:#cda55b;border-radius:2px}.tz-benchmarks .tz-bm-stat-mark span:nth-child(1){height:7px}.tz-benchmarks .tz-bm-stat-mark span:nth-child(2){height:13px}.tz-benchmarks .tz-bm-stat-mark span:nth-child(3){height:19px}
.tz-benchmarks .tz-bm-stat strong{display:block;overflow-wrap:anywhere;font-family:var(--font-display,Inter,sans-serif);font-size:clamp(30px,3.5vw,46px);line-height:1.18;letter-spacing:-.05em;font-weight:850;background:linear-gradient(100deg,#fae3a6,#d69a40 62%,#ffe9b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:7px 0 10px}
.tz-benchmarks .tz-bm-stat h3{color:#d5d0c7;font-size:14px;font-weight:650;line-height:1.3;margin:0 0 9px}
.tz-benchmarks .tz-bm-stat-detail{display:flex;align-items:center;gap:7px;font-size:11px;color:#af9566;line-height:1.3}
.tz-benchmarks .tz-bm-stat-dot{width:5px;height:5px;border-radius:50%;background:#d4aa60;box-shadow:0 0 10px rgba(228,175,75,.5);flex:none}
.tz-benchmarks .tz-bm-details{display:grid;grid-template-columns:1.04fr .96fr;gap:20px;align-items:stretch}
.tz-benchmarks .tz-bm-panel{min-width:0;position:relative;border-radius:22px;padding:28px 28px 21px;overflow:hidden;border:1px solid var(--bm-border);background:linear-gradient(138deg,rgba(24,23,20,.97),rgba(9,11,11,.97) 62%,rgba(17,15,11,.97));box-shadow:inset 0 1px rgba(255,244,219,.062),0 19px 60px rgba(0,0,0,.2)}
.tz-benchmarks .tz-bm-panel:after{position:absolute;content:'';top:0;left:15%;width:70%;height:1px;background:linear-gradient(90deg,transparent,rgba(250,210,128,.42),transparent);pointer-events:none}
.tz-benchmarks .tz-bm-panel-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.tz-benchmarks .tz-bm-panel-overline{color:#ae8b4b;font-size:9px;font-weight:800;letter-spacing:.18em;margin-bottom:12px}
.tz-benchmarks .tz-bm-panel h3{font-family:var(--font-display,Inter,sans-serif);font-size:19px;font-weight:780;line-height:1.3;letter-spacing:-.025em;color:#f9f5eb;margin:0 0 6px}
.tz-benchmarks .tz-bm-panel-top p{font-size:12px;line-height:1.65;color:#9b958b;margin:0;max-width:360px}
.tz-benchmarks .tz-bm-panel-icon{flex:none;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(225,173,82,.21);border-radius:10px;background:rgba(206,146,50,.06);color:#bc9450}
.tz-benchmarks .tz-bm-panel-icon svg{width:19px;height:19px}
.tz-benchmarks .tz-bm-comparisons{display:grid;gap:19px;margin-top:35px}
.tz-benchmarks .tz-bm-row-top{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#c4c0b6;font-size:12px;margin-bottom:10px;line-height:1.3}
.tz-benchmarks .tz-bm-values{white-space:nowrap;font-size:11px;color:#807d76;font-variant-numeric:tabular-nums}
.tz-benchmarks .tz-bm-values b{color:#f3e5c9;font-weight:780}
.tz-benchmarks .tz-bm-bars{display:grid;gap:6px}
.tz-benchmarks .tz-bm-track{height:9px;border-radius:50px;background:#292824;overflow:hidden;position:relative}
.tz-benchmarks .tz-bm-fill{height:100%;display:block;border-radius:50px;max-width:100%;min-width:0;transition:width .35s ease}
.tz-benchmarks .tz-bm-fill-before{background:linear-gradient(90deg,#565654,#888781)}
.tz-benchmarks .tz-bm-fill-after{background:linear-gradient(90deg,#b57929,#f9d889 65%,#f4c45c);box-shadow:0 0 13px rgba(233,181,87,.3)}
.tz-benchmarks .tz-bm-panel-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.05);padding-top:16px;margin-top:27px}
.tz-benchmarks .tz-bm-panel-bottom span,.tz-benchmarks .tz-bm-chart-legend span{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#aba598}
.tz-benchmarks .tz-bm-key{display:inline-block;width:20px;height:3px;border-radius:9px;flex:none}
.tz-benchmarks .tz-bm-key-before{background:#85847e}.tz-benchmarks .tz-bm-key-after{background:linear-gradient(90deg,#c68a33,#ffe4a0)}
.tz-benchmarks .tz-bm-chart-legend{display:flex;gap:23px;flex-wrap:wrap;margin:26px 0 12px}
.tz-benchmarks .tz-bm-plot{position:relative;min-height:245px;overflow:visible}
.tz-benchmarks .tz-bm-svg{width:100%;height:245px;display:block;overflow:visible}
.tz-benchmarks .tz-bm-grid path{stroke:rgba(226,212,182,.064);stroke-width:1;fill:none}
.tz-benchmarks .tz-bm-graph-before{fill:none;stroke:#888881;stroke-width:2.3;stroke-linecap:round;opacity:.82;vector-effect:non-scaling-stroke}
.tz-benchmarks .tz-bm-graph-after{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(239,181,82,.3));vector-effect:non-scaling-stroke}
.tz-benchmarks .tz-bm-cursor{stroke:#dbab58;stroke-width:1;stroke-dasharray:3 5;opacity:.6;vector-effect:non-scaling-stroke}
.tz-benchmarks .tz-bm-point-before{fill:#777773;stroke:#1c1c19;stroke-width:2;vector-effect:non-scaling-stroke}
.tz-benchmarks .tz-bm-point-after{fill:#ffe6a2;stroke:#b78132;stroke-width:2;filter:drop-shadow(0 0 4px #c99341);vector-effect:non-scaling-stroke}
.tz-benchmarks .tz-bm-tooltip{position:absolute;top:10px;left:0;z-index:2;min-width:110px;max-width:175px;padding:9px 11px;border:1px solid rgba(244,192,93,.31);border-radius:9px;background:rgba(21,20,16,.97);box-shadow:0 10px 30px rgba(0,0,0,.35);color:#c7bfaf;font-size:11px;line-height:1.7;pointer-events:none;opacity:0;transition:opacity .12s ease;white-space:nowrap}
.tz-benchmarks .tz-bm-tooltip strong{color:#ffe1a0;font-weight:760}
.tz-benchmarks .tz-bm-tooltip.is-visible{opacity:1}
.tz-benchmarks .tz-bm-plot-footer{display:flex;justify-content:space-between;gap:15px;letter-spacing:.15em;font-size:9px;color:#7f776b;font-weight:700;margin-top:2px}
.tz-benchmarks .tz-bm-footnote{display:flex;justify-content:center;align-items:center;gap:8px;margin:22px auto 0;max-width:970px;text-align:center;color:#aa9876;font-size:11px;line-height:1.6}
.tz-benchmarks .tz-bm-footnote svg{flex:none;width:15px;height:15px;color:#c79948}
@media(max-width:980px){.tz-benchmarks{padding:78px 18px 90px}.tz-benchmarks .tz-bm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tz-benchmarks .tz-bm-details{grid-template-columns:1fr}.tz-benchmarks .tz-bm-plot{min-height:235px}.tz-benchmarks .tz-bm-svg{height:235px}}
@media(max-width:580px){.tz-benchmarks{padding:64px 14px 75px;scroll-margin-top:72px}.tz-benchmarks .tz-bm-heading{margin-bottom:25px}.tz-benchmarks .tz-bm-heading h2{font-size:clamp(30px,8vw,41px);letter-spacing:-.06em}.tz-benchmarks .tz-bm-intro{font-size:13px}.tz-benchmarks .tz-bm-stats{gap:10px}.tz-benchmarks .tz-bm-stat{min-height:140px;padding:18px 15px 16px;border-radius:15px}.tz-benchmarks .tz-bm-stat strong{font-size:clamp(27px,7vw,37px);margin:7px 0}.tz-benchmarks .tz-bm-stat h3{font-size:12px}.tz-benchmarks .tz-bm-stat-detail{font-size:10px}.tz-benchmarks .tz-bm-stat-mark{right:11px;top:14px;transform:scale(.76)}.tz-benchmarks .tz-bm-details{gap:13px}.tz-benchmarks .tz-bm-panel{padding:22px 16px 19px;border-radius:16px}.tz-benchmarks .tz-bm-panel h3{font-size:17px}.tz-benchmarks .tz-bm-comparisons{margin-top:24px;gap:17px}.tz-benchmarks .tz-bm-row-top{font-size:11px}.tz-benchmarks .tz-bm-values{font-size:10px}.tz-benchmarks .tz-bm-chart-legend{margin-top:21px}.tz-benchmarks .tz-bm-plot{min-height:202px}.tz-benchmarks .tz-bm-svg{height:202px}.tz-benchmarks .tz-bm-footnote{align-items:flex-start;text-align:left;font-size:10px}}
@media(prefers-reduced-motion:reduce){.tz-benchmarks .tz-bm-stat,.tz-benchmarks .tz-bm-fill,.tz-benchmarks .tz-bm-tooltip{transition:none}}

/* Premium motion layer: animation enhances illustrative examples; it is not live telemetry. */
.tz-benchmarks .tz-bm-counter{font-variant-numeric:tabular-nums;will-change:contents}
.tz-benchmarks .tz-bm-fill{transition:width 1150ms cubic-bezier(.18,.8,.2,1)}
.tz-benchmarks .tz-bm-graph-after{transition:stroke-dashoffset 1850ms cubic-bezier(.22,.68,.18,1);will-change:stroke-dashoffset}
.tz-benchmarks .tz-bm-graph-before{transition:stroke-dashoffset 1900ms cubic-bezier(.22,.68,.18,1)}
.tz-benchmarks .tz-bm-area{transition:opacity 1900ms ease;opacity:1}
.tz-benchmarks .tz-bm-motion-readout{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 13px;padding:11px 12px;border:1px solid rgba(224,173,89,.13);border-radius:10px;background:linear-gradient(110deg,rgba(214,145,45,.07),rgba(0,0,0,.16));color:#c1a77d}
.tz-benchmarks .tz-bm-motion-title{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.tz-benchmarks .tz-bm-motion-led{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d8a34b;box-shadow:0 0 10px rgba(236,190,105,.48);animation:tz-bm-pulse 2.5s ease-in-out infinite}
.tz-benchmarks .tz-bm-motion-time{font-variant-numeric:tabular-nums;margin-left:5px;color:#8e8472}
.tz-benchmarks .tz-bm-motion-values{display:inline-flex;align-items:center;flex-wrap:wrap;gap:17px;font-size:11px;color:#a39e95}
.tz-benchmarks .tz-bm-motion-values>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.tz-benchmarks .tz-bm-motion-values b{font-variant-numeric:tabular-nums;color:#ede5d5;font-size:12px}
.tz-benchmarks .tz-bm-motion-values>span:last-child b{color:#f5cc78}
.tz-benchmarks .tz-bm-cursor{filter:drop-shadow(0 0 7px rgba(232,180,72,.53))}
.tz-benchmarks .tz-bm-point-after{filter:drop-shadow(0 0 7px #cc984d)}
@keyframes tz-bm-pulse{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}
@media(max-width:580px){.tz-benchmarks .tz-bm-motion-readout{padding:10px;gap:8px}.tz-benchmarks .tz-bm-motion-values{gap:10px}.tz-benchmarks .tz-bm-motion-title{font-size:8px}}
@media(prefers-reduced-motion:reduce){.tz-benchmarks .tz-bm-graph-after,.tz-benchmarks .tz-bm-graph-before,.tz-benchmarks .tz-bm-area,.tz-benchmarks .tz-bm-fill{transition:none!important}.tz-benchmarks .tz-bm-motion-led{animation:none!important}}