.dtx-value{--dtx-point:#a45b28;--dtx-depth:#397726;--dtx-time:#073477;color:#17345f}
.dtx-value [hidden]{display:none!important}
.dtx-value .dtx-point-text{color:var(--dtx-point)}
.dtx-value .dtx-depth-text{color:var(--dtx-depth)}
.dtx-value .dtx-time-text{color:var(--dtx-time)}
.dtx-value .dtx-value-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:0 64px;align-items:end;margin-bottom:36px}
.dtx-value .dtx-value-intro>.eyebrow{grid-column:1/-1;margin-bottom:20px}
.dtx-value .dtx-value-intro h2{font-size:clamp(36px,4.6vw,64px);line-height:1.04;letter-spacing:-.05em}
.dtx-value .dtx-value-intro h2 em{font-family:Georgia,serif;font-weight:400;color:var(--dtx-depth)}
.dtx-value .dtx-value-intro>p{font-size:17px;line-height:1.7;margin:0;max-width:550px}
.dtx-value .dtx-value-intro>p span{font-weight:600}
.dtx-value .dtx-value-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.dtx-value .dtx-value-controls button{--dtx-step:var(--dtx-point);display:flex;align-items:center;gap:14px;text-align:left;background:transparent;border:1px solid #dce6df;border-bottom:3px solid var(--dtx-step);border-radius:10px;padding:16px 20px;color:var(--dtx-step);min-height:82px;transition:background .25s,border-color .25s}
.dtx-value .dtx-value-controls button[data-value-step="1"]{--dtx-step:var(--dtx-depth)}
.dtx-value .dtx-value-controls button[data-value-step="2"]{--dtx-step:var(--dtx-time)}
.dtx-value .dtx-value-controls button[aria-pressed="true"]{background:color-mix(in srgb,var(--dtx-step) 9%,#fff);border-color:var(--dtx-step)}
.dtx-value .dtx-value-controls button:hover{background:color-mix(in srgb,var(--dtx-step) 6%,#fff)}
.dtx-value button:focus-visible,.dtx-value a:focus-visible{outline:3px solid #073477;outline-offset:4px}
.dtx-value .dtx-value-controls button>span:last-child{font-weight:700;font-size:16px}
.dtx-value .dtx-value-controls small{display:block;font-weight:400;font-size:12px;line-height:1.5;margin-top:5px}
.dtx-value .dtx-value-number{font-size:12px;align-self:flex-start;margin-top:2px}
.dtx-value .dtx-value-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}
.dtx-value .dtx-value-figure{margin:0;min-width:0}
.dtx-value .dtx-value-scene{position:relative;padding-left:24px}
.dtx-value .dtx-value-svg{display:block;width:100%;height:auto;overflow:visible}
.dtx-value .dtx-value-depth-label{position:absolute;left:0;top:39%;writing-mode:vertical-rl;color:var(--dtx-depth);font-size:13px;white-space:nowrap}
.dtx-value .dtx-value-point-plane{fill:#cc8d5830;stroke:#b57542;stroke-width:1.7}
.dtx-value .dtx-value-time-plane{fill:#07347714;stroke:var(--dtx-time);stroke-width:1.7}
.dtx-value .dtx-value-layer{fill:#5a942624;stroke:var(--dtx-depth);stroke-opacity:.75;stroke-width:1.4}
.dtx-value .dtx-value-signal{fill:none;stroke:var(--dtx-point);stroke-width:2.5;stroke-linejoin:round}
.dtx-value .dtx-value-point-node{fill:var(--dtx-point)}
.dtx-value .dtx-value-depth-node{fill:var(--dtx-depth)}
.dtx-value .dtx-value-spine{stroke:var(--dtx-depth);stroke-width:1.4;stroke-dasharray:3 5}
.dtx-value .dtx-value-ribbon{fill:#0734770a}
.dtx-value .dtx-value-connection{fill:none;stroke:var(--dtx-time);stroke-width:1.4;stroke-opacity:.4}
.dtx-value .dtx-value-time-arrow{fill:none;stroke:var(--dtx-time);stroke-width:2}
.dtx-value .dtx-value-depth-arrow{fill:none;stroke:var(--dtx-depth);stroke-width:2}
.dtx-value .dtx-value-time-node{fill:var(--dtx-time)}
.dtx-value .dtx-value-first-column{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.dtx-value .dtx-value-depth{transform-origin:152px 110px;transition:transform .7s,opacity .5s}
.dtx-value .dtx-value-future{transform-origin:235px 150px;transition:transform .8s,opacity .6s}
.dtx-value[data-step="0"] .dtx-value-first-column,.dtx-value[data-step="1"] .dtx-value-first-column{transform:translateX(250px)}
.dtx-value[data-step="0"] .dtx-value-depth{transform:scaleY(.03);opacity:0}
.dtx-value[data-step="0"] .dtx-value-future,.dtx-value[data-step="1"] .dtx-value-future{transform:translateX(-100px) scaleX(.03);opacity:0}
.dtx-value[data-step="0"] .dtx-value-depth-label{visibility:hidden}
.dtx-value .dtx-value-figure figcaption{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:12px}
.dtx-value .dtx-value-figure figcaption i{display:inline-block;width:8px;height:8px;background:currentColor;border-radius:50%;margin-right:6px}
.dtx-value .dtx-value-wokky{margin-top:24px;text-align:center;font-size:14px}
.dtx-value .dtx-value-wokky-line{display:block;width:90%;height:3px;margin:0 auto 14px;background:linear-gradient(90deg,var(--dtx-depth),var(--dtx-time));opacity:.65}
.dtx-value .dtx-value-wokky p{margin:6px auto 0;max-width:420px;font-size:13px;line-height:1.6}
.dtx-value .dtx-value-panels{min-height:330px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.dtx-value .dtx-value-panel{--dtx-step:var(--dtx-point);border-left:3px solid var(--dtx-step);padding-left:28px}
.dtx-value .dtx-value-panel[data-value-panel="1"]{--dtx-step:var(--dtx-depth)}
.dtx-value .dtx-value-panel[data-value-panel="2"]{--dtx-step:var(--dtx-time)}
.dtx-value .dtx-value-kicker{display:block;color:var(--dtx-step);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.dtx-value .dtx-value-panel h3{color:var(--dtx-step);font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.04em}
.dtx-value .dtx-value-panel p{margin-top:17px;font-size:15px;line-height:1.7}
.dtx-value .dtx-value-panel ul{list-style:none;margin:22px 0 0;padding:0;color:var(--dtx-step);font-size:14px;font-weight:600;line-height:1.65}
.dtx-value .dtx-value-panel li{padding-left:18px;position:relative;margin:8px 0}
.dtx-value .dtx-value-panel li::before{content:'•';position:absolute;left:0}
.dtx-value .dtx-value-contact{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:36px;padding:24px 0;border-top:1px solid #dce6df;border-bottom:1px solid #dce6df}
.dtx-value .dtx-value-contact p{margin:0;font-size:18px;color:var(--dtx-time);max-width:500px}
.dtx-value .dtx-value-contact .btn{border-radius:6px;flex-shrink:0}
.dtx-value .dtx-value-applications{padding:48px 0 24px}
.dtx-value .dtx-value-applications .eyebrow{margin-bottom:12px}
.dtx-value .dtx-value-applications h3{font-size:30px}
.dtx-value .dtx-value-applications p{font-size:15px;margin-top:10px}
@media(max-width:1000px){.dtx-value .dtx-value-intro{gap:0 32px}.dtx-value .dtx-value-grid{gap:24px}.dtx-value .dtx-value-controls button{padding:14px;gap:10px}.dtx-value .dtx-value-controls button>span:last-child{font-size:14px}.dtx-value .dtx-value-panel{padding-left:20px}}
@media(max-width:740px){.dtx-value .dtx-value-intro{display:block}.dtx-value .dtx-value-intro>p{margin-top:24px;font-size:15px}.dtx-value .dtx-value-intro h2{font-size:clamp(34px,8vw,48px)}.dtx-value .dtx-value-controls{gap:6px}.dtx-value .dtx-value-controls button{display:block;padding:12px 8px;min-height:94px}.dtx-value .dtx-value-number{display:block;margin:0 0 6px;font-size:11px}.dtx-value .dtx-value-controls button>span:last-child{font-size:12px;line-height:1.3;display:block}.dtx-value .dtx-value-controls small{display:none}.dtx-value .dtx-value-grid{grid-template-columns:1fr;gap:30px}.dtx-value .dtx-value-scene{padding-top:24px}.dtx-value .dtx-value-depth-label{writing-mode:horizontal-tb;top:0;left:24px;font-size:12px}.dtx-value .dtx-value-panels{min-height:300px}.dtx-value .dtx-value-panel h3{font-size:30px}.dtx-value .dtx-value-contact{flex-direction:column;align-items:flex-start;gap:18px}.dtx-value .dtx-value-contact p{font-size:17px}.dtx-value .dtx-value-contact .btn{font-size:12px;padding:13px 16px}.dtx-value .dtx-value-figure figcaption{gap:6px 12px;font-size:11px}.dtx-value .dtx-value-applications{padding-top:38px}}
@media(prefers-reduced-motion:reduce){.dtx-value .dtx-value-first-column,.dtx-value .dtx-value-depth,.dtx-value .dtx-value-future,.dtx-value .dtx-value-controls button{transition:none}}