.dd-demo{--accent: #63d7ff;position:relative;isolation:isolate;min-height:100vh;overflow:hidden;color:#dcebf3;background:#07111a;font-family:IBM Plex Sans,system-ui,sans-serif}.dd-demo *,.dd-demo *:before,.dd-demo *:after{box-sizing:border-box}.dd-demo button,.dd-demo input{font:inherit}.dd-ambient{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 64% 26%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 31%),linear-gradient(rgba(103,151,178,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(103,151,178,.055) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;mask-image:linear-gradient(#000 0 76%,transparent 98%)}.dd-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:4rem;align-items:end;max-width:1600px;margin:0 auto;padding:58px 48px 38px}.dd-overline,.dd-panel-label,.dd-patent,.dd-stage-topbar,.dd-stage-label span,.dd-depth,.dd-signal span,.dd-controller-title,.dd-story-nav span,.dd-takeaway span{font-family:IBM Plex Mono,monospace;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.dd-overline{margin:0 0 12px;color:var(--accent);font-size:11px}.dd-intro h1{margin:0;color:#f4f9fc;font-family:Saira Semi Condensed,sans-serif;font-size:clamp(48px,5.5vw,88px);line-height:.86;letter-spacing:-.025em}.dd-intro h1 span{color:var(--accent)}.dd-intro-copy{padding-bottom:4px}.dd-intro-copy>p{margin:0;max-width:540px;color:#9bb0bd;font-size:16px;line-height:1.6}.dd-legend{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;color:#6f8796;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.dd-dot,.dd-live{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px var(--accent)}.dd-workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 250px;min-height:660px;max-width:1600px;margin:0 auto;border-block:1px solid rgba(155,193,214,.14);background:#050e16b8;box-shadow:0 35px 110px #00000052}.dd-chapters,.dd-console{position:relative;z-index:2;background:#08141eeb;backdrop-filter:blur(14px)}.dd-chapters{border-right:1px solid rgba(155,193,214,.14)}.dd-console{border-left:1px solid rgba(155,193,214,.14)}.dd-panel-label{display:flex;align-items:center;height:50px;padding:0 18px;border-bottom:1px solid rgba(155,193,214,.14);color:#708896;font-size:10px}.dd-chapters ol{margin:0;padding:0;list-style:none}.dd-chapters li{margin:0}.dd-chapters button{position:relative;display:grid;grid-template-columns:34px 1fr 6px;gap:8px;align-items:center;width:100%;min-height:68px;padding:0 16px;border:0;border-bottom:1px solid rgba(155,193,214,.09);color:#7e929f;background:transparent;text-align:left;cursor:pointer;transition:color .18s ease,background .18s ease}.dd-chapters button:hover{color:#e9f4fa;background:#ffffff06}.dd-chapters button.is-active{color:#f3f9fc;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 13%,transparent),transparent)}.dd-chapters button.is-active:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);box-shadow:0 0 16px var(--accent)}.dd-chapters button span{color:#506775;font:600 10px/1 IBM Plex Mono,monospace}.dd-chapters button.is-active span{color:var(--accent)}.dd-chapters button strong{font-size:12px;line-height:1.25}.dd-chapters button i{width:5px;height:5px;border-radius:50%;background:#354955}.dd-chapters button.is-active i{background:var(--accent);box-shadow:0 0 11px var(--accent)}.dd-stage{position:relative;min-width:0;min-height:660px;background:#07121d}.dd-stage canvas{display:block;width:100%!important;height:100%!important}.dd-stage-topbar{position:absolute;z-index:3;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;min-height:50px;padding:0 18px;border-bottom:1px solid rgba(155,193,214,.12);color:#698291;background:linear-gradient(#07121d,#07121d26);pointer-events:none;font-size:9px}.dd-stage-topbar span:first-child{display:flex;gap:8px;align-items:center;color:#b7cbd6}.dd-live{display:inline-block;animation:dd-pulse 1.8s ease-in-out infinite}@keyframes dd-pulse{50%{opacity:.35;transform:scale(.72)}}.dd-focus-banner{position:absolute;z-index:5;top:64px;right:18px;width:min(330px,calc(100% - 36px));padding:11px 13px;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-left:3px solid var(--accent);color:#dcebf3;background:#040e17d6;box-shadow:0 12px 35px #0000003d;backdrop-filter:blur(12px);pointer-events:none}.dd-focus-banner span{display:block;color:var(--accent);font:600 8px/1.2 IBM Plex Mono,monospace;letter-spacing:.11em;text-transform:uppercase}.dd-focus-banner strong{display:block;margin-top:5px;color:#d9e8ef;font-size:11px;line-height:1.35}.dd-growth-hud{position:absolute;z-index:6;top:150px;right:18px;width:min(330px,calc(100% - 36px));padding:11px 13px;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-left:3px solid var(--accent);color:#dcebf3;background:#040e17db;box-shadow:0 12px 35px #0000003d;backdrop-filter:blur(12px)}.dd-growth-hud>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.dd-growth-hud span,.dd-growth-hud b{color:var(--accent);font:600 8px/1.2 IBM Plex Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.dd-growth-hud strong{display:block;margin-top:5px;color:#d9e8ef;font-size:10px;line-height:1.3}.dd-growth-hud em{display:block;margin-top:5px;color:#8ca2af;font:500 8px/1.25 IBM Plex Mono,monospace;font-style:normal;letter-spacing:.04em;text-transform:uppercase}.dd-growth-track{height:3px;margin-top:9px;overflow:hidden;background:#ffffff1a}.dd-growth-track i{display:block;height:100%;background:var(--accent);box-shadow:0 0 10px var(--accent);transition:width .12s linear}.dd-growth-hud button{margin-top:8px;padding:0;border:0;color:#879daa;background:transparent;font:600 8px/1.2 IBM Plex Mono,monospace;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.dd-growth-hud button:hover{color:var(--accent)}.dd-3d-callout{--callout: #63d7ff;width:178px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--callout) 45%,transparent);border-top:2px solid var(--callout);color:#dceaf1;background:#040d15e0;box-shadow:0 12px 34px #00000057,0 0 18px color-mix(in srgb,var(--callout) 10%,transparent);backdrop-filter:blur(10px);pointer-events:none;user-select:none;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.dd-3d-callout span{display:block;color:var(--callout);font:600 7px/1.1 IBM Plex Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.dd-3d-callout strong{display:block;margin-top:4px;color:#eff8fc;font:700 11px/1.18 Saira Semi Condensed,sans-serif}.dd-3d-callout p{margin:4px 0 0;color:#849aa7;font-size:8px;line-height:1.35}.dd-bit-spin-label{width:132px;padding:7px 9px;border:1px solid rgba(255,90,103,.55);border-left:2px solid #ff5a67;color:#eff8fc;background:#040d15e0;box-shadow:0 0 18px #ff5a6729;backdrop-filter:blur(9px);pointer-events:none;user-select:none;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.dd-bit-spin-label span{display:block;color:#ff7b86;font:600 7px/1.1 IBM Plex Mono,monospace;letter-spacing:.09em;text-transform:uppercase}.dd-bit-spin-label strong{display:block;margin-top:3px;font:700 10px/1.15 Saira Semi Condensed,sans-serif;text-transform:uppercase}.dd-stage-label{position:absolute;z-index:3;padding:8px 10px;border:1px solid rgba(155,193,214,.16);border-left:2px solid var(--accent);background:#050e16c2;backdrop-filter:blur(8px);pointer-events:none}.dd-stage-label span{display:block;color:var(--accent);font-size:8px}.dd-stage-label strong{display:block;margin-top:3px;color:#dbe8ef;font-size:10px}.dd-surface-label{top:22%;left:9%}.dd-bha-label{right:7%;bottom:24%}.dd-depth{position:absolute;z-index:3;top:22%;right:18px;bottom:24%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:#728895;font-size:8px;pointer-events:none}.dd-depth i{position:absolute;top:15px;bottom:15px;right:5px;width:1px;background:linear-gradient(var(--accent),transparent);opacity:.35}.dd-stage-controls{position:absolute;z-index:4;right:16px;bottom:14px;left:16px;display:flex;gap:18px;align-items:center;min-height:48px;padding:8px 10px;border:1px solid rgba(155,193,214,.16);background:#050e16c7;backdrop-filter:blur(12px)}.dd-stage-controls button,.dd-arrow-buttons button{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid rgba(155,193,214,.22);color:#eaf5fa;background:#ffffff0a;cursor:pointer}.dd-speed-control,.dd-view-control{display:flex;gap:4px;align-items:center}.dd-speed-control>span,.dd-view-control>span{margin-right:3px;color:#8196a3;font:600 9px/1 IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.dd-stage-controls .dd-speed-control button{width:34px;height:28px;color:#8196a3;font:600 9px/1 IBM Plex Mono,monospace}.dd-stage-controls .dd-view-control button{width:auto;min-width:36px;height:28px;padding-inline:6px;color:#8196a3;font:600 9px/1 IBM Plex Mono,monospace;text-transform:uppercase}.dd-stage-controls .dd-speed-control button:hover,.dd-stage-controls .dd-speed-control button.is-active,.dd-stage-controls .dd-view-control button:hover,.dd-stage-controls .dd-view-control button.is-active{border-color:var(--accent);color:#07111a;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 38%,transparent)}.dd-stage-controls label{display:flex;gap:8px;align-items:center;color:#8196a3;font:600 9px/1 IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.dd-stage-controls input{width:clamp(65px,9vw,130px);accent-color:var(--accent)}.dd-stage-controls output{min-width:30px;color:var(--accent)}.dd-signal-grid{display:grid}.dd-signal{min-height:112px;padding:13px 16px 8px;border-bottom:1px solid rgba(155,193,214,.1)}.dd-signal span{display:block;color:#6f8796;font-size:8px}.dd-signal strong{display:block;margin-top:5px;color:#e8f2f7;font-size:15px;line-height:1.1}.dd-signal svg{display:block;width:100%;height:45px;margin-top:4px}.trace-grid{fill:none;stroke:#87abc01f;stroke-width:1}.trace-line{fill:none;stroke-width:1.7;stroke-linecap:round;filter:drop-shadow(0 0 3px currentColor);stroke-dasharray:240;animation:dd-trace 4s linear infinite}@keyframes dd-trace{0%{stroke-dashoffset:240}to{stroke-dashoffset:0}}.dd-controller{margin:16px;padding:13px;border:1px solid rgba(155,193,214,.16);background:#ffffff05}.dd-controller-title{display:flex;justify-content:space-between;color:#728896;font-size:8px}.dd-controller-title b{color:var(--accent);font-weight:600}.dd-logic{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:#91a5b1;font:600 8px/1 IBM Plex Mono,monospace}.dd-logic i{color:var(--accent);font-style:normal}.dd-controller-bar{height:2px;margin-top:14px;overflow:hidden;background:#213440}.dd-controller-bar i{display:block;width:36%;height:100%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:dd-scan 2.6s ease-in-out infinite alternate}@keyframes dd-scan{to{transform:translate(175%)}}.dd-story{display:grid;grid-template-columns:110px minmax(0,1fr) 190px;gap:38px;max-width:1320px;margin:0 auto;padding:54px 48px 60px}.dd-story-number{color:color-mix(in srgb,var(--accent) 75%,white);font:700 72px/.9 Saira Semi Condensed,sans-serif;opacity:.92}.dd-patent{margin-bottom:12px;color:var(--accent);font-size:9px}.dd-story h2{max-width:820px;color:#eff7fb;font:700 clamp(28px,3vw,42px)/1.02 "Saira Semi Condensed",sans-serif}.dd-story-main>p{max-width:780px;margin:16px 0 0;color:#8fa5b2;font-size:15px;line-height:1.7}.dd-story-main .dd-kicker{margin-top:8px;color:#c6d6df;font-size:12px;font-weight:600}.dd-takeaway{display:flex;gap:15px;align-items:center;max-width:780px;margin-top:22px;padding:14px 16px;border-left:2px solid var(--accent);color:#e5f1f7;background:color-mix(in srgb,var(--accent) 7%,transparent);font-size:13px}.dd-takeaway span{color:var(--accent);font-size:8px}.dd-story-nav{display:flex;flex-direction:column;align-items:flex-end;border-left:1px solid rgba(155,193,214,.14);padding-left:28px;text-align:right}.dd-story-nav span{display:block;color:#6f8796;font-size:8px}.dd-story-nav strong{color:#dceaf1;font-size:14px}.dd-arrow-buttons{display:flex;gap:8px;margin-top:16px}.dd-arrow-buttons button:hover{color:#07111a;border-color:var(--accent);background:var(--accent)}.dd-story-nav a{margin-top:auto;color:var(--accent);font:600 9px/1.35 IBM Plex Mono,monospace;text-decoration:none;text-transform:uppercase}.dd-footnote{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;max-width:1320px;margin:0 auto;padding:0 48px 54px;color:#627b89;font-size:11px;line-height:1.65}.dd-footnote p{margin:0}.dd-footnote strong{color:#90a7b4}@media(max-width:1180px){.dd-workspace{grid-template-columns:190px minmax(0,1fr) 220px}.dd-intro,.dd-story,.dd-footnote{padding-inline:28px}}@media(max-width:940px){.dd-intro{grid-template-columns:1fr;gap:22px}.dd-workspace{grid-template-columns:150px minmax(0,1fr)}.dd-console{display:none}.dd-chapters button{grid-template-columns:28px 1fr;padding-inline:12px}.dd-chapters button i{display:none}.dd-story{grid-template-columns:70px minmax(0,1fr)}.dd-story-nav{grid-column:2;flex-direction:row;align-items:center;gap:16px;padding:18px 0 0;border:0;border-top:1px solid rgba(155,193,214,.14);text-align:left}.dd-story-nav a{margin:0 0 0 auto}.dd-arrow-buttons{margin:0}}@media(max-width:680px){.dd-intro{padding:40px 18px 26px}.dd-intro h1{font-size:48px}.dd-workspace{display:flex;flex-direction:column;min-height:0}.dd-chapters{order:2;overflow-x:auto;border:0;border-top:1px solid rgba(155,193,214,.14)}.dd-chapters .dd-panel-label{display:none}.dd-chapters ol{display:flex;width:max-content}.dd-chapters button{grid-template-columns:23px 88px;min-height:56px;border-right:1px solid rgba(155,193,214,.1);border-bottom:0}.dd-chapters button.is-active:before{inset:auto 0 0;width:auto;height:2px}.dd-stage{min-height:540px}.dd-stage-topbar span:last-child{display:none}.dd-focus-banner{top:58px;right:8px;left:8px;width:auto}.dd-growth-hud{top:142px;right:8px;left:8px;width:auto}.dd-3d-callout{width:136px;padding:7px 8px}.dd-3d-callout.secondary{display:none}.dd-3d-callout strong{font-size:10px}.dd-3d-callout p{font-size:7px}.dd-bit-spin-label{width:108px;padding:6px 7px}.dd-depth{display:none}.dd-stage-controls{right:8px;bottom:8px;left:8px;gap:10px}.dd-stage-controls{flex-wrap:wrap}.dd-stage-controls label{flex:1;flex-wrap:wrap}.dd-stage-controls label:first-of-type{display:none}.dd-stage-controls input{flex:1;width:70px}.dd-speed-control,.dd-view-control{flex:1}.dd-story{grid-template-columns:1fr;gap:18px;padding:38px 18px 46px}.dd-story-number{font-size:52px}.dd-story-nav{grid-column:1}.dd-story-nav a{font-size:8px}.dd-takeaway{align-items:flex-start;flex-direction:column;gap:6px}.dd-footnote{grid-template-columns:1fr;gap:18px;padding:0 18px 42px}}@media(prefers-reduced-motion:reduce){.dd-live,.trace-line,.dd-controller-bar i{animation:none}}