.dlango-demo{display:flex;flex-direction:column;gap:var(--spacing-5);max-width:1120px;margin-inline:auto;padding:var(--spacing-5);background-color:var(--color-bg-canvas);border:1px solid var(--color-border-default);border-left:3px solid var(--color-fg-accent)}.dlango-demo__header{display:flex;flex-direction:column;gap:var(--spacing-2)}.dlango-demo__tag{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-fg-accent);align-self:flex-start;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border-default);background-color:var(--color-bg-elevated)}.dlango-demo__heading{font-family:var(--font-sans);font-size:clamp(1.375rem,1.1rem + 1.4vw,2rem);font-weight:var(--weight-semibold);line-height:1.2;letter-spacing:-.015em;color:var(--color-fg-default);margin:var(--spacing-1) 0 0}.dlango-demo__stepper{list-style:none;margin:var(--spacing-3) 0 0;padding:0;display:flex;gap:var(--spacing-2)}.dlango-demo__step-dot{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border-default);background-color:var(--color-bg-elevated);transition:border-color var(--duration-micro) var(--ease-expressive),background-color var(--duration-micro) var(--ease-expressive)}.dlango-demo__step-dot--past{border-color:var(--color-fg-accent);background-color:var(--color-bg-surface)}.dlango-demo__step-dot--past .dlango-demo__step-num{color:var(--color-fg-accent)}.dlango-demo__step-dot--current{border-color:var(--color-teal-7);background-color:var(--color-teal-7)}.dlango-demo__step-dot--current .dlango-demo__step-num{color:var(--color-fg-onEmphasis);font-weight:var(--weight-bold)}.dlango-demo__step-num{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em;color:var(--color-fg-subtle);font-variant-numeric:tabular-nums;font-style:normal}.dlango-demo__stage{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-default);padding:var(--spacing-5);min-height:460px;animation:dlango-fade-in var(--duration-component) var(--ease-expressive)}@keyframes dlango-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.dlango-demo__stage{animation:none}}.dlango-screen{display:flex;flex-direction:column;gap:var(--spacing-4)}.dlango-screen__title{font-family:var(--font-sans);font-size:1.25rem;font-weight:var(--weight-semibold);color:var(--color-fg-default);margin:0;line-height:1.3;font-style:normal}.dlango-screen__title .num{font-family:var(--font-mono);color:var(--color-fg-accent);margin-right:var(--spacing-1);font-variant-numeric:tabular-nums}.dlango-screen__title:focus{outline:none}.dlango-screen__title:focus-visible{outline:2px solid var(--color-teal-7);outline-offset:2px}.dlango-screen__hint{font-family:var(--font-sans);font-size:.9375rem;line-height:1.55;color:var(--color-fg-muted);margin:0;max-width:70ch}.dlango-screen__hint strong{color:var(--color-fg-default);font-weight:var(--weight-semibold)}.dlango-screen__context{font-family:var(--font-sans);font-size:.9375rem;line-height:1.6;color:var(--color-fg-default);margin:0;max-width:65ch;padding-top:var(--spacing-2);border-top:1px solid var(--color-border-default)}.dlango-archetypes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}@media(min-width:640px){.dlango-archetypes{grid-template-columns:1fr 1fr}}.dlango-archetype{width:100%;text-align:left;background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-top:2px solid var(--color-border-default);padding:var(--spacing-4);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-2);font-family:var(--font-sans);color:var(--color-fg-default);min-height:44px;transition:border-color var(--duration-micro) var(--ease-expressive),background-color var(--duration-micro) var(--ease-expressive)}.dlango-archetype:hover{border-color:var(--color-fg-accent);border-top-color:var(--color-teal-7);background-color:var(--color-bg-canvas)}.dlango-archetype:focus-visible{outline:2px solid var(--color-teal-7);outline-offset:2px}.dlango-archetype__slug{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;color:var(--color-fg-subtle);text-transform:lowercase}.dlango-archetype__title{font-family:var(--font-sans);font-size:1.125rem;font-weight:var(--weight-semibold);color:var(--color-fg-default);margin:0;letter-spacing:-.01em;font-style:normal}.dlango-archetype__desc{font-family:var(--font-sans);font-size:.875rem;line-height:1.55;color:var(--color-fg-muted);margin:0}.dlango-counters{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}@media(min-width:640px){.dlango-counters{grid-template-columns:repeat(3,1fr)}}.dlango-counter{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-top:2px solid var(--color-teal-7)}.dlango-counter__value{font-family:var(--font-mono);font-size:clamp(2rem,1.5rem + 2vw,2.75rem);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--color-fg-default);line-height:1;font-variant-numeric:tabular-nums slashed-zero lining-nums;font-style:normal}.dlango-counter__label{font-family:var(--font-sans);font-size:.8125rem;line-height:1.4;color:var(--color-fg-muted)}.dlango-counters__footnote{font-family:var(--font-sans);font-size:.8125rem;line-height:1.5;color:var(--color-fg-subtle);margin:0;font-style:normal}.dlango-document{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media(min-width:768px){.dlango-document{grid-template-columns:1.6fr 1fr}}@media(max-width:767px){.dlango-document__sidebar{order:-1}}.dlango-document__page{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);animation:dlango-doc-lift var(--duration-component) var(--ease-expressive)}@keyframes dlango-doc-lift{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.dlango-document__page{animation:none}}.dlango-document__head{display:flex;flex-direction:column;gap:var(--spacing-1);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-default)}.dlango-document__badge{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;color:var(--color-fg-warning);align-self:flex-start;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-fg-warning);text-transform:uppercase}.dlango-document__title{font-family:var(--font-sans);font-size:1.0625rem;font-weight:var(--weight-semibold);color:var(--color-fg-default);margin:0;line-height:1.35;font-style:normal}.dlango-document__body{display:flex;flex-direction:column;gap:var(--spacing-3);color:var(--color-fg-subtle)}.dlango-document__para{display:flex;flex-direction:column;gap:8px;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-muted)}.dlango-document__para:last-child{border-bottom:none;padding-bottom:0}.dlango-document__line{display:block;height:6px;color:var(--color-fg-subtle);opacity:.55}.dlango-document__sidebar{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-left:3px solid var(--color-teal-7);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.dlango-document__sidebar-tag{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-accent)}.dlango-document__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.dlango-document__item{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-2);align-items:center;font-family:var(--font-sans);font-size:.9375rem;color:var(--color-fg-default);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-muted)}.dlango-document__item:last-child{border-bottom:none}.dlango-document__item-mark{display:inline-flex;color:var(--color-fg-accent)}.dlango-document__closing{font-family:var(--font-sans);font-size:.875rem;line-height:1.55;color:var(--color-fg-muted);margin:0;padding-top:var(--spacing-2);border-top:1px solid var(--color-border-default);font-style:normal}.dlango-manifesto{font-family:var(--font-sans);font-size:clamp(1.0625rem,1rem + .4vw,1.25rem);line-height:1.55;color:var(--color-fg-default);margin:0;max-width:64ch;font-style:normal;font-weight:var(--weight-medium);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-default)}.dlango-cta{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}@media(min-width:640px){.dlango-cta{grid-template-columns:1.4fr 1fr;align-items:stretch}}.dlango-cta__primary,.dlango-cta__secondary{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-4);text-decoration:none;text-align:left;font-family:var(--font-sans);cursor:pointer;border:1px solid var(--color-border-default);transition:border-color var(--duration-micro) var(--ease-expressive),background-color var(--duration-micro) var(--ease-expressive);min-height:44px}.dlango-cta--single{grid-template-columns:1fr}@media(min-width:640px){.dlango-cta--single{grid-template-columns:1fr}}.dlango-cta__primary{background-color:var(--color-teal-7);color:var(--color-fg-onEmphasis);border-color:var(--color-teal-7);border-left:3px solid var(--color-teal-9)}.dlango-cta__primary:hover,.dlango-cta__primary:focus-visible{background-color:var(--color-teal-8);border-color:var(--color-teal-8);outline:none}.dlango-cta__primary:focus-visible{outline:2px solid var(--color-fg-default);outline-offset:2px}.dlango-cta__primary .dlango-cta__label{font-size:1.0625rem;font-weight:var(--weight-semibold)}.dlango-cta__primary .dlango-cta__sub{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.dlango-cta__secondary{background-color:var(--color-bg-surface);color:var(--color-fg-default);border-left:1px solid var(--color-border-default)}.dlango-cta__secondary:hover,.dlango-cta__secondary:focus-visible{border-color:var(--color-fg-accent);background-color:var(--color-bg-canvas);outline:none}.dlango-cta__secondary:focus-visible{outline:2px solid var(--color-teal-7);outline-offset:2px}.dlango-cta__secondary .dlango-cta__label{font-size:.9375rem;font-weight:var(--weight-medium)}.dlango-trust{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center;padding-top:var(--spacing-3);border-top:1px solid var(--color-border-default)}.dlango-badge{display:inline-flex;text-decoration:none;transition:transform var(--duration-micro) var(--ease-expressive)}.dlango-badge:hover,.dlango-badge:focus-visible{transform:translateY(-2px);outline:none}.dlango-badge:focus-visible{outline:2px solid var(--color-fg-accent);outline-offset:4px}@media(prefers-reduced-motion:reduce){.dlango-badge:hover,.dlango-badge:focus-visible{transform:none}}.dlango-badge__eyebrow{font-family:var(--font-mono);font-size:8px;letter-spacing:.2em;fill:var(--color-fg-subtle);font-weight:500}.dlango-badge__title{font-family:var(--font-mono);font-size:18px;letter-spacing:.05em;fill:var(--color-fg-default);font-weight:700}.dlango-badge__subtitle{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;fill:var(--color-fg-muted);font-weight:500}.dlango-badge__year{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;font-weight:500}.dlango-demo__footer{display:flex;align-items:center;gap:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-default)}.dlango-demo__footer--split{justify-content:space-between}.dlango-demo__back,.dlango-demo__forward,.dlango-demo__restart{background:transparent;border:1px solid var(--color-fg-subtle);padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-sans);font-size:.875rem;font-weight:var(--weight-medium);color:var(--color-fg-default);cursor:pointer;min-height:44px;font-style:normal;transition:border-color var(--duration-micro) var(--ease-expressive),color var(--duration-micro) var(--ease-expressive)}.dlango-demo__forward{border-color:var(--color-fg-accent);color:var(--color-fg-accent)}.dlango-demo__back:hover,.dlango-demo__forward:hover,.dlango-demo__restart:hover{border-color:var(--color-teal-7);color:var(--color-teal-7)}.dlango-demo__back:focus-visible,.dlango-demo__forward:focus-visible,.dlango-demo__restart:focus-visible{outline:2px solid var(--color-teal-7);outline-offset:2px}.dlango-demo__restart{color:var(--color-fg-muted);font-size:.8125rem}.dlango-demo__skip{font-family:var(--font-sans);font-size:.875rem;color:var(--color-fg-muted);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--duration-micro) var(--ease-expressive),border-color var(--duration-micro) var(--ease-expressive)}.dlango-demo__skip:hover,.dlango-demo__skip:focus-visible{color:var(--color-fg-accent);border-bottom-color:var(--color-fg-accent);outline:none}.dlango-demo__skip:focus-visible{outline:2px solid var(--color-teal-7);outline-offset:2px}.dlango-packet{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media(min-width:768px){.dlango-packet{grid-template-columns:1fr 1fr}}.dlango-packet__col{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-top:2px solid var(--color-teal-7)}.dlango-packet__eyebrow{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-fg-accent);font-style:normal}.dlango-packet__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.dlango-packet__item{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-2);align-items:start;font-family:var(--font-sans);font-size:.9375rem;line-height:1.5;color:var(--color-fg-default);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-muted)}.dlango-packet__item:last-child{border-bottom:none}.dlango-packet__check{display:inline-flex;align-items:center;color:var(--color-fg-accent);padding-top:4px}.dlango-consult{display:flex;flex-direction:column;gap:var(--spacing-2)}.dlango-consult__btn{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%;text-align:left;background-color:var(--color-bg-elevated);border:1px solid var(--color-fg-subtle);padding:var(--spacing-3);font-family:var(--font-sans);color:var(--color-fg-default);cursor:pointer;min-height:44px;font-style:normal;transition:border-color var(--duration-micro) var(--ease-expressive),background-color var(--duration-micro) var(--ease-expressive),color var(--duration-micro) var(--ease-expressive)}.dlango-consult__btn:hover{border-color:var(--color-fg-accent);background-color:var(--color-bg-canvas)}.dlango-consult__btn:focus-visible{outline:2px solid var(--color-teal-7);outline-offset:2px}.dlango-consult__btn--active{border-color:var(--color-teal-7);border-left:3px solid var(--color-teal-7);background-color:var(--color-bg-canvas);color:var(--color-fg-default)}.dlango-consult__btn--muted{background-color:transparent;color:var(--color-fg-muted);border-color:var(--color-border-default)}.dlango-consult__btn--muted.dlango-consult__btn--active{color:var(--color-fg-default)}.dlango-consult__title{font-size:.9375rem;font-weight:var(--weight-semibold);line-height:1.35}.dlango-consult__sub{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;color:var(--color-fg-muted);font-variant-numeric:tabular-nums}