.public-page.chroma-project{background:#f0eee5;padding:58px 0 0;container-type:inline-size}.chroma-project .chroma-hero__actions{align-items:center}.chroma-project__body{grid-template-columns:200px minmax(0,760px);align-items:start;gap:48px;max-width:1056px;margin:0 auto;padding:62px 24px 80px;display:grid}.chroma-project__nav{top:calc(var(--nav-height) + 32px);font-family:Barlow,sans-serif;font-size:1rem;line-height:1.5;position:sticky}.chroma-project__nav p{color:#505c53;margin:0 0 12px;font-weight:600}.chroma-project__nav ul{margin:0;padding:0;list-style:none}.chroma-project__nav a{color:#3e4841;text-underline-offset:4px;padding:10px 0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:block}.chroma-project__nav a:hover,.chroma-project__nav a:focus-visible{color:#a32e25;text-decoration-color:currentColor}html:has(.chroma-project){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.chroma-project){scroll-behavior:auto}}@media (max-width:1000px){.chroma-project__body{max-width:808px;display:block}.chroma-project__nav{border-bottom:1px solid #bcc4ba;margin-bottom:40px;padding-bottom:24px;position:static}.chroma-project__nav ul{flex-wrap:wrap;gap:0 24px;display:flex}}.public-page.chroma-project .chroma-project__content{color:#1a211e;width:100%;min-width:0;max-width:760px;margin:0 auto;font-family:Barlow,sans-serif;font-size:1.125rem;line-height:1.75}.chroma-project__screenshots{z-index:1;width:calc(50cqw + 50% - 124px);margin-bottom:20px;position:relative}.chroma-project__screenshots .screenshots-section{padding-block:0}@media (min-width:1001px){.public-page.chroma-project .chroma-project__screenshots .container{max-width:none;padding-left:0}}@media (max-width:1000px){.chroma-project__screenshots{width:100cqw;margin-left:calc(50% - 50cqw)}}.public-page.chroma-project .chroma-project__content h2{letter-spacing:-.02em;color:#1a211e;text-wrap:balance;margin:0 0 16px;font-family:Barlow,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.3}.public-page.chroma-project .chroma-project__content h3{text-wrap:balance;margin:30px 0 10px;font-size:1.25rem;font-weight:600;line-height:1.4}.public-page.chroma-project .chroma-project__content p{color:inherit;font-size:inherit;line-height:inherit;margin:0 0 20px}.public-page.chroma-project .chroma-project__content :is(ul,ol):not([class]){margin:0 0 24px;padding-inline-start:1.75em;list-style-position:outside}.public-page.chroma-project .chroma-project__content ul:not([class]){list-style-type:disc}.public-page.chroma-project .chroma-project__content ol:not([class]){list-style-type:decimal}.public-page.chroma-project .chroma-project__content :is(ul,ol):not([class])>li{padding-inline-start:.25em;display:list-item}.public-page.chroma-project .chroma-project__content :is(ul,ol):not([class])>li+li{margin-top:8px}.public-page.chroma-project .chroma-project__content :is(ul,ol):not([class])>li::marker{color:#a32e25;font-weight:600}.public-page.chroma-project .chroma-project__content :is(ul,ol):not([class]) :is(ul,ol):not([class]){margin-block:10px 0}.public-page.chroma-project .chroma-project__content>section{margin:48px 0}.public-page.chroma-project .chroma-project__content a{color:#a32e25;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.public-page.chroma-project .chroma-project__content a:hover{color:#952a20;text-decoration-thickness:2px}.public-page.chroma-project .chroma-project__content a:focus-visible{outline-offset:4px;outline:2px solid}.public-page.chroma-project .chroma-project__content figure{margin:40px 0}.public-page.chroma-project .chroma-project__content figure img{width:100%;height:auto;display:block}.public-page.chroma-project .chroma-project__content figcaption{color:#505c53;margin-top:12px;font-size:.875rem;line-height:1.5}.public-page.chroma-project .chroma-project__contact{border-top:1px solid #bcc4ba;padding-top:24px}@media (max-width:640px){.chroma-project__body{padding-block:38px 56px}.public-page.chroma-project .chroma-project__content{font-size:1.0625rem}}.chroma-signup{background:#eeeee7;border:1px solid #bcc4ba;padding:28px}.chroma-signup label{margin-bottom:8px;font-size:1rem;font-weight:600;display:block}.chroma-signup__fields{gap:12px;display:flex}.chroma-signup__fields input{color:#1a211e;min-width:0;min-height:50px;font:inherit;background:#f0eee5;border:1px solid #9ba798;border-radius:2px;flex:1;padding:12px 14px;font-size:1rem}.chroma-signup__fields input::placeholder{color:#505c53}.chroma-signup__fields button{color:#fff;min-height:50px;font:inherit;cursor:pointer;background:#a32e25;border:0;border-radius:2px;padding:12px 22px;font-size:1rem;font-weight:600}.chroma-signup__fields button:hover{background:#952a20}.chroma-signup__fields button:disabled{opacity:.65;cursor:wait}.chroma-signup__fields :focus-visible{outline-offset:3px;outline:2px solid #a32e25}.public-page .chroma-signup .chroma-signup__fine{color:#505c53;margin:12px 0 0;font-size:.875rem;line-height:1.5}.chroma-signup__trap{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.chroma-signup__status{align-items:flex-start;gap:10px;display:flex}.chroma-signup__status:empty{display:none}.chroma-signup__status--error{color:#a32e25;margin-top:16px}.chroma-signup__status--success{color:#22643c}.chroma-signup__status svg{flex:none;margin-top:5px}.public-page .chroma-signup__status p{margin:0}@media (max-width:640px){.chroma-signup{padding:20px}.chroma-signup__fields{flex-direction:column}}.public-page.chroma-project .chroma-free-note{color:#1a211e;background:#eeeee7;border:2px solid #a32e25;border-left-width:8px;max-width:1008px;margin:48px auto 0;padding:clamp(24px,4vw,44px);font-family:Barlow,sans-serif}.public-page.chroma-project .chroma-free-note__label{color:#a32e25;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.875rem;font-weight:700}.public-page.chroma-project .chroma-free-note h2{color:#1a211e;letter-spacing:-.02em;text-wrap:balance;margin:0 0 22px;font-family:Barlow,sans-serif;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.15}.public-page.chroma-project .chroma-free-note>p:not(.chroma-free-note__label){max-width:760px;color:inherit;margin:0 0 18px;font-size:1.125rem;line-height:1.7}.public-page.chroma-project .chroma-free-note>p:last-child{margin-bottom:0}@media (max-width:1056px){.public-page.chroma-project .chroma-free-note{margin-inline:24px}}@media (max-width:640px){.public-page.chroma-project .chroma-free-note{margin-top:28px}.public-page.chroma-project .chroma-free-note>p:not(.chroma-free-note__label){font-size:1.0625rem}}