:root{--paper:#f7f3e9;--ink:#193e36;--muted:#52635a;--line:#d7dccc;--accent:#d5ed9e;--orange:#a54324}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}p{margin:0 0 1.2rem}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(2.7rem,4.6vw,4.8rem);margin:1.2rem 0 1.5rem;font-weight:700}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}h2{font-size:clamp(2rem,3.5vw,3rem);margin:.8rem 0 1.8rem}h3{font-size:1.55rem;margin:1.5rem 0 1rem}.wrap{width:calc(100% - 6rem);max-width:1180px;margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.8rem;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:750;font-size:1.15rem}.brand small{display:block;font-size:.6rem;letter-spacing:.15em}.brand-mark{display:grid;place-items:center;border-radius:14px;background:var(--ink);color:var(--accent);width:46px;height:50px;font:2.5rem/1 Georgia,serif}.site-header nav,.site-footer nav{display:flex;gap:1.6rem;flex-wrap:wrap;font-size:.9rem}.site-header nav a{padding:.5rem 0}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:5rem;align-items:center;padding-block:5rem}.eyebrow,.number{font-size:.68rem;font-weight:750;letter-spacing:.14em}.intro{font-size:1.15rem;max-width:29rem;color:var(--muted)}.actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem;font-size:.85rem}.button{display:inline-flex;align-items:center;gap:1.5rem;background:var(--ink);color:var(--paper);padding:1rem 1.3rem;border-radius:6px;text-decoration:none;font-weight:650}.availability{font-size:.8rem;color:var(--muted);margin:1.5rem 0 0}.availability span{margin:0 .4rem}.practice-card{margin:0;padding:1.8rem 2rem;background:var(--ink);color:var(--paper);border-radius:22px;box-shadow:10px 12px 0 #e5e6d4;max-width:430px;justify-self:end;width:100%}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.58rem;letter-spacing:.12em}.chip{border:1px solid #728f76;padding:.3rem .5rem;border-radius:20px}.chord-label{text-align:center;font-size:.65rem;letter-spacing:.2em;color:var(--accent);margin:2rem 0 .2rem}.big-chord{font-size:6rem;letter-spacing:-.08em;line-height:1;text-align:center}.fretboard{width:100%;height:auto;max-height:190px;display:block;margin:.8rem auto}.progression{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;border-top:1px solid #527060;padding-top:1.4rem;text-align:center;font-size:1.2rem}.progression span{padding:.5rem;border-radius:6px;background:#2d5045}.progression .selected{background:var(--accent);color:var(--ink);font-weight:750}figcaption{text-align:center;font-size:.65rem;color:#d2dfcb;margin-top:1rem}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding-block:1.3rem;gap:1rem}.benefits p{margin:0;font-size:.9rem}.benefits span{color:var(--orange);margin-right:1rem;font-size:.75rem}.features{padding-block:5rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.6rem}.feature-grid article{padding:1.6rem;background:#e9edde;border:1px solid #d9e0cb;border-radius:12px}.feature-grid article:nth-child(2){background:#f2e6d3;border-color:#e7d5ba}.feature-grid article:nth-child(3){background:#e0eae5;border-color:#cbdcd4}.feature-grid p{font-size:.94rem}.feature-grid .detail{margin:1.7rem 0 0;font-size:.75rem;font-weight:650}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding-block:3rem;border-top:1px solid var(--line)}.two-column p:not(.eyebrow){color:var(--muted)}.privacy-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:4rem;background:#e9edde;padding:2.7rem;border-radius:14px;margin-top:1rem}.privacy-panel p{font-size:.94rem}.privacy-panel a{font-weight:650;font-size:.9rem}.subscription{border-left:1px solid #bdcbb4;padding-left:3rem}.subscription h3{margin-top:0}.contact{padding-block:3rem;max-width:860px}.contact h2{font-size:2rem}.contact p{color:var(--muted);overflow-wrap:anywhere}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);padding-block:2rem;font-size:.85rem}.site-footer p{margin:0}.skip{position:absolute;top:-100px;left:16px;background:white;padding:10px;z-index:2}.skip:focus{top:12px}aside[role=note]{padding:20px;border:2px solid var(--orange)}@media(max-width:1000px){.wrap{width:calc(100% - 3rem)}.hero{gap:2.5rem}.hero h1{font-size:3.2rem}.practice-card{padding:1.5rem}.feature-grid{gap:1rem}.two-column{gap:2rem}.privacy-panel{gap:2rem;padding:2rem}.subscription{padding-left:2rem}}@media(max-width:700px){.wrap{width:calc(100% - 2.5rem)}.site-header{flex-wrap:wrap;gap:1rem;padding-block:1.2rem}.site-header nav{width:100%;gap:1.6rem}.hero{grid-template-columns:1fr;padding-block:2.5rem;gap:2.5rem}.hero h1{font-size:clamp(2.5rem,10vw,3.5rem)}.practice-card{justify-self:center}.benefits,.feature-grid,.two-column,.privacy-panel{grid-template-columns:1fr}.benefits{gap:.6rem}.features{padding-block:3rem}.two-column{gap:.5rem}.privacy-panel{padding:1.5rem;gap:2rem}.subscription{padding:1.5rem 0 0;border-left:0;border-top:1px solid #bdcbb4}.site-footer{flex-direction:column;align-items:flex-start}.site-footer nav{gap:1rem}.contact{padding-block:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{background:white}.site-header,.actions,.site-footer{display:none}.wrap{width:100%}.hero,.feature-grid,.two-column,.privacy-panel{display:block}.practice-card{break-inside:avoid}.feature-grid article{margin-bottom:1rem}}