:root,.app-shell[data-theme=light]{color-scheme:light;--font-sans: "Avenir Next", Avenir, "SF Pro Text", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--font-mono: "SF Mono", "Cascadia Code", ui-monospace, monospace;--ctp-rosewater: #dc8a78;--ctp-flamingo: #dd7878;--ctp-pink: #ea76cb;--ctp-mauve: #8839ef;--ctp-red: #d20f39;--ctp-maroon: #e64553;--ctp-peach: #fe640b;--ctp-yellow: #df8e1d;--ctp-green: #40a02b;--ctp-teal: #179299;--ctp-sky: #04a5e5;--ctp-sapphire: #209fb5;--ctp-blue: #1e66f5;--ctp-lavender: #7287fd;--ctp-text: #4c4f69;--ctp-subtext-1: #5c5f77;--ctp-subtext-0: #6c6f85;--ctp-overlay-2: #7c7f93;--ctp-overlay-1: #8c8fa1;--ctp-overlay-0: #9ca0b0;--ctp-surface-2: #acb0be;--ctp-surface-1: #bcc0cc;--ctp-surface-0: #ccd0da;--ctp-base: #eff1f5;--ctp-mantle: #e6e9ef;--ctp-crust: #dce0e8;--rosewater: var(--ctp-rosewater);--flamingo: var(--ctp-flamingo);--pink: var(--ctp-pink);--mauve: var(--ctp-mauve);--red: var(--ctp-red);--maroon: var(--ctp-maroon);--peach: var(--ctp-peach);--yellow: var(--ctp-yellow);--green: var(--ctp-green);--teal: var(--ctp-teal);--sky: var(--ctp-sky);--sapphire: var(--ctp-sapphire);--blue: var(--ctp-blue);--lavender: var(--ctp-lavender);--text: var(--ctp-text);--subtext-1: var(--ctp-subtext-1);--subtext-0: var(--ctp-subtext-0);--overlay-2: var(--ctp-overlay-2);--overlay-1: var(--ctp-overlay-1);--overlay-0: var(--ctp-overlay-0);--surface-2: var(--ctp-surface-2);--surface-1: var(--ctp-surface-1);--surface-0: var(--ctp-surface-0);--base: var(--ctp-base);--mantle: var(--ctp-mantle);--crust: var(--ctp-crust);--panel: var(--ctp-base);--panel-strong: var(--ctp-surface-0);--panel-soft: var(--ctp-mantle);--line: var(--ctp-surface-0);--line-strong: var(--ctp-surface-1);--subtext: var(--ctp-subtext-1);--muted: var(--ctp-subtext-0);--accent: var(--ctp-rosewater);--accent-strong: var(--ctp-flamingo);--accent-secondary: var(--ctp-maroon);--accent-tertiary: var(--ctp-blue);--accent-soft: color-mix(in srgb, var(--ctp-rosewater) 16%, transparent);--playhead: var(--ctp-maroon);--danger: var(--ctp-red);--warning: var(--ctp-yellow);--button-text: var(--ctp-base);--shadow: color-mix(in srgb, var(--ctp-text) 14%, transparent);--topbar-bg: var(--ctp-crust);--topbar-text: var(--ctp-text);--topbar-muted: var(--ctp-subtext-0);color:var(--text);background:var(--base)}:root[data-theme=dark],.app-shell[data-theme=dark]{color-scheme:dark;--ctp-rosewater: #f4dbd6;--ctp-flamingo: #f0c6c6;--ctp-pink: #f5bde6;--ctp-mauve: #c6a0f6;--ctp-red: #ed8796;--ctp-maroon: #ee99a0;--ctp-peach: #f5a97f;--ctp-yellow: #eed49f;--ctp-green: #a6da95;--ctp-teal: #8bd5ca;--ctp-sky: #91d7e3;--ctp-sapphire: #7dc4e4;--ctp-blue: #8aadf4;--ctp-lavender: #b7bdf8;--ctp-text: #cad3f5;--ctp-subtext-1: #b8c0e0;--ctp-subtext-0: #a5adcb;--ctp-overlay-2: #939ab7;--ctp-overlay-1: #8087a2;--ctp-overlay-0: #6e738d;--ctp-surface-2: #5b6078;--ctp-surface-1: #494d64;--ctp-surface-0: #363a4f;--ctp-base: #24273a;--ctp-mantle: #1e2030;--ctp-crust: #181926;--panel: var(--ctp-base);--panel-strong: var(--ctp-surface-0);--panel-soft: var(--ctp-mantle);--accent: var(--ctp-rosewater);--accent-soft: color-mix(in srgb, var(--ctp-rosewater) 15%, transparent);--button-text: var(--ctp-crust);--shadow: color-mix(in srgb, var(--ctp-crust) 62%, transparent);--topbar-bg: var(--ctp-crust);color:var(--text);background:var(--base)}:root{font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{min-height:72px;position:sticky;top:0;z-index:20;padding-top:8px;padding-bottom:8px;backdrop-filter:blur(14px)}.site-footer{min-height:72px;border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent)}.brand{display:grid;gap:2px;justify-self:start;color:var(--text);font-size:20px;font-weight:600;letter-spacing:0;text-decoration:none}.brand span span{color:var(--accent)}.site-header nav,.site-footer nav{display:flex;align-items:center;gap:24px}.site-nav{justify-content:center;flex:1 1 auto}.site-utility-group{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.site-account-actions,.site-mobile-actions{display:inline-flex;align-items:center;gap:10px}.site-mobile-actions{display:none}.site-header nav a,.site-footer a,.site-login-link,.site-start-link,.primary-action-link{color:var(--text);font-size:13px;font-weight:500;text-decoration:none}.site-header nav a[data-nav-id=notation]{color:color-mix(in srgb,var(--text) 82%,var(--accent-strong));font-weight:600;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--accent) 34%,transparent);text-decoration-thickness:1.5px;text-underline-offset:5px}.site-header nav a[data-nav-id=library],.site-header nav a[data-nav-id=studio]{color:color-mix(in srgb,var(--text) 78%,var(--accent-strong));font-weight:700;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--accent-strong) 58%,transparent);text-decoration-thickness:2px;text-underline-offset:5px}.site-header nav a:hover,.site-footer a:hover{color:var(--accent)}.site-header nav a[aria-current=page]{color:var(--accent-strong);font-weight:700}.site-header nav a[data-nav-id=notation]:hover,.site-header nav a[data-nav-id=notation][aria-current=page]{color:var(--accent);text-decoration-color:currentColor}.site-header nav a[data-nav-id=library]:hover,.site-header nav a[data-nav-id=studio]:hover,.site-header nav a[data-nav-id=library][aria-current=page],.site-header nav a[data-nav-id=studio][aria-current=page]{color:var(--accent-strong);text-decoration-color:currentColor}.site-footer a[data-nav-id=notation]{color:color-mix(in srgb,var(--text) 82%,var(--accent-strong));font-weight:600;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--accent) 28%,transparent);text-decoration-thickness:1.5px;text-underline-offset:5px}.site-footer a[data-nav-id=library],.site-footer a[data-nav-id=studio]{color:color-mix(in srgb,var(--text) 78%,var(--accent-strong));font-weight:700;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--accent-strong) 58%,transparent);text-decoration-thickness:2px;text-underline-offset:5px}.site-footer a[data-nav-id=notation]:hover,.site-footer a[data-nav-id=notation][aria-current=page]{color:var(--accent);text-decoration-color:currentColor}.site-footer a[data-nav-id=library]:hover,.site-footer a[data-nav-id=studio]:hover,.site-footer a[data-nav-id=library][aria-current=page],.site-footer a[data-nav-id=studio][aria-current=page]{color:var(--accent-strong);text-decoration-color:currentColor}.site-header nav a,.site-footer a,.site-login-link,.site-start-link,.shell-theme-control button,.theme-menu-button,.menu-button{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.site-login-link,.site-start-link,.primary-action-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:999px;padding:7px 15px}.site-login-link{color:var(--text);padding-inline:8px}.site-login-link:hover{color:var(--accent-strong)}.site-start-link,.primary-action-link{border:1px solid color-mix(in srgb,var(--accent) 76%,var(--line-strong));background:color-mix(in srgb,var(--accent) 28%,var(--base));color:var(--text);font-size:13px;font-weight:600;text-decoration:none;transition:background-color .16s ease,border-color .16s ease;white-space:nowrap}.site-start-link:hover,.primary-action-link:hover{border-color:var(--accent-strong);background:color-mix(in srgb,var(--accent-strong) 28%,var(--base));color:var(--text)}.site-start-link:focus-visible,.primary-action-link:focus-visible{outline:2px solid var(--text);outline-offset:3px}.menu-button{display:none;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--line-strong) 74%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel-strong) 78%,var(--panel));color:var(--text)}.menu-button[aria-expanded=true]{border-color:color-mix(in srgb,var(--accent-strong) 58%,var(--line-strong));background:color-mix(in srgb,var(--panel-strong) 92%,var(--panel));color:var(--accent-strong);box-shadow:0 8px 18px color-mix(in srgb,var(--shadow) 68%,transparent)}.menu-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.menu-icon-close,.menu-button[aria-expanded=true] .menu-icon-open{display:none}.menu-button[aria-expanded=true] .menu-icon-close{display:block}.theme-menu{position:relative}.theme-menu-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--line-strong) 74%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel-strong) 56%,var(--panel));color:var(--muted);cursor:pointer}.theme-menu-button:hover,.theme-menu.open .theme-menu-button{border-color:color-mix(in srgb,var(--accent-strong) 52%,var(--line-strong));color:var(--accent-strong)}.theme-icon{display:none;width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.theme-menu-button[data-theme-current=light] .theme-icon-sun,.theme-menu-button[data-theme-current=dark] .theme-icon-moon,.theme-menu-button[data-theme-current=system] .theme-icon-system{display:block}.shell-theme-control{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:none;min-width:160px;border:1px solid color-mix(in srgb,var(--line-strong) 82%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel-strong) 88%,var(--panel));box-shadow:0 16px 34px color-mix(in srgb,var(--shadow) 72%,transparent);padding:6px}.theme-menu.open .shell-theme-control{display:grid;gap:2px}.shell-theme-control button{display:flex;justify-content:flex-start;width:100%;min-height:34px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:500;padding:7px 10px;text-align:left}.shell-theme-control button.active{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text)}@media(max-width:900px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:64px;width:min(100% - 32px,1180px)}.site-utility-group{display:none}.site-mobile-actions,.menu-button{display:inline-flex}.site-header .site-nav{align-items:stretch;grid-column:1 / -1;justify-content:stretch;display:none;width:100%;border:1px solid color-mix(in srgb,var(--line-strong) 74%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel-strong) 86%,var(--panel));box-shadow:0 18px 36px color-mix(in srgb,var(--shadow) 72%,transparent);padding:8px}.site-header .site-nav.open{display:grid;gap:2px}.site-header .site-nav a{display:flex;align-items:center;min-height:38px;border-radius:10px;padding:9px 10px}}@media(max-width:620px){.site-header,.site-footer{width:min(100% - 24px,1180px)}.site-header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:8px}.brand{grid-column:1;grid-row:1}.menu-button{grid-column:3;grid-row:1}.site-mobile-actions{grid-column:2;grid-row:1;display:inline-flex;flex-wrap:nowrap;justify-content:flex-end;width:auto;gap:8px;padding-top:0}.site-mobile-actions .site-login-link{padding-inline:6px}.site-mobile-actions .site-start-link{min-height:34px;padding:6px 11px;white-space:nowrap}.site-mobile-actions .theme-menu{display:none}.site-header .site-nav{grid-row:2}.site-footer{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 0}.site-footer nav{flex-wrap:wrap;gap:12px 18px}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--base);color:var(--text)}h1,h2,h3{font-family:var(--font-sans);letter-spacing:0}button,select,input,textarea{font:inherit}.secondary-link,.text-link,.plan-link{color:var(--text);font-size:13px;font-weight:500;text-decoration:none}.text-link:hover{color:var(--accent)}.secondary-link,.text-link,.plan-link{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.secondary-link,.text-link,.plan-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:999px;padding:7px 15px}.secondary-link{border:1px solid color-mix(in srgb,var(--line-strong) 74%,transparent);background:color-mix(in srgb,var(--panel-strong) 42%,var(--panel))}.text-link{padding-inline:8px}.landing-shell,.landing-band{width:min(1180px,calc(100% - 48px));margin-inline:auto}.landing-shell{display:grid;grid-template-columns:minmax(0,.74fr) minmax(620px,1.26fr);gap:clamp(28px,4vw,56px);align-items:center;min-height:min(760px,calc(100vh - 104px));padding:42px 0 72px}.landing-band{display:grid;gap:22px;padding:56px 0}.landing-hero h1{margin:0;max-width:780px;font-size:clamp(40px,5.7vw,72px);font-weight:700;line-height:.98;letter-spacing:0}.landing-hero p,.section-heading p,.feature-item p,.module-item p,.studio-paths-copy p,.plan p,.content p,.content li{color:var(--muted);font-size:16px;font-weight:400;line-height:1.55}.landing-hero>p{max-width:620px;margin:18px 0 0;font-size:17px}.landing-actions{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 12px}.page-actions{display:flex;flex-wrap:wrap;gap:14px}.product-preview,.workflow-panel,.module-list,.plan,.content pre{overflow:hidden;border:1px solid color-mix(in srgb,var(--line-strong) 70%,transparent);border-radius:18px;background:color-mix(in srgb,var(--panel-strong) 58%,var(--panel))}.product-preview{box-shadow:none;position:relative}.phrase-preview{display:grid;min-height:520px}.phrase-preview-body{position:relative;display:grid;align-content:center;min-height:470px;padding:clamp(20px,3vw,34px)}.phrase-preview-copy{position:absolute;left:clamp(20px,3vw,34px);top:clamp(24px,4vw,44px);z-index:1;display:grid;gap:12px;max-width:min(360px,calc(100% - 48px))}.phrase-preview-copy pre{margin:0;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 86%,transparent),color-mix(in srgb,var(--panel) 62%,transparent)),color-mix(in srgb,var(--mantle) 72%,var(--panel));box-shadow:0 18px 42px -34px var(--shadow);color:var(--text);font:600 14px/1.8 var(--font-mono);overflow:hidden;padding:18px;white-space:pre-wrap}.phrase-preview-curve{width:100%;min-height:360px;color:var(--muted)}.phrase-preview-grid{fill:none;stroke:color-mix(in srgb,var(--line-strong) 56%,transparent);stroke-width:1}.phrase-preview-grid.vertical{stroke-dasharray:6 9}.phrase-preview-line{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-width:7}.phrase-preview-points circle{fill:var(--playhead)}.phrase-preview-labels text{fill:var(--text);font:700 15px var(--font-sans)}.phrase-preview-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}.phrase-preview-footer span{display:inline-flex;align-items:center;min-height:30px;border:1px solid color-mix(in srgb,var(--line-strong) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel-strong) 52%,var(--panel));color:var(--muted);font-size:12px;font-weight:700;padding:4px 10px}.preview-titlebar,.preview-status,.preview-transport{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-titlebar{min-height:50px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);color:var(--text);font-size:13px;font-weight:600;padding:0 18px}.preview-titlebar span:last-child,.preview-status,.preview-transport{color:var(--muted);font-size:12px;font-weight:600}.preview-grid{display:grid;grid-template-columns:minmax(240px,.92fr) minmax(280px,1fr)}.preview-score{display:grid;gap:12px}.preview-score-meta,.preview-score-footer,.preview-scale{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.preview-score-meta,.preview-score-footer{padding-inline:22px}.preview-score-meta{padding-top:18px}.preview-score-footer{border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);padding-bottom:16px;color:var(--muted);font-size:12px;font-weight:600}.preview-chip{display:inline-flex;align-items:center;min-height:28px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--text);font-size:12px;font-weight:700;padding:4px 10px}.preview-chip.subtle{border-color:color-mix(in srgb,var(--line-strong) 72%,transparent);background:color-mix(in srgb,var(--panel-strong) 54%,var(--panel));color:var(--muted)}.preview-grid pre,.content pre,.sample-panel pre,.feature-item code{margin:0;color:var(--text);font:500 13px/1.72 var(--font-mono);overflow:auto;white-space:pre-wrap}.preview-grid pre{min-height:350px;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 18%,transparent),transparent 22%),color-mix(in srgb,var(--mantle) 72%,var(--panel));padding:22px}.preview-curve{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:350px;padding:18px 18px 14px}.preview-transport{border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel-strong) 72%,transparent);padding:9px 10px}.play-dot{color:var(--green)}.preview-curve svg{width:100%;min-height:220px;color:var(--muted)}.preview-curve svg text{fill:currentColor;font:500 13px var(--font-sans)}.preview-curve circle{fill:var(--playhead)}.curve-grid{fill:none;stroke:color-mix(in srgb,var(--line-strong) 66%,transparent);stroke-width:1}.curve-grid.vertical{stroke-dasharray:5 8}.curve-playhead{fill:none;stroke:var(--overlay-1);stroke-dasharray:5 6;stroke-width:2}.curve-line{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.preview-scale{justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);margin-top:10px;padding:10px 18px 0;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:0}.preview-note-lane{display:grid;grid-template-columns:repeat(5,minmax(46px,1fr));margin:14px 4px 8px}.preview-note-lane span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border:1px solid color-mix(in srgb,var(--line-strong) 72%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel-strong) 74%,var(--panel));color:var(--text);font-size:13px;font-weight:500}.preview-actions{display:flex;gap:8px;justify-content:flex-start;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);padding-top:10px}.preview-button{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:30px;border-radius:9px;background:var(--accent);color:var(--button-text);font-size:12px;font-weight:600;padding:4px 10px}.preview-button.muted{background:var(--surface-0);color:var(--overlay-1)}.section-heading.centered{display:grid;justify-items:center;text-align:center}.section-heading.centered h2,.studio-paths-copy h2,.page-hero h1{margin:0;color:var(--text);font-size:clamp(30px,4vw,50px);font-weight:700;line-height:1;letter-spacing:0}.eyebrow{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:0}.workflow-panel,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-panel{position:relative;background:color-mix(in srgb,var(--panel-strong) 56%,var(--panel))}.feature-item{display:grid;gap:12px;align-content:start;min-height:190px;border-right:1px solid color-mix(in srgb,var(--line) 76%,transparent);padding:22px}.feature-item:last-child{border-right:0}.feature-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.feature-item-header span:first-child,.module-item>span{color:var(--accent-secondary);font-size:13px;font-weight:600}.feature-item h3,.module-item h3{margin:0;color:var(--text);font-size:18px;font-weight:600;line-height:1.2}.feature-item code{display:inline-flex;width:fit-content;max-width:100%;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:10px;background:color-mix(in srgb,var(--mantle) 76%,transparent);color:var(--subtext);padding:6px 9px}.mini-curve{width:min(220px,100%);height:48px;display:block}.mini-curve-line{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.mini-curve-point{fill:var(--playhead)}.studio-paths{grid-template-columns:minmax(280px,.7fr) minmax(420px,1.3fr);align-items:center;gap:34px}.studio-paths{padding-top:36px}.studio-paths-copy{display:grid;gap:14px}.module-list{display:grid;background:color-mix(in srgb,var(--panel-strong) 48%,var(--panel))}.module-item{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px;align-items:start;padding:18px;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}.module-item:last-child{border-bottom:0}.module-item div{display:grid;gap:8px}.module-item a{width:fit-content;color:var(--accent);font-size:13px;font-weight:700;text-decoration:none}.module-item a:hover{color:var(--accent-strong)}.page-hero,.pricing-grid,.content{width:min(1120px,calc(100% - 56px));margin:0 auto;padding:60px 0}.account-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,420px);gap:20px;align-items:start;width:min(1120px,calc(100% - 56px));margin:0 auto;padding:60px 0 76px}.account-intro{display:grid;gap:16px;padding-top:16px}.account-intro h1,.account-status-panel h1{margin:0;color:var(--text);font-size:clamp(38px,6vw,72px);font-weight:700;line-height:.96}.account-intro p,.account-plan-note p,.account-note,.account-status-panel p{color:var(--muted)}.account-card,.account-plan-note,.account-status-panel{display:grid;gap:14px;border:1px solid color-mix(in srgb,var(--line-strong) 72%,transparent);border-radius:18px;background:color-mix(in srgb,var(--panel-strong) 56%,var(--panel));padding:20px}.account-status-panel{width:min(760px,calc(100% - 56px));margin:60px auto 76px}.account-mode-toggle{display:inline-flex;gap:4px;width:fit-content;border:1px solid color-mix(in srgb,var(--line-strong) 72%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel) 70%,transparent);padding:4px}.account-mode-toggle button{min-height:34px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-weight:600;padding:7px 12px}.account-mode-toggle button.active{background:var(--accent);color:var(--button-text)}.account-field{display:grid;gap:7px}.account-field span{color:var(--muted);font-size:12px;font-weight:700}.account-field input{min-height:42px;border:1px solid color-mix(in srgb,var(--line-strong) 82%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--text);padding:9px 11px}.account-submit{min-height:42px;border:1px solid color-mix(in srgb,var(--accent) 76%,var(--line-strong));border-radius:999px;background:var(--accent);color:var(--button-text);cursor:pointer;font-weight:700;padding:9px 16px}.account-submit:disabled{cursor:wait;opacity:.65}.account-note,.account-message{margin:0;font-size:13px;line-height:1.45}.account-message{color:var(--accent-strong)}.account-plan-note{grid-column:2}.account-plan-note h2{margin:0;color:var(--text);font-size:26px;line-height:1}.page-hero.narrow{width:min(900px,calc(100% - 56px))}.about-hero,.pricing-hero{display:grid;gap:16px}.page-hero p{max-width:780px}.content-stack{display:grid;gap:28px}.content-stack>section{display:grid;gap:12px}.notation-reference{gap:24px}.notation-reference>section{display:grid;gap:12px}.notation-reference h3{margin:0;color:var(--text);font-size:24px;line-height:1.1}.feature-list{margin:0;padding-left:20px}.sample-panel{display:grid;gap:14px;border:1px solid color-mix(in srgb,var(--line-strong) 70%,transparent);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 18%,transparent),transparent 28%),color-mix(in srgb,var(--panel-strong) 48%,var(--panel));padding:18px}.sample-panel pre{padding:16px;border-radius:14px;background:color-mix(in srgb,var(--mantle) 70%,var(--panel))}.sample-panel p{margin:0}.pricing-grid{gap:14px;padding-top:4px;padding-bottom:28px}.plan{display:grid;align-content:start;gap:10px;min-height:0;padding:20px}.plan.featured{border-color:color-mix(in srgb,var(--accent) 80%,var(--line-strong));background:color-mix(in srgb,var(--panel-strong) 58%,var(--panel))}.plan-badge{width:fit-content;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--subtext);font-size:11px;font-weight:700;padding:4px 10px}.plan h2,.plan h3,.plan p{margin:0}.plan ul{margin:8px 0 0;padding-left:20px}.plan-link{justify-content:flex-start;width:fit-content;margin-top:6px;border:1px solid color-mix(in srgb,var(--line-strong) 74%,transparent);background:color-mix(in srgb,var(--panel-strong) 52%,var(--panel))}.plan-note{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.price{display:flex;align-items:baseline;gap:10px;margin:0;color:var(--accent-strong);font-size:20px;font-weight:600}.price s{color:var(--muted);font-size:15px;font-weight:500}.pricing-note{width:min(860px,calc(100% - 56px));padding-top:0}.content{width:min(860px,calc(100% - 56px))}.notation-doc{width:min(1120px,calc(100% - 56px))}.notation-doc header,.about-doc header{display:grid;gap:8px}.notation-doc h1,.about-doc h1{margin:0;color:var(--text);font-size:clamp(38px,5vw,58px);line-height:.98}.public-about{width:min(980px,calc(100% - 56px));padding-top:72px}.about-public-hero{display:grid;gap:16px}.about-public-hero h1{max-width:900px;font-size:clamp(42px,6vw,72px)}.about-public-hero>p{max-width:760px;margin:0;color:var(--muted);font-size:clamp(18px,2.2vw,23px);line-height:1.45}.about-statement{border-top:1px solid color-mix(in srgb,var(--line-strong) 64%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line-strong) 64%,transparent);padding:28px 0}.about-statement p{color:var(--subtext);font-size:19px}.about-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.about-audience-card{display:grid;align-content:start;gap:10px;border:1px solid color-mix(in srgb,var(--line-strong) 72%,transparent);border-radius:18px;background:color-mix(in srgb,var(--panel-strong) 52%,var(--panel));padding:18px}.about-audience-card h3{margin:0;color:var(--accent-strong);font-size:18px}.about-audience-card p{margin:0}.about-possibility-list{display:grid;gap:10px;margin:4px 0 0;padding:0;list-style:none}.about-possibility-list li{border-left:3px solid var(--accent);border-radius:12px;background:color-mix(in srgb,var(--panel-strong) 44%,transparent);padding:12px 14px}.content pre{padding:16px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{background-attachment:scroll}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:900px){.landing-shell,.landing-band{width:min(100% - 28px,1180px)}.landing-shell,.preview-grid,.workflow-panel,.studio-paths,.about-audience-grid,.pricing-grid,.account-shell{grid-template-columns:1fr}.landing-shell{min-height:0;gap:22px;padding:18px 0 46px}.landing-hero h1{font-size:clamp(32px,8.6vw,46px)}.landing-hero>p{margin-top:14px}.landing-actions{margin-top:20px}.page-actions{gap:10px}.feature-item{min-height:0;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}.feature-item:last-child{border-bottom:0}.preview-grid pre{min-height:280px;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.preview-curve{min-height:260px}.preview-score-meta,.preview-score-footer,.preview-scale{padding-inline:16px}.preview-score-footer{gap:12px}.pricing-note,.content,.account-shell,.account-status-panel{width:min(100% - 28px,860px)}.account-shell{gap:14px;padding:36px 0 54px}.account-plan-note{grid-column:auto}}