.landing-page{--landing-text: var(--palette-card-title, rgba(243, 243, 243, 1));--landing-text-muted: var(--palette-card-muted, rgba(255, 255, 255, .65));--landing-surface: var(--palette-card-background, rgba(255, 255, 255, .04));--landing-border: var(--palette-card-border, rgba(255, 255, 255, .1));--landing-shadow: var(--palette-card-shadow, 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .2));--landing-highlight: inset 0 1px 0 rgba(255, 255, 255, .06);--landing-accent: rgba(var(--theme-accent-rgb, 0, 150, 136), 1);--landing-accent-text: rgba(var(--theme-accent-bright-rgb, 100, 255, 218), 1);min-height:100vh;color:var(--landing-text)}.landing-main{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-width:1100px;margin:0 auto;padding:24px 16px 48px}.landing-hero{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.landing-title{margin:0;font-size:36px;font-weight:700;line-height:1.1;color:var(--landing-text)}.landing-hero-action{margin-top:8px}.landing-tool{min-width:0;padding:16px;border:1px solid var(--landing-border);border-radius:12px;background:var(--landing-surface);box-shadow:var(--landing-highlight),var(--landing-shadow)}.landing-text-section,.landing-related{display:flex;flex-direction:column;gap:12px;min-width:0}.landing-section-title{margin:0;font-size:18px;font-weight:700;color:var(--landing-text)}.landing-text-items{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.landing-text-item{display:flex;align-items:baseline;gap:8px;font-size:15px;line-height:1.5;color:var(--landing-text-muted)}.landing-text-item:before{content:"";flex:0 0 6px;height:6px;border-radius:50%;background:var(--landing-accent);transform:translateY(-2px)}.landing-related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:0;padding:0;list-style:none}.landing-related-link{display:flex;flex-direction:column;gap:4px;height:100%;box-sizing:border-box;padding:12px;border:1px solid var(--landing-border);border-radius:8px;background:var(--landing-surface);color:var(--landing-text);text-decoration:none;transition:border-color .15s ease,transform .15s ease}a.landing-related-link:hover{border-color:var(--landing-accent);transform:translateY(-2px)}.landing-related-name{font-weight:600}.landing-related-blurb{font-size:13px;line-height:1.4;color:var(--landing-text-muted)}.landing-related-soon{align-self:flex-start;margin-top:4px;padding:0 8px;border-radius:8px;border:1px solid var(--landing-border);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--landing-text-muted)}.landing-related-item--soon .landing-related-link{opacity:.6}@media (min-width: 768px){.landing-main{gap:32px;padding:40px 24px 64px}.landing-title{font-size:48px}.landing-tool{padding:24px}}.landing-hero .landing-guest-songs{margin-top:24px}.landing-page--studio,:root.landing-studio .site-footer{--studio-bg: rgba(21, 25, 33, 1);--studio-accent-rgb: 20, 184, 166;--studio-on-accent: rgba(4, 30, 27, 1);--landing-text: rgba(243, 243, 245, 1);--landing-text-muted: rgba(160, 163, 172, 1);--landing-accent-text: rgba(94, 234, 212, 1);--studio-header-background: linear-gradient(90deg, rgba(17, 31, 37, 1) 0%, rgba(33, 25, 37, 1) 100%);--studio-echo-background: linear-gradient(90deg, rgba(22, 36, 42, .45) 0%, rgba(38, 30, 42, .45) 100%);--studio-diagram-background: rgba(255, 255, 255, .035);--studio-diagram-grid: rgba(54, 57, 66, 1);--studio-diagram-line: rgba(110, 114, 126, 1)}.landing-page--studio{--studio-bg-light: rgba(255, 255, 255, .045);--studio-bg-lighter: rgba(255, 255, 255, .08);--studio-bg-hover: rgba(255, 255, 255, .11);--studio-line: rgba(255, 255, 255, .08);--studio-line-highlight: rgba(255, 255, 255, .14);--landing-surface: var(--studio-bg-light);--landing-border: var(--studio-line);--landing-accent: rgba(var(--studio-accent-rgb), 1);--palette-diagram-background: var(--studio-diagram-background);--palette-diagram-border: var(--studio-line);--song-accent: rgba(var(--studio-accent-rgb), 1);--song-accent-text: var(--landing-accent-text);--song-accent-soft: rgba(var(--studio-accent-rgb), .16);--song-accent-outline: rgba(var(--studio-accent-rgb), .6);--song-on-primary: var(--studio-on-accent);position:relative;isolation:isolate;overflow-x:clip;background:var(--studio-bg)}.landing-page--studio:after{content:"";position:absolute;inset:0 0 auto 0;z-index:-1;height:320px;pointer-events:none;background:var(--studio-echo-background);-webkit-mask-image:linear-gradient(180deg,#000,#0000);mask-image:linear-gradient(180deg,#000,#0000)}:root.profile-palette.theme-dark .landing-page--studio .site-header{border-bottom-color:var(--studio-line-highlight);background:var(--studio-header-background);box-shadow:0 6px 20px #00000047}:root.profile-palette.theme-dark .landing-page--studio .site-header .header-button.btn:not(.header-login-button),:root.profile-palette.theme-dark .landing-page--studio .site-header .header-icon-button.btn{border-color:var(--studio-line-highlight);background:var(--studio-bg-light);color:var(--landing-text)}:root.profile-palette.theme-dark .landing-page--studio .site-header .header-button.btn:not(.header-login-button):hover:not(:disabled),:root.profile-palette.theme-dark .landing-page--studio .site-header .header-icon-button.btn:hover:not(:disabled){border-color:rgba(var(--studio-accent-rgb),.5);background:var(--studio-bg-lighter)}:root.profile-palette.theme-dark .landing-page--studio .site-header .header-tagline{color:var(--landing-text-muted)}:root.profile-palette.theme-dark .landing-page--studio .site-header .header-right--open{border-bottom-color:var(--studio-line-highlight);background:#191c25}.landing-page--studio .landing-main{max-width:1280px;gap:24px}.landing-page--studio .landing-hero{align-items:center;gap:16px;padding-top:8px;text-align:center}.landing-page--studio .landing-title{font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--landing-text)}.landing-page--studio .landing-hero-action{margin-top:0}.landing-page--studio .landing-instrument-switch{gap:4px;padding:4px;border:1px solid var(--studio-line);border-radius:999px;background:#ffffff08}.landing-page--studio .landing-instrument-link.btn{padding:4px 16px;border:1px solid rgba(255,255,255,0);border-radius:999px;background:#fff0;box-shadow:none;color:var(--landing-text-muted);font-size:14px;font-weight:500;transition:background-color .15s ease,color .15s ease}.landing-page--studio .landing-instrument-link.btn:hover{background:var(--studio-bg-light);color:var(--landing-text)}.landing-page--studio .landing-instrument-switch .landing-instrument-link--current.btn{border-color:rgba(var(--studio-accent-rgb),1);background:rgba(var(--studio-accent-rgb),1);color:var(--studio-on-accent);font-weight:600}.landing-page--studio .landing-title-row{display:flex;flex-direction:column;align-items:center;gap:12px}@media (min-width: 768px){.landing-page--studio .landing-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;align-self:stretch;gap:16px}.landing-page--studio .landing-title-row .landing-title{grid-column:2}.landing-page--studio .landing-title-row .landing-how-music-works{grid-column:3;justify-self:end}}:root .landing-page--studio .landing-title-row .landing-how-music-works{padding:8px 20px;border:1px solid rgba(var(--studio-accent-rgb),.7);border-radius:999px;background:rgba(var(--studio-accent-rgb),.12);color:var(--landing-accent-text);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}:root .landing-page--studio .landing-title-row .landing-how-music-works:hover{border-color:rgba(var(--studio-accent-rgb),1);background:rgba(var(--studio-accent-rgb),.22)}:root .landing-page--studio .landing-title-row .landing-how-music-works:focus-visible{outline:2px solid rgba(var(--studio-accent-rgb),.8);outline-offset:2px}.landing-page--studio .landing-tool{padding:16px 12px;border:1px solid rgba(255,255,255,.07);border-top-color:#ffffff24;border-radius:24px;background:linear-gradient(180deg,#ffffff09,#ffffff04);box-shadow:0 24px 60px #00000038;animation:studio-card-rise .5s ease-out backwards}@keyframes studio-card-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}:root.theme-dark .landing-page--studio .scale-progression-strip-actions .btn--primary,:root.theme-dark .landing-page--studio .voicings-actions .btn--primary,:root.theme-dark .landing-page--studio .circle-of-fifths-actions .btn--primary,:root.theme-dark .landing-page--studio .progression-builder-actions .btn--primary,:root.theme-dark .landing-page--studio .modal-wormhole-actions .btn--primary,:root.theme-dark .landing-page--studio .live-key-finder-actions .btn--primary{padding:12px 24px;border:1px solid rgba(var(--studio-accent-rgb),1);border-radius:8px;background:rgba(var(--studio-accent-rgb),1);color:var(--studio-on-accent);font-size:15px;font-weight:700;transition:filter .15s ease}:root.theme-dark .landing-page--studio .scale-progression-strip-actions .btn--primary:hover:not(:disabled),:root.theme-dark .landing-page--studio .voicings-actions .btn--primary:hover:not(:disabled),:root.theme-dark .landing-page--studio .circle-of-fifths-actions .btn--primary:hover:not(:disabled),:root.theme-dark .landing-page--studio .progression-builder-actions .btn--primary:hover:not(:disabled),:root.theme-dark .landing-page--studio .modal-wormhole-actions .btn--primary:hover:not(:disabled),:root.theme-dark .landing-page--studio .live-key-finder-actions .btn--primary:hover:not(:disabled){filter:brightness(1.1)}:root.theme-dark .landing-page--studio .scale-progression-strip-actions .btn--primary:disabled,:root.theme-dark .landing-page--studio .voicings-actions .btn--primary:disabled,:root.theme-dark .landing-page--studio .circle-of-fifths-actions .btn--primary:disabled,:root.theme-dark .landing-page--studio .progression-builder-actions .btn--primary:disabled,:root.theme-dark .landing-page--studio .modal-wormhole-actions .btn--primary:disabled,:root.theme-dark .landing-page--studio .live-key-finder-actions .btn--primary:disabled{opacity:.5}:root.theme-dark .landing-page--studio .scale-progression-strip-actions .btn--primary:focus-visible,:root.theme-dark .landing-page--studio .voicings-actions .btn--primary:focus-visible,:root.theme-dark .landing-page--studio .circle-of-fifths-actions .btn--primary:focus-visible,:root.theme-dark .landing-page--studio .progression-builder-actions .btn--primary:focus-visible,:root.theme-dark .landing-page--studio .modal-wormhole-actions .btn--primary:focus-visible,:root.theme-dark .landing-page--studio .live-key-finder-actions .btn--primary:focus-visible{outline:2px solid rgba(var(--studio-accent-rgb),1);outline-offset:3px}:root.theme-dark.profile-palette .landing-page--studio .mini-fretboard{border-color:#ffffff14;background:var(--studio-diagram-background);box-shadow:none}:root.theme-dark.profile-palette .landing-page--studio .mini-fretboard .mini-fretboard-grid{background:var(--studio-diagram-grid)}:root.theme-dark.profile-palette .landing-page--studio .mini-fretboard .mini-fret-line{background:var(--studio-diagram-line)}.landing-page--studio .landing-link-groups{gap:12px;margin-top:24px}.landing-page--studio .landing-link-group{flex-direction:row;align-items:center;gap:16px;min-width:0}.landing-page--studio .landing-link-group .landing-section-title{flex:0 0 180px;margin:0;color:var(--landing-text-muted);font-size:14px;font-weight:600}.landing-page--studio .landing-link-list{flex:1 1 auto;flex-wrap:nowrap;min-width:0;padding:4px 0;overflow-x:auto;scrollbar-width:thin}.landing-page--studio .landing-link-list li{flex-shrink:0}.landing-page--studio .landing-link-chip{padding:8px 12px;border:1px solid var(--studio-line-highlight);border-radius:8px;background:var(--studio-bg-lighter);color:var(--landing-text);font-size:13px;font-weight:500;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.landing-page--studio .landing-link-chip:hover{border-color:rgba(var(--studio-accent-rgb),.5);background:var(--studio-bg-hover);color:var(--landing-text)}.landing-page--studio .landing-link-groups--wrap{gap:16px;margin-top:0}.landing-page--studio .landing-link-groups--wrap .landing-link-group{align-items:flex-start}.landing-page--studio .landing-link-groups--wrap .landing-section-title{padding-top:12px}.landing-page--studio .landing-link-groups--wrap .landing-link-list{flex-wrap:wrap;overflow-x:visible}@media (max-width: 767px){.landing-page--studio .landing-link-group{flex-direction:column;align-items:stretch;gap:8px}.landing-page--studio .landing-link-group .landing-section-title{flex-basis:auto}}.landing-page--studio .landing-text-section,.landing-page--studio .landing-related{opacity:.85}.landing-page--studio .landing-text-section--1{margin-top:40px}.landing-page--studio .landing-related-link{border-color:var(--studio-line);background:#ffffff06}@media (min-width: 768px){.landing-page--studio .landing-title{font-size:28px}.landing-page--studio .landing-tool{padding:32px 20px}.landing-page--studio .landing-main{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"hero hero hero" "tool tool tool" "related related related" "first second links";column-gap:32px}.landing-page--studio .landing-hero{grid-area:hero}.landing-page--studio .landing-tool{grid-area:tool}.landing-page--studio .landing-link-groups{grid-area:related}.landing-page--studio .landing-text-section--1{grid-area:first}.landing-page--studio .landing-text-section--2{grid-area:second;margin-top:40px}.landing-page--studio .landing-related{grid-area:links;margin-top:40px}.landing-page--studio .landing-main--sections-3{grid-template-areas:"hero hero hero" "tool tool tool" "related related related" "first third links" "second third links";grid-template-rows:auto auto auto auto 1fr;align-items:start}.landing-page--studio .landing-text-section--3{grid-area:third;margin-top:40px}.landing-page--studio .landing-main--sections-1{grid-template-areas:"hero hero hero" "tool tool tool" "related related related" "first first links";align-items:start}.landing-page--studio .landing-main--sections-0{grid-template-areas:"hero hero hero" "tool tool tool" "links links links"}.landing-page--studio .landing-main--sections-0 .landing-related-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.landing-page--studio .landing-related-list{grid-template-columns:minmax(0,1fr);gap:8px}}@media (prefers-reduced-motion: reduce){.landing-page--studio .landing-tool{animation:none}}:root.theme-dark.profile-palette.landing-studio .site-footer{border-top-color:#ffffff24;background:var(--studio-header-background);color:var(--landing-text)}:root.theme-dark.profile-palette.landing-studio .site-footer .footer-section h4{color:var(--landing-text)}:root.theme-dark.profile-palette.landing-studio .site-footer .footer-section p,:root.theme-dark.profile-palette.landing-studio .site-footer .footer-section ul li a{color:var(--landing-text-muted)}:root.theme-dark.profile-palette.landing-studio .site-footer .footer-section ul li a:hover{color:var(--landing-accent-text)}:root.theme-dark.profile-palette.landing-studio .site-footer .footer-bottom{border-top-color:#ffffff1a}:root.theme-dark.profile-palette.landing-studio .site-footer .footer-bottom p{color:var(--landing-text-muted)}