/* Hub-only layout. Typography is supplied by the existing DT360 classes in the markup. */
.hr3{--ink:var(--dt360-ds-text);--mut:var(--dt360-ds-muted);--lime:var(--dt360-ds-lime);--lav:var(--dt360-ds-lavender);--rule:var(--dt360-ds-border-lavender);--hr-top:80px;color:var(--ink);background:var(--dt360-ds-bg);isolation:isolate}
.hr3 [hidden]{display:none}.hr3 [id]{scroll-margin-top:var(--hr-top)}.hr3 .hr-wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto;position:relative;z-index:1;min-width:0}.hr3 section{position:relative;padding-block:clamp(60px,6.2vw,105px);border-bottom:1px solid var(--rule)}.hr3 .dt360-ds-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:24px}.hr3 .dt360-ds-eyebrow::before{width:32px}.hr3 .dt360-ds-h1,.hr3 .dt360-ds-h2,.hr3 .dt360-ds-h3{text-wrap:pretty}.hr3 .hr-muted,.hr3 .hr-deck,.hr3 .hr-half p,.hr3 .hr-analysis dd,.hr3 .hr-chain p,.hr3 .hr-persp p,.hr3 .hr-outcomes p{color:var(--mut)}.hr3 .hr-deck{max-width:800px}.hr3 .hr-accent,.hr3 .hr-num,.hr3 .hr-hot{color:var(--lime)}.hr3 .hr-ico{width:1.25em;height:1.25em;min-width:0;flex:none;vertical-align:middle}.hr3 .hr-tile{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--rule);border-radius:10px;background:linear-gradient(145deg,#2b2042,#130c23);color:var(--lime)}.hr3 .hr-tile .hr-ico{width:26px;height:26px}.hr3 .hr-cell{display:grid;gap:4px;align-content:center;min-width:0}.hr3 .hr-cell strong{margin:0}.hr3 .hr-cell>*,.hr3 .hr-link,.hr3 .hr-analysis dd{min-width:0}.hr3 .hr-num{font-variant-numeric:tabular-nums}.hr3 figure,.hr3 dl,.hr3 dd{margin:0}.hr3 nav a,.hr3 .hr-switch{text-decoration:none}.hr3 a:focus-visible,.hr3 button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.hr3 .hr-link{display:inline-flex;align-items:center;gap:12px;width:fit-content;min-height:36px;text-decoration:none;border-bottom:1px solid var(--rule)}.hr3 .hr-link .hr-ico{color:var(--lime)}.hr3 .hr-link:hover{border-color:var(--lime)}.hr3 .hr-hero{overflow:hidden;border-top:0;background:radial-gradient(ellipse at 72% 96%,#241832 0,transparent 55%),linear-gradient(115deg,#110a1e,#100a19 60%,#130e20);padding-bottom:clamp(120px,12vw,198px)}.hr3 .hr-wave{position:absolute;bottom:-10px;left:0;width:100%;height:clamp(100px,13vw,190px);pointer-events:none;opacity:.88}.hr3 .hr-hero-copy p+p{margin-top:18px}.hr3 .hr-actions{gap:10px}.hr3 .hr-actions a{border-radius:8px;gap:12px}.hr3 .hr-services{border-block:1px solid var(--rule)}.hr3 .hr-services a{min-height:84px;display:grid;grid-template-columns:24px 54px minmax(0,1fr) 22px;gap:16px;align-items:center;padding:12px 4px}.hr3 .hr-services a+a{border-top:1px solid var(--rule)}.hr3 .hr-services a>.hr-ico,.hr3 .hr-switch>.hr-ico{color:var(--lime);width:20px}.hr3 .hr-services a:hover,.hr3 .hr-exit:hover,.hr3 .hr-switch:hover{background:linear-gradient(95deg,rgba(188,166,242,.10),transparent)}
.hr3 .hr-case-stage{background:radial-gradient(ellipse at 24% 90%,#201230 0,transparent 52%),linear-gradient(120deg,#100b1b,#140d24)}.hr3 .hr-case-intro p{max-width:56ch}.hr3 .hr-switch{display:grid;align-items:center;grid-template-columns:28px minmax(0,1fr) 18px;gap:12px;padding:14px 8px;border-top:1px solid var(--rule);color:var(--ink)}.hr3 .hr-switch .hr-num{color:var(--lav)}.hr3 .hr-switch[aria-expanded=true]{background:linear-gradient(100deg,rgba(177,255,56,.08),rgba(177,255,56,.017));box-shadow:inset 0 0 0 1px var(--dt360-ds-border-lime);border-radius:5px}.hr3 .hr-switch[aria-expanded=true] .hr-num{color:var(--lime)}.hr3 .hr-case-panel{min-width:0}.hr3 .hr-panel-head p{max-width:60ch}.hr3 .hr-flow{margin:22px 0;padding:20px 0 12px;border-block:1px solid var(--rule)}.hr3 .hr-flow ol,.hr3 .hr-chain{margin:0;padding:0;list-style:none}.hr3 .hr-flow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.hr3 .hr-flow li{position:relative;display:grid;justify-items:center;text-align:center;min-width:0;gap:8px}.hr3 .hr-flow li:not(:last-child)::after{content:'→';position:absolute;left:94%;top:16px;color:var(--lav)}.hr3 .hr-flow-icon,.hr3 .hr-chain-node{height:54px;width:54px;border:1px solid var(--rule);border-radius:50%;display:grid;place-items:center;color:var(--lav);background:linear-gradient(145deg,#241735,#100a1b)}.hr3 .hr-flow-icon .hr-ico{width:25px;height:25px}.hr3 .hr-flow li:first-child .hr-flow-icon,.hr3 .hr-flow li:nth-child(3) .hr-ico{color:var(--lime)}.hr3 .hr-flow figcaption{text-align:center;color:var(--lav);margin:8px 12% 0;border-top:1px dashed var(--rule);padding-top:5px}.hr3 .hr-analysis>div{display:grid;grid-template-columns:minmax(130px,.75fr) 1.65fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule)}.hr3 .hr-analysis dt{display:flex;align-items:center;gap:12px}.hr3 .hr-analysis .hr-ico{color:var(--lime);width:22px;height:22px}.hr3 .hr-related{padding-top:16px}.hr3 .hr-related>div{display:flex;flex-wrap:wrap;column-gap:20px}.hr3 .hr-band{background:radial-gradient(ellipse at 90% 0,#291939 0,transparent 50%),#100b19}.hr3 .hr-pairs{margin-top:28px}.hr3 .hr-pair{position:relative;display:grid;border-bottom:1px solid var(--rule);align-items:center;gap:20px;padding:26px 0}.hr3 .hr-pair-num{color:var(--lav);align-self:start}.hr3 .hr-pair-num::after{content:'';display:block;width:22px;height:2px;background:var(--lime);margin-top:5px}.hr3 .hr-half{min-width:0;display:grid;align-items:center;gap:14px}.hr3 .hr-half figure{text-align:center;min-width:0}.hr3 .hr-art{width:100%;max-width:220px;height:auto;display:block;margin:auto;color:var(--lav)}.hr3 .hr-half figcaption{color:var(--lav);margin-top:5px}.hr3 .hr-plus,.hr3 .hr-turn{display:grid;place-items:center;border:1px solid var(--rule);border-radius:50%;color:var(--lav)}.hr3 .hr-plus{width:32px;height:32px}.hr3 .hr-bottom{margin-top:32px;border-left:3px solid var(--lime);padding-left:20px}.hr3 .hr-bottom p{margin-top:6px}
.hr3 .hr-proof-stage{background:radial-gradient(ellipse at 77% 0,#2d1b49 0,transparent 49%),#10091d}.hr3 .hr-proof-top{display:grid;gap:26px;align-items:end;border-bottom:1px solid var(--rule);padding-bottom:30px}.hr3 .hr-proof-nav{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.hr3 .hr-proof-nav a,.hr3 .hr-turn{min-width:38px;min-height:44px;display:grid;place-items:center;background:transparent;color:var(--lav);border-bottom:1px solid var(--rule);cursor:pointer}.hr3 .hr-proof-nav a[aria-current=true]{color:var(--lime);border-bottom:2px solid var(--lime)}.hr3 .hr-proof-nav button[hidden]{display:none}.hr3 .hr-turn{min-width:44px}.hr3 .hr-turn[data-proof-dir="-1"] .hr-ico{transform:rotate(180deg)}.hr3 .hr-proof-label{margin:24px 0 16px}.hr3 .hr-proof-body{display:grid;align-items:stretch;gap:clamp(18px,3vw,48px)}.hr3 .hr-plate{position:relative;overflow:hidden;min-width:0;display:grid;align-content:center;justify-items:center;padding:10px 12px 20px;background:radial-gradient(ellipse at 50% 60%,#35264f,transparent 75%),linear-gradient(160deg,#20162e,#130e1f 72%);border:1px solid var(--rule);border-radius:4px}.hr3 .hr-proof-art{width:100%;max-width:410px;height:auto;color:var(--lav)}.hr3 .hr-plate>span{color:var(--lav);text-align:center}.hr3 .hr-metrics{display:flex;align-items:center;gap:clamp(18px,3vw,50px);flex-wrap:wrap}.hr3 .hr-metrics>div{display:grid;gap:4px}.hr3 .hr-metrics strong{margin:0}.hr3 .hr-metrics strong.hr-accent{color:var(--lime)}.hr3 .hr-metrics dl{display:flex;gap:16px;flex-wrap:wrap;border-left:1px solid var(--rule);padding-left:16px}.hr3 .hr-metrics dt{color:var(--mut)}.hr3 .hr-proof-copy>p{margin:16px 0 24px}.hr3 .hr-chain{display:grid;gap:20px}.hr3 .hr-chain li{min-width:0;position:relative}.hr3 .hr-chain strong{display:block}.hr3 .hr-chain-node{width:36px;height:36px;margin-bottom:14px}.hr3 .hr-proof-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding:20px 0;border-block:1px solid var(--rule)}.hr3 .hr-proof-foot>strong{margin:0}.hr3 .hr-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hr3 .hr-ready-stage{background:radial-gradient(ellipse at 52% 48%,#251d32 0,transparent 51%),#120d20}.hr3 .hr-network{display:grid;position:relative;align-items:center;gap:25px;margin:36px 0 28px}.hr3 .hr-wires{position:absolute;inset:0;width:100%;height:100%;color:var(--lime);opacity:.65;pointer-events:none}.hr3 .hr-core,.hr3 .hr-persp{position:relative;z-index:1}.hr3 .hr-core{display:grid;text-align:center;place-items:center;gap:10px;padding:20px 12px;border:1px solid var(--dt360-ds-border-lime);border-radius:4px;background:radial-gradient(ellipse at 38% 10%,#344032,#211c2e 70%);box-shadow:0 0 40px #a3d23c0b}.hr3 .hr-core>.hr-ico{width:36px;height:36px;color:var(--lime)}.hr3 .hr-core strong{margin:0}.hr3 .hr-core>span,.hr3 .hr-origin span{color:var(--mut)}.hr3 .hr-persp{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--rule);background:linear-gradient(110deg,#251c33,#191324);border-radius:3px}.hr3 .hr-persp .hr-tile{flex:none}.hr3 .hr-outcomes{border-block:1px solid var(--rule);background:linear-gradient(105deg,#21192f,#191225);padding:24px}.hr3 .hr-outcomes>div{display:grid;gap:20px;margin-top:12px}.hr3 .hr-outcomes>div>div{display:flex;align-items:flex-start;gap:14px}.hr3 .hr-outcomes .hr-ico{width:27px;height:27px;color:var(--lav)}.hr3 .hr-outcomes>div>div:first-child>.hr-ico{color:var(--lime)}
.hr3 .hr-final{background:radial-gradient(ellipse at 95% 10%,#281844,transparent 57%),var(--dt360-ds-bg)}.hr3 .hr-exits{display:grid;gap:32px;margin-top:36px}.hr3 .hr-origin{position:relative;display:grid;align-content:center;justify-items:center;text-align:center;gap:16px;color:var(--lav)}.hr3 .hr-origin::before{content:'';position:absolute;inset:8% 0 8% 50%;border:1px solid var(--rule);border-right:0;border-radius:12px 0 0 12px}.hr3 .hr-origin>div{position:relative;display:grid;place-content:center;justify-items:center;gap:6px;width:min(180px,90%);aspect-ratio:1;border:1px solid var(--dt360-ds-border-lime);border-radius:50%;background:radial-gradient(circle at 25% 20%,#302442,#180f2b 72%);box-shadow:0 0 0 12px #20142f,0 0 0 13px #3b294a}.hr3 .hr-origin>div>.hr-ico{color:var(--lime)}.hr3 .hr-origin>span{position:relative;margin-top:10px}.hr3 .hr-exit{position:relative;display:grid;align-items:center;gap:18px;padding:20px 0;border-block-start:1px solid var(--rule);min-width:0}.hr3 .hr-exit:last-child{border-bottom:1px solid var(--rule)}.hr3 .hr-fine{margin-top:24px;padding-top:17px;border-top:1px solid var(--rule);color:var(--mut)}.hr3 .hr-fine .hr-ico{color:var(--lime);margin-right:10px}
