.acquisition-page{background:radial-gradient(circle at 12% 0%, #0ed2f70d, transparent 28rem), var(--bg-primary);overflow:hidden}.acquisition-hero{background:var(--bg-secondary);border-bottom:1px solid #ffffff0f;position:relative;overflow:hidden}.acquisition-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:4rem 4rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000);mask-image:linear-gradient(#000c,#0000)}.acquisition-hero-inner{z-index:1;max-width:66rem;padding-top:clamp(3.5rem,6vw,5.5rem);padding-bottom:clamp(2.75rem,5vw,4.5rem);position:relative}.acquisition-eyebrow,.product-bridge-eyebrow{margin:0 0 var(--space-md);color:var(--accent-primary);letter-spacing:.17em;text-transform:uppercase;font-size:.72rem;font-weight:700}.acquisition-eyebrow:before{width:22px;height:1px;margin:0 var(--space-sm) 0 0;background:var(--accent-gradient);content:"";vertical-align:middle;display:inline-block}.acquisition-hero h1{max-width:16ch;margin:0 0 var(--space-lg);letter-spacing:-.045em;font-size:clamp(2.6rem,6vw,4.8rem);font-weight:450;line-height:1.03}.acquisition-hero-lede{max-width:48rem;color:var(--text-secondary);margin-bottom:0;font-size:clamp(1rem,2vw,1.18rem);font-weight:300;line-height:1.8}.acquisition-section{border-bottom:1px solid #ffffff0d;padding:clamp(3rem,6vw,5.5rem) 0}.acquisition-panel{border-radius:var(--border-radius-xl);background:linear-gradient(145deg,#ffffff09,#ffffff04);border:1px solid #ffffff17;box-shadow:0 1.5rem 4rem #0003}.metronome-workbench-card{max-width:42rem;margin:0 auto;padding:clamp(1.5rem,4vw,2.75rem)}.metronome-bpm-value{margin:0;font-size:clamp(4rem,8vw,6rem);line-height:1}.metronome-bpm-label,.metronome-field-label{letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;display:block}.metronome-bpm-label{font-size:.85rem}.metronome-range{width:100%;accent-color:var(--accent-primary)}.metronome-bpm-range{height:6px;margin-bottom:var(--space-xl)}.metronome-controls-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);text-align:left;grid-template-columns:1fr 1fr;display:grid}.metronome-field-label{margin-bottom:8px}.metronome-control-options{flex-wrap:wrap;gap:4px;display:flex}.metronome-control-options .btn{padding:6px 10px;font-size:.9rem}.metronome-control-options [data-metronome-option=time-signature]{min-width:36px}.metronome-sound-options .btn{font-size:.8rem}.metronome-volume-icon{vertical-align:middle;width:14px;height:14px;margin-right:4px}.metronome-beat-visualizer{height:60px;margin-bottom:var(--space-xl);justify-content:center;align-items:center;gap:12px;display:flex}.metronome-action-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.metronome-action-row [data-metronome-action]{justify-content:center;align-items:center;gap:8px;min-width:160px;display:inline-flex}.acquisition-article{max-width:54rem;margin:0 auto}.acquisition-article h2{margin:0 0 var(--space-md);letter-spacing:-.025em;font-size:clamp(1.5rem,3vw,2rem);font-weight:400}.acquisition-article>p{max-width:48rem;color:var(--text-secondary);font-weight:300;line-height:1.8}.blog-index-section{padding-top:clamp(3rem,6vw,5.5rem)}.product-bridge{margin-top:var(--space-3xl);border-radius:var(--border-radius-xl);background:linear-gradient(145deg, #0ed2f714, transparent 42%), linear-gradient(325deg, #ff5a7a0f, transparent 46%), var(--bg-secondary);border:1px solid #0ed2f733;padding:clamp(1.5rem,4vw,2.75rem);position:relative;overflow:hidden}.product-bridge:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:50%;width:13rem;height:13rem;position:absolute;top:-7rem;right:-6rem;box-shadow:0 0 0 2rem #ffffff05,0 0 0 4rem #ffffff03}.product-bridge h2,.product-bridge-description,.product-bridge-items,.product-bridge-actions{z-index:1;position:relative}.product-bridge h2{max-width:27ch;margin:0 0 var(--space-sm);letter-spacing:-.025em;font-size:clamp(1.5rem,3vw,2.15rem);font-weight:400}.product-bridge-description{max-width:48rem;color:var(--text-secondary);margin:0;font-weight:300;line-height:1.75}.product-bridge-items{margin:var(--space-xl) 0 0;border-radius:var(--border-radius-lg);background:#ffffff14;border:1px solid #ffffff14;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:0;list-style:none;display:grid;overflow:hidden}.product-bridge-items li{min-height:7.5rem;padding:var(--space-lg);background:#00000029}.product-bridge-items a,.product-bridge-items strong{margin-bottom:var(--space-xs);color:var(--text-primary);font-size:.92rem;font-weight:650;text-decoration:none;display:block}.product-bridge-items a:hover{color:var(--accent-primary)}.product-bridge-items p{color:var(--text-muted);margin:0;font-size:.8rem;font-weight:300;line-height:1.6}.product-bridge-actions{gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;align-items:center;display:flex}.product-bridge-actions .btn{text-decoration:none}.practice-guide-section{padding-top:clamp(3rem,6vw,5.5rem)}.practice-guide-article{max-width:58rem;margin:0 auto}.practice-guide-article>h2{margin-bottom:var(--space-lg);font-size:clamp(1.5rem,3vw,2rem);font-weight:400}.practice-guide-article>p{max-width:50rem;color:var(--text-secondary);font-weight:300;line-height:1.8}.practice-workflow{gap:var(--space-md);margin-top:var(--space-2xl);display:grid}.practice-workflow-step{gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--border-radius-lg);background:#ffffff06;border:1px solid #ffffff14;grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.practice-workflow-step-number{width:2.5rem;height:2.5rem;color:var(--accent-primary);background:#0ed2f70f;border:1px solid #0ed2f740;border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;font-weight:650;display:inline-flex}.practice-workflow-step h3{margin:0 0 var(--space-xs);font-size:1.1rem;font-weight:550}.practice-workflow-step p{color:var(--text-secondary);margin:0;font-size:.92rem;font-weight:300;line-height:1.7}.practice-guide-bridge{margin-top:var(--space-3xl)}@media (max-width:720px){.acquisition-hero-inner{padding-top:3.25rem;padding-bottom:2.75rem}.acquisition-hero h1{max-width:none;font-size:clamp(2.45rem,12vw,4rem)}.product-bridge-items{grid-template-columns:1fr}.practice-workflow-step{gap:var(--space-md)}.metronome-controls-grid{grid-template-columns:1fr}}@media (max-width:480px){.product-bridge-actions,.product-bridge-actions .btn{width:100%}}
