/* CIPHR privacy-first copy pass: nav badge, hero secondary line, the "why this is
   private" band, the public/private split, the pre-footer strip, and the two unique
   component shapes (Try a buy as a terminal session, Build a piece as a pixel editor).
   Existing tokens only; no new colours are introduced. */

/* --- Nav badge: "AES-256-GCM visor" --- */
.nav-badge{display:none;align-items:center;flex:none;white-space:nowrap;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb, var(--card) 55%, transparent);color:var(--ink-soft);font:400 12px/1 var(--font-mono);letter-spacing:.02em}
@media(min-width:1440px){.nav-badge{display:inline-flex}}

/* --- Hero secondary line, under the sub --- */
.hero-secondary{font-size:clamp(14px,1.3vw,17px);line-height:1.6;max-width:40ch;margin:12px auto 0;color:var(--ink-soft)}
@media(min-width:1024px){.hero-heading .hero-secondary{margin-left:0;margin-right:0}}

/* --- Why this is private band --- */
.privacy-band{width:calc(100% - 32px);max-width:1180px;margin:0 auto var(--space-64);padding:var(--space-24);border:1px solid var(--line);border-radius:20px;background:var(--card)}
.privacy-band-title{font:600 var(--fs-h3)/1.3 var(--font-display);margin:0 0 var(--space-16);letter-spacing:var(--track-display)}
.privacy-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-16);list-style:none;margin:0;padding:0}
.privacy-step{display:flex;align-items:flex-start;gap:10px;padding:var(--space-16);border:1px solid var(--line);border-radius:14px;background:var(--band)}
.privacy-lock{flex:none;width:26px;height:26px;color:var(--glow)}
.privacy-lock svg{width:100%;height:100%;display:block}
.privacy-step-copy{min-width:0}
.privacy-step-index{display:block;font:600 11px/1 var(--font-mono);letter-spacing:.08em;color:var(--ink-soft);margin-bottom:6px}
.privacy-step p{margin:0;font-size:15px;line-height:1.4;color:var(--ink)}
@media(max-width:767px){.privacy-steps{grid-template-columns:minmax(0,1fr)}.privacy-band{width:calc(100% - 32px)}}
@media(min-width:1440px){.privacy-band{padding:var(--space-32)}}

/* --- What is public, what stays private --- */
.privacy-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24);margin-top:var(--space-24)}
.privacy-col{min-width:0;padding:var(--space-24);border:1px solid var(--line);border-radius:16px}
.privacy-col-public{background:var(--band)}
.privacy-col-private{background:var(--tint);border-color:var(--accent-deep)}
.privacy-col h3{margin:0 0 var(--space-12);font:600 var(--fs-body)/1.3 var(--font-display)}
.privacy-col ul{margin:0;padding-left:20px;line-height:1.6}
.privacy-col li{margin-bottom:8px;overflow-wrap:anywhere}
.privacy-col code{overflow-wrap:anywhere}
.privacy-split-note{margin-top:var(--space-16);max-width:64ch}
@media(max-width:767px){.privacy-columns{grid-template-columns:minmax(0,1fr)}}

/* --- Private by strip, above the footer --- */
.privacy-strip{text-align:center;padding:var(--space-16) var(--space-24);margin:var(--space-64) auto 0;max-width:960px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:400 13px/1.6 var(--font-mono);color:var(--ink-soft)}
.privacy-strip strong{color:var(--ink);font-weight:600}

/* --- Try a buy: a terminal session, not a form --- */
.buy-instrument{position:relative}
.buy-action{background:var(--band);border:1px solid var(--line);border-radius:14px;padding:var(--space-24)}
.terminal-titlebar{display:flex;align-items:center;gap:10px;margin:-24px -24px 20px;padding:10px 16px;border-bottom:1px solid var(--line);border-radius:14px 14px 0 0;background:var(--card)}
.terminal-dot{width:9px;height:9px;border-radius:50%;background:var(--line)}
.terminal-dot:nth-child(1){background:var(--ink-soft)}
.terminal-path{font:400 12px/1 var(--font-mono);color:var(--ink-soft);letter-spacing:.02em}
.terminal-titlebar .tag{margin-left:auto}
.terminal-lines{list-style:none;margin:var(--space-16) 0 0;padding:var(--space-12) var(--space-16);border:1px solid var(--line);border-radius:10px;background:var(--ground);font-family:var(--font-mono);font-size:13px;line-height:1.9}
.terminal-lines li{display:flex;gap:10px;flex-wrap:wrap}
.terminal-step{flex:none;min-width:9ch;color:var(--glow)}
.terminal-lines li:first-child{color:var(--ink);margin-bottom:2px}
.terminal-prompt{color:var(--accent-deep)}
@media(max-width:479px){.terminal-titlebar{margin:-16px -16px 16px;padding:8px 12px}.terminal-step{min-width:0}}

/* --- Build a piece: a pixel editor, not a gallery card --- */
#build .kicker{margin-bottom:8px}
.build-bench{background-image:linear-gradient(45deg, var(--band) 25%, transparent 25%),linear-gradient(-45deg, var(--band) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--band) 75%),linear-gradient(-45deg, transparent 75%, var(--band) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:var(--ground);border:1px solid var(--line);border-radius:16px;padding:var(--space-24)}
.build-object{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:var(--space-16)}
.build-card{border:1px dashed var(--line);border-radius:8px;overflow:hidden;background:var(--ground)}
.build-maths{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:16px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--band);font-family:var(--font-mono);text-align:left}
.build-maths>strong{font-size:20px}
.build-maths p{flex-basis:100%;margin:4px 0 0;color:var(--ink-soft);font-size:13px}
#buildOdds::before{content:"odds ";color:var(--ink-soft);font-weight:400;text-transform:uppercase;font-size:11px;letter-spacing:.06em}
#buildControls{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:var(--space-16)}
#buildControls fieldset{border:0;padding:0;margin:0 0 var(--space-16)}
#buildControls fieldset:last-child{margin-bottom:0}
#buildControls legend{padding:0 0 8px;font:600 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
#buildControls .segments{display:flex;flex-wrap:wrap;gap:6px}
#buildControls .segments button{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--ground);color:var(--ink);font:400 11px/1.2 var(--font-mono);text-align:center;cursor:pointer}
#buildControls .segments button[aria-pressed=true]{background:var(--glow);color:var(--ground);border-color:var(--glow)}
@media(max-width:1023px){.build-bench{background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}}