.preview-bar a{text-decoration:underline;text-underline-offset:3px;color:#e3f3e9}.header nav{gap:22px}.footer-links{display:flex;gap:25px;flex-wrap:wrap;padding-top:0;padding-bottom:35px;font-size:11px;color:var(--muted)}.footer-links a:hover{color:var(--mint)}.logo-word{display:inline-flex;align-items:baseline;line-height:1;position:relative}.logo-word>span{color:var(--mint);font-weight:400;letter-spacing:-1.8px}.detail-hero{padding-top:36px;padding-bottom:62px;position:relative}.detail-hero::before{content:"";position:absolute;inset:0 -10vw -80px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 20%,#52e6db0c,transparent 65%)}.breadcrumbs{display:flex;gap:13px;font-size:11px;color:#91abb2;margin-bottom:54px}.breadcrumbs a{color:var(--paper)}.detail-hero h1{font-size:clamp(68px,8.6vw,112px);line-height:.97;max-width:1000px;margin-top:26px;letter-spacing:.4px}.detail-hero h1::first-line{color:var(--paper)}.detail-lede{max-width:710px;margin-top:27px;font-size:19px;line-height:1.75;color:#c9d9dc}.guide-note{font-size:11px;margin-top:19px;letter-spacing:.2px;color:#8fb7b3}.article-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:68px;padding-bottom:70px;align-items:start}.article-contents{position:sticky;top:120px;border-top:1px solid #9ad1c629;padding-top:22px;display:flex;flex-direction:column;gap:15px}.article-contents>span{font-size:9px;font-weight:600;letter-spacing:1.6px;color:var(--mint);margin-bottom:7px}.article-contents a{font-size:12px;color:var(--muted);line-height:1.6}.article-contents a:hover{color:var(--mint)}.article-layout:not(:has(.article-contents)){grid-template-columns:minmax(0,760px);padding-left:40px;max-width:1058px}.article-copy{min-width:0}.article-section{padding:33px 0 38px;border-top:1px solid #9ad1c629;scroll-margin-top:125px}.article-section h2{font-family:Manrope,Arial,sans-serif;font-weight:600;font-size:25px;line-height:1.35;letter-spacing:-.6px;margin-bottom:22px;text-wrap:pretty}.article-section p,.article-section li{font-size:15px;line-height:1.9;color:#c0d1d5}.article-section p+p{margin-top:19px}.article-section a{color:var(--mint);text-decoration:underline;text-decoration-color:#52e6db60;text-underline-offset:4px}.article-section a:hover{text-decoration-color:var(--mint)}.article-section strong{color:var(--paper);font-weight:600}.article-section ul,.article-section ol{padding-left:24px;margin:0 0 22px}.article-section li{padding-left:5px;margin-bottom:11px}.article-section li::marker{color:var(--mint)}.related-section{padding-bottom:75px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resource-card{display:flex;flex-direction:column;padding:29px 28px 24px;border:1px solid #a0d4ca28;background:linear-gradient(145deg,#203a442b,#142530);border-radius:12px;transition:border-color .25s,transform .25s,background .25s;position:relative;min-width:0}.resource-card:hover{border-color:#52e6db65;transform:translateY(-4px);background:#1a323a}.card-category{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.4px;font-weight:600;color:#8fc4be}.card-category>.icon{width:19px;height:19px;color:var(--mint)}.resource-card h3{font-size:36px;margin:29px 0 18px;line-height:1.05;letter-spacing:.4px}.resource-card p{font-size:12px;line-height:1.85;color:#aac0c6;flex:1}.card-link{margin-top:28px;font-size:11px;color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:12px}.card-link>.icon{color:var(--mint);width:18px;height:18px}.learning-room .resource-grid{margin-top:38px}.learning-room .section-heading{margin-bottom:15px}.academy-link{display:inline-flex;gap:45px;margin-top:28px;font-size:12px;padding-bottom:8px;border-bottom:1px solid #c7e5da5a}.launch-callout{border-top:1px solid var(--line);padding-block:55px 70px;display:flex;align-items:center;justify-content:space-between;gap:40px}.launch-callout .section-label{display:block;margin-bottom:22px}.launch-callout h2{font-size:clamp(52px,5.8vw,74px)}.launch-callout h2 span{color:var(--mint)}.launch-callout p{font-size:13px;line-height:1.9;max-width:520px;margin-top:20px}.launch-callout .button{flex-shrink:0}.chord-figure{width:288px;max-width:100%;margin:26px auto 30px;padding:10px 14px 20px;background:#edf0df;border-radius:13px;color:var(--ink);box-shadow:0 6px 0 #07171d25}.chord-figure svg{width:100%;height:auto;display:block}.chord-figure figcaption{text-align:center;font-size:10px;letter-spacing:.2px;color:#36545a}.diagram-lines{stroke:#627779;stroke-width:1.3;fill:none}.diagram-labels{font:13px Manrope,Arial,sans-serif;fill:#36545a;text-anchor:middle}.finger-dot{fill:#168c84}.open-string{stroke:#36545a;stroke-width:1.5;fill:none}.string-strip,.beat-strip{display:grid;grid-template-columns:repeat(6,1fr);margin:26px 0 10px;border:1px solid #8ac9c22f;border-radius:10px;overflow:hidden}.string-strip>span{font-family:Captain,Impact,sans-serif;font-size:36px;text-align:center;padding:18px 6px 13px;border-right:1px solid #8ac9c21c;color:var(--mint);line-height:1.2;display:flex;flex-direction:column;min-height:84px;justify-content:center}.string-strip small{font-family:Manrope,Arial,sans-serif;font-size:7px;letter-spacing:1.5px;margin-top:7px;color:var(--muted)}.string-strip>span:last-child{border:0}.beat-strip{grid-template-columns:repeat(4,1fr);max-width:450px}.beat-strip>span{padding:15px;text-align:center;font:600 18px Manrope,Arial,sans-serif}.beat-strip b{display:block;font-size:28px;color:var(--mint);margin-top:4px}.price-table-wrap{overflow-x:auto;margin:10px 0 25px;border:1px solid #a7d8cb30;border-radius:10px}.price-table{border-collapse:collapse;text-align:left;width:100%;min-width:380px;font-size:13px}.price-table caption{text-align:left;padding:18px 20px;font-size:11px;color:#9abbbe}.price-table th,.price-table td{padding:17px 20px;border-top:1px solid #9bd0c31f}.price-table thead{color:var(--mint);font-size:10px;letter-spacing:.6px;text-transform:uppercase}.price-table tbody th{font-weight:400;color:var(--paper)}.price-table tbody td:nth-child(2){font-weight:600;color:var(--paper)}.price-table tbody td:last-child{font-size:11px;color:#aac0c6}.dialog-learn{display:flex;margin-top:22px}dialog .dialog-done{margin-top:10px;width:100%}
@media(min-width:761px) and (max-width:1050px){.header{gap:16px}.header nav{gap:16px}.header nav>a{font-size:11px}.resource-card{padding:24px 22px}.resource-card h3{font-size:31px}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:36px}}
@media(max-width:760px){.footer-links{gap:13px 22px;font-size:10px;padding-bottom:30px}.detail-hero{padding-top:23px;padding-bottom:38px}.breadcrumbs{margin-bottom:37px;font-size:10px;gap:10px}.detail-hero .eyebrow{font-size:8px;letter-spacing:1.2px}.detail-hero h1{font-size:clamp(51px,13.5vw,78px);margin-top:24px;line-height:1.02;overflow-wrap:normal}.detail-lede{font-size:15px;line-height:1.9;margin-top:24px}.guide-note{font-size:9px;line-height:1.8}.article-layout,.article-layout:not(:has(.article-contents)){display:block;max-width:none;padding-inline:24px;padding-bottom:28px}.article-contents{position:static;display:grid;gap:10px;margin-bottom:26px;padding-block:19px 23px;border-bottom:1px solid #9ad1c629}.article-contents>span{font-size:8px;margin-bottom:5px}.article-contents a{font-size:11px}.article-section{padding:26px 0 30px}.article-section h2{font-size:22px;line-height:1.5;margin-bottom:18px;letter-spacing:-.4px}.article-section p,.article-section li{font-size:13px;line-height:1.95}.article-section p+p{margin-top:17px}.article-section ul,.article-section ol{padding-left:20px;margin-bottom:18px}.article-section li{padding-left:3px}.resource-grid{grid-template-columns:1fr;gap:15px}.resource-card{padding:24px;border-radius:10px}.resource-card h3{font-size:37px;margin:23px 0 17px;max-width:310px}.resource-card p{font-size:12px}.card-link{margin-top:22px}.card-category{font-size:7px}.related-section{padding-bottom:48px}.learning-room .resource-grid{margin-top:28px}.learning-room .section-heading>p>br{display:none}.academy-link{font-size:11px;margin-top:24px;gap:30px}.launch-callout{flex-direction:column;align-items:stretch;padding-block:38px 48px;gap:27px}.launch-callout h2{font-size:61px}.launch-callout p{font-size:12px}.launch-callout .section-label{font-size:8px;margin-bottom:17px}.launch-callout .button{font-size:11px}.chord-figure{width:256px;padding:7px 12px 17px;margin-top:20px}.string-strip>span{font-size:29px;min-height:75px}.price-table{min-width:0;font-size:11px}.price-table th,.price-table td{padding:14px 11px}.price-table tbody td:last-child{font-size:10px}.price-table caption{padding:15px 11px;font-size:10px}.price-table thead{font-size:8px}.beat-strip>span{padding:15px 10px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.resource-card{transition:none}.resource-card:hover{transform:none}}
body.quiet .resource-card{transition:none}body.quiet .resource-card:hover{transform:none}

.logo>.logo-word{color:var(--paper);font-weight:600;letter-spacing:-2.3px}

.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px 12px;list-style:none;margin:0;padding:0}.breadcrumbs li{display:inline-flex;gap:12px;align-items:baseline}.breadcrumbs li+li::before{content:"/";color:#91abb2}.breadcrumbs [aria-current=page]{color:#91abb2}