:root{--bg:#08121b;--bg2:#0c1823;--line:#263747;--cream:#f5efe3;--muted:#aab7c4;--blue:#3298ff;--gold:#f5a623;--gold2:#ffc15a;--green:#42d58b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(8,18,27,.94);backdrop-filter:blur(12px);z-index:10}.brand{line-height:.8}.brand-script{font-family:Georgia,serif;font-style:italic;font-size:37px}.brand-guitar{color:var(--gold);font-family:Georgia,serif;font-style:italic;font-size:32px}.brand small{display:block;font-size:8px;letter-spacing:4px;color:#8e9aa5;margin-top:8px}.site-header nav{display:flex;gap:32px;align-items:center}.site-header nav a{color:#d5dde4;font-size:14px}.site-header nav a.active{color:white;border-bottom:2px solid var(--gold);padding-bottom:9px}.menu-btn{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:590px;padding:70px 6%;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center;background:radial-gradient(circle at 85% 35%,rgba(50,152,255,.12),transparent 35%),linear-gradient(135deg,#08121b,#0b1823)}.eyebrow{color:var(--gold2);font-size:10px;letter-spacing:4px;font-weight:700;margin-bottom:16px}.hero h1,h2{font-family:Georgia,"Times New Roman",serif}.hero h1{font-size:clamp(48px,5.2vw,76px);line-height:.98;margin:0 0 24px}.hero h1 em{color:var(--blue);font-style:normal}.hero-text{color:#bdc8d1;line-height:1.8;max-width:490px;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{padding:14px 22px;border-radius:30px;font-weight:700;font-size:13px;display:inline-flex;gap:10px;align-items:center}.btn-gold{background:var(--gold);color:#101820}.btn-gold:hover{background:var(--gold2);transform:translateY(-1px)}.btn-outline{border:1px solid #238ddd;color:#e7f5ff}.trainer-card,.trainer-preview{border:1px solid #28506f;border-radius:12px;background:#0b1722;box-shadow:0 20px 70px rgba(0,0,0,.28);overflow:hidden}.trainer-top{display:grid;grid-template-columns:1fr auto 1.1fr;align-items:center;gap:18px;padding:18px 22px;color:#d5e0e8}.target-note,.preview-top b{background:#1876c5;color:white;padding:8px 22px;border-radius:9px;font-size:24px;font-weight:700}.stats{display:flex;justify-content:flex-end;gap:25px;color:#8f9daa;font-size:11px}.stats b{display:block;color:white;font-size:16px}.fretboard-wrap{display:grid;grid-template-columns:35px 1fr;padding:10px 15px 18px}.strings{display:grid;grid-template-rows:repeat(6,1fr);align-items:center;color:white;font-weight:700}.fretboard,.mini-board{position:relative;height:230px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.33% - 2px),#a4a6a5 calc(8.33% - 2px),#a4a6a5 8.33%),repeating-linear-gradient(0deg,transparent 0,transparent calc(16.66% - 2px),rgba(208,214,214,.8) calc(16.66% - 2px),rgba(208,214,214,.8) 16.66%),linear-gradient(90deg,#5d321c,#9a6135 50%,#4e2d1d);border-left:5px solid #c0c0bd}.fretboard:before,.mini-board:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 16.2%,rgba(255,255,255,.65) 16.2%,rgba(255,255,255,.65) 17%);opacity:.65}.note-dot{position:absolute;width:13px;height:13px;border:0;border-radius:50%;background:#aab1b5;transform:translate(-50%,-50%);box-shadow:0 0 5px rgba(255,255,255,.18);padding:0}.note-dot.blue{background:var(--blue);box-shadow:0 0 10px rgba(50,152,255,.55)}.note-dot.target{width:29px;height:29px;background:var(--gold);border:2px solid #ffe2ad;box-shadow:0 0 20px rgba(245,166,35,.8)}.feedback{border-top:1px solid #24435b;padding:13px 16px;display:flex;align-items:center;gap:12px}.check{width:24px;height:24px;border-radius:50%;background:var(--green);color:#062014;display:grid;place-items:center;font-weight:900}.feedback strong{flex:1;font-size:13px}.feedback button,.preview-bottom button{border:1px solid #267eb8;background:transparent;color:#d8edff;border-radius:20px;padding:8px 15px;cursor:pointer}.steps{padding:65px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{text-align:center;margin-bottom:45px}.section-heading h2{font-size:34px;margin:0 0 7px}.section-heading p{color:var(--muted);margin:0}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;max-width:950px;margin:auto}.step-grid article{position:relative;padding-left:65px}.step-number{position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;background:#125b98;display:grid;place-items:center;font-weight:700;font-size:18px}.step-number.gold{background:var(--gold);color:#111}.step-icon{color:var(--blue);font-size:25px;margin-bottom:18px}.gold-text{color:var(--gold)}.step-grid h3{margin:0 0 10px;font-family:Georgia,serif;font-size:20px}.step-grid p{color:var(--muted);line-height:1.65;margin:0;font-size:14px}.why{padding:75px 6%;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.why h2{font-size:52px;line-height:.95;margin:0 0 28px}.why ul{padding:0;list-style:none}.why li{margin:16px 0;color:#c5d0d8}.why li:before{content:"✓";color:var(--gold);font-weight:bold;margin-right:13px}.gold-line{width:42px;height:2px;background:var(--gold);margin:28px 0 15px}.tagline{color:var(--gold2);text-transform:uppercase;letter-spacing:3px;font-size:10px;line-height:1.8}.trainer-preview{padding:18px}.preview-top{display:flex;gap:18px;align-items:center;color:#b7c4ce;font-size:12px}.preview-top span:nth-last-child(2){margin-left:auto}.preview-top b{font-size:20px;padding:5px 17px}.mini-board{height:185px;margin-top:18px}.preview-bottom{padding:15px 4px 2px;color:var(--green);font-size:13px}.preview-bottom button{float:right;color:white}.guide{background:#0d1b27;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:65px 10%;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.guide h2{font-size:42px;margin:0}.guide-copy{color:#bac6cf;line-height:1.8}.text-link{color:#46a9ff;font-weight:700}.lessons{display:grid;grid-template-columns:190px 1fr 1.15fr;gap:30px;align-items:center;padding:65px 6%;border-bottom:1px solid var(--line)}.lesson-photo{height:235px;border-radius:8px;background:linear-gradient(135deg,#6d421e,#d59a53,#25160e)}.lesson-copy{padding-right:35px;border-right:1px solid var(--line)}.lessons h2{font-size:31px;margin:0 0 13px}.lessons p{color:var(--muted);line-height:1.65}.teacher{display:grid;grid-template-columns:100px 1fr;gap:25px;align-items:center}.portrait{width:92px;height:92px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;font-family:Georgia,serif;font-size:45px;background:#152636}.cta{padding:75px 6%;text-align:center;background:linear-gradient(rgba(8,18,27,.75),rgba(8,18,27,.95)),linear-gradient(120deg,#402617,#101a25,#402617)}.cta h2{font-size:38px;margin:0 0 10px}.cta p{color:#b9c5cd;margin:0}footer{padding:25px 6%;display:grid;grid-template-columns:auto auto 1fr;gap:25px;align-items:center;color:#8d9aa5;font-size:12px}footer nav{justify-content:flex-end;gap:20px}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px}.footer-brand .brand-script{font-size:27px}.footer-brand .brand-guitar{font-size:24px}@media(max-width:900px){.site-header{padding:0 5%}.site-header nav{display:none}.menu-btn{display:block}.hero,.why{grid-template-columns:1fr}.hero{padding-top:50px}.trainer-card{order:-1}.step-grid{gap:25px}.lessons{grid-template-columns:140px 1fr}.teacher{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px}.guide{padding:55px 6%}}@media(max-width:620px){.brand-script{font-size:30px}.brand-guitar{font-size:25px}.hero h1{font-size:48px}.hero{padding-left:5%;padding-right:5%}.trainer-top{grid-template-columns:1fr auto}.stats{grid-column:1/-1;justify-content:flex-start}.fretboard{height:190px}.step-grid,.guide{grid-template-columns:1fr}.why{padding:55px 5%}.why h2{font-size:44px}.lessons{grid-template-columns:1fr}.lesson-photo{height:180px}.lesson-copy{border-right:0;border-bottom:1px solid var(--line);padding:0 0 30px}footer{grid-template-columns:1fr}footer nav{justify-content:flex-start;flex-wrap:wrap}}