: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;--font-sans:"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}*,: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{letter-spacing:.14em;text-transform:uppercase;border:var(--border-width) solid var(--border);background:var(--panel);border-radius:999px;margin-bottom:22px;padding:6px 12px;font-size:.78rem;font-weight:800;display:inline-block}.display{letter-spacing:-.03em;font-weight:800;line-height:.98}.btn{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;font-size:1.02rem;font-weight:800;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-accent{background:var(--accent-yellow);color:var(--foreground)}.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}.hero{padding-top:72px;padding-bottom:64px}.hero__inner{max-width:900px}.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}.hero__ctas{flex-wrap:wrap;gap:14px;margin-bottom:26px;display:flex}.hero__microcopy{color:var(--muted);max-width:560px;font-size:.95rem}.problem{border-top:var(--border-width) solid var(--border);background:var(--accent-yellow)}.problem__inner{max-width:820px}.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:720px;margin-bottom:44px}.demo__headline{margin-block:6px 16px;font-size:clamp(2rem,5vw,3.2rem)}.demo__lead{color:var(--muted);max-width:560px;font-size:1.1rem}.plugin{max-width:440px;box-shadow:var(--shadow-hard);margin-inline:auto;overflow:hidden}.plugin__bar{border-bottom:var(--border-width) solid var(--border);background:var(--foreground);color:var(--background);align-items:center;gap:12px;padding:12px 16px;display:flex}.plugin__dots{gap:6px;display:inline-flex}.plugin__dots i{border:1.5px solid var(--background);border-radius:999px;width:12px;height:12px;display:block}.plugin__title{letter-spacing:-.01em;font-weight:800}.plugin__body{flex-direction:column;gap:10px;padding:20px;display:flex}.plugin__upload{border:var(--border-width) dashed var(--border);background:var(--background);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-bottom:6px;padding:22px;display:flex}.plugin__upload-icon{font-size:1.5rem;font-weight:800;line-height:1}.plugin__upload-label{font-weight:800}.plugin__upload-sub{color:var(--muted);letter-spacing:.04em;font-size:.78rem}.plugin__field-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:.72rem;font-weight:800}.plugin__input{border:var(--border-width) solid var(--border);background:var(--background);border-radius:10px;align-items:center;padding:12px 14px;font-weight:700;display:flex}.plugin__caret{background:var(--foreground);width:2px;height:1.1em;margin-left:2px;animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.plugin__swatches{gap:10px;display:flex}.plugin__swatch{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.plugin__swatch-hex{font-family:var(--font-mono);color:var(--muted);font-size:.62rem}.plugin__preview{border:var(--border-width) solid var(--border);background:var(--background);letter-spacing:-.04em;border-radius:12px;justify-content:center;gap:2px;padding:18px 8px;font-size:clamp(2.6rem,12vw,4rem);font-weight:800;line-height:1;display:flex}.plugin__demo-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.plugin__demo-col{flex-direction:column;gap:8px;min-width:0;display:flex}.plugin__demo-arrow{color:var(--muted);font-size:1.6rem;font-weight:800}.plugin__render{border:var(--border-width) solid var(--border);background:var(--background);border-radius:12px;justify-content:center;padding:14px;display:flex}.plugin__render img{width:100%;max-width:100%;height:auto;display:block}@media (max-width:720px){.plugin__demo-grid{grid-template-columns:1fr}.plugin__demo-arrow{justify-self:center;transform:rotate(90deg)}}.plugin__actions{gap:10px;margin-top:6px;display:flex}.plugin__insert{flex:1;padding-block:12px;font-size:.95rem}.features{border-top:var(--border-width) solid var(--border);background:var(--panel)}.features__head{max-width:720px;margin-bottom:40px}.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{letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.feature__desc{color:var(--muted);font-size:.95rem}.how{border-top:var(--border-width) solid var(--border)}.how__head{max-width:720px;margin-bottom:40px}.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);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;font-weight:800;display:flex}.how__step-title{letter-spacing:-.01em;font-size:1.2rem;font-weight:800}.pricing{border-top:var(--border-width) solid var(--border);background:var(--accent-blue)}.pricing__head{max-width:720px;margin-bottom:40px}.pricing__headline{margin-top:6px;font-size:clamp(2rem,5vw,3.2rem)}.pricing__grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;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{letter-spacing:.08em;text-transform:uppercase;background:var(--foreground);color:var(--background);border:var(--border-width) solid var(--border);border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:800;position:absolute;top:-14px;right:20px}.plan__name{font-size:1.5rem;font-weight:800}.plan__price{align-items:baseline;gap:8px;display:flex}.plan__amount{letter-spacing:-.03em;font-size:2.6rem;font-weight:800}.plan__cadence{color:var(--muted);font-size:.9rem;font-weight:600}.plan__features{flex-direction:column;flex:1;gap:10px;display:flex}.plan__feature{align-items:flex-start;gap:10px;font-size:.98rem;font-weight:500;display:flex}.plan__check{color:var(--foreground);font-weight:800;line-height:1.4}.plan__cta{width:100%}.faq{border-top:var(--border-width) solid var(--border)}.faq__head{max-width:720px;margin-bottom:36px}.faq__headline{margin-top:6px;font-size:clamp(2rem,5vw,3.2rem)}.faq__list{flex-direction:column;gap:14px;max-width:820px;display:flex}.faq__item{padding:0;overflow:hidden}.faq__item--open{box-shadow:var(--shadow-hard-sm)}.faq__question{text-align:left;letter-spacing:-.01em;width:100%;color:var(--foreground);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-size:1.1rem;font-weight:800;display:flex}.faq__icon{flex:none;font-size:1.5rem;font-weight:800;line-height:1}.faq__answer{color:var(--muted);max-width:680px;padding:0 22px 22px;font-size:1rem}.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__palette{gap:8px;margin-bottom:16px;display:flex}.footer__tagline{letter-spacing:-.02em;max-width:320px;font-size:1.25rem;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{letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-size:.72rem;font-weight:800}.footer__email{color:var(--accent-yellow);font-size:1.05rem;font-weight:800}.footer__email:hover{text-decoration:underline}.footer__baseline{opacity:.75;border-top:1px solid #fffaf033;justify-content:space-between;gap:16px;padding-block:20px;font-size:.85rem;display:flex}@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}}