/* Base reset */
*,*::before,*::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body { margin:0; font-size:18px; font-weight:300; line-height:1.5; }
h1,h2,h3,p,ul,dl,dd { margin:0; }
h1,h2,h3 { line-height:1.25; }
ul { list-style:none; padding:0; }
img { max-width:100%; }
a { color:inherit; text-decoration:none; }
@media (max-width:850px) { body { font-size:17px; } }
@font-face { font-family: "Chordcade Display"; src: url("../fonts/Syncopate-Regular.ttf") format("truetype"); font-display: swap; }
:root { --ink:#3a3858; --night:#3a3858; --indigo:#43436a; --paper:#f2f0e5; --cream:#e5ceb4; --cyan:#68c2d3; --mint:#a2dcc7; --coral:#b45252; --gold:#d3a068; --charcoal:#212123; --muted:#646365; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body.chordcade-page { background:var(--paper); color:var(--ink); font-family:"Kumbh Sans",Arial,Helvetica,sans-serif; line-height:1.5; }
.chordcade-page h1,.chordcade-page h2,.chordcade-page h3 { font-family:"Kumbh Sans",Arial,sans-serif; font-weight:200; letter-spacing:-.01em; }.brand { font-family:"Chordcade Display",Arial,sans-serif; font-weight:normal; letter-spacing:.035em; }.eyebrow { font-family:"Kumbh Sans",Arial,sans-serif; font-weight:700; }
.chordcade-page p,.chordcade-page h1,.chordcade-page h2,.chordcade-page h3 { margin-top:0; }
.site-header { align-items:center; backdrop-filter:blur(12px); background:rgba(244,240,232,.92); border-bottom:1px solid rgba(23,23,32,.13); display:flex; justify-content:space-between; padding:1.55rem clamp(1.5rem,5vw,6rem); position:sticky; top:0; z-index:10; }
.brand { align-items:center; color:var(--night); display:inline-flex; font-size:clamp(.95rem,1.65vw,1.3rem); gap:.58rem; letter-spacing:.02em; text-decoration:none; }.brand-mark { border-radius:.28rem; height:1.7em; width:1.7em; }.brand sup { color:var(--coral); font-family:Arial,sans-serif; font-size:.38em; line-height:1; margin-left:.14em; position:relative; top:.3em; vertical-align:baseline; }
.site-header nav { display:flex; gap:clamp(1rem,2.5vw,2.6rem); }.site-header nav a { color:var(--ink); font-size:.75rem; font-weight:bold; letter-spacing:.07em; text-decoration:none; text-transform:uppercase; }.site-header nav a:hover,.text-link:hover { color:var(--coral); }
.hero { display:grid; grid-template-columns:minmax(16rem,.86fr) minmax(30rem,1.14fr); min-height:min(48rem,calc(100vh - 5.2rem)); overflow:hidden; }.hero-copy { align-self:center; overflow:hidden; padding:clamp(4.5rem,10vw,9rem) clamp(1.5rem,6vw,7rem); position:relative; z-index:1; }.hero-mark { bottom:-7rem; height:21rem; opacity:.055; pointer-events:none; position:absolute; right:-7rem; transform:rotate(-12deg); width:21rem; }.hero-copy > :not(.hero-mark) { position:relative; }.eyebrow { color:var(--coral); font-size:.7rem; letter-spacing:.14em; margin-bottom:1.15rem; text-transform:uppercase; }.hero h1 { color:var(--night); font-size:clamp(2.2rem,3.1vw,3.8rem); letter-spacing:-.01em; line-height:1.04; margin-bottom:1.65rem; }.hero-intro { font-size:clamp(1.08rem,1.4vw,1.3rem); max-width:31rem; }.hero-actions { align-items:center; display:flex; flex-wrap:wrap; gap:1.5rem; margin-top:2.5rem; }.button { border-radius:0; box-shadow:none; font-family:"Kumbh Sans",sans-serif; font-size:.72rem; font-weight:700; letter-spacing:.06em; padding:1.1rem 1.4rem; text-transform:uppercase; }.button-primary { background:var(--night); color:white; }.button-primary:hover { background:var(--coral); color:white; }.button span { color:var(--cyan); font-family:Arial,sans-serif; font-size:1.25rem; margin-left:.45rem; }.text-link { color:var(--night); font-size:.82rem; font-weight:bold; text-decoration:none; }.text-link span { color:var(--coral); font-size:1.25em; margin-left:.25rem; }
.hero-art { background:var(--night); min-height:30rem; overflow:hidden; position:relative; }.hero-art::after { background:linear-gradient(90deg,rgba(35,37,62,.32),transparent 28%); content:""; inset:0; pointer-events:none; position:absolute; }.hero-art img { height:100%; object-fit:cover; object-position:center; position:absolute; width:100%; }.art-caption { bottom:1.7rem; color:white; font-family:"Kumbh Sans",Arial,sans-serif; font-size:.75rem; left:2rem; margin:0; position:absolute; z-index:1; }
.intro-panel { background:var(--night); color:white; padding:clamp(4rem,9vw,8rem) clamp(1.5rem,10vw,12rem); }.intro-panel .eyebrow { color:var(--cyan); }.intro-grid { align-items:start; display:grid; gap:3rem; grid-template-columns:1.15fr .85fr; }.intro-grid h2,.section-heading h2,.showcase-copy h2 { font-size:clamp(2rem,3.55vw,3.8rem); letter-spacing:-.035em; line-height:1.13; }.intro-grid p { color:#e9e8f1; font-size:1.13rem; margin-top:.7rem; max-width:33rem; }
.feature-section { padding:clamp(4.5rem,8vw,8rem) clamp(1.5rem,6vw,7rem); }.section-heading { margin-bottom:2.7rem; max-width:46rem; }.section-heading h2 { color:var(--night); margin-bottom:0; }.feature-grid { display:grid; gap:1.2rem; grid-template-columns:repeat(3,1fr); }.feature-card { overflow:hidden; padding:1.25rem 1.25rem 2rem; position:relative; }.feature-card h3 { font-size:1.6rem; letter-spacing:-.02em; margin:0 0 .8rem; }.feature-card p:not(.feature-label) { font-size:.96rem; max-width:26rem; margin-bottom:0; }.feature-card-dark { background:var(--night); color:white; }.feature-card-cream { background:var(--cream); color:var(--night); }.feature-card-blue { background:var(--indigo); color:white; }
.showcase { background:white; display:grid; grid-template-columns:1.1fr .9fr; }.showcase-image { min-height:36rem; overflow:hidden; }.showcase-image img { height:100%; object-fit:cover; width:100%; }.showcase-copy { align-self:center; padding:clamp(4rem,8vw,8rem) clamp(2rem,6vw,6rem); }.showcase-copy h2 { color:var(--night); }.showcase-copy > p:not(.eyebrow) { font-size:1.05rem; max-width:31rem; }.showcase-copy ul { list-style:none; margin:2rem 0 0; padding:0; }.showcase-copy li { align-items:center; border-top:1px solid rgba(23,23,32,.18); display:flex; font-family:"Kumbh Sans",sans-serif; font-size:.76rem; font-weight:700; gap:.75rem; letter-spacing:.04em; padding:.85rem 0; text-transform:uppercase; }.showcase-copy li img { background:var(--night); border-radius:50%; height:1.95rem; padding:.43rem; width:1.95rem; }
.site-footer { align-items:center; background:var(--night); color:white; display:flex; flex-wrap:wrap; gap:1.4rem 3rem; justify-content:space-between; padding:2rem clamp(1.5rem,6vw,7rem); }.site-footer .brand { color:white; }.site-footer p { font-family:"Kumbh Sans",Arial,sans-serif; font-size:.74rem; margin:0; }.site-footer .footer-note { color:#b5b6c8; }
@media (max-width:850px) { .hero,.showcase,.intro-grid { grid-template-columns:1fr; }.hero-copy { padding-bottom:3.5rem; }.hero-art { min-height:27rem; }.intro-grid { gap:1rem; }.feature-grid { grid-template-columns:1fr; }.showcase-image { min-height:25rem; }.showcase-copy { padding:4rem 1.5rem; } }
@media (max-width:560px) { .site-header { padding:1.2rem; }.site-header nav { gap:.8rem; }.site-header nav a { font-size:.59rem; }.hero h1 { font-size:2.1rem; }.hero-art { min-height:21rem; }.hero-art img { object-position:60% center; }.hero-actions { align-items:flex-start; flex-direction:column; gap:1.1rem; }.intro-panel,.feature-section { padding-left:1.3rem; padding-right:1.3rem; }.site-footer { display:block; }.site-footer p { margin-top:1rem; } }
.section-intro { font-size:1.05rem; margin:1.1rem 0 0; max-width:36rem; }
@media (max-width:850px) {  }
.site-header nav { align-items:center; }.site-header nav a.nav-cta { background:var(--night); color:white; padding:.6rem .9rem; }.site-header nav a.nav-cta:hover { background:var(--coral); color:white; }
.download-section { align-items:center; background:var(--coral); color:var(--night); display:grid; gap:3rem; grid-template-columns:1fr 1fr; padding:clamp(4.5rem,8vw,7rem) clamp(1.5rem,10vw,12rem); }.download-section .eyebrow { color:var(--night); }.download-section h2 { font-size:clamp(2rem,3.55vw,3.8rem); letter-spacing:-.035em; line-height:1.13; }.download-copy > p:not(.eyebrow) { font-size:1.12rem; margin-bottom:0; max-width:31rem; }
.download-options { display:grid; gap:1rem; }.download-card { background:var(--night); color:white; display:grid; gap:.35rem; padding:1.5rem 1.7rem; text-decoration:none; transition:transform .15s ease,background .15s ease; }.download-card:hover { background:var(--charcoal); color:white; transform:translateY(-2px); }.download-platform { font-family:"Kumbh Sans",Arial,sans-serif; font-size:.75rem; opacity:.75; }.download-action { font-family:"Kumbh Sans",Arial,sans-serif; font-weight:200; font-size:1.7rem; line-height:1.1; }.download-action span { color:var(--cyan); }.download-detail { color:#c9c8da; font-size:.85rem; }
.site-footer .footer-link { color:var(--cyan); font-size:.8rem; font-weight:700; text-decoration:none; }.site-footer .footer-link:hover { color:white; }
@media (max-width:850px) { .download-section { gap:2rem; grid-template-columns:1fr; } }
@media (max-width:560px) { .site-header nav a.nav-cta { padding:.45rem .6rem; }.site-footer .footer-link { display:block; margin-top:1rem; } }
.chordcade-page h1,.chordcade-page h2,.chordcade-page h3 { color:inherit; }
@media (max-width:850px) { }
@media (max-width:560px) { .site-header nav a:not(.nav-cta) { display:none; }.site-header nav a.nav-cta { font-size:.68rem; padding:.55rem .8rem; } }
.download-platform { font-size:.66rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }.art-caption { font-size:.85rem; font-weight:500; letter-spacing:.02em; }.site-footer p { font-size:.8rem; }
.download-section h2 { margin-bottom:1rem; }
.feature-card-light { background:white; border:1px solid rgba(23,23,32,.1); color:var(--night); }
.feature-shot { aspect-ratio:16/10; border-radius:.5rem; box-shadow:0 .6rem 1.6rem rgba(20,18,40,.28); display:block; height:auto; margin-bottom:1.6rem; object-fit:cover; width:100%; }
.feature-card-light .feature-shot { box-shadow:0 .4rem 1.2rem rgba(20,18,40,.16); }
.feature-card > p:not(.feature-label),.feature-card > h3,.feature-label { margin-left:.75rem; margin-right:.75rem; }
.feature-label { font-size:.68rem; font-weight:600; letter-spacing:.12em; margin-bottom:.5rem; opacity:.75; text-transform:uppercase; }
.showcase-image img { object-position:72% 60%; }.art-caption { text-shadow:0 1px 6px rgba(0,0,0,.55); }
.showcase-copy h2 { margin-bottom:1rem; }
.brand-mark { border-radius:0; }
.button { display:inline-block; }
.intro-grid { align-items:end; }.intro-grid p { margin-top:0; }
.site-header .brand { line-height:1; }
.site-header .brand-mark { display:block; flex:0 0 auto; }
.brand-word { display:block; transform:translateY(3px); white-space:nowrap; }
.demo-video { aspect-ratio:16/9; background:#000; box-shadow:0 1.2rem 3rem rgba(10,10,25,.45); margin:3rem auto 0; max-width:72rem; overflow:hidden; border-radius:.6rem; }.demo-video iframe { border:0; display:block; height:100%; width:100%; }
.quotes { border-top:1px solid rgba(23,23,32,.18); display:grid; gap:2.5rem; grid-template-columns:repeat(3,1fr); margin-top:3rem; padding-top:2.5rem; }
.quote { margin:0; }.quote blockquote { margin:0; }.quote blockquote p { color:var(--night); font-size:clamp(1.15rem,1.5vw,1.4rem); font-weight:200; line-height:1.4; }
.quote figcaption { color:var(--coral); font-size:.72rem; font-weight:600; letter-spacing:.1em; margin-top:1rem; text-transform:uppercase; }
@media (max-width:850px) { .quotes { gap:2rem; grid-template-columns:1fr; } }
.download-card-soon { background:transparent; border:1px solid rgba(58,56,88,.45); color:var(--night); }.download-card-soon:hover { background:transparent; color:var(--night); transform:none; }.download-card-soon .download-detail { color:var(--night); opacity:.8; }
.soon-badge { background:var(--night); border-radius:1rem; color:white; display:inline-block; font-size:.6rem; letter-spacing:.08em; margin-left:.5rem; opacity:1; padding:.2rem .55rem; vertical-align:middle; }
.apps-section { align-items:center; background:var(--night); color:white; display:grid; gap:clamp(2rem,6vw,6rem); grid-template-columns:1fr 1fr; padding:clamp(4rem,8vw,7rem) clamp(1.5rem,10vw,12rem); }.apps-section .eyebrow { color:var(--cyan); }.apps-section h2 { font-size:clamp(2rem,3.55vw,3.8rem); letter-spacing:-.035em; line-height:1.13; margin-bottom:1rem; }.apps-copy > p:not(.eyebrow) { color:#e9e8f1; font-size:1.1rem; max-width:31rem; }
.apps-shot { margin:0; }.apps-shot img { display:block; filter:drop-shadow(0 1.2rem 2.5rem rgba(0,0,0,.45)); height:auto; margin:0 auto; max-height:44rem; width:auto; }
@media (max-width:850px) { .apps-section { grid-template-columns:1fr; }.apps-shot img { max-height:32rem; } }
.inline-link { color:var(--cyan); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.2em; }.inline-link:hover { color:white; }
.app-qr { align-items:center; color:var(--night); display:inline-flex; gap:.9rem; }.app-qr img { background:white; border-radius:.4rem; display:block; height:5.5rem; padding:.35rem; width:5.5rem; }.app-qr span { font-size:.78rem; font-weight:600; line-height:1.35; max-width:10rem; }
@media (max-width:850px) { .app-qr { display:none; } }