.sf-marketing{--paper:#fafaf7;--paper-deep:#f3f0e8;--ink:#1a1a1a;--ink-70:#1a1a1ab3;--ink-55:#1a1a1a8c;--ink-35:#1a1a1a59;--ink-15:#1a1a1a26;--hairline:#e5e2dd;--accent:#a04f35;--accent-soft:#e7d6c8;background:var(--paper);color:var(--ink);font-family:var(--font-plex),system-ui,sans-serif;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.sf-marketing a{color:inherit;text-decoration:none}.sf-display{letter-spacing:-.02em}.sf-display,.sf-display-italic{font-family:var(--font-instrument),Georgia,serif;font-weight:400}.sf-display-italic{letter-spacing:-.015em;font-style:italic}.sf-fraunces{font-family:var(--font-fraunces),Georgia,serif;font-variation-settings:"opsz" 96,"SOFT" 50,"WONK" 1;letter-spacing:-.025em}.sf-mono{font-family:var(--font-plex-mono),ui-monospace,monospace;letter-spacing:.02em}.sf-eyebrow{color:var(--ink-55);font-family:var(--font-plex),system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;font-size:.7rem;font-weight:500}.sf-hairline{border-color:var(--hairline)}.sf-bg-paper{background:var(--paper)}.sf-bg-paper-deep{background:var(--paper-deep)}.sf-bg-ink{background:var(--ink);color:var(--paper)}.sf-text-ink-55{color:var(--ink-55)}.sf-text-ink-70{color:var(--ink-70)}.sf-text-accent{color:var(--accent)}.sf-bg-accent{background:var(--accent);color:var(--paper)}@keyframes sf-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateZ(0)}}@keyframes sf-draw-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sf-fade-up{animation:.9s cubic-bezier(.2,.7,.1,1) both sf-fade-up}.sf-fade-up-1{animation-delay:80ms}.sf-fade-up-2{animation-delay:.18s}.sf-fade-up-3{animation-delay:.28s}.sf-fade-up-4{animation-delay:.38s}.sf-fade-up-5{animation-delay:.48s}.sf-draw-line{transform-origin:0;animation:1.2s cubic-bezier(.2,.7,.1,1) .4s both sf-draw-line}@supports (animation-timeline:view()){.sf-reveal{opacity:0;animation:.7s cubic-bezier(.2,.7,.1,1) both sf-fade-up;animation-timeline:view();animation-range:entry 0 cover 25%;transform:translateY(24px)}}.sf-link{border-bottom:1px solid var(--ink-35);align-items:center;gap:.35rem;padding-bottom:2px;transition:border-color .16s;display:inline-flex;position:relative}.sf-link:hover{border-color:var(--ink)}.sf-marketing .sf-btn{background:var(--ink);color:var(--paper);letter-spacing:-.005em;border-radius:999px;align-items:center;gap:.5rem;height:3rem;padding:0 1.5rem;font-size:.9rem;font-weight:500;transition:transform .2s,background-color .2s,color .2s;display:inline-flex}.sf-marketing .sf-btn:hover{color:var(--paper);background:#000;transform:translateY(-1px)}.sf-marketing .sf-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sf-marketing .sf-btn:disabled,.sf-marketing .sf-btn[aria-disabled=true]{opacity:.55;pointer-events:none}.sf-marketing .sf-btn-invert{background:var(--paper);color:var(--ink)}.sf-marketing .sf-btn-invert:hover{color:var(--ink);background:#fff}.sf-marketing .sf-btn-ghost{border-bottom:1px solid var(--ink-35);color:var(--ink);border-radius:0;align-items:center;gap:.4rem;height:3rem;padding:0 1rem;font-size:.9rem;transition:border-color .18s;display:inline-flex}.sf-marketing .sf-btn-ghost:hover{border-color:var(--ink)}.sf-paper-grain{position:relative}.sf-paper-grain:before{content:"";mix-blend-mode:multiply;opacity:.55;pointer-events:none;background-image:radial-gradient(#00000006 1px,#0000 0);background-size:3px 3px;position:absolute;inset:0}.sf-device-laptop{background:var(--ink);border-radius:14px 14px 4px 4px;padding:10px;position:relative;box-shadow:inset 0 1px #ffffff0f,0 30px 60px -30px #1a1a1a59,0 10px 30px -10px #1a1a1a40}.sf-device-laptop-screen{aspect-ratio:16/10;background:var(--paper);border-radius:6px;position:relative;overflow:hidden}.sf-device-laptop-base{background:linear-gradient(#2a2a2a,#1a1a1a);border-radius:0 0 18px 18px;height:10px;margin:0 -6%;position:relative}.sf-device-laptop-base:before{content:"";background:#000;border-radius:0 0 8px 8px;width:12%;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.sf-device-phone{aspect-ratio:9/19;background:var(--ink);border-radius:32px;padding:8px;position:relative;box-shadow:0 30px 60px -30px #1a1a1a66,0 10px 30px -10px #1a1a1a40}.sf-device-phone-screen{background:var(--paper);border-radius:24px;height:100%;position:relative;overflow:hidden}.sf-device-phone-notch{background:var(--ink);z-index:2;border-radius:999px;width:28%;height:18px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.sf-swatch{aspect-ratio:3/4;border:1px solid var(--hairline);border-radius:2px;transition:transform .3s cubic-bezier(.2,.7,.1,1),box-shadow .3s;position:relative;overflow:hidden}.sf-swatch:hover{transform:translateY(-3px);box-shadow:0 10px 24px -12px #1a1a1a40}.sf-swatch-accent{border-radius:1px;width:42%;height:12%;position:absolute;bottom:14%;left:14%}.sf-swatch-btn{aspect-ratio:3/4;border:1px solid var(--hairline);cursor:pointer;border-radius:3px;width:100%;padding:0;font-family:inherit;transition:transform .28s cubic-bezier(.2,.7,.1,1),box-shadow .28s,border-color .18s;display:block;position:relative;overflow:hidden}.sf-swatch-btn:focus-visible,.sf-swatch-btn:hover{outline:none;transform:translateY(-3px);box-shadow:0 10px 22px -12px #1a1a1a47}.sf-swatch-btn.is-active{box-shadow:0 0 0 2px var(--paper),0 0 0 3px currentColor;border-width:2px}.sf-swatch-btn .sf-swatch-accent{border-radius:1px;width:42%;height:12%;position:absolute;bottom:14%;left:14%}.sf-swatch-btn .sf-swatch-letter{font-family:var(--font-instrument),Georgia,serif;opacity:.7;font-size:11px;font-style:italic;position:absolute;top:10%;left:12%}.sf-swatch-btn .sf-swatch-dot{border-radius:999px;width:6px;height:6px;position:absolute;top:10%;right:12%}.sf-input{border:0;border-bottom:1px solid var(--hairline);color:var(--ink);font-family:var(--font-plex),system-ui,sans-serif;background:0 0;width:100%;padding:10px 0;font-size:16px;transition:border-color .18s}.sf-input:focus{border-bottom-color:var(--ink);outline:none}.sf-input::placeholder{color:var(--ink-35)}.sf-input-group{border-bottom:1px solid var(--hairline);align-items:center;gap:2px;padding:6px 0;transition:border-color .18s;display:flex}.sf-input-group:focus-within{border-bottom-color:var(--ink)}.sf-input-group[data-invalid=true]{border-bottom-color:#a04f35b3}.sf-input-bare{color:var(--ink);font-family:var(--font-plex),system-ui,sans-serif;background:0 0;border:0;flex:auto;min-width:0;padding:4px 0;font-size:16px}.sf-input-bare:focus{outline:none}.sf-input-bare::placeholder{color:var(--ink-35)}.sf-file-drop{border:1px dashed var(--hairline);color:var(--ink);cursor:pointer;border-radius:3px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .18s,background .18s;display:flex}.sf-file-drop:hover{background:color-mix(in srgb,var(--ink) 3%,transparent);border-color:var(--ink-35)}.sf-mock{position:relative}.sf-builder-mock{transition:transform .4s cubic-bezier(.2,.7,.1,1)}.sf-builder-mock.is-expanded{transform:scale(1.04)}@media (min-width:768px){.sf-builder-mock.is-expanded{transform:scale(1.08)translateY(-6px)}}.sf-note{color:var(--ink-55);font-family:var(--font-instrument),Georgia,serif;font-size:.95rem;font-style:italic;line-height:1.35}@keyframes sf-mock-reveal{0%{clip-path:circle(0 at var(--reveal-x,50%) var(--reveal-y,50%))}to{clip-path:circle(150% at var(--reveal-x,50%) var(--reveal-y,50%))}}::view-transition-old(sf-builder-surface){animation:none}::view-transition-old(sf-showcase-surface){animation:none}::view-transition-new(sf-builder-surface){animation:.52s cubic-bezier(.2,.7,.1,1) sf-mock-reveal}::view-transition-new(sf-showcase-surface){animation:.52s cubic-bezier(.2,.7,.1,1) sf-mock-reveal}@media (prefers-reduced-motion:reduce){.sf-builder-mock,.sf-draw-line,.sf-fade-up,.sf-reveal{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}::view-transition-new(sf-builder-surface){animation:none!important}::view-transition-new(sf-showcase-surface){animation:none!important}::view-transition-old(sf-builder-surface){animation:none!important}::view-transition-old(sf-showcase-surface){animation:none!important}}