@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--wine:#2a0918;--wine2:#4e1230;--plum:#68193c;--gold:#e7b977;--gold-light:#f9db9f;--cream:#fcf8f2;--paper:#f5efe8;--ink:#2c1923;--muted:#75656e;--line:#e6d8d2;--radius:24px;--shadow:0 24px 70px rgba(39,10,23,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--cream);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button,input{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e6b269;outline-offset:4px;border-radius:4px}::selection{background:#edc58a;color:#30101d}.container{width:min(1192px,calc(100% - 56px));margin-inline:auto}.narrow{width:min(780px,calc(100% - 48px));margin-inline:auto}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#a67942}.eyebrow.light{color:#f5c990}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.skip{position:absolute;left:-9999px;top:10px;z-index:1000;background:#fff;color:#321225;padding:12px}.skip:focus{left:12px}.masthead{position:sticky;top:0;z-index:100;background:rgba(35,8,20,.96);backdrop-filter:blur(20px);border-bottom:1px solid rgba(247,215,170,.14)}.nav-wrap{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:1.23rem;font-weight:800;letter-spacing:-.055em}.brand img{width:45px;height:45px;border-radius:12px;box-shadow:0 0 30px rgba(234,172,88,.14)}.brand small{display:block;line-height:1;font-size:.57rem;letter-spacing:.22em;font-weight:600;color:#eac796;text-transform:uppercase;margin-top:4px}.nav-links{display:flex;gap:32px;align-items:center;color:#eee0df;font-size:.88rem;font-weight:700}.nav-links a:not(.nav-cta){transition:color .18s}.nav-links a:hover,.nav-links [aria-current="page"]{color:var(--gold-light)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:11px 20px;border:1px solid #dfb475;color:#f9d8a0;background:rgba(231,185,119,.06);transition:background .2s}.nav-cta:hover{background:rgba(231,185,119,.16)}.menu-toggle{display:none;background:none;border:1px solid #997477;color:#fff;border-radius:12px;padding:9px 13px;cursor:pointer}.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:15px 24px;border-radius:99px;font-weight:800;font-size:.92rem;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-gold{background:linear-gradient(105deg,#f8e0ad,#dba45c);color:#371321;box-shadow:0 12px 32px rgba(248,196,125,.18)}.button-outline{border-color:rgba(255,242,218,.5);color:#fff;background:rgba(255,255,255,.05)}.button-dark{background:#4d1330;color:#fff}.button-plain{border-color:#b79792;color:#501a31}.arrow{font-size:1.1rem}.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 74% 25%,#792947 0%,#3b0e25 32%,#240813 78%);color:#fff}.hero::before{content:"";position:absolute;inset:-200px -230px auto auto;width:750px;height:750px;border:1px solid rgba(233,177,116,.19);border-radius:50%;box-shadow:0 0 0 90px rgba(231,178,120,.032),0 0 0 190px rgba(231,178,120,.026);pointer-events:none}.hero .container{min-height:655px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:44px;padding-top:72px;padding-bottom:90px}.hero-copy{position:relative;z-index:3}.hero h1{font-family:Georgia,serif;font-size:clamp(3.7rem,6.2vw,6.35rem);line-height:.98;letter-spacing:-.065em;font-weight:400;margin:20px 0 23px;max-width:720px}.hero h1 em{font-style:normal;color:var(--gold-light)}.hero-lead{font-size:1.13rem;color:#e6d6df;max-width:545px;line-height:1.85;margin-bottom:32px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.mini-notes{display:flex;align-items:center;gap:20px;margin-top:34px;flex-wrap:wrap;font-size:.74rem;letter-spacing:.03em;color:#ecd8d7;font-weight:700}.mini-notes span{display:flex;gap:8px;align-items:center}.gold-dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}.hero-display{min-height:520px;position:relative;display:flex;justify-content:center;align-items:center}.display-aura{position:absolute;width:min(480px,94%);aspect-ratio:1;background:radial-gradient(circle,#c07862 0%,#9f536d 27%,transparent 69%);filter:blur(30px);opacity:.52}.phone{position:relative;overflow:hidden;display:block;aspect-ratio:1179/2556;border:8px solid #1a1017;background:#f7f0e9;border-radius:38px;box-shadow:0 32px 75px rgba(0,0,0,.36),inset 0 0 0 2px #544551}.phone img{width:100%;height:100%;object-fit:cover}.phone:after{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:32%;height:14px;background:#140c11;border-radius:100px}.hero-display .phone-one{height:495px;z-index:2;transform:rotate(-5deg) translate(-40px,12px)}.hero-display .phone-two{height:430px;position:absolute;right:2%;transform:rotate(9deg) translateY(26px);z-index:1;filter:brightness(.9)}.ornament-line{height:1px;background:linear-gradient(90deg,transparent,#d8b78b,transparent)}.trustbar{background:#2f0b1c;color:#e6cfce;border-top:1px solid #75465c}.trustbar-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 0}.trustbar strong{color:#f7d9aa;font-weight:800}.trustbar span{font-size:.82rem;font-weight:700;letter-spacing:.04em}.section{padding:105px 0}.section.small{padding:78px 0}.section-header{max-width:760px;margin-bottom:46px}.section-header.center{text-align:center;margin:0 auto 50px}.section h2,.page-hero h1{font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,4.35rem);line-height:1.08;letter-spacing:-.055em;font-weight:400;margin:15px 0 18px}.section-header p{font-size:1.07rem;color:#71636c;line-height:1.85}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:#fff;border-radius:24px;border:1px solid #eee3dc;box-shadow:0 9px 30px rgba(75,38,40,.05);overflow:hidden;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-card img{width:100%;height:290px;object-fit:cover;object-position:center 18%;background:#4c102b}.feature-card-copy{padding:26px 26px 30px}.feature-card small{font-size:.72rem;text-transform:uppercase;font-weight:800;letter-spacing:.14em;color:#a47b4b}.feature-card h3{font-size:1.48rem;letter-spacing:-.05em;line-height:1.25;margin:9px 0}.feature-card p{font-size:.92rem;color:#786a72;line-height:1.8;margin:0}.story-split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.story-copy p{color:#73646d;font-size:1.03rem;line-height:1.85}.story-copy ul{list-style:none;padding:0;margin:26px 0}.story-copy li{padding:12px 0;border-bottom:1px solid #e3d7d4;display:flex;gap:13px;align-items:flex-start}.story-copy li::before{content:'✦';color:#af814b;font-size:.8rem;margin-top:4px}.image-stage{position:relative;background:linear-gradient(135deg,#4f1432,#1d0b15);border-radius:34px;padding:24px;min-height:435px;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-stage:before{content:"";position:absolute;inset:18px;border:1px solid #ffffff25;border-radius:28px;pointer-events:none}.image-stage img{max-height:365px;object-fit:contain;border-radius:12px;box-shadow:0 16px 42px #0004}.image-stage.wide img{max-height:none;width:100%}.gold-panel{background:#2f0b1c;color:#fff;position:relative;overflow:hidden}.gold-panel .section-header p{color:#e6d5dc}.gold-panel:before{content:"";position:absolute;top:-180px;right:-130px;width:700px;height:700px;background:radial-gradient(circle,rgba(176,80,107,.32),transparent 65%);pointer-events:none}.pro-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:65px}.pro-tile{background:linear-gradient(125deg,rgba(132,53,82,.75),rgba(38,10,23,.9));border:1px solid #b27d734d;border-radius:30px;padding:40px;box-shadow:0 24px 90px #0e050b55}.pro-tile .eyebrow{color:#f7cf96}.pro-tile h3{font-family:Georgia,serif;font-weight:400;font-size:2.7rem;line-height:1.05;margin:12px 0 20px}.pro-tile .price-line{font-size:1.06rem;color:#f2d6d2;margin:0 0 24px}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:15px;list-style:none;padding:0}.checklist li{padding-left:27px;position:relative;color:#f4dfdc;font-size:.94rem}.checklist li:before{content:'✓';position:absolute;left:0;color:#fbd18d;font-weight:900}.pro-note{color:#f0cecf;font-size:.88rem}.device-banner{margin-top:34px;position:relative;overflow:hidden;border-radius:29px;min-height:360px;background:#300b1b}.device-banner img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.device-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#220915e6 0%,#23081740 74%)}.device-banner .content{position:relative;z-index:2;color:#fff;padding:66px 57px;width:min(520px,90%)}.device-banner h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.1rem,4.5vw,3.7rem);line-height:1.08;letter-spacing:-.05em;margin:8px 0 16px}.device-banner p{color:#eee0e0}.instrument-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}.instrument-list span{border:1px solid #d9cbc4;border-radius:100px;background:#fff;padding:10px 17px;font-weight:700;font-size:.88rem}.quote-section{background:#f1e9e1;border-top:1px solid #e6d8d0;border-bottom:1px solid #e6d8d0}.quote{margin:0 auto;text-align:center;max-width:850px;font:400 clamp(1.7rem,3.3vw,3rem)/1.35 Georgia,serif;letter-spacing:-.04em}.quote-sign{color:#8e6c64;font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;margin-top:22px;font-weight:800}.cta-section{background:linear-gradient(140deg,#42102c,#230714);color:#fff;text-align:center;padding:92px 0}.cta-section h2{font:400 clamp(2.7rem,5vw,4.8rem)/1.08 Georgia,serif;letter-spacing:-.055em;margin:12px 0 17px}.cta-section p{color:#eed9e2;max-width:590px;margin:0 auto 25px}.status-pill{display:inline-block;background:#f2d7aa;color:#442034;border-radius:50px;font-weight:800;padding:11px 19px;font-size:.85rem}.footer{background:#1e0813;color:#cdb5c0;border-top:1px solid rgba(255,255,255,.09)}.footer-top{padding:53px 0 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer .brand{margin-bottom:15px}.footer p{max-width:385px;color:#bca8af;font-size:.92rem}.footer h4{color:#f7dece;margin:4px 0 16px;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.footer a:not(.brand){display:block;margin:8px 0;color:#ceb8bc}.footer a:hover{color:#f1c58d}.footer-bottom{border-top:1px solid #ffffff22;padding:17px 0 23px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.8rem}.page-hero{background:radial-gradient(circle at 80% 18%,#642341,#250a19 55%);color:#fff;padding:95px 0 95px}.page-hero p{font-size:1.12rem;max-width:690px;color:#ebd4db;line-height:1.8}.page-hero .eyebrow{color:#e3b97b}.page-hero h1{max-width:950px}.page-hero.compact{padding:77px 0}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.topic{padding:33px;border:1px solid #e5dcd6;background:#fff;border-radius:22px}.topic h3{font-size:1.35rem;letter-spacing:-.035em;margin:0 0 12px}.topic p{margin:0;color:#746671}.topic a{color:#7d2d4b;text-decoration:underline;text-underline-offset:3px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq h2{font-family:Georgia,serif;font-size:2.6rem;line-height:1.14;font-weight:400;letter-spacing:-.05em;margin:12px 0}.accordion{border-top:1px solid #decfca}.accordion details{border-bottom:1px solid #decfca;padding:18px 3px}.accordion summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;font-weight:800}.accordion summary::-webkit-details-marker{display:none}.accordion summary::after{content:'+';font-size:1.3rem;color:#8f5f57}.accordion details[open] summary:after{content:'−'}.accordion p{color:#74656b;line-height:1.8}.article{max-width:810px;margin:0 auto}.article p{color:#665a60;line-height:1.95}.article h2{font-size:1.8rem;margin-top:38px}.legal-page{background:#faf6f0}.legal-shell{background:#fff;border:1px solid #e2d7d2;padding:clamp(24px,6vw,68px);border-radius:27px;margin:50px auto 80px;max-width:940px}.legal-shell h2{font-size:1.9rem;letter-spacing:-.04em;color:#4b1730}.legal-shell h3{margin-top:30px;color:#672b45}.legal-shell p,.legal-shell li{line-height:1.83;color:#65555e}.legal-shell a{color:#7e3050;text-decoration:underline}.legal-shell ul{padding-left:25px}.legal-meta{color:#907d83!important}.legal-page footer{margin-top:0}.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1080px){.hero-display .phone-two{right:-5%}.story-split,.pro-grid{gap:35px}.hero .container{gap:10px}}
@media(max-width:800px){.container{width:min(100% - 34px,650px)}.nav-wrap{min-height:69px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;background:#2b0b1c;padding:24px;flex-direction:column;align-items:stretch;gap:18px;box-shadow:0 28px 32px #200c1766}.nav-links.open{display:flex}.nav-cta{width:fit-content}.hero .container{grid-template-columns:1fr;gap:18px;min-height:auto;padding:70px 0 42px}.hero h1{font-size:clamp(3.3rem,10vw,5rem)}.hero-display{min-height:420px}.hero-display .phone-one{height:400px;transform:rotate(-5deg) translate(-20px,6px)}.hero-display .phone-two{height:345px;right:8%;transform:rotate(8deg) translateY(12px)}.section{padding:73px 0}.section.small{padding:60px 0}.three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-split,.pro-grid,.faq{grid-template-columns:1fr;gap:30px}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-top>div:first-child{grid-column:1 / -1}.device-banner{min-height:320px}.device-banner .content{padding:45px 30px}.page-hero{padding:72px 0}}
@media(max-width:570px){.brand img{width:39px;height:39px}.brand{font-size:1.14rem}.hero h1{font-size:clamp(3.1rem,13vw,4.3rem)}.hero-lead{font-size:1rem}.hero-display{min-height:375px}.hero-display .phone-one{height:355px;transform:rotate(-4deg) translate(-25px,5px)}.hero-display .phone-two{height:302px;right:0}.three-grid,.topic-grid,.checklist{grid-template-columns:1fr}.feature-card img{height:325px;object-position:center 13%}.section h2,.page-hero h1{font-size:clamp(2.4rem,10vw,3.1rem)}.section-header{margin-bottom:35px}.image-stage{min-height:280px}.image-stage img{max-height:270px}.pro-tile{padding:29px}.pro-tile h3{font-size:2.2rem}.device-banner{min-height:350px}.device-banner img{object-position:60% center}.device-banner:after{background:linear-gradient(90deg,#220915f2 0%,#23081770 100%)}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.footer-bottom{display:block}.page-hero{padding:58px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}






/* CHORDTIME WEBSITE REFINEMENT V1.2 — 2026-10-22
   Shared responsive UI: focused, legible and native-resolution screenshot assets. */
:root { --wine:#2a0918; --deep:#1b0712; --gold:#e7b977; --cream:#fcf8f2; }
html{scroll-padding-top:88px}
.brand img{width:47px;height:47px;object-fit:cover;flex:none;border:2px solid #e8b963;padding:2px;border-radius:13px;background:linear-gradient(145deg,#ffd890,#855020);box-shadow:0 0 0 1px #f6d49a52,0 5px 19px #d7945366}
.footer .brand img{width:48px;height:48px}
.nav-links {gap:22px}
.nav-links .facebook-nav{color:#f5d5a7;font-weight:700;white-space:nowrap}
.nav-links .facebook-nav:hover{color:white}
.hero .container{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:28px;min-height:650px}
.hero .hero-copy{max-width:650px}
.hero h1{font-size:clamp(3.5rem,6.1vw,6rem)}
.hero-lead{line-height:1.75}
.hero-store-prompt{margin-top:28px}
.hero-store-prompt p{margin:0 0 11px;font-size:.8rem;color:#dfcad5;letter-spacing:.04em;font-weight:700}
.store-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;align-items:center}
.hero-store-prompt .store-badges{justify-content:flex-start}
.store-badge{display:flex;align-items:center;gap:11px;min-width:177px;padding:10px 14px;background:#190712d1;color:#fff;border:1px solid #a78076;border-radius:12px;text-align:left;box-shadow:0 6px 24px #0002;cursor:default}
.store-badge svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;fill:none;flex-shrink:0}
.store-badge span{display:block;line-height:1.1}
.store-badge small{font-size:.58rem;letter-spacing:.09em;color:#d3b8bd;display:block}
.store-badge strong{display:block;margin-top:4px;font-size:1.08rem;letter-spacing:-.02em}
.hero-display{min-height:535px;isolation:isolate}
.hero-display .phone{border:7px solid #1b0c13;filter:none;backface-visibility:hidden;transform:none;overflow:hidden;box-shadow:0 26px 60px #08010777;border-radius:36px}
.hero-display .phone-one{height:500px;transform:translateX(-51px) translateY(3px);z-index:2}
.hero-display .phone-two{height:445px;right:-1%;transform:translateY(28px);z-index:1}
.phone img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}
.hero-display .phone:after{height:11px;top:8px;opacity:.85}
.hero-display .display-aura{opacity:.36;filter:blur(46px)}
.practice-section{padding:94px 0;background:#f4ede7}
.practice-layout{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:clamp(34px,6vw,95px)}
.practice-copy h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em;line-height:1.05;font-size:clamp(2.9rem,5vw,4.4rem);margin:15px 0 25px}
.practice-copy>p{color:#75626c;font-size:1.06rem;line-height:1.83;max-width:540px}
.practice-points{margin-top:28px;display:grid;gap:10px}
.practice-points>div{display:grid;grid-template-columns:37px 1fr;gap:13px;align-items:start;border-bottom:1px solid #decfc8;padding:10px 0 13px}
.practice-points>div>span{font-size:.76rem;color:#a47e4e;font-weight:800;letter-spacing:.09em;margin-top:5px}
.practice-points p{margin:0;line-height:1.65;color:#64535d;font-size:.95rem}
.practice-points strong{color:#39192c}
.practice-visual{display:flex;align-items:center;justify-content:center}
.practice-visual-inner{min-height:515px;width:min(100%,500px);border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(140deg,#fdfbf8 10%,#f2e3d6 85%);box-shadow:0 24px 65px rgba(77,26,44,.13);border:1px solid #dfc9c1;display:flex;align-items:center;justify-content:flex-end;padding:25px 25px 25px 28px}
.practice-visual-inner::before{content:'';position:absolute;inset:auto -50px -120px auto;border:1px solid #bb8e6050;width:390px;height:390px;border-radius:50%;box-shadow:0 0 0 48px #e1c8b324}
.practice-phone{position:relative;z-index:2;width:210px;flex:none;border:6px solid #270e1b;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 45px #3b0c2945}
.practice-phone img{width:100%;height:auto;display:block;image-rendering:auto}
.practice-annotation{align-self:flex-end;position:relative;z-index:2;margin-right:auto;padding:18px 12px 8px 8px;width:165px}
.practice-annotation strong{font-family:Georgia,serif;display:block;font-size:1.35rem;line-height:1.2;color:#512039;font-weight:400;margin:12px 0}
.practice-annotation>span:last-child{display:block;color:#826971;font-size:.84rem;line-height:1.5}
.micro-label{font-size:.67rem;color:#ad804a;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.feature-section{background:#fffcf9;padding:94px 0}
.feature-section .section-header h2{font-size:clamp(2.8rem,5vw,4rem)}
.new-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.new-feature-card{border-radius:25px;background:#fff;overflow:hidden;border:1px solid #eadcd4;box-shadow:0 12px 40px #2b0b180e;display:flex;flex-direction:column}
.feature-screenshot{height:320px;overflow:hidden;background:linear-gradient(160deg,#f2e4e4,#f8eeea);padding:20px 20px 0;display:flex;align-items:flex-start;justify-content:center}
.feature-screenshot img{display:block;height:auto;width:min(225px,100%);border:5px solid #381420;border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 10px 27px #4b103233;image-rendering:auto}
.new-feature-copy{padding:25px 25px 29px;flex:1}
.new-feature-copy h3{font-size:1.48rem;line-height:1.2;letter-spacing:-.04em;margin:11px 0 9px}
.new-feature-copy p{margin:0;color:#776870;font-size:.94rem;line-height:1.72}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.feature-strip>div{border-top:2px solid #d7b98c;padding:18px 3px 0}
.feature-strip strong{display:block;color:#45172d;margin-bottom:4px}
.feature-strip span{font-size:.91rem;color:#74636d}
.instrument-section{padding:90px 0}
.instrument-list{margin:35px auto 34px;max-width:1060px}
.instrument-list span:last-child{border-color:#dba755;color:#55233b;background:#fff5e2}
.instrument-list small{font-size:.65rem;background:#6b2446;color:#fff;border-radius:5px;padding:3px 5px;margin-left:5px;vertical-align:middle}
.music-banner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);overflow:hidden;border-radius:27px;min-height:330px;background:linear-gradient(145deg,#330917,#501226);box-shadow:0 23px 65px #32091c23}
.music-banner-copy{padding:clamp(30px,5vw,64px);color:white;align-self:center;position:relative;z-index:2}
.music-banner-copy h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;line-height:1.07;font-size:clamp(2rem,3.8vw,3.4rem);margin:13px 0}
.music-banner-copy p{color:#eedce0;max-width:340px;margin:0}
.music-banner-photo{position:relative;overflow:hidden;min-height:325px}
.music-banner-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% center;image-rendering:auto}
.music-banner-photo:before{content:'';position:absolute;left:0;top:0;bottom:0;width:13%;background:linear-gradient(90deg,#4b1024,transparent);z-index:1}
.gold-panel{padding:95px 0}
.pro-intro{color:#eedce0;max-width:500px;line-height:1.8;font-size:1.07rem}
.creator-section{background:#f5ede5;padding:86px 0}
.creator-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(35px,7vw,110px);align-items:center;max-width:1110px}
.creator-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#3e102b,#250711);border-radius:28px;padding:21px;box-shadow:0 22px 65px #48122f29}
.creator-image img{display:block;width:100%;max-width:280px;max-height:480px;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 16px 35px #0004}
.creator-copy h2{font:400 clamp(2.6rem,4.7vw,4rem)/1.08 Georgia,serif;letter-spacing:-.055em;margin:15px 0 21px}
.creator-copy p{color:#75616b;line-height:1.86;max-width:640px;font-size:1.02rem}
.creator-signature{font-weight:800;color:#4c1831!important}
.about-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
.about-splash img{max-height:660px;max-width:355px}
.about-layout .creator-copy{max-width:680px}
.cta-section{padding:88px 0 93px}
.cta-section .store-badges{margin:33px 0 18px}
.cta-section .store-badge{background:#f6e6d3;color:#371625;border-color:#dfba8a}
.cta-section .store-badge small{color:#78545e}
.cta-section .store-note{font-size:.83rem;color:#dac8cd;margin:0 auto 17px}
.facebook-cta{display:inline-flex;color:#f9d69c;border-bottom:1px solid #cca36b;padding:5px;font-weight:750}
.footer-email,.email-reveal{background:none;border:0;cursor:pointer;padding:0;text-align:left;color:inherit;font-size:inherit;font-weight:inherit;text-decoration:underline;text-underline-offset:4px;display:inline}
.footer-email{display:block;color:#ceb8bc!important;margin:8px 0;font-weight:500;text-decoration:none}
.email-reveal{color:#73374d;font-weight:800}
.footer-email:hover,.email-reveal:hover{color:#c28d4b}
.footer-bottom a{display:inline!important;color:#e8ccaf!important;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.nav-links{gap:15px}.hero .container{gap:15px}.hero-display .phone-two{right:-6%}.practice-layout{gap:35px}}
@media(max-width:850px){.nav-links.open{display:flex}.hero .container{grid-template-columns:1fr;min-height:0;gap:22px;padding:65px 0 58px}.hero .hero-copy{max-width:700px}.hero-display{min-height:485px}.hero-display .phone-one{height:460px}.hero-display .phone-two{height:405px;right:16%}.practice-layout,.creator-layout,.about-layout{grid-template-columns:1fr;gap:37px}.practice-visual-inner{width:min(100%,560px)}.creator-image{max-width:420px;justify-self:center}.new-feature-grid{gap:13px}.new-feature-copy{padding:19px}.feature-screenshot{height:260px}.feature-screenshot img{width:min(190px,100%)}.music-banner{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.footer-top>div:first-child{grid-column:auto}}
@media(max-width:640px){.hero h1{font-size:clamp(3rem,12vw,4.1rem)}.hero-store-prompt .store-badges{justify-content:flex-start}.store-badge{min-width:162px}.hero-display{min-height:385px}.hero-display .phone-one{height:360px;transform:translateX(-43px)}.hero-display .phone-two{height:325px;right:0;transform:translateY(18px)}.practice-section,.feature-section,.instrument-section,.creator-section{padding:68px 0}.practice-visual-inner{min-height:410px;padding:16px 20px}.practice-phone{width:175px;border-width:5px}.practice-annotation{width:135px;padding:10px 3px}.practice-annotation strong{font-size:1.18rem}.new-feature-grid,.feature-strip{grid-template-columns:1fr;gap:17px}.new-feature-card{display:grid;grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);min-height:245px}.feature-screenshot{height:250px;padding:13px 4px 0}.feature-screenshot img{width:min(137px,95%)}.new-feature-copy{align-self:center;padding:16px}.new-feature-copy h3{font-size:1.17rem}.new-feature-copy p{font-size:.86rem}.music-banner{grid-template-columns:1fr}.music-banner-copy{padding:38px 29px 17px}.music-banner-photo{min-height:255px}.music-banner-photo:before{display:none}.instrument-list span{font-size:.78rem;padding:10px 13px}.creator-image{width:min(100%,350px)}.creator-image img{max-height:480px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.nav-links{gap:15px}}
@media(max-width:380px){.hero-display .phone-one{height:335px}.hero-display .phone-two{height:285px}.store-badge{min-width:145px;padding:9px 10px}.store-badge strong{font-size:.95rem}.practice-phone{width:153px}.practice-annotation{width:125px}.new-feature-card{grid-template-columns:.40fr .60fr}}
/* Crop the pre-existing logotype entirely out of the guitar photograph.
   The branded words are displayed as live, accessible typography to its left. */
.music-banner-photo img{inset:0 auto 0 -75%;left:-75%;right:auto;width:175%;max-width:none;height:100%;object-fit:cover;object-position:right center}
/* 2026-10-29: ChordTime multilingual public landing page */
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.language-select{margin:0;flex:none;position:relative;z-index:120}
.language-select select{background:#381325;color:#f8e7d8;border:1px solid #b88b72;border-radius:12px;padding:10px 13px;font-size:.82rem;max-width:153px;cursor:pointer}
.language-select select:focus-visible{outline:3px solid #e7b977;outline-offset:3px}
.nav-wrap{gap:15px}.nav-links{gap:16px}.nav-links a{white-space:nowrap}
.hero-copy{min-width:0}.hero h1{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.12;overflow-wrap:break-word;word-break:normal;hyphens:auto}
.hero-lead{line-height:1.74}
.hero-display{overflow:visible;isolation:isolate;min-height:570px}
.hero-display .phone{position:relative;box-sizing:border-box;padding:7px;border:1px solid rgba(255,232,200,.30);border-radius:43px;overflow:visible;background:linear-gradient(120deg,#21121c,#080509 70%);box-shadow:0 34px 74px rgba(9,1,7,.60),inset 0 0 0 2px #3a2c37;filter:none;backface-visibility:hidden;transform-origin:center center;will-change:transform}
.hero-display .phone-one{height:508px;z-index:2;transform:translate3d(-52px,6px,0) rotate(-8deg)}
.hero-display .phone-two{height:454px;right:0;z-index:1;transform:translate3d(0,32px,0) rotate(11deg)}
.hero-display .phone-screen{height:100%;width:100%;border-radius:35px;overflow:hidden;backface-visibility:hidden;clip-path:inset(0 round 35px);background:#1e0e17}
.hero-display .phone-screen img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto;backface-visibility:hidden}
.hero-display .phone:after{top:15px;width:31%;height:11px;background:#120b11;box-shadow:0 2px 4px #0007;z-index:4}
.hero-display .phone:before{content:"";pointer-events:none;position:absolute;inset:-.7px;border:1.5px solid #ecd5bc66;border-radius:43px;z-index:5}
.store-badge-live{min-height:57px;min-width:170px;justify-content:center;display:inline-flex;text-align:center;gap:12px;background:#14050ed9;color:white;border:1px solid #bb9282;box-shadow:0 7px 22px #0003;transition:transform .18s,box-shadow .18s;cursor:default}
a.store-badge-live{cursor:pointer}a.store-badge-live:hover{transform:translateY(-3px);box-shadow:0 13px 35px #0005;border-color:#f2cb95}
.store-badge-live .store-mark{font-size:1.3rem;line-height:1;color:#f4d6a8}.store-badge-live .store-name{font-weight:800;white-space:nowrap;line-height:1.15;font-size:1rem}
.video-section{background:#f5eae4;padding:85px 0}.video-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:52px;align-items:center}
.video-grid h2{overflow-wrap:break-word;font-size:clamp(2.2rem,4.5vw,3.7rem)}.video-grid p{color:#66535f;font-size:1.08rem;margin:0 0 22px}
.video-embed{aspect-ratio:16/9;background:#250d1b;border:8px solid #fff;border-radius:22px;overflow:hidden;box-shadow:0 28px 65px #390d2740}.video-embed iframe{border:0;width:100%;height:100%;display:block}
.pro-flag,.pro-tags span{display:inline-block;background:#edc98c;color:#40172a;border-radius:100px;padding:3px 8px;font-weight:900;font-size:.63rem;letter-spacing:.06em;vertical-align:middle;margin-left:5px}
.pro-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.pro-tags span{margin:0;padding:7px 12px;font-size:.72rem}
.pro-tile h3{font-size:clamp(2.9rem,6vw,4.5rem);color:#f5d394;letter-spacing:-.05em;margin-bottom:14px}.pro-tile p{line-height:1.75;color:#f1dfe4}.pro-intro{line-height:1.85}
.page-hero h1{max-width:850px;overflow-wrap:break-word}.page-hero .container{max-width:1080px}.about-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:center}
.support-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:60px}.support-layout .accordion details summary{cursor:pointer}.support-layout .accordion details p{color:#6c5662}
.pro-tile{overflow-wrap:break-word}.footer-email{cursor:pointer;border:1px solid #8d6877;background:transparent;color:#f4d19e;border-radius:8px;padding:7px 10px}
@media(max-width:1200px){.nav-wrap{gap:12px}.nav-links{gap:10px}.nav-links a{font-size:.78rem}}
@media(max-width:900px){.language-select{margin-left:auto}.nav-links{order:4}.hero .container{grid-template-columns:1fr;gap:14px;padding:70px 0 45px}.hero-display{min-height:475px}.hero-display .phone-one{height:445px;transform:translate3d(-60px,4px,0) rotate(-8deg)}.hero-display .phone-two{height:400px;right:17%;transform:translate3d(0,19px,0) rotate(11deg)}.video-grid,.support-layout,.about-layout{grid-template-columns:1fr;gap:28px}.video-grid{max-width:650px;margin:auto}.hero h1{font-size:clamp(2.6rem,8vw,4.7rem)}.nav-links{gap:18px}}
@media(max-width:640px){.language-select select{max-width:120px;font-size:.75rem}.hero h1{font-size:clamp(2.6rem,9vw,3.6rem)}.hero-display{min-height:390px}.hero-display .phone-one{height:345px;transform:translate3d(-38px,4px,0) rotate(-7deg)}.hero-display .phone-two{height:307px;right:2%;transform:translate3d(0,17px,0) rotate(10deg)}.hero-display .phone{padding:5px;border-radius:33px}.hero-display .phone-screen{border-radius:27px;clip-path:inset(0 round 27px)}.hero-display .phone:before{border-radius:33px}.hero-display .phone:after{top:11px}.video-section{padding:62px 0}.video-embed{border-width:5px}.pro-tile{padding:27px}}
@media(max-width:380px){.hero-display .phone-one{height:307px;transform:translate3d(-30px,1px,0) rotate(-6deg)}.hero-display .phone-two{height:268px;right:0}.hero-display{min-height:335px}.language-select select{max-width:95px}.nav-wrap{gap:7px}.brand{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.hero-display .phone{will-change:auto}}

/* Avoid crowded header rows on smaller laptops and large tablets. */
@media(min-width:801px) and (max-width:1050px){.nav-wrap{min-height:78px}.menu-toggle{display:block;order:3}.language-select{order:2;margin-left:auto}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:#2b0b1c;padding:24px;flex-direction:column;align-items:stretch;gap:18px;box-shadow:0 28px 32px #200c1766}.nav-links.open{display:flex}.nav-cta{width:fit-content}}

/* 2026-10-29 refinement pass */
.official-badges{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.store-badge-official{display:inline-flex;align-items:center;justify-content:center;line-height:0;border-radius:14px;transition:transform .18s ease, box-shadow .18s ease;box-shadow:0 10px 26px rgba(0,0,0,.18)}
a.store-badge-official:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.26)}
.store-badge-official img{display:block;height:60px;width:auto;max-width:none;border-radius:12px}
.hero-store-prompt p,.cta-section .eyebrow{font-weight:800;letter-spacing:.05em}
.hero-ultimate{margin:14px 0 0;max-width:580px;color:#f2d9d7;font-size:1rem;line-height:1.75;font-weight:600}
.language-callout{margin-top:26px;padding:18px 20px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,241,224,.18);backdrop-filter:blur(10px)}
.language-callout-copy strong{display:block;color:#fff;font-size:1.05rem;line-height:1.3}
.language-callout-copy p{margin:7px 0 0;color:#eadbe0;font-size:.95rem;line-height:1.65}
.language-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.language-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,236,214,.16);color:#fff;font-size:.82rem;font-weight:700;line-height:1}
.language-pill.more{background:rgba(231,185,119,.16);color:#f8ddb1}
.lang-flag{font-size:1rem;line-height:1}
.language-picker{margin-left:auto;position:relative;z-index:140}
.language-menu{position:relative}
.language-menu summary{list-style:none;display:flex;align-items:center;gap:10px;padding:11px 16px 11px 14px;min-width:178px;border:1px solid #b88b72;border-radius:14px;background:#381325;color:#f8e7d8;cursor:pointer;user-select:none}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu .lang-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.language-menu .lang-caret{margin-left:8px;opacity:.86;flex:none}
.language-menu[open] summary{border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.language-options{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;max-height:min(70vh,520px);overflow:auto;background:#fff;color:#2c1923;border:1px solid #ead8cf;border-radius:18px;padding:8px;box-shadow:0 24px 50px rgba(18,3,10,.28)}
.language-options a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#2c1923;font-weight:600}
.language-options a:hover,.language-options a[aria-current="true"]{background:#f5efe8;color:#4e1230}
.phone{transform-style:flat;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white, black);outline:1px solid transparent}
.hero-display .phone{overflow:hidden;border-radius:42px;border:1px solid rgba(255,232,200,.28);background:#0d0810;box-shadow:0 28px 64px rgba(0,0,0,.42)}
.hero-display .phone-screen{border-radius:34px;overflow:hidden;clip-path:none;transform:translateZ(0)}
.hero-display .phone-screen img{transform:translateZ(0)}
.hero-display .phone-one{transform:translate3d(-52px,8px,0) rotate(-8deg)}
.hero-display .phone-two{transform:translate3d(0,28px,0) rotate(10deg)}
.feature-banner-pro{margin-top:26px;border-radius:28px;padding:28px 30px;background:linear-gradient(135deg,#2e0a1b,#4f1632);color:#fff;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:center;box-shadow:0 18px 45px rgba(39,10,23,.20)}
.feature-banner-pro h3{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.05em;font-weight:400;margin:8px 0 10px}
.feature-banner-pro p{margin:0;color:#ebdde1;line-height:1.75}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.topic{background:#fff;border:1px solid #eadbd2;border-radius:22px;padding:24px;box-shadow:0 10px 28px rgba(70,31,39,.05)}
.topic h3{margin:0 0 8px;font-size:1.15rem;letter-spacing:-.03em}
.topic p{margin:0;color:#6d5964;line-height:1.75}
.footer-badges{margin:8px 0 12px}
.footer-badges .store-badge-official img{height:54px}
.footer-badges .store-badge-official{box-shadow:none}
.footer .footer-badges{align-items:flex-start}
@media(max-width:900px){
  .language-picker{order:2;margin-left:auto}
  .language-menu summary{min-width:150px}
  .feature-banner-pro{grid-template-columns:1fr}
}
@media(max-width:640px){
  .language-menu summary{min-width:138px;padding:10px 14px 10px 12px}
  .language-options{min-width:230px;right:-8px}
  .hero-ultimate{font-size:.95rem}
  .official-badges{gap:10px}
  .store-badge-official img{height:52px}
  .footer-badges .store-badge-official img{height:48px}
  .language-pill{font-size:.76rem;padding:7px 10px}
  .topic-grid{grid-template-columns:1fr}
  .hero-display .phone{border-radius:34px}
  .hero-display .phone-screen{border-radius:28px}
}
@media(max-width:380px){
  .language-menu summary{min-width:124px}
  .store-badge-official img{height:48px}
}

/* ChordTime 2026-10-30: clear navigation / image flags / world showcase / store chooser */
@media(min-width:1061px){
 .masthead .nav-wrap{justify-content:flex-start;gap:22px}
 .masthead .brand{margin-right:auto;flex-shrink:0}
 .masthead .nav-links{margin-left:0;gap:clamp(13px,1.4vw,22px);flex-shrink:0}
 .masthead .language-picker{margin-left:4px;flex-shrink:0}
}
.nav-links button.nav-cta{font-family:inherit;font-size:inherit;font-weight:800;cursor:pointer;white-space:nowrap}
.nav-links button.nav-cta:focus-visible{outline:2px solid #ffd58d;outline-offset:4px}
.language-menu .lang-flag{height:18px;width:24px;border-radius:3px;object-fit:cover;flex:none;display:block;box-shadow:0 1px 3px #0002;vertical-align:middle}
.language-menu summary{gap:10px}
.language-menu .lang-caret{margin-left:10px;margin-right:2px}
.language-options{color:#2c1923}
/* Official artwork is never cropped or distorted. Google supplies transparent margins
   around its badge, so it needs a larger source box for matching visible badge height. */
.official-badges{gap:11px;align-items:center}
.store-badge-official{background:none;border:0;box-shadow:none;border-radius:0;flex:0 0 180px;width:180px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;line-height:0;overflow:visible}
.store-badge-official img{object-fit:contain;max-width:none;width:auto;height:auto;border-radius:0;display:block}
.store-badge-official--app img{height:55px;width:auto}
.store-badge-official--google img{height:76px;width:auto}
.store-badge-official:hover{box-shadow:none!important}
.footer-badges .store-badge-official{min-height:48px;flex-basis:150px;width:150px}
.footer-badges .store-badge-official--app img{height:46px}
.footer-badges .store-badge-official--google img{height:64px}
/* Language showcase: a quiet, light pause between the dark download section and footer.
   These language labels are informational only; the header menu remains the only website locale selector. */
.world-section{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,#fffdfa 0%,#fbf6ee 54%,#f5ede4 100%);color:#321b27;border-top:1px solid #eadbcb;border-bottom:1px solid #e4d2c1}
.world-section::before{content:"";position:absolute;pointer-events:none;inset:0;background:radial-gradient(circle at 10% 0%,#e6c08a26,transparent 36%),radial-gradient(circle at 98% 100%,#c894b01a,transparent 30%)}
.world-shell{position:relative;display:block;min-height:0;padding:74px 0 79px}
.world-intro{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:clamp(36px,6vw,92px);margin:0 auto 40px;max-width:1010px}
.world-art{position:relative;isolation:isolate;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.world-art-orbit{position:absolute;border:1px solid #dfc6ae;border-radius:50%;width:216px;height:168px;transform:rotate(-20deg);z-index:-1}
.world-art-orbit-two{width:193px;height:193px;transform:rotate(28deg);border-color:#e9dbcc}
.world-number{font:400 clamp(6.7rem,11vw,9.2rem)/.88 Georgia,serif;letter-spacing:-.075em;color:#8f3e60;background:linear-gradient(135deg,#58152f,#ab6d4f 80%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em}
.world-number-caption{display:block;margin-top:12px;font-size:.77rem;letter-spacing:.25em;text-transform:uppercase;font-weight:800;color:#845c69}
.world-note{position:absolute;font:400 2rem Georgia,serif;color:#b58d65;opacity:.7}
.world-note-one{top:13px;left:-6px;transform:rotate(-20deg)}
.world-note-two{right:0;bottom:16px;transform:rotate(15deg)}
.world-copy .eyebrow{color:#a57249}
.world-copy h2{font:400 clamp(2.55rem,4.5vw,4.65rem)/1.09 Georgia,serif;letter-spacing:-.06em;color:#371526;margin:14px 0 18px;max-width:670px}
.world-copy p{font-size:1.04rem;color:#685661;line-height:1.8;max-width:650px;margin:0}
.world-languages{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto;padding:29px 0 0;max-width:1120px;border-top:1px solid #e4d5c9}
.world-language-item{display:inline-flex;align-items:center;gap:10px;justify-content:center;flex:0 0 168px;min-height:54px;background:#fff;border:1px solid #e7dcd4;border-radius:13px;padding:11px 10px;box-shadow:0 4px 15px #41233408;color:#45313b;font-size:.83rem;font-weight:700;line-height:1.25;cursor:default;user-select:text}
.world-language-item .lang-flag{display:block;flex:0 0 24px;width:24px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 1px 4px #3b253326}
.world-language-item span{min-width:0;overflow-wrap:anywhere}
.hero-store-prompt p{font-size:.9rem;line-height:1.55;letter-spacing:.015em;color:#f8d9ae;margin-bottom:14px;font-weight:800}
.cta-section .cta-lead{font-size:1.06rem;line-height:1.7;color:#ead6dd;margin:0 auto 12px;max-width:590px}
@media(max-width:800px){
 .world-shell{padding:60px 0 67px}
 .world-intro{grid-template-columns:1fr;text-align:center;gap:8px;margin-bottom:28px}
 .world-art{min-height:176px}
 .world-art-orbit{width:194px;height:151px}
 .world-art-orbit-two{width:173px;height:173px}
 .world-copy p,.world-copy h2{margin-inline:auto}
 .world-languages{gap:10px}
 .world-language-item{flex-basis:151px;min-height:52px}
}
@media(max-width:600px){
 .world-shell{padding:44px 0 54px}
 .world-intro{gap:4px;margin-bottom:23px}
 .world-art{min-height:162px}
 .world-number{font-size:7.4rem}
 .world-copy h2{font-size:clamp(2.1rem,9vw,3rem)}
 .world-copy p{font-size:.99rem;line-height:1.7}
 .world-languages{padding-top:22px;gap:8px}
 .world-language-item{flex-basis:calc(50% - 4px);font-size:.80rem;min-height:49px;padding:10px 7px;gap:8px}
}
/* Accessible native dialog: click outside or Escape to close. */
.download-modal{position:fixed;inset:0;margin:auto;border:1px solid #e7c7b5;border-radius:28px;padding:0;width:min(850px,calc(100% - 32px));max-height:min(90vh,800px);overflow:auto;background:#fffaf6;color:#321727;box-shadow:0 32px 140px rgba(18,1,10,.50)}
.download-modal::backdrop{background:rgba(20,4,13,.76);backdrop-filter:blur(5px)}
.download-modal-head{padding:32px 36px 22px;display:flex;gap:24px;justify-content:space-between;align-items:flex-start;background:linear-gradient(115deg,#fdf5ec,#f5e8e8)}
.download-modal-head h2{font:400 clamp(2rem,3.6vw,3rem)/1.08 Georgia,serif;letter-spacing:-.05em;margin:10px 0 11px}
.download-modal-head p{line-height:1.7;color:#66515d;margin:0;max-width:645px}
.download-modal-close{background:#fff;border:1px solid #dbc5c5;color:#5b3045;border-radius:50%;width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;font:400 1.8rem/1 Arial,sans-serif;cursor:pointer}
.download-modal-close:hover{background:#f6e0d5}
.download-options{padding:28px 32px 36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.download-option{padding:24px;border:1px solid #eadad6;border-radius:20px;background:white;box-shadow:0 14px 35px #2c152213;display:flex;flex-direction:column;min-width:0}
.download-option-header{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#94664b;margin-bottom:17px}
.download-option-device{display:inline-block;border-radius:50px;background:#f2e2d8;padding:5px 12px;color:#522336}
.download-app-icon{display:flex;gap:14px;align-items:center;font-size:1.23rem;color:#3d1429;font-weight:800;text-decoration:none}
.download-app-icon img{width:59px;height:59px;object-fit:contain;border-radius:14px;box-shadow:0 7px 20px rgba(91,24,56,.2)}
.download-app-icon small{font-size:.82rem;font-weight:600;display:block;color:#8c6471;margin-top:4px}
.download-app-icon:hover small{text-decoration:underline;text-underline-offset:3px}
.download-option p{font-size:.93rem;color:#66535e;line-height:1.72;margin:17px 0 22px;flex:1}
.download-option .modal-badges{margin-top:auto;justify-content:flex-start}
.download-option .store-badge-official{justify-content:flex-start}
@media(max-width:1060px){
 .masthead .nav-links{margin-left:0}
 .masthead .language-picker{margin-left:auto}
}
@media(max-width:800px){
 .masthead .nav-links{order:4}
 .masthead .language-picker{order:2;margin-left:auto}
 .masthead .menu-toggle{order:3}
}
@media(max-width:600px){
 .store-badge-official{flex-basis:148px;width:148px;min-height:48px}
 .store-badge-official--app img{height:45px}
 .store-badge-official--google img{height:63px}
 .footer-badges .store-badge-official{flex-basis:138px;width:138px}
 .footer-badges .store-badge-official--app img{height:42px}
 .footer-badges .store-badge-official--google img{height:60px}
 .download-modal-head{padding:24px 22px 20px}
 .download-options{grid-template-columns:1fr;padding:16px 17px 24px}
 .download-option{padding:18px}
 .download-option .store-badge-official--app img{height:46px}
 .download-option .store-badge-official--google img{height:65px}
}

/* 2026-10-30: even language tiles (fixed flag lane, consistent alignment and wrapping) */
.world-languages{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:stretch;
  justify-content:initial;
  gap:12px;
  max-width:1120px;
}
.world-language-item{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  align-items:center;
  justify-items:start;
  justify-content:initial;
  column-gap:10px;
  min-width:0;
  min-height:60px;
  width:auto;
  padding:11px 13px;
  text-align:left;
  line-height:1.3;
  flex:none;
}
.world-language-item .lang-flag{
  grid-column:1;
  display:block;
  width:24px;
  height:18px;
  object-fit:cover;
  justify-self:center;
  flex:none;
}
.world-language-item > span{
  grid-column:2;
  display:block;
  min-width:0;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:auto;
}
@media(max-width:1100px){.world-languages{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:740px){.world-languages{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}}
@media(max-width:540px){
  .world-languages{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .world-language-item{min-height:58px;padding:10px 11px;column-gap:9px;font-size:.8rem}
}
@media(max-width:340px){
  .world-language-item{grid-template-columns:24px minmax(0,1fr);padding:9px 7px;column-gap:7px;font-size:.76rem}
}
/* Keep incomplete final rows visually centred without shifting the flag lane. */
@media(min-width:1101px){
 .world-languages{grid-template-columns:repeat(12,minmax(0,1fr))}
 .world-language-item{grid-column:span 2}
 .world-language-item:nth-last-child(4){grid-column:3/span 2}
}
@media(min-width:741px) and (max-width:1100px){
 .world-languages{grid-template-columns:repeat(8,minmax(0,1fr))}
 .world-language-item{grid-column:span 2}
 .world-language-item:nth-last-child(2){grid-column:3/span 2}
}
@media(min-width:541px) and (max-width:740px){
 .world-languages{grid-template-columns:repeat(6,minmax(0,1fr))}
 .world-language-item{grid-column:span 2}
 .world-language-item:last-child{grid-column:3/span 2}
}


/* CHORDTIME 2026-10-30: final alignment and section contrast pass.
   Preserve Apple/Google official badge artwork and its proportions. */

/* Practice: the caption is a separate line, never touching the phone artwork. */
.practice-visual { flex-direction:column; align-items:center; gap:17px; min-width:0; }
.practice-visual-inner { justify-content:center; width:min(100%,500px); padding:28px; }
.practice-visual-inner .practice-phone { margin:0; }
.practice-visual .practice-annotation-below {
  position:static; align-self:center; margin:0; width:min(100%,440px);
  padding:0 20px; text-align:center;
}
.practice-visual .practice-annotation-below strong {
  margin:0; font:600 clamp(.95rem,1.4vw,1.07rem)/1.5 'DM Sans',system-ui,sans-serif;
  letter-spacing:.015em; color:#694355;
}

/* The instrument section deserves its own distinct, warm surface. */
.instrument-section {
  background:linear-gradient(180deg,#f0e2d8 0%,#f6ede5 68%,#efe2d9 100%);
  border-top:1px solid #ddcbbf; border-bottom:1px solid #decac1;
}
.instrument-section .instrument-list span {
  border-color:#d9c2b6; box-shadow:0 4px 15px #5a29310b;
}
.instrument-section .instrument-list span:last-child {border-color:#d3a262;}

/* Consistent *visual* store-badge alignment across hero, CTA, dialog and footer.
   Google Play's source image has wider transparent padding than Apple's. */
.official-badges { align-items:center; column-gap:12px; row-gap:10px; }
.store-badge-official {
  display:inline-flex; flex:0 0 186px; width:186px; height:63px; min-height:63px;
  position:relative; align-items:center; justify-content:center;
  padding:0; margin:0; border:0; overflow:visible; vertical-align:middle;
}
.store-badge-official img {
  display:block; width:auto; max-width:none; object-fit:contain;
  border-radius:0; margin:0; flex:none;
}
.store-badge-official--app img {height:56px;}
.store-badge-official--google img {height:89px;}

/* Dialog cards always sit on one horizontal baseline, regardless of paragraph length. */
.download-options { align-items:stretch; }
.download-option { min-width:0; }
.download-option .modal-badges {
  display:flex; align-items:center; justify-content:flex-start;
  margin-top:auto; min-height:65px;
}
.download-option .modal-badges .store-badge-official {
  justify-content:center; flex:0 0 186px; width:186px; height:63px; min-height:63px;
}

/* Prevent the generic footer-link rule from turning badge links into blocks. */
.footer .footer-badges {
  display:flex; flex-direction:column; gap:5px; align-items:flex-start;
  margin:10px 0 18px;
}
.footer .footer-badges a.store-badge-official,
.footer .footer-badges span.store-badge-official {
  display:inline-flex; flex:none; margin:0; width:174px; height:55px; min-height:55px;
  padding:0; justify-content:center; vertical-align:middle;
}
.footer .footer-badges .store-badge-official--app img {height:48px;}
.footer .footer-badges .store-badge-official--google img {height:76px;}

@media (max-width:600px) {
  .practice-visual-inner {padding:22px; min-height:435px;}
  .practice-visual .practice-annotation-below {padding-inline:10px;}
  .store-badge-official {flex-basis:155px; width:155px; height:54px; min-height:54px;}
  .store-badge-official--app img {height:46px;}
  .store-badge-official--google img {height:73px;}
  .download-option .modal-badges .store-badge-official {
    flex-basis:170px; width:170px; height:56px; min-height:56px;
  }
  .download-option .store-badge-official--app img {height:49px;}
  .download-option .store-badge-official--google img {height:79px;}
  .footer .footer-badges a.store-badge-official,
  .footer .footer-badges span.store-badge-official {width:164px; height:53px; min-height:53px;}
  .footer .footer-badges .store-badge-official--app img {height:46px;}
  .footer .footer-badges .store-badge-official--google img {height:73px;}
}

/* 2026-10-30 PRO naming and store badges: PRO is the product, 360 is a feature count. */
.feature-banner-pro h3, .pro-tile h3 {letter-spacing:-.045em;}
/* Exact same visual badge width, allowing different source-image heights. */
.footer .footer-badges {align-items:flex-start;gap:8px;}
.footer .footer-badges a.store-badge-official,
.footer .footer-badges span.store-badge-official {
  flex:0 0 auto; width:186px; min-width:186px; height:63px; min-height:63px;
  display:inline-flex; align-items:center; justify-content:center;
}
.footer .footer-badges .store-badge-official--app img {height:54px;width:auto;}
.footer .footer-badges .store-badge-official--google img {height:86px;width:auto;}
@media(max-width:600px){
 .footer .footer-badges a.store-badge-official,
 .footer .footer-badges span.store-badge-official{width:166px;min-width:166px;height:57px;min-height:57px;}
 .footer .footer-badges .store-badge-official--app img{height:49px;width:auto;}
 .footer .footer-badges .store-badge-official--google img{height:78px;width:auto;}
}

/* 2026-10-31 — Apple "Soon!" notice and equal-width footer store badges. */
button.store-badge-official,button.download-app-icon{
  font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;
  background:transparent;border:0;padding:0;color:inherit;text-align:left;
}
button.download-app-icon{width:100%;}
button.download-app-icon:hover small{text-decoration:underline;text-underline-offset:3px;}
/* 2026-10-31: the official Google PNG has ~6.5% transparent padding on
   either side. Equal image-file widths do not make equal *visible* badges.
   Crop only that transparent canvas, without altering either official logo. */
.footer .footer-badges{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  margin:10px 0 18px;
}
.footer .footer-badges .store-badge-official,
.footer .footer-badges a.store-badge-official,
.footer .footer-badges button.store-badge-official{
  box-sizing:border-box;
  display:flex;
  flex:0 0 66px;
  width:186px;
  min-width:186px;
  max-width:186px;
  height:66px;
  min-height:66px;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:hidden;
}
.footer .footer-badges .store-badge-official img{
  display:block;
  flex:none;
  min-width:0;
  max-width:none;
  max-height:none;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  object-fit:contain;
}
/* Apple badge is edge-to-edge; Google's source needs 214px to show 186px. */
.footer .footer-badges .store-badge-official--app img{
  width:186px;
  max-width:none;
  height:auto;
}
.footer .footer-badges .store-badge-official--google img{
  width:214px;
  max-width:none;
  height:auto;
}
@media(max-width:600px){
  .footer .footer-badges .store-badge-official,
  .footer .footer-badges a.store-badge-official,
  .footer .footer-badges button.store-badge-official{
    flex-basis:59px;
    width:166px;
    min-width:166px;
    max-width:166px;
    height:59px;
    min-height:59px;
  }
  .footer .footer-badges .store-badge-official--app img{width:166px;height:auto;max-width:none;}
  .footer .footer-badges .store-badge-official--google img{width:191px;height:auto;max-width:none;}
}
.ios-soon-modal{position:fixed;inset:0;margin:auto;padding:0;
  width:min(430px,calc(100% - 32px));max-height:90vh;
  border:1px solid #e9ceb5;border-radius:26px;
  background:#fff9f2;color:#381929;
  box-shadow:0 35px 110px rgba(23,4,14,.42);}
.ios-soon-modal::backdrop{background:rgba(20,4,13,.73);backdrop-filter:blur(4px);}
.ios-soon-inner{padding:48px 35px 52px;text-align:center;position:relative;}
.ios-soon-inner .eyebrow{color:#a57546;letter-spacing:.14em;}
.ios-soon-inner h2{font:400 clamp(3.7rem,10vw,5.3rem)/1.06 Georgia,serif;
  letter-spacing:-.06em;margin:20px 0 0;color:#501a34;}
.ios-soon-close{position:absolute;right:16px;top:14px;
  width:38px;height:38px;border:1px solid #dec9c4;border-radius:50%;
  color:#5d3546;background:#fff;cursor:pointer;font:400 1.6rem/1 Arial,sans-serif;}
.ios-soon-close:hover{background:#f7e6d8;}