.dg-system-page{--system-canvas:#f7f7f3;--system-midnight:#061631;--system-raised:#0a1f42;--system-ink:#071633;--system-muted:#566078;--system-line:#d7dbdc;--system-lime:var(--dg-lime);background:var(--system-canvas);min-height:100dvh;color:var(--system-ink);padding:clamp(24px,3vw,54px)}.dg-system-page__header{justify-content:space-between;align-items:flex-start;gap:32px;min-height:86px;display:flex}.dg-system-page__header>div{text-align:right}.dg-system-page__header>div>p:last-child{color:var(--system-muted);margin-top:8px;font-size:14px}.dg-system-lockup{min-width:max-content;color:var(--system-ink);align-items:center;gap:16px;display:inline-flex}.dg-system-lockup>span{letter-spacing:-.1em;font-size:44px;font-weight:650;line-height:1}.dg-system-lockup>i{background:var(--system-ink);width:2px;height:45px}.dg-system-lockup>strong{font-size:17px;line-height:1.1;display:grid}.dg-system-lockup small{color:var(--system-muted);margin-top:4px;font-size:11px;font-weight:500}.dg-system-label{font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:10px;font-weight:650;line-height:1.4}.dg-system-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.dg-system-manifesto,.dg-system-panel{border:1px solid var(--system-line);border-radius:16px}.dg-system-manifesto{background:radial-gradient(circle at 70% 18%, #264e7c61, transparent 38%), var(--system-midnight);color:#fff;flex-direction:column;grid-area:span 2/span 5;min-height:430px;padding:clamp(34px,3.5vw,58px);display:flex}.dg-system-manifesto .dg-system-label{color:var(--system-lime)}.dg-system-manifesto h1{color:#fff;letter-spacing:-.06em;max-width:9ch;margin:52px 0 0;font-size:clamp(45px,4vw,68px);font-weight:560;line-height:.98}.dg-system-manifesto>p:not(.dg-system-label){color:#ffffffb8;max-width:46ch;margin-top:28px;line-height:1.6}.dg-system-actions{gap:12px;margin-top:auto;display:flex}.dg-system-actions span,.dg-system-component-stack button{border:1px solid var(--system-lime);border-radius:7px;justify-content:center;align-items:center;min-height:54px;padding:12px 18px;font-size:13px;font-weight:700;display:inline-flex}.dg-system-actions span:first-child{background:var(--system-lime);color:var(--system-midnight)}.dg-system-panel{background:#fff;padding:26px}.dg-system-panel__head{border-bottom:1px solid var(--system-line);justify-content:space-between;align-items:end;gap:18px;padding-bottom:18px;display:flex}.dg-system-panel h2{letter-spacing:-.035em;margin:0;font-size:22px;font-weight:650}.dg-system-palette{grid-column:span 4}.dg-system-swatches{grid-template-columns:repeat(3,1fr);gap:18px 12px;margin-top:22px;display:grid}.dg-system-swatches>div{gap:5px;display:grid}.dg-system-swatches span{border:1px solid var(--system-line);border-radius:7px;height:45px}.dg-system-swatches strong{font-size:12px}.dg-system-swatches small{color:var(--system-muted);font-family:var(--font-mono);font-size:9px}.dg-system-type{grid-column:span 3}.dg-system-type__display{letter-spacing:-.06em;margin-top:28px;font-size:52px;font-weight:540;line-height:1}.dg-system-type__body{color:var(--system-muted);margin:19px 0 28px;font-size:16px}.dg-system-icons{grid-column:span 7}.dg-system-icon-scales{gap:12px;margin-top:18px;display:grid}.dg-system-icon-scales>div{grid-template-columns:50px repeat(8,minmax(24px,1fr));align-items:center;gap:12px;min-height:76px;display:grid}.dg-system-icon{color:var(--system-midnight);place-self:center;place-items:center;display:inline-grid}.dg-system-icon .ic{stroke-width:1.8px;width:100%;height:100%}.dg-system-components{grid-column:1/-1}.dg-system-component-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.dg-system-component-stack button{border-color:var(--system-midnight);color:var(--system-midnight);background:#fff;justify-content:space-between}.dg-system-component-stack button:first-child{border-color:var(--system-lime);background:var(--system-lime)}.dg-system-component-stack button .ic{width:18px;height:18px}.dg-system-component-stack label{font-family:var(--font-mono);grid-column:1/-1;gap:8px;font-size:10px;font-weight:650;display:grid}.dg-system-component-stack input{border:1px solid var(--system-line);background:var(--system-canvas);min-height:56px;font:14px var(--font-body);border-radius:7px;padding:14px 16px}.dg-system-component-stack article{background:var(--system-raised);color:#fff;border-radius:10px;grid-column:1/-1;grid-template-columns:42px 1fr;gap:14px;padding:18px;display:grid}.dg-system-component-stack article>.ic{width:32px;height:32px;color:var(--system-lime)}.dg-system-component-stack article .dg-system-label{color:var(--system-lime)}.dg-system-component-stack article strong{margin-top:5px;font-size:13px;line-height:1.45;display:block}@media (width<=980px){.dg-system-manifesto,.dg-system-palette,.dg-system-type,.dg-system-icons,.dg-system-components{grid-column:1/-1}}@media (width<=620px){.dg-system-page__header,.dg-system-panel__head{flex-direction:column;align-items:flex-start}.dg-system-page__header>div{text-align:left}.dg-system-manifesto h1{font-size:44px}.dg-system-icon-scales>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}.dg-system-icon-scales>div>.dg-system-label{grid-column:1/-1}.dg-system-icon{aspect-ratio:1;width:min(72px,100%)!important;height:auto!important}.dg-system-component-stack{grid-template-columns:1fr}.dg-system-component-stack label,.dg-system-component-stack article{grid-column:1}}.dg-system-states{margin-top:24px}.dg-system-states h2{margin-block:16px}.dg-system-state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:24px;display:grid}.dg-system-state-grid>div,.dg-system-state-grid>label{align-content:start;gap:10px;display:grid}.dg-system-state-grid small{color:var(--dg-muted);font-size:13px}.dg-system-state-action{border:1px solid var(--dg-lime);background:var(--dg-lime);min-height:52px;color:var(--dg-midnight);border-radius:7px;justify-content:center;align-items:center;gap:14px;padding:14px 20px;font-size:16px;transition:background-color .14s;display:inline-flex}.dg-system-state-action:hover,.dg-system-state-action:active{background:var(--dg-lime-pressed)}.dg-system-state-action:focus-visible{outline:2px solid var(--dg-midnight);outline-offset:4px}.dg-system-state-action:disabled{background:var(--dg-surface-subtle);border-color:var(--dg-line);color:var(--dg-muted);cursor:not-allowed}.dg-system-state-grid input:not([type=checkbox]){border:1px solid var(--dg-danger);border-radius:6px;min-height:52px;padding:14px}.dg-system-state-grid input[aria-invalid]+small{color:var(--dg-danger)}.dg-system-state-grid .dg-system-selection{border:1px solid var(--dg-line-strong);border-radius:6px;align-items:center;min-height:52px;padding:16px;display:flex}.dg-system-selection:has(input:checked){background:var(--dg-lime-soft);border-color:var(--dg-success)}.dg-system-selection input{width:20px;height:20px;accent-color:var(--dg-success)}.dg-system-states summary{cursor:pointer;min-height:44px;padding:12px 0}.dg-system-states details{border-top:1px solid var(--dg-line)}@media (width<=620px){.dg-system-state-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dg-system-state-action{transition:none}}