:root{--background:#fffaf0;--foreground:#111;--muted:#6f6a61;--border:#111;--accent-red:#ff4d4d;--accent-yellow:#ffe45e;--accent-blue:#4d8dff;--accent-green:#51d88a;--panel:#fff;--shadow-hard:6px 6px 0 var(--border);--shadow-hard-sm:4px 4px 0 var(--border);--container:1120px;--radius:14px;--border-width:2.5px;--content-head:720px;--content-prose:820px;--content-hero:900px;--section-head-gap:40px;--font-display:"Bricolage Grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-sans:"Inter", "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", ui-monospace, "Cascadia Code", "Fira Code", Menlo, Consolas, monospace;--fs-micro:.75rem;--fs-fine:.8125rem;--fs-small:.875rem;--fs-base:1rem;--fs-lead:1.125rem;--fs-title:1.25rem;--fs-xl:1.5rem;--tracking-caps:.12em;--measure:34rem}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(#1111110f 1.4px,#0000 1.4px);background-size:26px 26px;font-weight:500;line-height:1.5}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}ul{list-style:none}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}.section{padding-block:88px}.eyebrow{font-size:var(--fs-micro);letter-spacing:var(--tracking-caps);text-transform:uppercase;border:var(--border-width) solid var(--border);background:var(--panel);border-radius:999px;margin-bottom:22px;padding:6px 12px;font-weight:800;display:inline-block}.display{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1}p,.eyebrow,.plan__feature,.try-hint{text-wrap:pretty}.btn{font-weight:800;font-size:var(--fs-base);letter-spacing:-.01em;border:var(--border-width) solid var(--border);background:var(--panel);color:var(--foreground);box-shadow:var(--shadow-hard-sm);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:15px 26px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover{box-shadow:6px 6px 0 var(--border);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0 var(--border);transform:translate(2px,2px)}.btn-primary{background:var(--foreground);color:var(--background)}.btn:focus-visible,a:focus-visible,.faq__question:focus-visible{outline-offset:3px;box-shadow:0 0 0 2px var(--background), 0 0 0 5px var(--border);outline:2px solid #0000}.card{background:var(--panel);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-hard-sm)}.swatch{border:var(--border-width) solid var(--border);border-radius:8px;flex:none;width:34px;height:34px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--foreground);color:var(--background);border:var(--border-width) solid var(--border);border-radius:10px;padding:12px 18px;font-weight:800;transition:transform .12s;position:absolute;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.hero{padding-top:72px;padding-bottom:64px}.hero__inner{max-width:var(--container)}.hero__headline{margin-block:8px 18px;font-size:clamp(2.75rem,9vw,6rem)}.hero__palette{gap:10px;margin-bottom:26px;display:flex}.hero__subheadline{max-width:640px;color:var(--foreground);margin-bottom:30px;font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:500;line-height:1.35}.hero__ctas{flex-wrap:wrap;gap:14px;margin-bottom:26px;display:flex}.hero__microcopy{font-size:var(--fs-small);color:var(--muted);max-width:560px}.problem{border-top:var(--border-width) solid var(--border);background:var(--accent-yellow)}.problem__inner{max-width:var(--container)}.problem__headline{margin-block:6px 20px;font-size:clamp(2rem,5.5vw,3.4rem)}.problem__body{max-width:720px;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:500}.demo{border-top:var(--border-width) solid var(--border)}.demo__head{max-width:var(--content-head);margin-bottom:var(--section-head-gap)}.demo__headline{margin-block:6px 16px;font-size:clamp(2rem,5vw,3.2rem)}.demo__lead{font-size:var(--fs-lead);color:var(--muted);max-width:560px}.demo__standalone{font-size:var(--fs-small);margin-top:14px}.demo__standalone a{text-underline-offset:3px;font-weight:600;text-decoration:underline}.features{border-top:var(--border-width) solid var(--border);background:var(--panel)}.features__head{max-width:var(--content-head);margin-bottom:var(--section-head-gap)}.features__headline{margin-top:6px;font-size:clamp(2rem,5vw,3.2rem)}.features__grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.feature{background:var(--background);flex-direction:column;gap:10px;padding:22px;display:flex}.feature__marker{border:var(--border-width) solid var(--border);border-radius:6px;width:22px;height:22px}.feature__title{font-family:var(--font-display);font-size:var(--fs-lead);letter-spacing:-.01em;font-weight:800}.feature__desc{font-size:var(--fs-small);color:var(--muted)}.how{border-top:var(--border-width) solid var(--border)}.how__head{max-width:var(--content-head);margin-bottom:var(--section-head-gap)}.how__headline{margin-top:6px;font-size:clamp(2rem,5vw,3.2rem)}.how__steps{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.how__step{flex-direction:column;align-items:flex-start;gap:16px;padding:24px;display:flex}.how__badge{border:var(--border-width) solid var(--border);width:48px;height:48px;font-family:var(--font-display);font-size:var(--fs-xl);border-radius:12px;justify-content:center;align-items:center;font-weight:800;display:flex}.how__step-title{font-family:var(--font-display);font-size:var(--fs-lead);letter-spacing:-.01em;font-weight:800}.pricing{border-top:var(--border-width) solid var(--border);background:var(--accent-blue)}.pricing__head{max-width:var(--content-head);margin-bottom:var(--section-head-gap)}.pricing__headline{margin-top:6px;font-size:clamp(2rem,5vw,3.2rem)}.pricing__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;max-width:760px;margin-inline:auto;display:grid}.plan{background:var(--panel);flex-direction:column;gap:16px;padding:28px;display:flex;position:relative}.plan--recommended{box-shadow:var(--shadow-hard);background:var(--accent-yellow);transform:translateY(-8px)}.plan__flag{font-size:var(--fs-micro);letter-spacing:var(--tracking-caps);text-transform:uppercase;background:var(--foreground);color:var(--background);border:var(--border-width) solid var(--border);border-radius:999px;padding:5px 12px;font-weight:800;position:absolute;top:-14px;right:20px}.plan__name{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:800}.plan__price{align-items:baseline;gap:8px;display:flex}.plan__amount{font-family:var(--font-display);letter-spacing:-.03em;font-size:2.6rem;font-weight:800}.plan__cadence{font-size:var(--fs-small);color:var(--muted);font-weight:600}.plan__features{flex-direction:column;flex:1;gap:10px;display:flex}.plan__feature{font-size:var(--fs-base);overflow-wrap:anywhere;align-items:flex-start;gap:10px;min-width:0;font-weight:500;display:flex}.plan__check{color:var(--foreground);flex-shrink:0;font-weight:800;line-height:1.4}.plan__cta{width:100%}.faq{border-top:var(--border-width) solid var(--border)}.faq__head{max-width:var(--content-head);margin-bottom:var(--section-head-gap)}.faq__headline{margin-top:6px;font-size:clamp(2rem,5vw,3.2rem)}.faq__list{max-width:var(--content-prose);flex-direction:column;gap:14px;display:flex}.faq__item{padding:0;overflow:hidden}.faq__item--open{box-shadow:var(--shadow-hard-sm)}.faq__question{text-align:left;width:100%;font-family:var(--font-display);font-size:var(--fs-lead);letter-spacing:-.01em;color:var(--foreground);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-weight:800;display:flex}.faq__icon{flex:none;font-size:1.5rem;font-weight:800;line-height:1}.faq__answer{color:var(--muted);font-size:var(--fs-base);max-width:var(--measure);padding:0 22px 22px;line-height:1.55}.footer{border-top:var(--border-width) solid var(--border);background:var(--foreground);color:var(--background);padding-top:56px}.footer__inner{grid-template-columns:1.5fr 1fr 1fr;gap:32px;padding-bottom:40px;display:grid}.footer__mark{aspect-ratio:1951/1653;width:160px;height:auto;margin-bottom:18px;display:block;overflow:visible}.footer__mark-layer{transition:transform .7s cubic-bezier(.22,.8,.24,1);transition-delay:var(--delay,0s);transform:translate(0)}.footer__mark--in .footer__mark-layer{transform:translate(var(--tx), var(--ty))}@media (prefers-reduced-motion:reduce){.footer__mark-layer{transform:translate(var(--tx), var(--ty));transition:none}}.footer__tagline{font-family:var(--font-display);font-size:var(--fs-title);letter-spacing:-.02em;max-width:320px;font-weight:800}.footer__links{flex-direction:column;gap:10px;display:flex}.footer__links a{color:var(--background);opacity:.85;font-weight:600}.footer__links a:hover{opacity:1;text-decoration:underline}.footer__contact{flex-direction:column;gap:6px;display:flex}.footer__contact-label{font-size:var(--fs-micro);letter-spacing:var(--tracking-caps);text-transform:uppercase;opacity:.6;font-weight:800}.footer__email{font-weight:800;font-size:var(--fs-base);color:var(--accent-yellow)}.footer__email:hover{text-decoration:underline}.footer__baseline{font-size:var(--fs-fine);opacity:.75;border-top:1px solid #fffaf033;justify-content:space-between;gap:16px;padding-block:20px;display:flex}.footer__madeby a{color:inherit;text-underline-offset:2px;font-weight:600;text-decoration:underline}.footer__madeby a:hover{color:var(--accent-yellow)}.try-hero{padding-top:64px;padding-bottom:40px}.try-hero__inner{max-width:var(--content-hero)}.try-hero__headline{margin-block:8px 18px;font-size:clamp(2.5rem,8vw,5rem)}.try-hero__palette{gap:10px;margin-bottom:24px;display:flex}.try-hero__subheadline{max-width:620px;margin-bottom:26px;font-size:clamp(1.05rem,2.2vw,1.4rem);font-weight:500}.try-demo{border-top:var(--border-width) solid var(--border);padding-top:48px}.try-loading{color:var(--muted);font-weight:700}.try{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"upload preview""actions actions";align-items:start;gap:20px;display:grid}.try-upload{grid-area:upload}.try-preview{grid-area:preview}.try-actions{grid-area:actions}.try-control--divided{border-top:1.5px solid #1111111f;margin-top:18px;padding-top:18px}.try-sample-btn__hint{color:var(--muted);font-weight:600}.try-panel{background:var(--panel);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-hard-sm);padding:20px}.try-field-label{font-size:var(--fs-micro);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-weight:800;display:block}.try-note{color:var(--muted);margin-top:12px;font-size:.92rem;font-weight:600}.try-note--error{color:var(--foreground);background:var(--accent-red);border:var(--border-width) solid var(--border);border-radius:10px;padding:10px 12px;font-weight:700}.try-dropzone{border:var(--border-width) dashed var(--border);background:var(--background);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:30px 20px;transition:transform 80ms,box-shadow 80ms,background 80ms;display:flex}.try-dropzone:hover,.try-dropzone--active{background:var(--accent-yellow);box-shadow:var(--shadow-hard-sm);transform:translate(-2px,-2px)}.try-dropzone:focus-within{box-shadow:0 0 0 2px var(--background), 0 0 0 5px var(--border);outline:2px solid #0000}.try-dropzone__icon{font-size:1.8rem;font-weight:800;line-height:1}.try-dropzone__label{font-size:1.05rem;font-weight:800}.try-dropzone__sub{color:var(--muted);letter-spacing:.03em;font-size:.78rem}.try-samples{margin-top:18px}.try-samples__row{flex-wrap:wrap;gap:10px;display:flex}.try-samples .try-hint{margin-top:10px}.try-sample-btn{padding:10px 14px;font-size:.86rem}.try-status{margin-top:4px}.try-sample-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.try-source-heading{margin-bottom:16px}.try-source-group{border-top:1.5px solid #1111111f;margin-top:18px;padding-top:18px}.try-installed,.try-installed__picker{flex-direction:column;gap:10px;display:flex}.try-search,.try-select{border:var(--border-width) solid var(--border);background:var(--background);width:100%;max-width:100%;color:var(--foreground);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:.92rem;font-weight:700}.try-search:focus-visible,.try-select:focus-visible{box-shadow:0 0 0 2px var(--background), 0 0 0 5px var(--border);outline:2px solid #0000}.try-select:disabled{opacity:.55;cursor:not-allowed}.try-hint{color:var(--muted);font-size:.78rem;line-height:1.4}.try-fontinfo{border-top:1.5px solid #1111111f;margin-top:16px;padding-top:16px}.try-fontinfo__name{letter-spacing:-.01em;font-size:1.1rem;font-weight:800}.try-fontinfo__meta{color:var(--muted);margin-top:2px;font-size:.9rem}.try-warnings{flex-direction:column;gap:6px;margin-top:10px;display:flex}.try-warnings li{color:var(--foreground);background:var(--accent-yellow);border:1.5px solid var(--border);border-radius:8px;padding:7px 10px;font-size:.82rem;line-height:1.35}.try-preview__stage{border:var(--border-width) solid var(--border);--checker:22px;background-color:#fff;background-image:linear-gradient(45deg,#11111114 25%,#0000 25%),linear-gradient(-45deg,#11111114 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#11111114 75%),linear-gradient(-45deg,#0000 75%,#11111114 75%);background-size:var(--checker) var(--checker);background-position:0 0, 0 calc(var(--checker) / 2), calc(var(--checker) / 2) calc(var(--checker) / -2), calc(var(--checker) / -2) 0;border-radius:12px;justify-content:center;align-items:center;min-height:300px;padding:24px;transition:background-size .1s,background-position .1s;display:flex;position:relative;overflow:hidden}.try-preview__art{justify-content:center;align-items:center;max-width:100%;display:flex}.try-preview__overlay{text-align:center;color:#0000;-webkit-text-fill-color:transparent;font-palette:--yyc-overlay;width:100%;height:100%;caret-color:var(--accent-blue);cursor:text;background:0 0;border:none;outline:none;margin:0;padding:0;font-family:inherit;font-weight:400;line-height:1;position:absolute;inset:0}.try-preview__overlay::selection{background:#4d8dff38}.try-preview__edit-hint{color:var(--muted);text-align:center;margin-top:8px;font-size:.78rem}.try-preview__art svg{max-width:100%;height:auto}.try-preview__empty{color:var(--muted);text-align:center;max-width:320px;font-weight:700}.try-warnings-live{margin-top:14px}.try-control+.try-control{margin-top:18px}.try-textarea{resize:vertical;border:var(--border-width) solid var(--border);background:var(--background);width:100%;color:var(--foreground);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:1rem;font-weight:700}.try-textarea:focus-visible{box-shadow:0 0 0 2px var(--background), 0 0 0 5px var(--border);outline:2px solid #0000}.try-range{width:100%;accent-color:var(--accent-blue)}.try-range:focus-visible{box-shadow:0 0 0 2px var(--background), 0 0 0 5px var(--border);border-radius:6px;outline:2px solid #0000}.try-palette__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.try-palette__head .try-field-label{margin-bottom:0}.try-reset-btn{box-shadow:none;padding:8px 12px;font-size:.82rem}.try-palette__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.try-swatch{border:var(--border-width) solid var(--border);background:var(--background);border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.try-swatch--fallback{margin-top:12px}.try-swatch__input{border:var(--border-width) solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex:none;block-size:40px;inline-size:40px;padding:0}.try-swatch__input::-webkit-color-swatch-wrapper{padding:2px}.try-swatch__input::-webkit-color-swatch{border:none;border-radius:5px}.try-swatch__input::-moz-color-swatch{border:none;border-radius:5px}.try-swatch__input:focus-visible{box-shadow:0 0 0 2px var(--background), 0 0 0 5px var(--border);outline:2px solid #0000}.try-swatch__meta{cursor:pointer;flex-direction:column;gap:2px;min-width:0;display:flex}.try-swatch__label{letter-spacing:-.01em;font-size:.8rem;font-weight:800}.try-swatch__hex{font-family:var(--font-mono);color:var(--muted);font-size:.7rem}.try-actions{flex-wrap:wrap;gap:12px;display:flex}.try-action-btn{flex:1;min-width:150px}.try-action-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--shadow-hard-sm);transform:none}@media (max-width:860px){.try{grid-template-columns:1fr;grid-template-areas:"upload""preview""actions"}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.btn:hover,.btn:active{transform:none}}@media (max-width:960px){.features__grid,.how__steps{grid-template-columns:repeat(2,1fr)}.pricing__grid{grid-template-columns:1fr}.plan--recommended{transform:none}.footer__inner{grid-template-columns:1fr 1fr}}@media (max-width:720px){.section{padding-block:60px}.container{padding-inline:18px}.features__grid,.how__steps{grid-template-columns:1fr}.footer__inner{grid-template-columns:1fr;gap:24px}.footer__baseline{flex-direction:column;gap:6px}}