*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b111c;color:#edf1f8;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.nav{position:sticky;top:0;z-index:5;background:#0b111ce8;backdrop-filter:blur(15px);border-bottom:1px solid #263143}.navinner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}.brand{font-weight:850;letter-spacing:.14em;font-size:1.12rem}.brand span{color:#e2bd70}.links{display:flex;gap:26px;font-size:.91rem;color:#bfcbdc}.links a:hover{color:#f4cc80}.hero{padding:78px 0 90px;background:radial-gradient(ellipse at 76% 20%,#193653 0%,transparent 52%),linear-gradient(160deg,#111d2d,#0b111c 68%)}.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:52px}.eyebrow{color:#e2bd70;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800}.hero h1{font-size:clamp(2.6rem,5.2vw,4.8rem);line-height:1.1;letter-spacing:-.055em;margin:17px 0 20px}.lead{color:#bdcadb;font-size:1.08rem;max-width:520px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;padding:12px 22px;border:1px solid #556476;border-radius:9px;font-weight:750;font-size:.92rem}.btn.primary{background:#e8c37c;color:#161a20;border-color:#e8c37c}.hero-art{border-radius:24px;overflow:hidden;border:1px solid #364254;box-shadow:0 28px 75px #0008}.hero-art img{width:100%;height:440px;object-fit:cover;object-position:center 33%}.section{padding:86px 0}.section.alt{background:#111b29}.section h2{font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.2;letter-spacing:-.04em;margin:8px 0 18px}.muted{color:#b6c4d4}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.feature{background:#172334;border:1px solid #2a3b51;padding:26px;border-radius:14px}.feature h3{margin:0 0 6px;color:#f3d49a}.feature p{margin:0;color:#c1ccda;font-size:.94rem}.shot{border:1px solid #364558;border-radius:14px;overflow:hidden;background:#e1e5eb;box-shadow:0 18px 55px #0004}.shot img{width:100%;height:auto}.caption{color:#aebfd0;font-size:.86rem;margin-top:11px}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.gallery a{display:block}.gallery a:hover img{filter:brightness(1.05)}.promo{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.promo img{width:100%;max-height:440px;object-fit:contain;border-radius:14px}.footer{border-top:1px solid #2a3547;padding:28px 0;color:#9eafc2;font-size:.88rem}.footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.pagehero{padding:72px 0 38px}.prose{max-width:780px;padding-bottom:90px}.prose h2{margin-top:32px}.notice{border-left:3px solid #e8c37c;padding:14px 18px;background:#1b2939;color:#d7e0ea;margin:24px 0}@media(max-width:850px){.hero-grid,.split{grid-template-columns:1fr}.hero-art img{height:auto;max-height:500px;object-fit:contain}.features{grid-template-columns:1fr}.hero{padding:50px 0}.links{gap:12px}.gallery{grid-template-columns:1fr}}@media(max-width:540px){.navinner{align-items:flex-start;flex-direction:column;padding:14px 0;gap:8px}.promo{grid-template-columns:1fr}.section{padding:55px 0}}
/* Taka Works v4: light Easy Chords-inspired colour scheme */
body{background:#f4f9fc;color:#223448}.nav{background:#f9fcffed;border-color:#d2e3ed}.brand span{color:#3076cb}.links{color:#334e69}.links a:hover{color:#2873d4}.hero{padding:65px 0 75px;background:linear-gradient(125deg,#e9f6fd,#c6e1ef 65%,#edf8ff)}.hero h1{max-width:940px;font-size:clamp(2.3rem,4.3vw,4.1rem)}.lead,.muted{color:#4a637a}.eyebrow{color:#3076cb}.btn{border-color:#b5ccdc;color:#235b94}.btn.primary{background:#3478d5;color:white;border-color:#3478d5}.banner{margin-top:32px;border:1px solid #b9d4e3;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px #355b7b25;background:white}.banner img{width:100%;height:auto}.section.alt{background:#e6f3f9}.feature{background:white;border-color:#c9e1ed;box-shadow:0 7px 25px #436d8710}.feature h3{color:#255e9e}.feature p{color:#4a637a}.shot{border-color:#bed5e3;box-shadow:0 12px 30px #244a6a1a}.caption{color:#526b82}.footer{border-color:#c9dfeb;color:#526b82}.notice{border-color:#397ecf;background:#e4f2fb;color:#2d4b65}.pagehero{background:#e6f4fa}.prose{color:#334c62}.gallery img{max-height:600px;object-fit:contain;background:#eaf4f9}.gallery .shot{display:flex;align-items:center;justify-content:center}.navinner{min-height:72px}@media(max-width:540px){.hero{padding:38px 0}.banner{border-radius:10px}}

/* Keep small chord-picker screenshot at its natural display size. */
.gallery .chord-detail .shot{width:fit-content;max-width:100%;margin:0 auto;padding:12px;background:#eaf4f9}
.gallery .chord-detail img{width:auto;max-width:100%;height:auto;max-height:285px;object-fit:contain}
.gallery .chord-detail .caption{text-align:center}

/* Screenshot viewer with an obvious return control */
.lightbox[hidden]{display:none!important}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(12,26,43,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:76px 18px 24px;gap:12px}.lightbox img{display:block;max-width:min(96vw,1600px);max-height:calc(100vh - 160px);width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 12px 45px #0008}.lightbox-close{position:absolute;right:20px;top:18px;border:0;border-radius:10px;background:#e7f5ff;color:#183a5b;font:700 16px Segoe UI,Arial,sans-serif;padding:12px 18px;cursor:pointer}.lightbox-close:hover,.lightbox-close:focus{background:white;outline:2px solid #65b2ff}.lightbox p{color:#d8e8f4;text-align:center;font-size:13px;margin:0}.viewer-open{overflow:hidden}