main.cp .dg{background:#f3f1eb;position:relative;border-block:1px solid #deded6}main.cp .dg-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:60px;align-items:end;margin-bottom:40px}main.cp .dg-heading h2{margin:18px 0 0}main.cp .dg-heading>p{font-size:1.05rem;line-height:1.8;color:#58616b;max-width:48ch;margin:0 0 6px}main.cp .dg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}main.cp .dg-machine{background:#202c36;color:#fff;border:1px solid #394650;border-radius:4px;overflow:hidden;position:relative}main.cp .dg-machine-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid #ffffff26;font-family:var(--font-mono-ui),monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}main.cp .dg-machine-head small{font-size:.625rem;color:#afbbc2}main.cp .dg-sculpture{height:320px;position:relative;perspective:1000px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#758a8c22,transparent 70%)}main.cp .dg-orbit{position:absolute;width:300px;height:300px;border:1px dashed #aab7bd30;border-radius:50%;left:50%;top:10px;transform:translateX(-50%) rotateX(45deg) rotate(-20deg)}main.cp .dg-paper{position:absolute;width:210px;height:210px;left:50%;top:36px;transform:translateX(-50%) rotateY(-18deg) rotate(-12deg);background:linear-gradient(135deg,#fffef8,#e6e3d8);color:#25333a;box-shadow:8px 12px 0 #131e2644,0 30px 50px #0003;border:1px solid #f9f5e7;padding:22px;border-radius:2px;z-index:3}main.cp .dg-paper>span{display:block;font-family:var(--font-mono-ui),monospace;font-size:.6rem;letter-spacing:.09em;color:#a33730}main.cp .dg-paper>b{font-family:var(--font-bold),sans-serif;font-size:1.65rem;line-height:1.1;display:block;margin:14px 0;color:#25333a}main.cp .dg-paper>i{display:block;height:2px;width:90%;background:#84908b4d;margin:8px 0}main.cp .dg-paper>i:nth-of-type(2){width:65%}main.cp .dg-paper>small{font-size:.6rem;color:#69756d;display:block;margin-top:14px}main.cp .dg-paper-back{top:63px;transform:translateX(-50%) rotateY(-18deg) rotate(8deg);background:#73838a;border-color:#91a0a4;z-index:1}main.cp .dg-paper-mid{top:48px;transform:translateX(-50%) rotateY(-18deg) rotate(-2deg);background:#b3bcb9;border-color:#c8cfca;z-index:2}main.cp .dg-gate{position:absolute;left:calc(50% + 52px);top:185px;z-index:4;width:100px;height:100px;border-color:#d24338 #9e302d #b72d27 #d24338;border-style:solid;border-width:14px;transform:rotate(-12deg);background:#202c36;box-shadow:8px 12px 0 #111b2266;display:grid;place-items:center;transition:border-color .25s}main.cp .dg-gate>span{color:#fff;font-size:2rem;font-weight:600}main.cp .dg-ground{position:absolute;width:320px;height:36px;left:50%;bottom:12px;transform:translateX(-50%);background:radial-gradient(ellipse,#0007,transparent 70%)}main.cp .dg-ready .dg-gate{border-color:#648c77 #648c77 #3d6153}main.cp .dg-review .dg-gate{border-color:#c2954f #c2954f #8c672f}main.cp .dg-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;border-top:1px solid #ffffff26}main.cp .dg-rail li{padding:16px 12px;display:grid;gap:6px;border-right:1px solid #ffffff20;align-content:start}main.cp .dg-rail li:last-child{border:0}main.cp .dg-rail small{font-family:var(--font-mono-ui),monospace;color:#e3a79a;font-size:.7rem}main.cp .dg-rail strong{font-size:.85rem;color:#fff}main.cp .dg-rail span{font-size:.75rem;color:#b8c6ce;line-height:1.5}main.cp .dg-machine-note{font-size:.75rem;line-height:1.8;padding:16px 24px;border-top:1px solid #ffffff26;margin:0;color:#becbd3}main.cp .dg-kicker{font-family:var(--font-mono-ui),monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#a53b33}main.cp .dg-console h3{font-family:var(--font-bold),sans-serif;font-size:1.6rem;line-height:1.3;margin:12px 0;color:#23323e}main.cp .dg-intro{font-size:.95rem;line-height:1.75;color:#606a71;margin:0 0 20px}main.cp .dg-scenarios{display:flex;gap:8px;flex-wrap:wrap}main.cp .dg-scenarios button{padding:10px 12px;border:1px solid #c7cbc7;border-radius:3px;min-height:44px;background:transparent;font:inherit;font-size:.8rem;color:#4d5c63;cursor:pointer;font-weight:600}main.cp .dg-scenarios button[aria-pressed=true]{background:#24343f;color:#fff;border-color:#24343f}main.cp .dg-request{padding:18px 0;border-bottom:1px solid #cdd0ca;margin-bottom:18px}main.cp .dg-request>small,main.cp .dg-result>span{font-family:var(--font-mono-ui),monospace;font-size:.7rem;letter-spacing:.09em;color:#6b767b}main.cp .dg-request>p{font-size:1.05rem;line-height:1.6;color:#293d48;margin:8px 0 14px}main.cp .dg-request>div{display:flex;gap:8px 20px;flex-wrap:wrap;font-size:.8rem;color:#657078}main.cp .dg-run{display:flex;justify-content:space-between;align-items:center;gap:40px;min-height:46px;border:0;border-radius:3px;background:#bc3028;color:#fff;padding:12px 18px;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}main.cp .dg-result{padding:18px 20px;background:#fff;border:1px solid #d7dcd6;border-left:3px solid #9ba8a9;margin-top:18px;min-height:158px}main.cp .dg-result h4{font-family:var(--font-bold),sans-serif;font-size:1.15rem;margin:8px 0;color:#2b3e48}main.cp .dg-result p{font-size:.9rem;line-height:1.75;margin:0;color:#5d6a71}main.cp .dg-result-blocked{border-left-color:#bd392f}main.cp .dg-result-review{border-left-color:#ac7d35}main.cp .dg-result-ready{border-left-color:#467660}main.cp .dg-disclosure{font-size:.75rem;line-height:1.7;color:#6f787b;margin:14px 0 0}main.cp .dg-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #c9cec8;padding-top:24px;margin-top:36px}main.cp .dg-bottom p{display:grid;gap:6px;font-size:.9rem;line-height:1.6;margin:0;color:#53626b}main.cp .dg-bottom strong{color:#263944}main.cp .dg-bottom .cp-link{flex:none}main.cp .dg :focus-visible{outline:3px solid #ae4a30;outline-offset:4px}main.cp .dg *{min-width:0;box-sizing:border-box}@media(max-width:900px){main.cp .dg-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}main.cp .dg-grid{gap:28px}main.cp .dg-bottom{align-items:flex-start;flex-direction:column;gap:14px}main.cp .dg-console h3{font-size:1.4rem}}@media(max-width:700px){main.cp .dg-grid{grid-template-columns:minmax(0,1fr)}main.cp .dg-machine{max-width:520px;width:100%;justify-self:center}main.cp .dg-sculpture{height:300px}main.cp .dg-result{min-height:0}main.cp .dg-rail li{padding:14px 8px}main.cp .dg-heading>p{font-size:1rem}main.cp .dg-machine-head{padding:18px 16px;font-size:.7rem}main.cp .dg-machine-head small{font-size:.6rem}main.cp .dg-machine-note{padding:14px 16px}main.cp .dg-scenarios button{flex:1 1 100%;text-align:left}main.cp .dg-run{width:100%}}@media(prefers-reduced-motion:reduce){main.cp .dg *{transition:none!important}}@media(max-width:400px){main.cp .dg-paper{width:190px;height:200px;padding:20px}main.cp .dg-gate{width:84px;height:84px;left:calc(50% + 40px);border-width:12px;top:188px}main.cp .dg-orbit{width:240px;height:240px;top:28px}main.cp .dg-ground{width:240px}}main.cp .vf{margin:0;width:100%;max-width:560px;justify-self:end;position:relative;min-width:0;color:#1b2935;font-family:Manrope,Arial,sans-serif;isolation:isolate}main.cp .vf-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #c8c7bf;padding-top:16px;font-family:var(--font-mono-ui),monospace;font-size:.65rem;letter-spacing:.08em}main.cp .vf-heading>span:first-child{display:flex;align-items:center;gap:8px;font-weight:600;text-transform:uppercase}main.cp .vf-heading>span:last-child{font-size:.55rem;color:#7d7e77;letter-spacing:.13em}main.cp .vf-heading i{height:6px;width:6px;background:#cd322a;transform:rotate(45deg)}main.cp .vf-stage{position:relative;margin-top:8px;background:radial-gradient(ellipse at 50% 48%,#fff9ef55,transparent 70%)}main.cp .vf-art{width:100%;height:auto;display:block;overflow:visible;aspect-ratio:588/490}main.cp .vf-coordinate{position:absolute;top:12px;left:36px;font-family:var(--font-mono-ui),monospace;font-size:.5rem;letter-spacing:.13em;color:#96978e}main.cp .vf-drafting{opacity:.35;transition:opacity .5s}main.cp .vf-diagram-labels{opacity:0;transition:opacity .5s}main.cp .vf-surfaces{opacity:1;transition:opacity .5s}main.cp .vf-fibres{opacity:.75;transition:opacity .5s}main.cp .vf-structure .vf-surfaces{opacity:.08}main.cp .vf-structure .vf-fibres{opacity:1;stroke-width:1.2}main.cp .vf-structure .vf-drafting{opacity:.9}main.cp .vf-structure .vf-diagram-labels{opacity:1}main.cp .vf-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px 16px;border-bottom:1px solid #c8c7bf}main.cp .vf-tools button{font:inherit;font-size:.75rem;min-height:44px;border:0;background:transparent;color:#303e48;cursor:pointer;display:flex;align-items:center;gap:20px;padding:8px 0;font-weight:700}main.cp .vf-tools button>span{width:28px;height:28px;border:1px solid #aeb2ad;border-radius:50%;display:grid;place-items:center;font-size:1rem}main.cp .vf-tools button[aria-pressed=true]{color:#b62825}main.cp .vf-tools .vf-motion{width:44px;height:44px;border:1px solid #d5d6ce;justify-content:center;padding:0;border-radius:50%;font-size:1rem}main.cp .vf-focus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;gap:6px}main.cp .vf-focus button{display:flex;align-items:center;gap:10px;min-height:46px;cursor:pointer;border:1px solid transparent;background:transparent;padding:8px 10px;font:inherit;font-size:.8rem;font-weight:700;text-align:left;color:#67717a;transition:background .2s}main.cp .vf-focus small{font-family:var(--font-mono-ui),monospace;font-size:.6rem;font-weight:500;color:#8b918e}main.cp .vf-focus button[aria-pressed=true]{background:#1e2d37;color:#fff;border-radius:3px}main.cp .vf-focus button[aria-pressed=true] small{color:#e1b5a5}main.cp .vf-caption{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:20px 6px 16px;min-height:148px}main.cp .vf-caption-number{font-family:var(--font-mono-ui),monospace;color:#ba332a;font-size:.7rem;padding-top:4px}main.cp .vf-caption h2{font-family:var(--font-bold),Arial,sans-serif;font-size:1.15rem;line-height:1.3;letter-spacing:-.02em;margin:0 0 8px;color:#1b2935}main.cp .vf-caption p{font-size:.85rem;line-height:1.7;color:#647079;margin:0 0 10px;max-width:46ch}main.cp .vf-caption a{color:#a52a25;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:20px;min-height:30px}main.cp .vf-caption a:hover{text-decoration:underline}main.cp .vf-footnote{border-top:1px solid #d7d6ce;padding-top:12px;display:flex;justify-content:space-between;gap:12px;font-family:var(--font-mono-ui),monospace;font-size:.52rem;line-height:1.6;color:#7b827f;margin:0}main.cp .vf-footnote span{white-space:nowrap}main.cp .vf :focus-visible{outline:3px solid #a13b2b;outline-offset:4px}main.cp .vf-moving .vf-sculpture{animation:vf-breathe 9s ease-in-out infinite;transform-origin:50% 48%}main.cp .vf-moving .vf-trace{animation:vf-signal 8s linear infinite}main.cp .vf-moving .vf-shadow{animation:vf-shadow 9s ease-in-out infinite}main.cp .cp-hero:has(.vf):before{opacity:.45}main.cp .cp-hero:has(.vf):after{background:radial-gradient(circle,#cfbca233,transparent 66%)}main.cp .cp-hero-grid:has(.vf){grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;padding-block:44px 56px;align-items:center}@keyframes vf-breathe{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-9px) rotate(.6deg)}}@keyframes vf-signal{to{stroke-dashoffset:-148}}@keyframes vf-shadow{0%,to{opacity:.9;transform:scaleX(1);transform-origin:center}50%{opacity:.6;transform:scaleX(.92);transform-origin:center}}@media(min-width:1100px){main.cp .cp-hero-grid:has(.vf){padding-block:42px}main.cp .vf-stage{margin-top:-4px}main.cp .vf-art{max-height:440px}main.cp .vf-caption{min-height:140px}}@media(max-width:900px){main.cp .cp-hero-grid:has(.vf){grid-template-columns:minmax(0,1fr);gap:44px}main.cp .vf{justify-self:center;max-width:560px}main.cp .vf-caption{min-height:0}main.cp .vf-heading{font-size:.75rem}main.cp .vf-heading>span:last-child{font-size:.6rem}}@media(max-width:480px){main.cp .vf-focus button{font-size:.75rem;gap:6px;padding:8px 6px}main.cp .vf-heading{font-size:.7rem}main.cp .vf-heading>span:last-child{font-size:.5rem}main.cp .vf-footnote{font-size:.6rem;flex-direction:column;gap:4px}main.cp .vf-coordinate{font-size:.45rem;left:20px}main.cp .vf-caption h2{font-size:1.1rem}main.cp .vf-caption p{font-size:.85rem}main.cp .vf-tools button{font-size:.8rem}main.cp .vf-art{margin-block:12px}}@media(prefers-reduced-motion:reduce){main.cp .vf *{animation:none!important;transition:none!important}}