.sc-dor-wrap{container:sc-dor/inline-size;width:100%}.sc-dor{--sc-bg:#173836;--sc-line:rgba(120,190,170,.22);--sc-card:#1e4542;--sc-card-hover:#224c48;--sc-card-border:rgba(120,190,170,.16);--sc-card-border-active:#4e9d86;--sc-panel:#0a1d1b;--sc-mint:#7fd6b8;--sc-green:#4fae96;--sc-red:#e0575b;--sc-cyan:#5cc0e0;--sc-text:#fff;--sc-body:#cbd8d5;--sc-soft:#dbe6e3;--sc-node-a:#357f74;--sc-node-b:#4aa391;--sc-font:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--sc-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sc-art-h:clamp(70px,9cqi,104px);--sc-rec-h:clamp(60px,7.5cqi,90px);--sc-ease:cubic-bezier(0.2,0.7,0.2,1);background:var(--sc-bg);border:1px solid var(--sc-line);border-radius:clamp(22px,3cqi,36px);color:var(--sc-text);font-family:var(--sc-font);margin:0;padding:clamp(16px,2.8cqi,32px);width:100%;-webkit-font-smoothing:antialiased;text-align:left}.sc-dor,.sc-dor *,.sc-dor :after,.sc-dor :before{box-sizing:border-box}.sc-dor p{color:inherit;font-family:inherit;margin:0}.sc-dor__grid{align-items:stretch;display:grid;gap:clamp(14px,2.6cqi,30px);grid-template-columns:minmax(220px,3fr) 7fr}.sc-dor__tabs{display:grid;gap:clamp(10px,1.3cqi,14px);grid-auto-rows:1fr}.sc-dor .sc-dor__tab{align-items:flex-start;-webkit-appearance:none;appearance:none;background:var(--sc-card);border:1.5px solid var(--sc-card-border);border-radius:clamp(16px,2.3cqi,24px);box-shadow:none;color:var(--sc-text);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:8px;justify-content:center;letter-spacing:normal;line-height:1;margin:0;min-height:0;padding:clamp(14px,2.2cqi,24px);text-align:left;text-transform:none;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%}.sc-dor .sc-dor__tab:hover{background:var(--sc-card-hover);border-color:rgba(120,190,170,.36);color:var(--sc-text)}.sc-dor .sc-dor__tab.is-active{background:linear-gradient(135deg,#245a52,#1f4b46);border-color:var(--sc-card-border-active);box-shadow:0 0 0 3px rgba(78,157,134,.08),0 22px 44px -24px rgba(0,0,0,.65),inset 0 1px 0 hsla(0,0%,100%,.05)}.sc-dor .sc-dor__tab:focus{outline:none}.sc-dor .sc-dor__tab:focus-visible{outline:2px solid var(--sc-mint);outline-offset:4px}.sc-dor__eyebrow{color:var(--sc-mint);font-family:var(--sc-mono);font-size:clamp(10px,1cqi,12px);font-weight:500;letter-spacing:.38em;line-height:1.2;text-transform:uppercase}.sc-dor__title{color:var(--sc-text);font-family:var(--sc-font);font-size:clamp(17px,2.2cqi,25px);font-weight:400;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}.sc-dor__stage{background:radial-gradient(110% 90% at 92% 16%,rgba(58,112,98,.4) 0,rgba(10,29,27,0) 55%),var(--sc-panel);border-radius:clamp(16px,2.3cqi,26px);padding:clamp(8px,2.5cqi,28px)}.sc-dor__frame{border:1px solid hsla(0,0%,100%,.08);border-radius:clamp(12px,1.6cqi,18px);display:grid;height:100%;padding:clamp(16px,2.6cqi,30px)}.sc-dor__panel{display:flex;flex-direction:column;gap:clamp(22px,3.6cqi,40px);grid-area:1/1;justify-content:space-between;opacity:0;outline:none;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s;visibility:hidden}.sc-dor__panel.is-active{opacity:1;pointer-events:auto;transition:opacity .4s ease .05s,visibility 0s;visibility:visible}.sc-dor__panel:focus-visible{border-radius:12px;outline:2px solid var(--sc-mint);outline-offset:8px}.sc-viz{align-items:start;display:grid;grid-template-columns:1fr minmax(28px,.42fr) 1fr minmax(28px,.42fr) 1fr;max-width:560px}.sc-viz__step{align-items:center;display:flex;flex-direction:column;min-width:0;text-align:center}.sc-viz__art{display:flex;gap:var(--g,10px);height:var(--sc-art-h);justify-content:center;margin-bottom:clamp(8px,1.5cqi,16px);width:var(--w,100%)}.sc-node{background:linear-gradient(90deg,var(--sc-node-a),var(--sc-node-b));border-radius:clamp(4px,.5cqi,6px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08);display:block;flex:1 1 0;min-width:0;transform-origin:50% 100%}.sc-viz__label,.sc-viz__metric{font-size:clamp(11px,1.35cqi,16px);letter-spacing:.02em;line-height:1.35;overflow-wrap:anywhere}.sc-dor .sc-viz__metric{color:var(--sc-mint)}.sc-dor .sc-viz__label{color:var(--sc-soft);margin-top:2px;text-transform:uppercase}.sc-viz__arrow{align-self:start;background:repeating-linear-gradient(90deg,var(--sc-mint) 0 4px,transparent 4px 8px);background-size:8px 2px;height:2px;margin:calc(var(--sc-art-h)/2 - 1px) 10px 0 4px;position:relative}.sc-viz__arrow:after{border-bottom:5px solid transparent;border-left:9px solid var(--sc-mint);border-top:5px solid transparent;content:"";position:absolute;right:-9px;top:50%;transform:translateY(-50%)}.sc-chart{width:100%}.sc-chart__head{display:flex;font-size:clamp(9px,.95cqi,11px);gap:12px;justify-content:space-between;letter-spacing:.04em;line-height:1.3;text-transform:uppercase}.sc-chart__key{color:var(--sc-mint)}.sc-chart__meta{color:#9bb0ab;text-align:right}.sc-chart__bars{align-items:flex-end;display:flex;gap:clamp(4px,1.15cqi,14px);height:clamp(96px,14cqi,170px);margin-top:clamp(14px,2cqi,24px)}.sc-bar{background:var(--sc-green);border-radius:clamp(3px,.5cqi,6px);flex:1 1 0;height:var(--h);min-width:0;transform-origin:50% 100%}.sc-rec{align-items:start;display:grid;grid-template-columns:auto minmax(32px,1fr) auto minmax(32px,1fr) auto;max-width:480px;padding:clamp(22px,2.6cqi,30px) clamp(4px,1cqi,12px) 0}.sc-rec__col{flex-direction:column;min-width:0}.sc-rec__box,.sc-rec__col{align-items:center;display:flex}.sc-rec__box{height:var(--sc-rec-h);justify-content:center;position:relative}.sc-rec__sub,.sc-rec__tag{font-size:clamp(10px,1.15cqi,13.5px);letter-spacing:.02em;line-height:1.2;text-transform:uppercase;white-space:nowrap}.sc-rec__tag{bottom:calc(50% + clamp(16px, 2.1cqi, 26px));left:50%;position:absolute;transform:translateX(-50%)}.sc-rec__tag--top{bottom:calc(100% + 8px);color:var(--sc-cyan)}.sc-rec__tag--attack{color:var(--sc-red)}.sc-rec__tag--restore{color:var(--sc-mint)}.sc-dor .sc-rec__sub{color:var(--sc-soft);margin-top:12px}.sc-dor .sc-rec__sub--far{margin-top:clamp(26px,3.4cqi,44px)}.sc-rec__attack,.sc-rec__restore{display:block;height:auto;overflow:visible;width:clamp(26px,3cqi,36px)}.sc-rec__attack polygon{fill:rgba(224,87,91,.28);stroke:var(--sc-red);stroke-width:2}.sc-rec__attack path{fill:none;stroke:var(--sc-red);stroke-linecap:round;stroke-width:3}.sc-rec__attack circle{fill:var(--sc-red)}.sc-rec__restore circle{fill:rgba(127,214,184,.28);stroke:var(--sc-mint);stroke-width:2}.sc-rec__restore path{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6}.sc-rec__nodes{display:flex;gap:clamp(3px,.45cqi,6px);height:100%;width:clamp(80px,10cqi,122px)}.sc-rec__nodes span{background:linear-gradient(90deg,#2a6c84,#317d97);border:1.5px solid #5fc4e4;border-radius:clamp(3px,.45cqi,5px);flex:1 1 0}.sc-rec__line{align-self:start;background-size:10px 2px;height:2px;margin:calc(var(--sc-rec-h)/2 - 1px) clamp(8px,1.6cqi,18px) 0}.sc-rec__line--red{background-image:repeating-linear-gradient(90deg,var(--sc-red) 0 5px,transparent 5px 10px)}.sc-rec__line--mint{background-image:repeating-linear-gradient(90deg,var(--sc-mint) 0 5px,transparent 5px 10px)}.sc-dor__content{display:flex;flex-direction:column;gap:clamp(12px,1.2cqi,14px)}.sc-dor .sc-dor__copy{color:var(--sc-body);font-size:clamp(13px,1.25cqi,15px);line-height:1.7;max-width:62ch}.sc-dor .sc-dor__pills{align-items:flex-start;display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.sc-dor .sc-dor__pill{align-items:center;border:1px solid rgba(203,216,213,.42);border-radius:999px;color:var(--sc-soft);display:inline-flex;font-size:clamp(12px,1.25cqi,15px);gap:.6em;line-height:1.35;list-style:none;margin:0;padding:.4em 1.1em .4em .75em}.sc-dor .sc-dor__pill::marker,.sc-dor .sc-dor__pill:before{content:none}.sc-dor__pill-ico{flex:0 0 auto;height:1.05em;width:1.05em}.sc-dor__pill-ico circle{fill:var(--sc-green)}.sc-dor__pill-ico path{fill:none;stroke:var(--sc-panel);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}@media (prefers-reduced-motion:no-preference){.sc-dor__panel.is-active .sc-node{animation:scGrow .7s var(--sc-ease) both}.sc-dor__panel.is-active .sc-viz__step:nth-child(3) .sc-node{animation-delay:.12s}.sc-dor__panel.is-active .sc-viz__step:nth-child(5) .sc-node{animation-delay:.24s}.sc-dor__panel.is-active .sc-viz__arrow{animation:scDash8 1.4s linear infinite}.sc-dor__panel.is-active .sc-bar{animation:scGrow .8s var(--sc-ease) calc(var(--i)*40ms) both,scBreath 2.8s ease-in-out calc(.8s + var(--i)*.17s) infinite alternate}.sc-dor__panel.is-active .sc-rec__attack{animation:scPop .5s var(--sc-ease) both,scAlarm 2.2s ease-in-out .6s infinite}.sc-dor__panel.is-active .sc-rec__tag--attack{animation:scFade .4s ease both}.sc-dor__panel.is-active .sc-rec__line--red{animation:scDraw .5s ease-out .35s both,scDash10 1.2s linear .85s infinite}.sc-dor__panel.is-active .sc-rec__nodes span{animation:scGrow .6s var(--sc-ease) both,scShield 2.6s ease-in-out 1.4s infinite}.sc-dor__panel.is-active .sc-rec__nodes span:first-child{animation-delay:.7s,1.4s}.sc-dor__panel.is-active .sc-rec__nodes span:nth-child(2){animation-delay:.78s,1.5s}.sc-dor__panel.is-active .sc-rec__nodes span:nth-child(3){animation-delay:.86s,1.6s}.sc-dor__panel.is-active .sc-rec__nodes span:nth-child(4){animation-delay:.94s,1.7s}.sc-dor__panel.is-active .sc-rec__sub--far,.sc-dor__panel.is-active .sc-rec__tag--top{animation:scFade .4s ease .9s both}.sc-dor__panel.is-active .sc-rec__line--mint{animation:scDraw .5s ease-out 1.15s both,scDash10 1.2s linear 1.65s infinite}.sc-dor__panel.is-active .sc-rec__restore{animation:scPop .5s cubic-bezier(.3,1.6,.5,1) 1.55s both}.sc-dor__panel.is-active .sc-rec__col:last-child .sc-rec__sub,.sc-dor__panel.is-active .sc-rec__tag--restore{animation:scFade .4s ease 1.6s both}}@keyframes scGrow{0%{opacity:0;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}@keyframes scBreath{0%{transform:scaleY(1)}to{transform:scaleY(.86)}}@keyframes scDash8{to{background-position:8px 0}}@keyframes scDash10{to{background-position:10px 0}}@keyframes scDraw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes scFade{0%{opacity:0}to{opacity:1}}@keyframes scPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes scAlarm{0%,to{filter:drop-shadow(0 0 0 rgba(224,87,91,0))}50%{filter:drop-shadow(0 0 7px rgba(224,87,91,.7))}}@keyframes scShield{0%,to{box-shadow:0 0 0 rgba(95,196,228,0)}50%{box-shadow:0 0 12px rgba(95,196,228,.45)}}@container sc-dor (max-width: 820px){.sc-dor__grid{grid-template-columns:1fr}.sc-dor__tabs{grid-auto-rows:auto;grid-template-columns:repeat(3,1fr)}.sc-dor .sc-dor__tab{gap:10px;justify-content:flex-start}.sc-dor__title{font-size:clamp(14px,2.4cqi,19px)}.sc-dor__panel{justify-content:flex-start}}@container sc-dor (max-width: 540px){.sc-dor__title{display:none}.sc-dor .sc-dor__tab{align-items:center;border-radius:14px;padding:12px 6px}.sc-dor__eyebrow{font-size:10.5px;letter-spacing:.22em}.sc-viz{grid-template-columns:1fr 18px 1fr 18px 1fr}.sc-viz__arrow{margin-left:2px;margin-right:8px}.sc-viz__arrow:after{border-bottom-width:4px;border-left-width:7px;border-top-width:4px;right:-7px}.sc-rec{grid-template-columns:auto minmax(14px,1fr) auto minmax(14px,1fr) auto;padding-left:14px;padding-right:14px}.sc-rec__line{margin-left:4px;margin-right:4px}.sc-rec__sub,.sc-rec__tag{font-size:9.5px}.sc-dor .sc-dor__pill{border-radius:18px;padding:.4em 1em .4em .7em}}