*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#faf9f7;--black:#0a0a0a;--fg:#1a1916;--muted:#6b6860;--accent:#c8392b;--active:#39ff14;--border:rgba(26,25,22,.1);--serif:"EB Garamond",Georgia,serif;--mono:"DM Mono",monospace}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--serif);-webkit-font-smoothing:antialiased}
.top-bar{height:2px;background:var(--accent)}
.prompt-download{padding:24px clamp(24px,4.2vw,60px) clamp(56px,7vw,96px);border-bottom:1px solid var(--border);background:#f4f2ef}
.prompt-download-header{margin-bottom:clamp(46px,5vw,72px)}
.prompt-context{padding:clamp(30px,3.5vw,52px) clamp(8px,3.5vw,40px) 0}
.prompt-context h1{font-size:clamp(54px,7.2vw,104px);font-weight:400;letter-spacing:-.035em;line-height:.9}
.prompt-context h1 em{color:var(--muted);font-style:italic}
.prompt-intro{margin-top:26px;color:var(--muted);font:400 clamp(17px,1.6vw,22px)/1.5 Arial,sans-serif}
.mobile-instrument-intro{display:none}
.instrument-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.instrument-panel{min-width:0;aspect-ratio:297/420;display:grid;grid-template-rows:18% 82%;overflow:hidden;container-type:inline-size;background:#fff}
.instrument-banner{padding:0 7cqi;display:flex;align-items:center;background:#11110f;color:#fff;font:300 clamp(38px,9cqi,76px)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.prompt-actions{min-height:0;display:grid;grid-template-rows:16% 84%}
.prompt-action-row{display:flex;align-items:center;color:inherit;text-decoration:none}
.prompt-primary{width:100%;padding:0 7cqi;border:0;background:var(--accent);color:#fff;text-align:left;cursor:pointer}
.prompt-label{color:inherit;font:400 clamp(15px,3.5cqi,28px)/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.prompt-primary:hover,.prompt-primary:focus-visible,.prompt-primary[data-state="copied"]{background:var(--active);color:#11110f;outline:none}
.download-card{position:relative;display:block;overflow:hidden;background:#fff;color:var(--fg);text-decoration:none}
.download-card:hover,.download-card:focus-visible{color:var(--active);outline:none}
.download-card-action{position:absolute;top:50%;left:50%;font:900 clamp(52px,18cqi,150px)/.8 Impact,Haettenschweiler,"Arial Narrow Bold","Arial Narrow",sans-serif;letter-spacing:.025em;white-space:nowrap;text-transform:uppercase;transform:translate(-50%,-50%) scaleY(2.5);transform-origin:center}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:none}
@media(max-width:768px){.prompt-download{padding:18px 14px 54px}.prompt-download-header{display:none}.mobile-instrument-intro{display:block;padding:0 8px 24px}.mobile-instrument-intro--design{margin-top:34px;padding-top:26px;border-top:1px solid var(--border)}.mobile-instrument-intro h2{font-size:clamp(48px,14vw,68px);font-weight:400;letter-spacing:-.035em;line-height:.9}.mobile-instrument-intro h2 em{color:var(--muted);font-style:italic}.mobile-instrument-intro p{margin-top:22px;color:var(--muted);font:400 16px/1.5 Arial,sans-serif}.instrument-grid{grid-template-columns:1fr;gap:14px}.instrument-banner{font-size:13cqi}.prompt-label{font-size:5cqi}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
