.etude-page{max-width:38rem;margin:0 auto;padding:0}.etude-head{margin-bottom:2rem}.etude-kicker{font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 .6rem}.etude-title{font-family:var(--serif-display);font-size:2.25rem;line-height:1.15;margin:0 0 .5rem;letter-spacing:-.01em}.etude-relief{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:1.05rem;margin:0 0 1rem;line-height:1.45}.etude-nav{font-family:var(--sans);font-size:.85rem;color:var(--muted)}.etude-nav a{color:var(--muted);text-decoration:none}.etude-nav a:hover{color:var(--accent)}.etude-nav-sep{margin:0 .5rem;opacity:.5}.etude-intro{margin:0 0 1.5rem}.etude-intro p{margin:0 0 .85rem;line-height:1.6}.etude-stage{min-height:22rem}.etude-card{background:var(--bg-soft);border-radius:12px;padding:1.5rem 1.5rem 1.25rem}.etude-step{font-family:var(--sans);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 .85rem}.controls{display:flex;gap:.6rem;flex-wrap:wrap;margin:0 0 1.25rem}.etude-next{appearance:none;-webkit-appearance:none;font-family:var(--sans);font-size:.9rem;font-weight:600;letter-spacing:.01em;padding:.65rem 1.2rem;border:none;background:var(--text);color:var(--bg);border-radius:6px;cursor:pointer;transition:background .18s ease,transform .12s ease,opacity .18s ease;min-height:44px}.etude-next:hover:not(:disabled){background:var(--accent)}.etude-next:active:not(:disabled){transform:scale(.97)}.etude-next:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.etude-next:disabled{opacity:.4;cursor:not-allowed}.launch-btn:after{content:" →"}.etude-ghost{appearance:none;-webkit-appearance:none;font-family:var(--sans);font-size:.9rem;font-weight:600;letter-spacing:.01em;padding:.65rem 1.2rem;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:6px;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .12s ease,opacity .18s ease;min-height:44px}.etude-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.etude-ghost:active:not(:disabled){transform:scale(.97)}.etude-ghost:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.etude-ghost:disabled{opacity:.4;cursor:not-allowed}.stage{margin:0 0 .5rem;min-height:4rem}.campaigns{display:flex;flex-direction:column;gap:1rem}.campaign{opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease;padding:.85rem 1rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.campaign.visible{opacity:1;transform:translateY(0)}.campaign-box{font-family:var(--sans);font-weight:600;font-size:.92rem;margin-bottom:.6rem;color:var(--text);border-left:3px solid var(--accent);padding-left:.6rem;line-height:1.4}.dot-grid{display:grid;grid-template-columns:repeat(15,1fr);gap:6px;padding:.4rem 0}.dot{width:14px;height:14px;border-radius:50%;background:var(--line);transform:scale(.2);opacity:0;transition:transform .42s cubic-bezier(.34,1.56,.64,1),opacity .28s ease,background .24s ease,box-shadow .24s ease;transition-delay:calc(var(--i) * 18ms)}.dot.fanned{transform:scale(1);opacity:1}.dot.settled.green{background:#3f9650;box-shadow:0 0 0 2px #3f96502e}.dot.settled.yellow{background:#d6a52b;box-shadow:0 0 0 2px #d6a52b2e}.dot.settled.red{background:#b8413a;box-shadow:0 0 0 2px #b8413a2e}.campaign-summary{margin-top:.6rem;display:flex;gap:.4rem;flex-wrap:wrap;min-height:1.4rem;font-family:var(--sans);font-size:.78rem}.chip{padding:.15rem .55rem;border-radius:6px;font-variant-numeric:tabular-nums;font-weight:600}.chip-green{background:#3f965024;color:#2c6b39}.chip-yellow{background:#d6a52b2e;color:#8a6710}.chip-red{background:#b8413a24;color:#842c27}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1.25rem;margin:1.25rem 0 0;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.stat{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;gap:.5rem}.stat-label{color:var(--muted);font-family:var(--sans)}.stat-value{font-family:Menlo,monospace;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}.banner{margin:1.1rem 0 0;min-height:0;opacity:0;transform:translateY(6px);transition:opacity .38s ease,transform .38s ease}.banner.banner-shown{opacity:1;transform:translateY(0);padding:1rem 1.15rem;border-left:3px solid var(--accent);background:#8a34200f;border-radius:6px;font-size:.98rem;line-height:1.55;color:var(--text)}.banner em{color:var(--accent);font-style:italic}.etude-failure{margin:2.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--line)}.etude-failure-title{font-family:var(--serif-display);font-size:1.35rem;line-height:1.25;margin:0 0 .75rem;letter-spacing:-.005em;color:var(--text)}.etude-failure p{margin:0;line-height:1.6;color:var(--text)}.etude-coda{margin:2rem 0 0;padding-top:1.25rem;border-top:1px solid var(--line)}.etude-coda p{color:var(--muted);font-style:italic;line-height:1.6;margin:0}@media(max-width:32rem){.etude-title{font-size:1.85rem}.etude-card{padding:1.15rem 1.1rem 1rem;border-radius:10px}.controls{gap:.5rem}.etude-next,.etude-ghost{width:100%}.stats{grid-template-columns:1fr;padding:.85rem 1rem}.dot-grid{grid-template-columns:repeat(10,1fr)}.etude-failure-title{font-size:1.2rem}}