/* Sections 03 and 07 only. */
.dg-system,.dg-help{--dg-accent:#53ef82}.dg-system .section-heading em,.dg-help .section-heading em{color:#286347;font-style:normal}.dg-system .section-heading p{max-width:630px;margin-left:auto;margin-right:auto}.dg-console{background:#091310;border:1px solid #254434;border-radius:24px;overflow:hidden;color:#f4f0e8;box-shadow:0 30px 70px #12281c24}.dg-console-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 30px;border-bottom:1px solid #254434;font:500 10px var(--body);letter-spacing:.14em}.dg-console-top>span{display:flex;align-items:center;gap:9px}.dg-console-top i{width:6px;height:6px;background:#53ef82;border-radius:50%;box-shadow:0 0 14px #53ef8266}.dg-console-top small{font-size:9px;color:#95aa9d}.dg-mode{display:flex;justify-content:center;padding:26px 24px 0;gap:8px}.dg-mode button{border:1px solid #294536;border-radius:100px;padding:13px 24px;background:transparent;color:#b5c6bb;font:500 13px var(--body);cursor:pointer;transition:background .2s,color .2s}.dg-mode button span{margin:0 8px}.dg-mode button[aria-pressed=true]{color:#07110b;background:#53ef82;border-color:#53ef82}.dg-stage{margin:22px 30px 0;padding:24px 22px 18px;position:relative;background:radial-gradient(ellipse at 55% 45%,#1c4a2f66,transparent 65%),linear-gradient(#759a8010 1px,transparent 1px),linear-gradient(90deg,#759a8010 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;border:1px solid #21392c;border-radius:14px}.dg-stage-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;font:500 9px var(--body);letter-spacing:.13em;color:#abc0b1}.dg-stage-caption button{background:#10251a;border:1px solid #37513e;color:#c9decf;padding:8px 12px;border-radius:6px;font:500 11px var(--body);cursor:pointer}.dg-nodes{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;min-height:230px;padding:32px 0 24px}.dg-node{min-width:0;min-height:170px;padding:16px 10px;background:linear-gradient(155deg,#192b20,#0a1510);border:1px solid #36523e;border-radius:12px;color:#f4f0e8;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;text-align:center}.dg-node:hover{transform:translateY(-5px);border-color:#7ace96}.dg-node.is-selected{border-color:#53ef82;box-shadow:0 0 0 1px #53ef8233,0 12px 35px #0003}.dg-node-index{font:500 8px var(--body);letter-spacing:.09em;color:#a8bfb0;margin-bottom:18px}.dg-node img{width:55px;height:40px;object-fit:contain;margin-bottom:14px}.dg-node strong{font:500 14px var(--display)}.dg-node small{font:400 10px var(--body);color:#a0b3a7;margin-top:7px}.dg-icon-extension,.dg-icon-bridge{font:400 42px/40px var(--display);height:40px;margin-bottom:14px;color:#53ef82}.dg-wire{height:1px;background:#3c674a;position:relative;overflow:hidden}.dg-wire i{position:absolute;width:12px;height:1px;background:#a9ffc1;box-shadow:0 0 8px #53ef82;animation:dg-signal 2.8s ease-in-out infinite}.dg-wire:nth-of-type(2) i{animation-delay:.4s}.dg-wire:nth-of-type(3) i{animation-delay:.8s}@keyframes dg-signal{0%{transform:translateX(-14px)}70%,100%{transform:translateX(40px)}}.dg-family{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #35503d;padding-top:16px;color:#94b5a0;font:400 10px var(--body)}.dg-family b{font-weight:400;color:#d2e4d8}.dg-inspector{display:flex;gap:22px;align-items:center;padding:28px 32px;min-height:156px}.dg-inspector>span:first-child{font:500 48px var(--display);color:#41634d}.dg-inspector div{flex:1}.dg-inspector small{font:500 9px var(--body);letter-spacing:.14em;color:#53ef82}.dg-inspector h3{font:500 22px var(--display);margin:7px 0}.dg-inspector p{font:400 13px/1.7 var(--body);color:#b2c3b8;max-width:680px;margin:0}.dg-inspect-hint{font:500 8px var(--body);letter-spacing:.1em;color:#8fa597;white-space:nowrap}.dg-system-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:center;margin-top:32px;padding:12px 0 25px;border-bottom:1px solid #ccd4cb}.dg-system-bottom>div>span{font:600 9px var(--body);letter-spacing:.13em;color:#587361}.dg-system-bottom h3{font:500 23px var(--display);margin:9px 0}.dg-system-bottom p{font:400 13px/1.7 var(--body);color:#59675d;max-width:350px;margin:0}.dg-system-bottom>a{color:#173d29;text-decoration:none;font:600 12px var(--body);border-bottom:1px solid #548163;padding-bottom:9px}.dg-system-bottom>a span{margin-left:24px}.dg-requirements{font:400 10px/1.7 var(--body);color:#637468;text-align:center;margin:20px auto 0;max-width:780px}.dg-help{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}.dg-help .section-heading h2{font-size:clamp(40px,4.3vw,62px)}.dg-help .section-heading p{max-width:360px}.dg-guide-link{display:inline-flex;gap:35px;align-items:center;background:#12291c;color:#f4f0e8;border-radius:7px;padding:17px 21px;text-decoration:none;font:600 12px var(--body);margin-top:26px}.dg-support{margin-top:42px;padding-top:22px;border-top:1px solid #c7d1c8}.dg-support>span{display:block;font:600 9px var(--body);letter-spacing:.13em;color:#667c6b;margin-bottom:12px}.dg-support>a{font:500 15px var(--display);color:#254e35;text-decoration:none}.dg-support>a>span{margin-left:12px}.dg-setup{background:#fbfaf6;border:1px solid #cdd6ca;border-radius:18px;padding:26px 30px;box-shadow:0 22px 55px #273b2010}.dg-setup-top{display:flex;justify-content:space-between;font:500 9px var(--body);letter-spacing:.14em;color:#5f7765;padding-bottom:24px}.dg-setup details{border-top:1px solid #d7dfd4}.dg-setup summary{display:flex;align-items:center;gap:18px;padding:24px 0;cursor:pointer;list-style:none}.dg-setup summary::-webkit-details-marker{display:none}.dg-setup summary>span{font:500 24px var(--display);color:#9caf9c}.dg-setup summary div{flex:1}.dg-setup summary small{font:600 8px var(--body);letter-spacing:.13em;color:#597561}.dg-setup summary h3{font:500 19px var(--display);margin:6px 0 0}.dg-setup summary b{font:400 24px var(--display);color:#3b6f4f;transition:transform .2s}.dg-setup details[open] summary b{transform:rotate(45deg)}.dg-step-body{padding:0 0 24px 47px}.dg-step-body p{font:400 13px/1.8 var(--body);color:#586b5e;margin:0 0 18px}.dg-install-card{display:flex;gap:14px;align-items:center;background:#102619;border-radius:10px;padding:17px;color:#ecf2e9}.dg-install-card img{width:35px;height:35px;object-fit:contain}.dg-install-card strong{font:500 14px var(--display);display:block}.dg-install-card span{font:400 9px var(--body);color:#b9cebd;display:block;margin-top:5px}.dg-browser-options{display:flex;gap:8px}.dg-browser-options span{padding:8px 14px;border:1px solid #b6cbb9;border-radius:100px;font:500 11px var(--body);color:#345d3d}.dg-step-body>a{font:600 12px var(--body);color:#225c39}.dg-system button:focus-visible,.dg-help a:focus-visible,.dg-help summary:focus-visible{outline:3px solid #27b35b;outline-offset:4px}.dg-stage.is-replaying .dg-node{animation:dg-light .7s ease both}.dg-stage.is-replaying .dg-node:nth-child(3){animation-delay:.3s}.dg-stage.is-replaying .dg-node:nth-child(5){animation-delay:.6s}.dg-stage.is-replaying .dg-node:nth-child(7){animation-delay:.9s}@keyframes dg-light{50%{border-color:#98ffb7;box-shadow:0 0 25px #53ef8233}}
@media(max-width:900px){.dg-help{gap:32px}.dg-inspect-hint{display:none}.dg-node strong{font-size:12px}.dg-console-top small{display:none}.dg-system-bottom{grid-template-columns:1fr 1fr}.dg-system-bottom>a{justify-self:start}.dg-node-index{font-size:7px}}
@media(max-width:640px){.dg-console{border-radius:15px}.dg-console-top{padding:18px}.dg-mode{padding:20px 12px 0;gap:6px}.dg-mode button{padding:11px 13px;font-size:10px}.dg-mode button span{margin:0 4px}.dg-stage{margin:18px 12px 0;padding:14px}.dg-stage-caption{font-size:7px;letter-spacing:.04em}.dg-stage-caption button{font-size:9px;padding:7px}.dg-nodes{grid-template-columns:1fr 20px 1fr;gap:14px 0;padding:24px 0}.dg-node{min-height:155px}.dg-nodes>.dg-wire:nth-child(4){display:none}.dg-node-index{font-size:8px}.dg-node strong{font-size:13px}.dg-family{flex-direction:column;gap:6px;font-size:9px}.dg-inspector{padding:22px 18px;gap:14px;align-items:flex-start;min-height:185px}.dg-inspector>span:first-child{font-size:32px}.dg-inspector h3{font-size:19px}.dg-inspector p{font-size:12px}.dg-inspector small{font-size:8px}.dg-system-bottom{gap:20px}.dg-system-bottom h3{font-size:19px}.dg-system-bottom p{font-size:12px}.dg-help{grid-template-columns:1fr;gap:35px}.dg-setup{padding:22px}.dg-support>a{font-size:14px}.dg-setup summary h3{font-size:18px}.dg-step-body{padding-left:0}}
@media(prefers-reduced-motion:reduce){.dg-system *,.dg-help *{animation:none!important;transition:none!important}}
/* Cinematic sequence v2 */
.dg-cinema-v2 .dg-console{box-shadow:0 38px 90px #0b241c30}.dg-cinema-v2 .dg-stage{background:radial-gradient(ellipse at 50% 25%,#24694366,transparent 70%),linear-gradient(#759a800b 1px,transparent 1px),linear-gradient(90deg,#759a800b 1px,transparent 1px);background-size:auto,40px 40px,40px 40px;padding:26px}.dg-movie-controls{display:flex;gap:7px}.dg-cinema-v2 .dg-nodes{position:relative;padding:32px 0 24px;perspective:1000px;min-height:265px}.dg-cinema-v2 .dg-node{min-height:202px;position:relative;z-index:1;border-radius:15px;background:linear-gradient(145deg,#193624e6,#0b1914f2);transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s,border-color .65s,opacity .65s;box-shadow:0 18px 25px #0003}.dg-cinema-v2 .dg-node img{width:72px;height:60px;margin-bottom:17px;transition:filter .6s,transform .6s}.dg-cinema-v2 .dg-node.is-current{transform:translateY(-9px) rotateX(5deg);border-color:#85ffab;box-shadow:0 0 35px #53ef8226,0 23px 45px #0004}.dg-cinema-v2 .dg-node.is-current img{filter:drop-shadow(0 0 12px #53ef8244);transform:scale(1.09)}.dg-cinema-v2 .dg-node.is-past{border-color:#487d57}.dg-cinema-v2 .dg-node:not(.is-current):not(.is-selected){opacity:.76}.dg-cinema-v2 .dg-node.is-selected{border-color:#53ef82}.dg-cinema-v2 .dg-node:after{content:"";position:absolute;inset:-5px;border:1px solid #53ef8280;border-radius:19px;opacity:0;pointer-events:none}.dg-cinema-v2 .dg-node.is-current:after{animation:dg-cinema-ring 2s ease-out infinite}@keyframes dg-cinema-ring{0%{opacity:.7;transform:scale(.98)}100%{opacity:0;transform:scale(1.09)}}.dg-cinema-v2 .dg-wire{height:2px;background:#335540}.dg-cinema-v2 .dg-wire i{display:none}.dg-traveler{position:absolute;width:14px;height:14px;border:3px solid #edfff1;border-radius:50%;background:#53ef82;box-shadow:0 0 15px #53ef82,0 0 35px #53ef82;z-index:3;pointer-events:none;transform:translate(-50%,-50%)}.dg-film{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:27px 4px 30px;border-top:1px solid #34533c;min-height:235px}.dg-film-eyebrow{font:500 8px var(--body);letter-spacing:.13em;color:#8daa99}.dg-film-copy h3{font:500 clamp(23px,2.7vw,37px)/1.14 var(--display);letter-spacing:-.035em;margin:13px 0 22px;color:#f5f3eb;min-height:85px}.dg-film-copy h3 em{color:#78efa0;font-style:normal}.dg-film-timeline{height:2px;background:#2c4935;overflow:hidden}.dg-film-progress{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#75f4a0;box-shadow:0 0 8px #53ef82}.dg-film-time{display:flex;justify-content:space-between;margin-top:9px;color:#a0b8a8;font:500 8px var(--body);letter-spacing:.1em}.dg-film-screen{padding:15px 18px;background:linear-gradient(125deg,#173521,#0a1c13);border:1px solid #406149;border-radius:12px;box-shadow:0 15px 30px #0003;transform:perspective(700px) rotateY(-5deg);transition:transform .8s,border-color .8s}.dg-screen-bar{display:flex;align-items:center;gap:4px;font:500 8px var(--body);letter-spacing:.12em;color:#cae4d3}.dg-screen-bar span{flex:1}.dg-screen-bar i{width:3px;height:3px;background:#5c836a;border-radius:50%}.dg-chart{width:100%;height:85px;margin:12px 0;overflow:visible}.dg-chart-grid{fill:none;stroke:#385c444d;stroke-width:1}.dg-chart-line{fill:none;stroke:#72ed9a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:550;animation:dg-draw-chart 5s ease-in-out infinite}.dg-chart-dot{fill:#d9ffe5;filter:drop-shadow(0 0 5px #53ef82);animation:dg-dot 2s ease-in-out infinite}@keyframes dg-draw-chart{0%{stroke-dashoffset:550;opacity:.5}65%,100%{stroke-dashoffset:0;opacity:1}}@keyframes dg-dot{50%{opacity:.35}}.dg-demo-ticket{display:flex;align-items:center;gap:12px;border:1px solid #39694b;border-radius:7px;padding:11px 13px;background:#153725}.dg-ticket-symbol{font:500 24px var(--display);color:#77efa0}.dg-demo-ticket div{flex:1}.dg-demo-ticket small{display:block;font:500 7px var(--body);letter-spacing:.13em;color:#9bbfa7}.dg-demo-ticket strong{display:block;font:500 13px var(--display);margin-top:4px;color:#f0fff3}.dg-ticket-check{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#65efa0;color:#09291b;opacity:0;transform:scale(.4);transition:opacity .4s,transform .4s}.dg-cinema-v2 .dg-stage[data-phase="3"] .dg-ticket-check{opacity:1;transform:scale(1)}.dg-cinema-v2 .dg-stage[data-phase="3"] .dg-film-screen{transform:perspective(700px) rotateY(0);border-color:#75efa0}.dg-cinema-v2 .dg-stage.is-paused *{animation-play-state:paused!important}.dg-cinema-v2 .dg-inspector{min-height:151px}.dg-cinema-v2 .dg-family{font-size:9px}
@media(max-width:900px){.dg-film{gap:23px}.dg-cinema-v2 .dg-stage{padding:20px}.dg-cinema-v2 .dg-node img{width:60px;height:50px}}
@media(max-width:640px){.dg-cinema-v2 .dg-stage{padding:14px}.dg-cinema-v2 .dg-node{min-height:162px}.dg-cinema-v2 .dg-node img{width:54px;height:44px;margin-bottom:12px}.dg-cinema-v2 .dg-nodes{padding:25px 0;gap:20px 0}.dg-cinema-v2 .dg-node.is-current{transform:translateY(-4px)}.dg-traveler{width:10px;height:10px;border-width:2px}.dg-film{grid-template-columns:1fr;gap:20px;padding:24px 0}.dg-film-copy h3{font-size:26px;min-height:60px;margin-bottom:15px}.dg-film-screen{transform:none}.dg-cinema-v2 .dg-stage-caption{align-items:center;gap:7px}.dg-movie-controls{gap:4px}.dg-cinema-v2 .dg-stage-caption button{font-size:8px;padding:7px}.dg-cinema-v2 .dg-family{font-size:8px}.dg-film-time{font-size:7px}}
@media(prefers-reduced-motion:reduce){.dg-cinema-v2 *{animation:none!important;transition:none!important}.dg-cinema-v2 .dg-node.is-current,.dg-cinema-v2 .dg-film-screen{transform:none}.dg-traveler{display:none}}
