.cipher-page{background:var(--cream);min-height:100vh}.project-head{max-width:var(--maxw);margin:60px auto 0;padding:0 var(--pad-x)}.meta-row{display:flex;gap:16px;align-items:center;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.meta-row .cat{padding:4px 10px;background:var(--terracotta);color:var(--cream);border-radius:999px;font-weight:700}.project-head h1{font-family:var(--font-sans);font-weight:800;letter-spacing:-.045em;font-size:clamp(56px,9vw,132px);line-height:.92;margin:12px 0 24px}.project-head h1 em{font-family:var(--font-italic);font-style:italic;font-weight:400;color:var(--terracotta)}.project-head .tagline{font-size:22px;line-height:1.4;color:var(--ink-soft);max-width:760px;margin:0 0 32px}.info-grid{max-width:var(--maxw);margin:80px auto 0;padding:0 var(--pad-x);display:grid;grid-template-columns:1.6fr 1fr;grid-gap:60px;gap:60px;align-items:start}.info-grid .desc p{font-size:17px;line-height:1.65;color:var(--ink-soft);margin:0 0 20px;text-wrap:pretty}.meta-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:28px 24px;display:flex;flex-direction:column;gap:16px}.meta-card .l{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.meta-card .deliverables{display:flex;flex-wrap:wrap;gap:6px}.meta-card .deliverables span{font-size:12px;padding:5px 10px;background:var(--terracotta-3);color:var(--ink);font-weight:600;letter-spacing:.02em;border-radius:999px}.meta-card a.gh{display:inline-flex;align-items:center;gap:8px;color:var(--terracotta);font-weight:600;font-size:14px;word-break:break-all}.demo{max-width:var(--maxw);margin:140px auto 0;padding:0 var(--pad-x)}.demo-head h2{font-family:var(--font-sans);font-weight:700;font-size:40px;letter-spacing:-.03em;line-height:1;margin:14px 0 12px}.demo-head h2 em{font-family:var(--font-italic);font-style:italic;font-weight:400;color:var(--terracotta)}.demo-head p{font-size:15px;line-height:1.55;color:var(--ink-soft);max-width:760px;margin:0}.demo-card{margin-top:48px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:36px;gap:28px}.demo-card,.key-section{display:flex;flex-direction:column}.key-section{gap:10px}.key-section .label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.key-bar{background:var(--ink);color:var(--chart);border-radius:8px;padding:14px 18px;font-family:var(--font-mono),monospace;font-size:13px;letter-spacing:.02em;word-break:break-all;line-height:1.5}.key-bar span.from{color:var(--cream);opacity:.6}.io-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.pane{display:flex;flex-direction:column;gap:8px}.pane .l-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pane .l-row em{font-family:var(--font-italic);font-style:italic;color:var(--terracotta)}.pane textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--cream);border:1px solid var(--line-strong);border-radius:8px;padding:14px 16px;color:var(--ink);font-family:var(--font-mono),monospace;font-size:14px;line-height:1.55;min-height:140px;resize:vertical;transition:border-color .15s ease}.pane textarea:focus{outline:none;border-color:var(--terracotta)}.pane.output textarea{background:var(--ink);color:var(--cream);border-color:transparent}.ctl-row{display:flex;gap:8px;flex-wrap:wrap}.btn-ctl{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:var(--cream);color:var(--ink);padding:10px 16px;border-radius:999px;font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-ctl:hover{border-color:var(--terracotta);color:var(--terracotta)}.btn-ctl.primary{background:var(--terracotta);color:var(--cream);border-color:var(--terracotta)}.btn-ctl.primary:hover{background:var(--ink);border-color:var(--ink)}.btn-ctl.accent{background:var(--chart);color:var(--ink);border-color:var(--chart)}.status{padding:14px 16px;background:var(--cream);border:1px solid var(--line);border-radius:8px;font-family:var(--font-mono),monospace;font-size:13px;color:var(--ink-soft)}.map-viz{display:flex;flex-direction:column;gap:10px}.map-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:6px;gap:6px}.map-cell{background:var(--cream);border:1px solid var(--line);border-radius:6px;padding:10px 6px;text-align:center;font-family:var(--font-mono),monospace;font-size:13px}.map-cell .from{color:var(--muted);display:block;font-size:10px;margin-bottom:4px}.map-cell .to{color:var(--terracotta);font-weight:700}@media (max-width:960px){.info-grid{gap:28px}.info-grid,.io-grid{grid-template-columns:1fr}.map-grid{grid-template-columns:repeat(6,1fr)}}