@font-face { font-family: 'Inter'; font-weight: 400; font-style: normal; font-display: swap; src: url('/designer/fonts/inter-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 700; font-style: normal; font-display: swap; src: url('/designer/fonts/inter-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 400; font-style: normal; font-display: swap; src: url('/designer/fonts/inter-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 700; font-style: normal; font-display: swap; src: url('/designer/fonts/inter-latin-700-normal.woff2') format('woff2'); }
html:root { --accent: #1b9e0a; --on-accent: #ffffff; --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --font-heading: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --radius: 7px; --rk: 0.700; --r-btn: 6px; font-size: 15.43px; }
html:root body { font-family: var(--font); font-size: 13.5px; line-height: 1.35; letter-spacing: 0em; }
html:root h1, html:root h2, html:root h3, html:root .h1 { font-family: var(--font-heading); font-weight: 800; }
html:root h1 { font-size: 1.92rem; }
html:root h2 { font-size: 0.96rem;  }
html:root .brand, html:root .brand-name { font-family: var(--font-heading); }
html:root .btn, html:root .text-btn, html:root .tb2, html:root .pill, html:root .chip { border-radius: var(--r-btn); }
html:root .btn.primary, html:root .pill.primary, html:root .chip.active, html:root .brand-mark { color: var(--on-accent); }
html:root .dialog, html:root .pp, html:root .pop, html:root .mask, html:root .adj, html:root .app.studio .stage-wrap > .actionbar, html:root .app.studio .stage-wrap > .stagebar { box-shadow: 0 8px 26px rgb(16 24 40 / 20%); }
html:root .pd-rich {  line-height: 1.35; } html:root .pd-rich p { margin: 0 0 0.6em; } html:root .pd-rich a { color: #081191; text-decoration: underline; } html:root .pd-rich h1, html:root .pd-rich h2, html:root .pd-rich h3, html:root .pd-rich h4 { font-family: var(--font-heading);  margin: .9em 0 .35em; text-transform: none; letter-spacing: 0; }
html:root .pd-rich ul { list-style: disc; padding-left: 1.2em; }
html:root .brand-logo { height: 38px; width: auto; max-width: 220px; object-fit: contain; }