/* Dispute Resolution page */
.dr-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.dr-chips span{font:600 .8rem Inter,sans-serif;letter-spacing:.04em;color:#e6edfc;border:1px solid rgba(255,255,255,.28);padding:9px 14px;border-radius:2px;background:rgba(255,255,255,.05)}
.dr-chips span b{color:#ff7a8f;margin-right:6px}

/* approvals */
.dr-states{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.dr-state{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 18px 22px;background:#fff;border:1.5px solid var(--line);position:relative;transition:transform .3s,border-color .3s,box-shadow .3s}
.dr-state:hover{transform:translateY(-4px);border-color:var(--ink)}
.dr-state:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.dr-state svg,.dr-state img{height:150px;width:auto;max-width:100%;margin-bottom:14px;color:#cfd5e3;transition:color .35s,transform .45s cubic-bezier(.2,.7,.2,1),filter .35s}
.dr-state img{filter:grayscale(.85) opacity(.7)}.dr-state.on img,.dr-state:hover img{filter:none}
.dr-state svg path{fill:currentColor;stroke:#fff;stroke-width:1.2;stroke-linejoin:round}
.dr-state b{font:400 1.7rem/1.1 var(--serif,Georgia,serif);color:var(--ink)}
.dr-state span{font-size:.88rem;color:var(--mut);margin-top:4px}
.dr-state .cnt{position:absolute;top:14px;right:14px;min-width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 .85rem Inter,sans-serif}
.dr-state.on{border-color:var(--red);box-shadow:0 26px 50px -30px rgba(200,16,46,.55)}
.dr-state.on svg{color:var(--red);transform:scale(1.05)}
.dr-state.on .cnt{background:var(--red)}
.dr-state::after{content:"Certified";position:absolute;top:18px;left:16px;font:700 .64rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.dr-state.on::after{color:var(--red)}
@media(max-width:760px){.dr-states{grid-template-columns:1fr}.dr-state{flex-direction:row;gap:18px;text-align:left;padding:16px}.dr-state svg,.dr-state img{height:84px;margin:0}.dr-state::after{display:none}}

.dr-panel{margin-top:26px;min-height:230px}
.dr-panel h3{font:700 .78rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin:0 0 14px}
.dr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}
.dr-card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);padding:20px 22px;display:flex;gap:18px;animation:drin .5s cubic-bezier(.2,.7,.2,1) both}
.dr-card:nth-child(2){animation-delay:.08s}.dr-card:nth-child(3){animation-delay:.16s}
@keyframes drin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.dr-card{animation:none}}
.dr-emb{flex:none;width:76px;height:76px;border:1px solid var(--line);display:grid;place-items:center;background:#fff;overflow:hidden;padding:6px;box-sizing:border-box}
.dr-emb.wide{width:128px}
.dr-emb img{max-width:100%;max-height:100%;object-fit:contain}
.dr-emb b{font-family:Inter,sans-serif;font-weight:800;color:var(--ink);letter-spacing:.02em;text-align:center;line-height:1}
.dr-card h4{font:400 1.25rem/1.2 var(--serif,Georgia,serif);margin:0 0 3px}
.dr-card .full{font-size:.84rem;color:var(--mut);margin:0 0 8px}
.dr-card p{margin:0;color:var(--ink2);font-size:.93rem;line-height:1.5}
.dr-ok{display:inline-block;font:700 .66rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#16794c;background:#e8f5ee;padding:4px 8px;margin-bottom:8px}
.dr-all{background:none;border:0;padding:0;margin-top:18px;font:600 .92rem Inter,sans-serif;color:var(--ink2);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.dr-all:hover{color:var(--red)}

/* ladder */
.dr-lab{background:var(--night,#0a0f1c);color:#e6edfc}
.dr-lab .h2x{color:#fff}
.dr-ctrl{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 20px}
.dr-ctrl button{font:600 .82rem Inter,sans-serif;padding:10px 16px;border:1px solid rgba(143,170,230,.4);background:transparent;color:#cfdcf5;border-radius:2px;cursor:pointer;transition:all .2s}
.dr-ctrl button:hover{border-color:#fff;color:#fff}.dr-ctrl button[aria-pressed=true]{background:#ff4d66;border-color:#ff4d66;color:#fff}
.dr-ladder{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}
@media(max-width:900px){.dr-ladder{grid-template-columns:1fr}}
.dr-rungs{display:grid;gap:10px}
.dr-rung{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:150px 1fr 44px;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(143,170,230,.22);background:rgba(4,9,22,.5);border-radius:4px;transition:border-color .2s,background .2s}
.dr-rung:hover{border-color:rgba(143,170,230,.6)}.dr-rung:focus-visible{outline:2px solid #ff4d66;outline-offset:2px}
.dr-rung.on{border-color:#ff4d66;background:rgba(255,77,102,.1)}
.dr-rung b{font:600 .92rem/1.25 Inter,sans-serif;color:#fff}
.dr-track{height:14px;background:rgba(143,170,230,.14);border-radius:7px;overflow:hidden}
.dr-fill{display:block;height:100%;width:0;border-radius:7px;background:linear-gradient(90deg,#6ea0ff,#ff4d66);transition:width .8s cubic-bezier(.2,.7,.2,1)}
.dr-rung output{font:700 .95rem Inter,sans-serif;text-align:right;font-variant-numeric:tabular-nums;color:#fff}
@media(max-width:560px){.dr-rung{grid-template-columns:1fr 38px}.dr-rung .dr-track{grid-column:1/-1;grid-row:2}}
.dr-detail{border:1px solid rgba(110,160,255,.25);background:linear-gradient(160deg,#101c38,#0a1328);border-radius:8px;padding:26px;position:sticky;top:110px}
.dr-detail h3{font:400 1.8rem/1.1 var(--serif,Georgia,serif);color:#fff;margin:0 0 8px}
.dr-detail h4{font:700 .72rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ff7a8f;margin:16px 0 6px}
.dr-detail p{margin:0;color:#b9c4dc;line-height:1.6;font-size:.95rem}
@media(max-width:900px){.dr-detail{position:static}}
.dr-note{font-size:.82rem;color:#8fa0bf;margin:18px 0 0;max-width:80ch}

/* charts */
.dr-chart{margin-top:44px}
.dr-chart h3{font:400 clamp(1.5rem,2.6vw,2rem)/1.15 var(--serif,Georgia,serif);color:#fff;margin:0 0 6px}
.dr-chart>p{color:#9fb0d4;margin:0 0 16px;max-width:80ch}
.dr-chart .gplot{overflow-x:auto}.dr-chart .gplot svg{min-width:640px}
.dr-chart .gplot .cv{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 1.6s cubic-bezier(.3,.7,.2,1)}
.dr-chart.in .gplot .cv{stroke-dashoffset:0}
.dr-chart .gplot .fadein{opacity:0;transition:opacity .8s .9s}.dr-chart.in .gplot .fadein{opacity:1}
.dr-wf-ctrl{display:flex;gap:10px;margin:0 0 14px;flex-wrap:wrap}
.dr-wf-ctrl button{font:600 .85rem Inter,sans-serif;padding:11px 16px;border-radius:2px;border:1px solid rgba(143,170,230,.45);background:transparent;color:#e6edfc;cursor:pointer}
.dr-wf-ctrl button.pri{background:#ff4d66;border-color:#ff4d66;color:#fff}.dr-wf-ctrl button:hover{filter:brightness(1.12)}
.dr-wf .step{opacity:0;transition:opacity .55s}.dr-wf .step.show{opacity:1}
.dr-wf-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0 0}
.dr-wf-sum div{border:1px solid rgba(143,170,230,.2);background:rgba(4,9,22,.5);padding:14px 16px;border-radius:4px}
.dr-wf-sum small{display:block;font:600 .68rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8fa0bf}
.dr-wf-sum b{display:block;font:300 1.8rem/1.15 var(--serif,Georgia,serif);color:#fff;margin-top:3px}
@media(max-width:640px){.dr-wf-sum{grid-template-columns:1fr}}

/* process */
.dr-proc{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:40px;counter-reset:p}
.dr-proc div{counter-increment:p;position:relative;padding:26px 22px 8px 0;border-top:2px solid var(--ink)}
.dr-proc div::before{content:counter(p);position:absolute;top:-17px;left:0;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font:700 .9rem Inter,sans-serif}
.dr-proc b{display:block;font:400 1.25rem/1.2 var(--serif,Georgia,serif);margin-bottom:6px;padding-top:6px}
.dr-proc span{color:var(--ink2);font-size:.93rem;line-height:1.55}
@media(max-width:900px){.dr-proc{grid-template-columns:1fr;gap:14px;border-left:2px solid var(--ink);margin-left:16px}.dr-proc div{border-top:0;padding:0 0 10px 30px}.dr-proc div::before{top:0;left:-17px}}

/* strip, stats */
.dr-strip{background:#fff;border-bottom:1px solid var(--line);padding:26px 0 8px;overflow:hidden}
.dr-marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.dr-track2{display:flex;align-items:center;gap:56px;width:max-content;animation:drm 38s linear infinite;padding:6px 0}
.dr-track2 .dup{display:contents}
.dr-track2 img{height:74px;width:auto;max-width:190px;object-fit:contain;flex:none}
.dr-marq:hover .dr-track2{animation-play-state:paused}
@keyframes drm{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.dr-track2{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.dr-track2 .dup{display:none}}
.dr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:22px;border-top:1px solid var(--line)}
.dr-stats div{padding:18px 18px 14px 0}
.dr-stats b{display:block;font:300 clamp(2.2rem,4vw,3.2rem)/1 var(--serif,Georgia,serif);color:var(--red);font-variant-numeric:tabular-nums}
.dr-stats span{font-size:.9rem;color:var(--ink2)}
@media(max-width:700px){.dr-stats{grid-template-columns:repeat(2,1fr)}}
/* tools */
.dr-two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
@media(max-width:900px){.dr-two{grid-template-columns:1fr}}
.dr-box{border:1px solid rgba(110,160,255,.25);background:linear-gradient(160deg,#101c38,#0a1328);border-radius:8px;padding:26px}
.dr-bh{font:700 .78rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ff7a8f;margin:0 0 12px}
.dr-bp{color:#9fb0d4;margin:0 0 12px;font-size:.92rem}
.adv h3{font:400 1.6rem/1.2 var(--serif,Georgia,serif);color:#fff;margin:14px 0 14px}
.adv h4{font:700 .72rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ff7a8f;margin:16px 0 6px}
.adv p{color:#b9c4dc;line-height:1.6;font-size:.95rem;margin:0}
.adv-top{display:flex;align-items:center;gap:12px;font:600 .72rem Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8fa0bf;position:relative;padding-bottom:10px}
.adv-top i{position:absolute;left:0;bottom:0;height:3px;background:#ff4d66;border-radius:2px;transition:width .4s}
.adv-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(143,170,230,.18);z-index:0;border-radius:2px}.adv-top i{z-index:1}
.adv-o{display:grid;gap:10px}
.adv-o button{text-align:left;font:600 .95rem Inter,sans-serif;padding:14px 16px;border:1px solid rgba(143,170,230,.35);background:rgba(4,9,22,.5);color:#e6edfc;border-radius:4px;cursor:pointer;transition:border-color .2s,background .2s}
.adv-o button:hover{border-color:#ff4d66;background:rgba(255,77,102,.1)}
.adv-back{margin-top:14px;background:none;border:0;color:#9fb0d4;text-decoration:underline;cursor:pointer;font:600 .88rem Inter,sans-serif}
.adv-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.gau{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
@media(max-width:560px){.gau{grid-template-columns:1fr}}
.chk{display:grid;gap:8px}
.chk label{display:flex;gap:10px;align-items:center;font-size:.92rem;color:#d3ddf3;cursor:pointer;padding:8px 10px;border:1px solid rgba(143,170,230,.2);border-radius:4px;background:rgba(4,9,22,.4)}
.chk input{accent-color:#ff4d66;width:17px;height:17px;flex:none}
.chk label:has(input:checked){border-color:rgba(53,212,154,.55);background:rgba(53,212,154,.08)}
#dr-gauge svg{width:100%;max-width:320px;display:block;margin:0 auto}
#dr-gauge .gv{font:300 54px var(--serif,Georgia,serif);fill:#fff}#dr-gauge .gl{font:700 13px Inter,sans-serif;letter-spacing:.16em}
.gm{color:#b9c4dc;font-size:.92rem;line-height:1.55;text-align:center;margin:6px 0 0}.gm b{color:#fff}
.dr-dfilter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.dr-dfilter button{display:inline-flex;align-items:center;gap:8px;font:600 .84rem Inter,sans-serif;padding:10px 14px;border:1px solid rgba(143,170,230,.4);background:transparent;color:#cfdcf5;border-radius:2px;cursor:pointer}
.dr-dfilter button i{width:12px;height:12px;border-radius:3px}
.dr-dfilter button[aria-pressed=false]{opacity:.45;text-decoration:line-through}

/* hero split + orbit */
.dr-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,3vw,56px);align-items:center}
.dr-split h1{font-size:clamp(2.3rem,4.6vw,4.3rem);max-width:13ch}
.dr-orbit{position:relative;width:min(520px,100%);aspect-ratio:1;margin-inline:auto;--R:200px}
.o-ring{position:absolute;inset:6%;border-radius:50%;border:1px dashed rgba(143,170,230,.3)}.o-ring.r2{inset:22%;border-style:solid;border-color:rgba(255,77,102,.22)}
.o-core{position:absolute;inset:36%;border-radius:50%;display:grid;place-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 35% 30%,#ff4d66,#a40d25 70%);box-shadow:0 0 80px -6px rgba(255,77,102,.7),inset 0 0 30px rgba(255,255,255,.18)}
.o-core svg{width:34%;margin:0 auto 2px}.o-core b{font:300 clamp(1.8rem,4vw,2.6rem)/1 var(--serif,Georgia,serif)}.o-core span{font:700 .6rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.o-spin{position:absolute;inset:0;animation:ors 46s linear infinite}.dr-orbit:hover .o-spin,.dr-orbit:hover .o-it>span,.o-spin:focus-within,.o-spin:focus-within .o-it>span{animation-play-state:paused}
@keyframes ors{to{transform:rotate(360deg)}}@keyframes orr{from{transform:rotate(calc(var(--i)*-360deg/var(--n)))}to{transform:rotate(calc(var(--i)*-360deg/var(--n) - 360deg))}}
.o-it{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(calc(var(--i)*360deg/var(--n))) translateY(calc(var(--R)*-1))}
.o-it>span{position:absolute;left:-44px;top:-44px;width:88px;height:88px;border-radius:50%;background:#fff;display:grid;place-items:center;padding:12px;box-sizing:border-box;box-shadow:0 14px 34px -10px rgba(0,0,0,.7),0 0 0 3px rgba(255,255,255,.12);animation:orr 46s linear infinite;transition:box-shadow .25s,scale .25s}
.o-it{--ro:calc(var(--i)*360deg/var(--n))}
.o-it img{max-width:100%;max-height:100%;object-fit:contain}.o-it>span{transform:rotate(calc(var(--i)*-360deg/var(--n)))}
.o-it:hover>span,.o-it:focus-visible>span{scale:1.18;box-shadow:0 0 0 3px #ff4d66,0 0 40px 4px rgba(255,77,102,.6)}
.o-it em{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;font:700 .66rem Inter,sans-serif;font-style:normal;color:#fff;background:rgba(7,13,28,.88);border:1px solid rgba(255,255,255,.2);padding:4px 8px;border-radius:99px;opacity:0;transition:opacity .2s;pointer-events:none}
.o-it:hover em,.o-it:focus-visible em{opacity:1}
@media(max-width:980px){.dr-split{grid-template-columns:1fr}.dr-orbit{--R:150px;width:min(400px,100%)}.o-it>span{left:-34px;top:-34px;width:68px;height:68px;padding:9px}}
@media(max-width:480px){.dr-orbit{--R:118px;width:min(320px,100%)}.o-it>span{left:-28px;top:-28px;width:56px;height:56px;padding:7px}}
@media(prefers-reduced-motion:reduce){.o-spin,.o-it>span{animation:none}}
/* radar */
.dr-radar{margin-top:22px}
.rad{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;align-items:start}
@media(max-width:900px){.rad{grid-template-columns:1fr}}
.rad-in{display:grid;gap:10px}
.rad-in label{display:block;padding:10px 14px;border:1px solid rgba(143,170,230,.2);border-radius:8px;background:rgba(4,9,22,.45)}
.rad-in label span{display:flex;justify-content:space-between;color:#fff;font-size:.92rem}.rad-in label span i{font:700 .95rem Inter,sans-serif;font-style:normal;color:#ff7a8f}
.rad-in small{display:block;color:#8fa0bf;font-size:.78rem;margin:1px 0 4px}
.rad-in input[type=range]{width:100%;accent-color:#ff4d66;height:24px;cursor:pointer}
.rad-in .amt input{width:100%;box-sizing:border-box;margin-top:6px;padding:11px 12px;font:600 1rem Inter,sans-serif;color:#fff;background:#07101f;border:1px solid rgba(143,170,230,.3);border-radius:4px}
#rad-svg svg{width:100%;max-width:400px;display:block;margin:0 auto;overflow:visible}
.rl{font:600 11.5px Inter,sans-serif;fill:#cfdcf5}.rl.w{fill:#ff7a8f}.rs{font:300 46px "Fraunces",Georgia,serif;fill:#fff}
.rpoly{transition:all .35s}
#rad-sum h4{font:400 1.5rem var(--serif,Georgia,serif);margin:10px 0 6px}#rad-sum p{color:#b9c4dc;line-height:1.55;margin:0 0 14px;font-size:.93rem}#rad-sum p b{color:#fff}
.rng .bar{position:relative;height:16px;border-radius:8px;background:rgba(143,170,230,.16)}.rng .bar i{position:absolute;top:0;bottom:0;border-radius:8px;background:linear-gradient(90deg,#ffb020,#35d49a);transition:all .35s}.rng .bar u{position:absolute;top:-5px;width:4px;height:26px;margin-left:-2px;background:#fff;border-radius:2px;transition:left .35s}
.rng .lb{display:flex;justify-content:space-between;align-items:baseline;margin:8px 0 4px;color:#9fb0d4;font-size:.85rem}.rng .lb b{font:300 1.7rem var(--serif,Georgia,serif);color:#fff}
.rng small{color:#8fa0bf;font-size:.78rem}
/* scroll process */
.dr-proc{--p:0}
.dr-proc::after{content:"";position:absolute;left:0;top:0;height:2px;width:calc(var(--p)*100%);background:var(--red);box-shadow:0 0 14px var(--red)}
.dr-proc{position:relative}.dr-proc div{transition:opacity .5s,transform .5s;opacity:.4;transform:translateY(8px)}.dr-proc div.on{opacity:1;transform:none}
.dr-proc div::before{background:#aab2c5;transition:background .4s,box-shadow .4s}.dr-proc div.on::before{background:var(--red);box-shadow:0 0 0 6px rgba(200,16,46,.15)}
@media(max-width:900px){.dr-proc::after{display:none}}
.o-it.wide>span{left:-64px;top:-31px;width:128px;height:62px;border-radius:31px;padding:10px 16px}
@media(max-width:980px){.o-it.wide>span{left:-48px;top:-24px;width:96px;height:48px;border-radius:24px;padding:8px 12px}}
@media(max-width:480px){.o-it.wide>span{left:-40px;top:-20px;width:80px;height:40px;border-radius:20px;padding:6px 10px}}

/* ---- v5.9: hero = NJSDA approval card + hypervelocity train to the Moon ---- */
.dr-split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.dr-feat{position:relative;z-index:1;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.22);border-radius:6px;padding:26px 26px 24px;color:#e6edfc;backdrop-filter:blur(6px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.dr-feat .df-tag{display:inline-block;font:700 .66rem Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:#c8102e;padding:6px 10px;border-radius:2px}
.dr-feat img{display:block;width:100%;max-width:300px;height:auto;background:#fff;border-radius:4px;padding:14px 18px;margin:18px 0 16px;box-sizing:border-box}
.dr-feat h2{font:400 clamp(1.25rem,1.9vw,1.6rem)/1.2 var(--serif,Georgia,serif);margin:0 0 8px;color:#fff}
.dr-feat p{margin:0;font-size:.95rem;line-height:1.55;color:#c9d3ea}


.dr-orbit{position:relative;width:min(100%,1040px);margin:40px auto 0;aspect-ratio:1168/784;border-radius:10px;overflow:hidden;background:#02050d;border:1px solid rgba(143,170,230,.3);box-shadow:0 40px 80px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.03);isolation:isolate}
.tr-cam{position:absolute;inset:0;transform-origin:50% 60%;animation:trpush 9s ease-in-out infinite alternate,trshake .17s linear infinite}
@keyframes trpush{from{scale:1}to{scale:1.015}}
@keyframes trshake{0%{transform:translate(0,0)}25%{transform:translate(.7px,-.5px)}50%{transform:translate(-.6px,.6px)}75%{transform:translate(.5px,.4px)}100%{transform:translate(0,0)}}
.tr-cam img{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}
.tr-top{clip-path:polygon(0.7% 54.8%,10% 52.9%,20.5% 50.4%,38.5% 47.4%,58.2% 44%,67.6% 41.4%,75.3% 42%,82.2% 45.9%,89% 53.6%,92% 59.3%,91.6% 63.8%,89% 67%,73.6% 69.5%,59.9% 71.4%,34.2% 72.1%,8.6% 72.7%,0.7% 71.4%)}
.tr-fx{position:absolute;inset:0;overflow:hidden;mix-blend-mode:screen;pointer-events:none}
.tr-fx i{position:absolute;left:0;height:2px;width:var(--w);background:linear-gradient(90deg,transparent,rgba(200,225,255,.95));border-radius:2px;transform:translateX(1200px);animation:trstreak var(--d) linear var(--l) infinite;opacity:var(--o)}
.tr-fx i.b{height:4px;background:linear-gradient(90deg,transparent,rgba(70,150,255,.95));filter:blur(.6px)}
.tr-fx i.w{height:1px;background:linear-gradient(90deg,transparent,#fff)}
@keyframes trstreak{from{transform:translateX(105%)}to{transform:translateX(-140%)}}
.tr-fx{container-type:inline-size}
.tr-fx i{animation-name:trstreak2}
@keyframes trstreak2{from{transform:translateX(100cqw)}to{transform:translateX(-100%)}}
.tr-flash{position:absolute;inset:0;background:radial-gradient(80% 70% at 55% 20%,rgba(215,232,255,.95),rgba(120,160,255,.45) 60%,rgba(60,90,200,.2));opacity:0;pointer-events:none;mix-blend-mode:screen}
.tr-flash.go{animation:trflash .75s ease-out}
@keyframes trflash{0%{opacity:0}6%{opacity:.95}14%{opacity:.25}22%{opacity:.8}40%{opacity:.18}100%{opacity:0}}
.tr-bolt{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;overflow:visible}
.tr-bolt path{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #8fc2ff) drop-shadow(0 0 16px #5b9cff)}
.tr-bolt.go{animation:trbolt .6s ease-out}
@keyframes trbolt{0%{opacity:0}5%{opacity:1}15%{opacity:.35}25%{opacity:1}55%{opacity:.15}100%{opacity:0}}
.tr-hs{all:unset;box-sizing:border-box;position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border-radius:12px;cursor:pointer;z-index:4;transition:box-shadow .2s,background .2s}
.tr-hs:hover,.tr-hs:focus-visible{background:rgba(255,255,255,.1);box-shadow:0 0 0 3px #ff4d66,0 0 30px 4px rgba(255,77,102,.55)}
.tr-hs em{position:absolute;left:50%;bottom:calc(100% + 8px);translate:-50% 0;white-space:nowrap;font:700 .72rem Inter,sans-serif;font-style:normal;color:#fff;background:rgba(7,13,28,.94);border:1px solid rgba(255,255,255,.28);padding:5px 10px;border-radius:99px;opacity:0;pointer-events:none;transition:opacity .2s}
.tr-hs:hover em,.tr-hs:focus-visible em{opacity:1}
.tr-snd{all:unset;box-sizing:border-box;position:absolute;right:14px;bottom:14px;z-index:6;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:700 .72rem Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(5,12,28,.82);border:1px solid rgba(255,255,255,.4);border-radius:99px;padding:9px 14px;backdrop-filter:blur(6px)}
.tr-snd:hover,.tr-snd:focus-visible{background:#fff;color:#050c1c}
.tr-snd[aria-pressed=true]{border-color:#7fb4ff;box-shadow:0 0 18px rgba(110,170,255,.6)}
.tr-snd[aria-pressed=false]::after{content:"";position:absolute;inset:-5px;border-radius:99px;border:1px solid rgba(255,255,255,.5);animation:trpulse 2s ease-out infinite}
@keyframes trpulse{from{transform:scale(.96);opacity:.9}to{transform:scale(1.18);opacity:0}}
.tr-hint{position:absolute;left:16px;bottom:18px;margin:0;z-index:5;font:600 .68rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#cfe0ff;text-shadow:0 1px 6px #000}
@media(max-width:980px){.dr-split{grid-template-columns:1fr}.dr-feat{max-width:560px}}
@media(max-width:600px){.tr-hint{display:none}.tr-snd{right:8px;bottom:8px;padding:7px 10px;font-size:.62rem}.tr-hs em{display:none}.dr-orbit{border-radius:6px}}
@media(prefers-reduced-motion:reduce){.tr-cam,.tr-fx i,.tr-flash,.tr-bolt,.tr-snd::after{animation:none!important}.tr-fx{display:none}}