:root{color-scheme:dark;--bg:#0d1016;--surface:#151922;--surface-2:#1a1e29;--ink:#f5f3f5;--muted:#b5b7c1;--line:#30333d;--accent:#f2949c;--accent-dark:#bc636e;--blue:#8aaec3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{max-width:100%}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:10;background:var(--accent);color:#21171c;padding:.5rem 1rem;border-radius:.4rem}.skip-link:focus{top:1rem}.page-shell{overflow:hidden}.site-header,main,.site-footer{width:min(1200px,calc(100% - 48px));margin-inline:auto}.site-header{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font-size:1.38rem;font-weight:800;letter-spacing:-.045em;line-height:1}.brand img{border-radius:10px}.brand small{display:block;margin-top:.42rem;font-size:.58rem;letter-spacing:.22em;color:#9298a7;font-weight:600}.site-header nav{display:flex;gap:2.1rem;font-size:.84rem;font-weight:650}.site-header nav a{text-decoration:none;color:#c6c8d1}.site-header nav a:hover,.text-link:hover,.site-footer a:hover{color:var(--accent)}.hero{min-height:590px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:3rem;position:relative}.hero-copy{padding:5.3rem 0 6rem;position:relative;z-index:1}.eyebrow,.section-index{font-size:.7rem;font-weight:800;letter-spacing:.22em;color:var(--accent);margin:0 0 1.45rem}.eyebrow{display:flex;align-items:center;gap:.9rem}.eyebrow-line{width:32px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.08;letter-spacing:-.065em}h1{font-size:clamp(3.5rem,6vw,6rem);font-weight:850;margin-bottom:1.4rem}h1 em{font-style:normal;color:var(--accent)}.hero-lead{font-size:1.16rem;color:#c6c8d1;max-width:590px;line-height:1.75}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin:2.15rem 0 2rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:53px;padding:.9rem 1.4rem;border-radius:8px;font-size:.88rem;font-weight:800;text-decoration:none}.button-primary{background:var(--accent);color:#20151c;box-shadow:0 10px 30px #f2949c20}.button-primary:hover{background:#ffadb4}.text-link{font-size:.88rem;font-weight:750;text-decoration:none;border-bottom:1px solid #77808d;padding-bottom:.3rem}.release-note{display:flex;gap:.6rem;align-items:center;color:#adb2bc;font-size:.78rem}.status-dot{width:8px;height:8px;background:#81d0aa;border-radius:50%;box-shadow:0 0 0 4px #81d0aa20}.hero-art{height:465px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:490px;height:490px;background:radial-gradient(circle,#7b4d64a3 0%,#3b384c51 34%,transparent 69%)}.orb-two{width:370px;height:370px;border:1px solid #ed9aa530}.record{width:340px;height:340px;border-radius:50%;position:relative;display:grid;place-items:center;background:repeating-radial-gradient(circle at center,#141821 0,#141821 3px,#1c202a 4px,#10141c 6px);border:1px solid #42404c;box-shadow:0 24px 65px #0008,inset 0 0 0 18px #171a23,inset 0 0 0 20px #46414c;transform:rotate(-17deg)}.record::before{content:"";position:absolute;inset:28px;border:1px solid #ffffff13;border-radius:50%}.record-center{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:var(--accent);box-shadow:0 0 0 7px #26212c,0 0 0 10px #d6818d}.record-center img{width:72px;height:72px;filter:drop-shadow(0 2px 6px #0004)}.hero-art-label{position:absolute;font-size:.6rem;letter-spacing:.22em;font-weight:800;color:#9fa7b6}.label-top{right:5px;top:55px}.label-bottom{left:12px;bottom:44px}.preview-section,.features-section{padding:5.1rem 0}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2.4rem}.section-intro h2,.start-copy h2,.github-section h2{font-size:clamp(2.3rem,4vw,4rem);margin:0}.section-intro>p{width:min(360px,45%);color:var(--muted);font-size:.94rem;line-height:1.8;margin:0}.app-preview{margin:0;border-radius:15px;overflow:hidden;border:1px solid #36343e;background:#101318;box-shadow:0 40px 80px #0005}.preview-bar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:#20232d;color:#aeb1bd;font-size:.63rem;letter-spacing:.16em;text-transform:uppercase}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#757782}.window-dots i:first-child{background:#ef8c91}.window-dots i:nth-child(2){background:#e5b66f}.window-dots i:nth-child(3){background:#8dc8a5}.app-preview>img{display:block;width:100%;height:auto}.app-preview figcaption{padding:.75rem 1rem;color:#aeb0bb;font-size:.72rem;border-top:1px solid var(--line)}.features-section{border-top:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-card{min-height:250px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:1.35rem 1.45rem;position:relative}.feature-card:hover{border-color:#815f6b;background:#1b1d28}.feature-number{position:absolute;right:1.45rem;top:1.3rem;color:#777d8c;font-size:.67rem;font-weight:800;letter-spacing:.12em}.feature-icon{font-size:1.9rem;color:var(--accent);height:58px;line-height:1}.feature-card h3{font-size:1rem;margin:.8rem 0 .6rem}.feature-card p{font-size:.82rem;line-height:1.7;color:#b8bbc5;margin:0}.start-section{display:grid;grid-template-columns:1fr .86fr;gap:6rem;align-items:center;margin:3rem 0 7rem;padding:4.2rem;border:1px solid #584451;border-radius:18px;background:radial-gradient(circle at 10% 100%,#4b304055,transparent 45%),#191b24}.start-copy>p:not(.section-index){color:#c0c1ca;line-height:1.8;max-width:500px;margin:1.4rem 0}.mode-note{border-left:2px solid var(--accent);padding-left:1rem;display:grid;gap:.2rem;font-size:.8rem;max-width:490px}.mode-note span{color:#b5b6c0}.steps{border-top:1px solid #50505c}.step{display:grid;grid-template-columns:45px 1fr;gap:1rem;border-bottom:1px solid #50505c;padding:1.35rem 0}.step>span{font-size:.75rem;letter-spacing:.15em;color:var(--accent);font-weight:800}.step strong{font-size:.93rem}.step p{font-size:.79rem;color:#b6b9c4;margin:.2rem 0 0}.github-section{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:end;padding:2rem 0 6.5rem}.github-section p:not(.section-index){color:var(--muted);font-size:.94rem;max-width:530px;margin:1.25rem 0 0}.github-links{display:grid;gap:.6rem}.github-links a{display:flex;justify-content:space-between;align-items:center;min-height:53px;border:1px solid #5a4b55;border-radius:8px;padding:.8rem 1.1rem;text-decoration:none;font-size:.87rem;font-weight:750;background:#1b1c26}.github-links a:hover{border-color:var(--accent);color:var(--accent)}.github-links code{font-family:Consolas,monospace;font-size:.73rem;color:#9296a3;padding:.3rem .1rem}.site-footer{min-height:95px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#9297a3;font-size:.75rem}.site-footer a{text-decoration:none}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding-bottom:2rem}.hero-art{height:250px;margin-bottom:2rem}.record{width:220px;height:220px}.record-center{width:85px;height:85px}.record-center img{width:54px;height:54px}.orb-one{width:330px;height:330px}.orb-two{width:250px;height:250px}.label-top{right:12%;top:12px}.label-bottom{left:12%;bottom:5px}.feature-grid{grid-template-columns:repeat(2,1fr)}.start-section{gap:2rem;padding:3rem}.github-section{gap:2rem}}@media(max-width:650px){.site-header,main,.site-footer{width:min(100% - 32px,1200px)}.site-header{min-height:78px;align-items:flex-start;padding-top:15px;flex-wrap:wrap;gap:.8rem}.brand{font-size:1.14rem}.brand img{width:36px;height:36px}.site-header nav{width:100%;justify-content:space-between;gap:.4rem;padding-bottom:.75rem;font-size:.72rem}.hero-copy{padding:4rem 0 1rem}h1{font-size:clamp(3rem,13vw,4.3rem)}.hero-lead{font-size:1rem}.hero-actions{gap:1.2rem}.hero-art{height:210px}.record{width:185px;height:185px}.record-center{width:72px;height:72px}.record-center img{width:48px;height:48px}.orb-one{width:270px;height:270px}.orb-two{width:200px;height:200px}.hero-art-label{font-size:.5rem}.preview-section,.features-section{padding:3.3rem 0}.section-intro{display:block}.section-intro>p{width:auto;margin-top:1.3rem}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.start-section{grid-template-columns:1fr;margin:2rem 0 4rem;padding:2rem 1.3rem}.github-section{grid-template-columns:1fr;padding:1rem 0 4rem}.site-footer{padding:1.5rem 0;flex-wrap:wrap}.site-footer span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.site-header nav .language-picker{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden;line-height:1.25}.site-header nav .language-picker a{padding:.25rem .5rem;color:var(--muted)}.site-header nav .language-picker a:hover{color:var(--accent)}.site-header nav .language-picker a[aria-current=page]{background:var(--accent);color:#20151c}

/* Feedback: Guitar Workspace palette and long-form landing page */
:root{--bg:#080e17;--surface:#101a28;--surface-2:#152234;--ink:#f5f6f8;--muted:#aab5c3;--line:#293849;--accent:#ff8a24;--accent-dark:#d8680c;--blue:#95abbc}
body{background:radial-gradient(circle at 80% 4%,#14263a 0,transparent 24%),var(--bg)}
.skip-link,.button-primary,.site-header nav .language-picker a[aria-current=page]{color:#101720}
.button-primary{box-shadow:0 10px 30px #ff8a2426}.button-primary:hover{background:#ffac5e}
.accent,h1 em{color:var(--accent)}
.hero{min-height:620px;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)}
.hero-lead{font-size:1.35rem;line-height:1.5;max-width:600px;color:#d8e0e9}
.orb-one{background:radial-gradient(circle,#9c4f132e 0%,#1e354766 36%,transparent 70%)}
.orb-two{border-color:#ff8a2440}
.record{border-color:#3d5366;box-shadow:0 24px 65px #0008,inset 0 0 0 18px #121d2a,inset 0 0 0 20px #42566a}
.record-center{box-shadow:0 0 0 7px #172536,0 0 0 10px #dd741c}
.preview-bar{background:#182638}.window-dots i:first-child{background:var(--accent)}
.app-preview{border-color:var(--line)}
.feature-card{background:var(--surface);border-color:var(--line)}.feature-card:hover{border-color:#a56025;background:#142235}
.start-section{border-color:#704726;background:radial-gradient(circle at 10% 100%,#a9511b24,transparent 45%),#111b29}
.steps,.step{border-color:var(--line)}.github-links a{border-color:#46505c;background:#111b29}
.site-header nav .language-picker a[aria-current=page]{color:#101720}
.manifesto-section{padding:6.2rem 0;border-top:1px solid var(--line)}
.manifesto-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:5rem;align-items:end}
.manifesto-main h2{font-size:clamp(2.5rem,4.8vw,5.15rem);margin:0 0 2rem;max-width:860px}
.manifesto-main h2 .quiet{color:#8d9aa9}
.manifesto-main p{font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.65;max-width:790px;margin:0}
.manifesto-questions{padding:1.6rem 0 1.6rem 1.8rem;border-left:2px solid var(--accent)}
.manifesto-questions p{margin:0;color:#cad4de;font-size:1.12rem;line-height:1.8}
.fact-check{margin:6rem 0 2.5rem;padding:3rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fact-check h2{font-size:clamp(3.2rem,7vw,7rem);line-height:1.04;margin:0 0 .8rem;max-width:1060px}
.fact-check p{color:var(--muted);font-size:.95rem;margin:0}
.manifesto-after{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.65;max-width:900px;color:#cbd4dd;margin:0}.manifesto-after strong{color:var(--ink)}
.method-section{padding:5.5rem 0 6.5rem;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0 5rem;border-top:1px solid var(--line)}
.method-section .section-index{grid-column:1/-1}.method-section h2{font-size:clamp(2.7rem,4.5vw,5.3rem);margin:0}
.method-copy{display:grid;gap:1.35rem}.method-copy p{font-size:1.08rem;line-height:1.85;color:#c1ccd7;margin:0}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.feature-card{min-height:290px;padding:2rem}.feature-card h3{font-size:1.35rem}.feature-card p{font-size:.98rem;line-height:1.75;margin:0 0 1rem}.feature-card p:last-child{margin-bottom:0}.feature-card .accent{font-weight:750}
.feature-number{right:2rem;top:2rem}.feature-icon{font-size:2.2rem;height:55px}
.closing-section{text-align:center;padding:7rem 0 7.5rem;border-top:1px solid var(--line)}
.closing-section h2{font-size:clamp(4rem,10vw,10rem);line-height:.97;margin:.5rem 0 2rem}
.closing-subtitle{font-size:clamp(1.3rem,2.3vw,2rem);color:#e1e7ee;margin:0}.closing-subtitle em{font-style:normal;color:var(--accent)}
.move-aside{max-width:820px;margin:6rem auto 0;padding:1.4rem 1.7rem;border-left:2px solid var(--accent);background:#111b29;text-align:left;color:#adb9c6;font-size:.9rem;line-height:1.8}
@media(max-width:900px){.hero{grid-template-columns:1fr}.manifesto-grid,.method-section{grid-template-columns:1fr;gap:2.5rem}.manifesto-questions{max-width:700px}.method-section .section-index{grid-column:auto}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hero{min-height:0}.hero-lead{font-size:1.12rem}.manifesto-section{padding:4rem 0}.manifesto-main h2{font-size:clamp(2.4rem,10vw,4rem)}.manifesto-questions{padding:.8rem 0 .8rem 1rem}.fact-check{margin:4rem 0 2rem;padding:2rem 0}.fact-check h2{font-size:clamp(3rem,12vw,5rem)}.method-section{padding:4rem 0}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.closing-section{padding:5rem 0}.move-aside{margin-top:4rem}}
