#cadrage{max-width:760px;margin:0 auto;padding:0 24px 80px;min-height:70vh}#cadrage .cadrage-bar{height:4px;background:var(--ink-12);border-radius:var(--r-pill);margin:8px 0 0;overflow:hidden}#cadrage .cadrage-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--sage),var(--sage-soft, #dca16b));border-radius:var(--r-pill);transition:width .4s cubic-bezier(.22,1,.36,1)}#cadrage .cadrage-top{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px;min-height:28px}#cadrage .cadrage-step{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-50)}#cadrage .cadrage-back{font-family:var(--mono);font-size:12px;color:var(--ink-70);background:none;border:none;cursor:pointer;padding:4px 6px}#cadrage .cadrage-back:hover{color:var(--sage)}#cadrage .cadrage-stage{min-height:380px;display:flex;align-items:flex-start}#cadrage .step{width:100%;opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1)}#cadrage .step.in{opacity:1;transform:none}#cadrage .step-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sage);display:block;margin-bottom:14px}#cadrage .step-q{font-family:var(--sans);font-weight:600;color:var(--brown);font-size:clamp(1.7rem,4.5vw,2.5rem);line-height:1.12;letter-spacing:-.015em;margin:0 0 14px}#cadrage .step-help{font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--ink-70);margin:0 0 28px;max-width:52ch}#cadrage .step-input{width:100%;font-family:var(--sans);font-size:1.5rem;color:var(--ink);background:transparent;border:none;border-bottom:2px solid var(--ink-30);padding:10px 2px;margin-bottom:32px}#cadrage .step-input::-moz-placeholder{color:var(--ink-30)}#cadrage .step-input::placeholder{color:var(--ink-30)}#cadrage .step-input:focus{outline:none;border-bottom-color:var(--sage)}#cadrage .step-opts{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}#cadrage .step-opts--multi{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){#cadrage .step-opts--multi{grid-template-columns:1fr}}#cadrage .opt{display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;background:var(--paper-alt);border:1.5px solid var(--ink-12);border-radius:var(--r-md);padding:16px 18px;transition:border-color .14s ease,background .14s ease,transform .08s ease}#cadrage .opt:hover{border-color:var(--sage);transform:translateY(-1px)}#cadrage .opt.is-on{border-color:var(--sage);background:#b76a2b1a}#cadrage .opt-key{flex:0 0 auto;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-family:var(--mono);font-size:12px;color:var(--ink-50);background:var(--paper);border:1px solid var(--ink-12)}#cadrage .opt.is-on .opt-key{background:var(--sage);color:var(--paper);border-color:var(--sage)}#cadrage .opt-main{display:flex;flex-direction:column;gap:2px}#cadrage .opt-label{font-family:var(--sans);font-weight:600;font-size:1.08rem;color:var(--ink)}#cadrage .opt-desc{font-family:var(--serif);font-style:italic;font-size:.92rem;color:var(--ink-50)}#cadrage .step-opts--multi .opt{padding:13px 15px}#cadrage .opt-check{flex:0 0 auto;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--ink-30);background:var(--paper);position:relative}#cadrage .opt.is-on .opt-check{background:var(--sage);border-color:var(--sage)}#cadrage .opt.is-on .opt-check:after{content:"✓";position:absolute;inset:0;color:var(--paper);font-size:13px;display:grid;place-items:center}#cadrage .step-opts--multi.is-danger .opt.is-on{background:#b76a2b1f;border-color:var(--sage)}#cadrage .step-cta{font-family:var(--sans);font-weight:600;font-size:1.05rem;color:var(--paper);background:var(--brown);border:none;border-radius:var(--r-pill);padding:14px 26px;cursor:pointer;transition:background .15s ease}#cadrage .step-cta:hover{background:#5c3925}#cadrage .step-cta:disabled{opacity:.6;cursor:wait}#cadrage .step-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:26px}#cadrage .step-link{font-family:var(--mono);font-size:13px;color:var(--ink-50);background:none;border:none;cursor:pointer}#cadrage .step-link:hover{color:var(--sage)}#cadrage .cadrage-sheet{background:var(--paper);border:1px solid var(--ink-12);border-top:3px solid var(--sage);border-radius:var(--r-sm);padding:28px 30px 32px;box-shadow:0 10px 30px #2a201a14;max-height:60vh;overflow-y:auto}#cadrage .cadrage-sheet .ch-label{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--sage);margin:0 0 4px}#cadrage .cadrage-sheet .ch-h1{font-family:var(--sans);font-weight:600;color:var(--brown);font-size:1.25rem;line-height:1.25;margin:0 0 12px}#cadrage .cadrage-sheet .ch-h2{font-family:var(--sans);font-weight:600;color:var(--brown);font-size:.98rem;margin:16px 0 5px}#cadrage .cadrage-sheet .ch-p{font-size:.86rem;line-height:1.5;color:var(--ink-70);margin:0 0 8px}#cadrage .cadrage-sheet .ch-ul{margin:0 0 8px;padding-left:18px}#cadrage .cadrage-sheet .ch-ul li{font-size:.86rem;line-height:1.45;color:var(--ink-70)}#cadrage .cadrage-sheet .ch-sig{font-family:var(--serif);font-style:italic;color:var(--ink-50);font-size:.86rem;margin:14px 0 0}#cadrage .cadrage-privacy{font-family:var(--mono);font-size:11.5px;color:var(--ink-50);text-align:center;max-width:60ch;margin:40px auto 0;line-height:1.6}
