:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gtl-bg:#f6f4ee;--gtl-bg-soft:#eef4ef;--gtl-surface:#fffffbf0;--gtl-surface-strong:#fffefa;--gtl-ink:#071412;--gtl-text:#2f3d38;--gtl-muted:#68766f;--gtl-border:#2c3d3729;--gtl-border-strong:#155d5457;--gtl-accent:#1b6d63;--gtl-accent-2:#7fa79d;--gtl-accent-soft:#7fa79d3b;--gtl-sand:#efe9dc;--gtl-shadow:0 20px 46px #12221d14;--gtl-shadow-hover:0 28px 58px #12221d1f;--gtl-sans:"Manrope", "Avenir Next", "Segoe UI", sans-serif;--gtl-heading:"Fraunces", Georgia, serif;font:16px/1.5 var(--gtl-sans)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{background:linear-gradient(#1b6d630b 1px, transparent 1px), linear-gradient(90deg, #1b6d630b 1px, transparent 1px), radial-gradient(circle at 8% 0%, #7fa79d3d, transparent 34%), radial-gradient(circle at 92% 12%, #efe9dcc2, transparent 32%), linear-gradient(180deg, #fffefa 0%, var(--gtl-bg) 54%, #eef2ec 100%);color:var(--gtl-text);font-family:var(--gtl-sans);background-size:120px 120px,120px 120px,auto,auto,auto}a{color:inherit}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #1b6d6347}.platform-root{width:min(1540px,100% - 32px);margin:0 auto;padding:18px 0 48px}.platform-nav{z-index:20;border:1px solid var(--gtl-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffbe8;border-radius:8px;grid-template-columns:minmax(270px,1fr) auto;align-items:center;gap:18px;margin-bottom:22px;padding:10px 14px;display:grid;position:sticky;top:12px;box-shadow:0 16px 36px #12221d14}.platform-brand{color:var(--gtl-ink);text-decoration:none}.gtl-brand{align-items:center;gap:14px;min-width:0;display:inline-flex}.gtl-brand__mark{border:3px solid var(--gtl-accent-2);background:linear-gradient(#fffffb,#f6f4ee);border-left-color:#0000;border-right-color:#0000;border-radius:50%;flex:none;place-items:center;width:62px;height:62px;display:grid;position:relative}.gtl-brand__letters{color:var(--gtl-ink);font-family:var(--gtl-heading);letter-spacing:-.03em;font-size:1.34rem;font-weight:700;line-height:1}.gtl-brand__strings{background:repeating-linear-gradient(90deg, var(--gtl-accent) 0 1px, transparent 1px 6px);opacity:.78;width:27px;height:18px;position:absolute;left:50%;transform:translate(-50%)}.gtl-brand__strings--top{top:-7px}.gtl-brand__strings--bottom{bottom:-7px}.gtl-brand__wordmark{gap:2px;display:grid}.gtl-brand__wordmark strong{color:var(--gtl-ink);font-family:var(--gtl-heading);font-size:1.2rem;line-height:1}.gtl-brand__wordmark small{color:var(--gtl-accent);letter-spacing:.13em;text-transform:uppercase;font-size:.65rem;font-weight:800}.platform-nav nav{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.platform-nav nav a,.platform-button{min-height:40px;color:var(--gtl-ink);background:var(--gtl-surface-strong);border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:0 15px;font-weight:800;text-decoration:none;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:inline-flex}.platform-nav nav a{color:var(--gtl-muted);background:0 0;gap:7px}.platform-nav nav a.active,.platform-nav nav a:hover{color:#10564f;background:0 0;border-color:#0000}.platform-nav nav a.active{box-shadow:inset 0 -2px 0 var(--gtl-accent-2)}.platform-button{border-color:var(--gtl-border-strong);background:var(--gtl-accent-soft);color:#10564f}.platform-button:hover{transform:translateY(-1px)}.platform-button--ghost{background:0 0}.platform-button--secondary{background:var(--gtl-surface-strong);border-color:var(--gtl-border)}.platform-button--small{width:max-content;margin-top:auto}.platform-page,.platform-tool-shell{gap:22px;display:grid}.platform-page-hero,.platform-tool-header{border:1px solid var(--gtl-border);background:var(--gtl-surface);min-height:310px;box-shadow:var(--gtl-shadow);border-radius:8px;justify-content:space-between;align-items:flex-end;gap:26px;padding:clamp(26px,4vw,52px);display:flex;position:relative;overflow:hidden}.platform-hero-grid{opacity:.32;grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,42px);display:grid;position:absolute;inset:auto 36px 28px auto}.platform-hero-grid span{border:1px solid var(--gtl-accent-2);border-radius:50%}.platform-hero-grid:before,.platform-hero-grid:after{content:"";background:var(--gtl-accent-2);position:absolute}.platform-hero-grid:before{height:1px;top:62px;left:21px;right:21px}.platform-hero-grid:after{width:1px;top:21px;bottom:21px;left:62px}.platform-page h1,.platform-tool-header h1,.platform-section h2,.platform-placeholder-card h2{color:var(--gtl-ink);font-family:var(--gtl-heading);letter-spacing:0;margin:0;line-height:1.02}.platform-page h1,.platform-tool-header h1{max-width:890px;font-size:clamp(2.1rem,4.25vw,4.25rem)}.platform-hero-subtitle,.platform-tool-header p{max-width:760px;color:var(--gtl-muted);margin:18px 0 0;font-size:clamp(1rem,1.45vw,1.22rem)}.platform-hero-actions{flex-wrap:wrap;gap:10px;min-width:max-content;display:flex}.platform-eyebrow{color:var(--gtl-accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:.74rem;font-weight:900}.platform-section,.platform-placeholder-card,.platform-filter-bar,.platform-tool-host,.platform-signal-grid,.platform-footer{border:1px solid var(--gtl-border);background:var(--gtl-surface);box-shadow:var(--gtl-shadow);border-radius:8px}.platform-section,.platform-placeholder-card{padding:clamp(22px,3vw,34px)}.platform-section--intro{max-width:1020px;font-size:1.08rem}.platform-section--philosophy{gap:22px;display:grid}.platform-section--philosophy>p{max-width:920px;color:var(--gtl-muted);margin:0;font-size:1.06rem}.platform-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.platform-section-heading>p{max-width:500px;color:var(--gtl-muted);margin:0}.platform-signal-grid,.platform-tool-grid,.platform-pricing-grid,.platform-roadmap-strip{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.platform-signal-grid{padding:18px}.platform-signal-grid article{border-right:1px solid var(--gtl-border);grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;padding:16px;display:grid}.platform-signal-grid article:last-child{border-right:0}.platform-signal-grid h2{color:var(--gtl-accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.platform-signal-grid p{color:var(--gtl-muted);grid-column:2;margin:0}.platform-line-icon{border:2px solid var(--gtl-accent-2);border-radius:10px;grid-row:span 2;width:38px;height:38px;display:inline-block;position:relative}.platform-line-icon--guitar{border-radius:999px}.platform-line-icon--guitar:before{content:"";background:var(--gtl-accent);width:2px;height:24px;position:absolute;top:-9px;left:17px}.platform-line-icon--nodes:before,.platform-line-icon--nodes:after,.platform-line-icon--circle:before{content:"";background:var(--gtl-accent);position:absolute}.platform-line-icon--nodes:before{height:2px;bottom:9px;left:8px;right:8px}.platform-line-icon--nodes:after{width:2px;top:7px;bottom:7px;left:17px}.platform-line-icon--circle{border-radius:50%}.platform-line-icon--circle:before{height:2px;top:17px;left:8px;right:8px}.platform-tool-card,.platform-pricing-card,.platform-roadmap-strip article{border:1px solid var(--gtl-border);background:radial-gradient(circle at 100% 0%, #7fa79d21, transparent 42%), var(--gtl-surface-strong);border-radius:8px;gap:14px;min-height:258px;padding:20px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.platform-tool-card:hover,.platform-pricing-card:hover{border-color:var(--gtl-border-strong);box-shadow:var(--gtl-shadow-hover);transform:translateY(-2px)}.platform-tool-card h3,.platform-pricing-card h2,.platform-roadmap-strip h3,.platform-placeholder-card h2{color:var(--gtl-ink);margin:0;font-size:1.24rem}.platform-tool-card p,.platform-pricing-card p,.platform-roadmap-strip p,.platform-placeholder-card p{color:var(--gtl-muted);margin:0}.platform-tool-card__top,.platform-tool-meta,.platform-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-diagram{background-color:#f6f4ee9e;background-image:linear-gradient(#1b6d6314 1px,#0000 1px),linear-gradient(90deg,#1b6d6314 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #7fa79d40;border-radius:8px;min-height:96px;display:grid;position:relative;overflow:hidden}.tool-diagram:before,.tool-diagram:after{content:"";pointer-events:none;position:absolute}.tool-diagram span{z-index:2;background:var(--gtl-accent);color:#fff;width:30px;height:30px;font-family:var(--gtl-sans);border:2px solid #fffefaf0;border-radius:50%;place-items:center;font-size:.68rem;font-weight:900;display:grid;position:absolute;box-shadow:0 8px 16px #12221d29}.tool-diagram--sets:before{border:2px solid #1b6d633d;border-radius:50%;inset:18px 46px}.tool-diagram--sets span:first-child{top:24%;left:18%}.tool-diagram--sets span:nth-child(2){top:12%;left:52%}.tool-diagram--sets span:nth-child(3){top:54%;left:66%}.tool-diagram--sets span:nth-child(4){top:60%;left:30%}.tool-diagram--intersections:before,.tool-diagram--intersections:after{border:2px solid #1b6d6347;border-radius:50%;width:72px;height:58px;top:18px}.tool-diagram--intersections:before{left:calc(50% - 78px)}.tool-diagram--intersections:after{right:calc(50% - 78px)}.tool-diagram--intersections span:first-child{top:20%;left:17%}.tool-diagram--intersections span:nth-child(2){top:18%;left:42%}.tool-diagram--intersections span:nth-child(3){top:55%;left:42%}.tool-diagram--intersections span:nth-child(4){top:36%;right:17%}.tool-diagram--voice-leading:before{background:linear-gradient(90deg,#1b6d631f,#1b6d638f,#1b6d631f);height:2px;top:50%;left:16%;right:16%}.tool-diagram--voice-leading span:first-child{top:55%;left:12%}.tool-diagram--voice-leading span:nth-child(2){top:18%;left:34%}.tool-diagram--voice-leading span:nth-child(3){top:52%;left:57%}.tool-diagram--voice-leading span:nth-child(4){top:18%;right:12%}.platform-tool-card__features{gap:8px;padding-top:4px;display:grid}.platform-tool-card__features>span{color:var(--gtl-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:900}.platform-tool-card__features ul,.platform-pricing-card ul,.platform-feature-list{margin:0;padding:0;list-style:none}.platform-tool-card__features li,.platform-pricing-card li,.platform-feature-list li{color:var(--gtl-muted);padding-left:18px;position:relative}.platform-tool-card__features li:before,.platform-pricing-card li:before,.platform-feature-list li:before{content:"";background:var(--gtl-accent-2);border-radius:50%;width:7px;height:7px;position:absolute;top:.72em;left:0}.platform-badge,.platform-pill,.platform-tags span{border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:.74rem;font-weight:900;display:inline-flex}.platform-badge{background:var(--gtl-accent-soft);color:#10564f;text-transform:uppercase}.platform-badge--experimental{color:#58337e;background:#6e479e24}.platform-badge--deprecated{color:#923d3d;background:#96464624}.platform-pill,.platform-tags span{border:1px solid var(--gtl-border);color:var(--gtl-muted);background:#fff}.platform-card-action{color:var(--gtl-accent);letter-spacing:.1em;text-transform:uppercase;align-self:end;margin-top:auto;font-size:.82rem;font-weight:900}.platform-card-action:after{content:" ->";letter-spacing:0}.platform-filter-bar{grid-template-columns:minmax(240px,1fr) minmax(180px,260px);gap:14px;padding:18px;display:grid}.platform-filter-bar label{color:var(--gtl-muted);text-transform:uppercase;gap:7px;font-size:.78rem;font-weight:900;display:grid}.platform-filter-bar input,.platform-filter-bar select{border:1px solid var(--gtl-border);min-height:42px;color:var(--gtl-ink);text-transform:none;background:#fff;border-radius:7px;padding:0 12px;font-weight:700}.platform-tool-host{padding:0;overflow:hidden}.platform-loading{min-height:280px;color:var(--gtl-muted);place-items:center;font-weight:900;display:grid}.platform-price{font-size:2.35rem;font-weight:900;color:var(--gtl-ink)!important}.platform-placeholder-card{justify-items:start;gap:16px;display:grid}.platform-feature-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 22px;display:grid}.platform-feature-list--cards li{border:1px solid var(--gtl-border);background:var(--gtl-surface-strong);border-radius:8px;min-height:76px;padding:18px 18px 18px 36px;font-weight:800}.platform-feature-list--cards li:before{top:26px;left:18px}.platform-roadmap-strip--standalone{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-footer{justify-content:space-between;align-items:flex-start;gap:26px;margin-top:22px;padding:24px;display:flex}.platform-footer p{max-width:620px;color:var(--gtl-muted);margin:14px 0 0}.platform-footer__credit{font-weight:800;color:var(--gtl-accent)!important}.platform-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.platform-footer nav a{color:var(--gtl-muted);font-weight:800;text-decoration:none}.platform-footer nav a:hover{color:var(--gtl-accent)}@media (width<=1080px){.platform-nav{grid-template-columns:1fr auto}.platform-nav nav{order:3;grid-column:1/-1;justify-content:flex-start}.platform-signal-grid article{border-right:0;border-bottom:1px solid var(--gtl-border)}.platform-signal-grid article:last-child{border-bottom:0}}@media (width<=780px){.platform-root{width:min(100% - 18px,1540px);padding-top:10px}.platform-nav,.platform-page-hero,.platform-tool-header,.platform-section-heading,.platform-footer{flex-direction:column;align-items:stretch}.platform-nav{display:flex;position:relative;top:0}.gtl-brand__mark{width:54px;height:54px}.platform-nav nav{order:initial}.platform-nav nav a{flex:auto}.platform-page-hero,.platform-tool-header{min-height:auto}.platform-hero-actions,.platform-filter-bar,.platform-roadmap-strip--standalone{grid-template-columns:1fr}.platform-filter-bar{display:grid}.platform-button,.platform-button--small{width:100%}.platform-hero-grid{display:none}.platform-footer nav{justify-content:flex-start}}@media (width<=520px){.gtl-brand__wordmark small{display:none}.platform-nav nav{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.platform-page h1,.platform-tool-header h1{font-size:clamp(1.9rem,10.4vw,2.55rem)}}