.proxy-demo{margin-top:40px;border:1px solid var(--hairline-strong);border-radius:4px;background:var(--paper);overflow:hidden}.proxy-demo-head{padding:14px 22px;background:var(--paper-2);border-bottom:1px solid var(--hairline);display:flex;justify-content:space-between;align-items:center}.proxy-demo-title{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.proxy-demo-meta{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--ink-4)}.proxy-demo-body{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hairline)}.proxy-side{background:var(--paper);padding:28px 28px 24px}.proxy-side-tag{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4);margin-bottom:14px}.proxy-side.live .proxy-side-tag{color:var(--accent-deep)}.proxy-photo{position:relative;width:100%;aspect-ratio:16 / 10;background:var(--paper-3);border-radius:3px;overflow:hidden;background-image:linear-gradient(135deg,#c5b59b,#ad9377,#957256)}.proxy-photo:after{content:"[ class photo · 24 faces · 2019-06-12 ]";position:absolute;left:12px;bottom:10px;font-family:var(--mono);font-size:10px;color:#ffffffa6;letter-spacing:.04em}.face{position:absolute;width:11%;aspect-ratio:1;border-radius:50%;background:#e2c8b4;box-shadow:0 1px #00000026 inset,0 -3px #b69880 inset}.face.blurred{background:#e2c8b4;filter:blur(7px) saturate(.6);outline:2px solid var(--accent-deep);outline-offset:2px}.face[data-pos=r1c1]{top:18%;left:10%}.face[data-pos=r1c2]{top:18%;left:28%}.face[data-pos=r1c3]{top:18%;left:46%}.face[data-pos=r1c4]{top:18%;left:64%}.face[data-pos=r1c5]{top:18%;left:80%}.face[data-pos=r2c1]{top:42%;left:6%}.face[data-pos=r2c2]{top:42%;left:24%}.face[data-pos=r2c3]{top:42%;left:42%}.face[data-pos=r2c4]{top:42%;left:60%}.face[data-pos=r2c5]{top:42%;left:78%}.proxy-url{margin-top:16px;font-family:var(--mono);font-size:11px;line-height:1.55;color:var(--ink-3);letter-spacing:.02em;background:var(--paper-2);padding:10px 12px;border-radius:3px;border:1px solid var(--hairline);word-break:break-all}.proxy-url .key{color:var(--accent-deep)}.proxy-status{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--ink-3)}.proxy-status strong{color:var(--ink);font-weight:500}.proxy-status .accent{color:var(--accent-deep)}.mech{margin-top:32px;border:1px solid var(--hairline-strong);border-radius:4px;background:var(--paper);overflow:hidden}.mech-head{padding:14px 22px;background:var(--paper-2);border-bottom:1px solid var(--hairline)}.mech-head-title{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.mech-flow{padding:36px;display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;gap:12px;align-items:stretch}.mech-step{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--hairline-strong);border-radius:4px;background:var(--paper)}.mech-step.accent{background:var(--accent-soft);border-color:var(--accent)}.mech-step.ink{background:var(--ink);color:var(--paper);border-color:var(--ink)}.mech-step-num{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4)}.mech-step.ink .mech-step-num{color:#669c8f}.mech-step-name{font-family:var(--serif);font-size:16px;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}.mech-step.ink .mech-step-name{color:var(--paper)}.mech-step-detail{font-size:12px;line-height:1.5;color:var(--ink-3);margin-top:2px}.mech-step.ink .mech-step-detail{color:#b9b7b4}.mech-step.accent .mech-step-name em{font-style:italic}.mech-arrow{align-self:center;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-size:22px;color:var(--ink-3)}.mech-foot{padding:14px 22px;background:var(--paper-2);border-top:1px solid var(--hairline);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4)}.mech-foot strong{color:var(--accent-deep);font-weight:500}.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);margin-top:32px}.feat{background:var(--paper);padding:28px;display:flex;flex-direction:column;gap:10px;min-height:220px}.feat-num{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--accent-deep);line-height:1;letter-spacing:-.018em}.feat-name{font-family:var(--serif);font-size:20px;line-height:1.2;letter-spacing:-.012em;color:var(--ink);text-wrap:pretty}.feat-name em{font-style:italic;color:var(--accent-deep)}.feat-body{font-size:13.5px;line-height:1.55;color:var(--ink-2);text-wrap:pretty;margin-top:auto}.modes{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hairline);border:1px solid var(--hairline);margin-top:24px}.mode{background:var(--paper);padding:32px 32px 28px;display:flex;flex-direction:column;gap:12px}.mode-key{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4)}.mode-name{font-family:var(--serif);font-size:26px;line-height:1.2;letter-spacing:-.018em;color:var(--ink)}.mode-name em{font-style:italic;color:var(--accent-deep)}.mode-body{font-size:14.5px;line-height:1.6;color:var(--ink-2)}.mode-snippet{margin-top:auto;font-family:var(--mono);font-size:11.5px;line-height:1.5;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--hairline);border-radius:3px;padding:12px 14px;word-break:break-all}.mode-snippet .key{color:var(--accent-deep)}.mode-snippet .com{color:var(--ink-4)}.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);margin-top:32px}.number{background:var(--paper);padding:24px 24px 26px;display:flex;flex-direction:column;gap:4px}.number-val{font-family:var(--serif);font-size:44px;line-height:1;letter-spacing:-.025em;color:var(--accent-deep)}.number-val em{font-style:italic}.number-key{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);margin-top:4px}.number-detail{font-size:12.5px;line-height:1.5;color:var(--ink-3)}.dnt{margin-top:24px;padding:28px 32px;border:1px solid var(--hairline-strong);border-radius:4px;background:var(--paper-2)}.dnt-head{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:12px}.dnt-body{font-family:var(--serif);font-size:22px;line-height:1.35;letter-spacing:-.012em;color:var(--ink);text-wrap:pretty;max-width:720px}.dnt-body em{font-style:italic;color:var(--accent-deep)}.dnt-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 32px;margin-top:18px}.dnt-item{display:grid;grid-template-columns:14px 1fr;gap:10px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}.dnt-item:before{content:"—";color:var(--accent-deep);font-family:var(--mono);font-size:13px}@media(max-width:1000px){.mech-flow{grid-template-columns:1fr}.mech-arrow{transform:rotate(90deg);padding:8px 0}.feats{grid-template-columns:1fr}.numbers{grid-template-columns:1fr 1fr}}@media(max-width:760px){.proxy-demo-body,.modes,.dnt-list,.numbers{grid-template-columns:1fr}}