@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand-ivory:#f7f3ee;--brand-white:#fffdfc;--brand-ink:#262323;--brand-red:#8e2f3f;--brand-red-dark:#74232f;--brand-gold:#c9a86a;--brand-gold-ink:#a8874e;--brand-gray:#746e6a;--brand-sage:#a8b0a0;--brand-line:#e5ded6;--brand-canvas:#ede7df;--brand-night:#1e1b1b;--brand-night-canvas:#161414;--brand-night-line:#3a3534;--brand-night-fg:#f3eee8;--brand-night-muted:#a8a19b;--brand-rose:#c98a95;--paper:var(--brand-ivory);--card:var(--brand-white);--ink:var(--brand-ink);--muted:var(--brand-gray);--line:var(--brand-line);--red:var(--brand-red);--red-dark:var(--brand-red-dark);--red-ink:var(--brand-white);--gold:var(--brand-gold);--gold-ink:var(--brand-gold-ink);--sage:var(--brand-sage);--display:"Fraunces Variable", "Fraunces", Georgia, "Times New Roman", serif;--body:"Instrument Sans Variable", "Instrument Sans", "Helvetica Neue", Arial, sans-serif;--radius:14px;--gutter:clamp(16px, 4vw, 48px);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font:17px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:500}h1{font-size:clamp(38px,4.4vw,60px);line-height:1.05}h2{font-size:clamp(28px,3.2vw,40px);line-height:1.12}h3{margin:0 0 4px;font-size:17px}p{margin:0}.btn{border:1px solid var(--ink);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:13px 22px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.btn:hover{background:var(--ink);color:var(--paper)}.btn.primary{background:var(--red);border-color:var(--red);color:var(--red-ink)}.btn.primary:hover{background:var(--red-dark);border-color:var(--red-dark)}.btn.small{padding:8px 15px;font-size:14px}.btn.wide{width:100%}.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.brand.small{gap:8px;font-size:15px}.logo-symbol{display:inline-flex}.site-header{top:env(safe-area-inset-top,0px);z-index:10;padding:14px var(--gutter);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:24px;display:flex;position:sticky}.site-header nav{gap:22px;margin-left:auto;font-size:15px;display:flex}.site-header nav a{min-height:32px;color:var(--muted);align-items:center;text-decoration:none;display:inline-flex}.site-header nav a:hover{color:var(--ink)}.site-header nav .lang{border-left:1px solid var(--line);padding-left:18px}.lang{align-items:center;gap:2px;display:inline-flex}.lang>a,.lang>.lang-now{letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:0 6px;font-size:14px;font-weight:600;display:inline-flex}.lang>.lang-now{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.lang>a{color:var(--muted);text-decoration:none}.lang>a:hover{color:var(--ink);text-decoration:underline}main>section{padding-inline:var(--gutter);max-width:1320px;margin-inline:auto}.frame{padding:10px;position:relative}.frame.tight{padding:7px}.frame:before{content:"";border:1px solid color-mix(in srgb, var(--red) 55%, transparent);pointer-events:none;position:absolute;inset:0}.frame>i{background:var(--card);border:1.5px solid var(--red);z-index:1;border-radius:50%;width:9px;height:9px;position:absolute}.frame>i:first-of-type{top:-4.5px;left:-4.5px}.frame>i:nth-of-type(2){top:-4.5px;right:-4.5px}.frame>i:nth-of-type(3){bottom:-4.5px;left:-4.5px}.frame>i:nth-of-type(4){bottom:-4.5px;right:-4.5px}.frame img{border-radius:3px}.nodes{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.nodes li{padding-left:26px;position:relative}.nodes li:before{content:"";border:1.5px solid var(--red);background:color-mix(in srgb, var(--red) 14%, var(--card));border-radius:50%;width:9px;height:9px;position:absolute;top:.5em;left:3px}.node{background:var(--gold);vertical-align:.1em;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.rule{background:var(--line);height:1px;width:calc(100% - 2 * var(--gutter));max-width:calc(1320px - 2 * var(--gutter));margin-inline:auto;position:relative}.rule:after{content:"";background:var(--paper);border:1px solid var(--gold);border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:-3.5px;left:50%}.hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(28px,4vw,64px);padding-block:clamp(40px,6vw,84px);display:grid}.flow-line{font-family:var(--display);color:var(--red);margin-top:18px;font-size:clamp(20px,1.9vw,24px);line-height:1.3}.lead{color:var(--muted);max-width:32em;margin-top:18px;font-size:18px}.cta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.demo-note{color:var(--muted);max-width:34em;margin-top:14px;font-size:14px}.strip-flow{grid-template-columns:1.25fr 1fr 1fr;align-items:end;gap:22px;margin:0;padding:0;list-style:none;display:grid;position:relative}.strip-flow:before{content:"";border-top:1.5px dashed color-mix(in srgb, var(--red) 40%, transparent);position:absolute;top:48%;left:6%;right:6%}.strip-flow li{position:relative}.strip-flow figure{margin:0}.strip-flow figcaption,.step-tag{align-items:center;gap:9px;margin-top:12px;font-size:14px;font-weight:600;display:flex}.strip-flow figcaption b,.step-tag b{border:1.5px solid var(--red);width:24px;height:24px;color:var(--red);background:var(--card);border-radius:50%;place-items:center;font-size:12px;display:grid}.strip-flow .frame{background:var(--card);box-shadow:var(--paper-shadow)}.strip-flow .sf-proposal img,.strip-flow .sf-setup img{box-shadow:var(--paper-shadow);outline:1px solid var(--line);background:#fff;border-radius:4px}.strip-flow .sf-proposal img{transform:rotate(-1deg)}.strip-flow .sf-setup img{transform:rotate(1deg)}:root{--paper-shadow:0 30px 60px -40px #26232380, 0 2px 6px #2623230f}.flow{padding-block:clamp(48px,7vw,88px) clamp(24px,3vw,40px)}.flow ol{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:32px 0 0;padding:0;list-style:none;display:grid;position:relative}.flow ol:before{content:"";border-top:1.5px dashed color-mix(in srgb, var(--red) 40%, transparent);position:absolute;top:17px;left:18px;right:18px}.flow li{counter-increment:step;position:relative}.flow li:before{content:counter(step);background:var(--card);border:1.5px solid var(--red);width:36px;height:36px;color:var(--red);border-radius:50%;place-items:center;margin-bottom:16px;font-size:15px;font-weight:600;display:grid;position:relative}.flow li:first-child:before{background:var(--red);color:var(--red-ink)}.flow li.hinge:before{border-color:var(--gold);color:var(--gold-ink)}.flow p{color:var(--muted)}.feature{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,64px);padding-block:clamp(48px,6vw,80px);display:grid}.feature-copy h2{margin-top:10px}.feature-copy p{color:var(--muted);max-width:32em;margin-top:14px}.feature-copy .step-tag{color:var(--ink);margin:0}.feature-copy .aside{font-size:14px}.feature .shot{background:var(--card);box-shadow:var(--paper-shadow)}.palettes{gap:18px;padding-block:0 clamp(48px,6vw,80px);display:grid}.palettes h3{font-family:var(--display);font-size:24px;font-weight:500}.palettes .feature-copy p{margin-top:6px}.palette-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.palette-trio img{border-radius:10px}.finishes{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:6px 0 0;display:grid}.finishes figure{margin:0}.finishes img{aspect-ratio:4/5;object-fit:cover;border-radius:10px}.finishes figcaption{text-align:center;margin-top:8px;font-size:14px;font-weight:600}.paper{justify-self:center;width:min(100%,520px);margin:0;position:relative}.paper img{outline:1px solid var(--line);box-shadow:var(--paper-shadow);transform:rotate(var(--tilt,0deg));background:#fff;border-radius:4px}.callout{white-space:nowrap;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute}.callout span{background:var(--card);border:1px solid color-mix(in srgb, var(--red) 45%, var(--line));border-radius:999px;padding:5px 11px;box-shadow:0 6px 16px -10px #26232366}.callout:before{content:"";background:var(--card);border:1.5px solid var(--red);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--red) 18%, transparent);border-radius:50%;flex:none}.callout:after{content:"";border-top:1px solid var(--red);width:40px;height:0}.callout span{order:2}.present .callout:after{order:1}.present .callout{left:86%}.present .callout.c1{top:72.5%}.present .callout.c2{top:79.5%}.setup .callout{right:91%}.setup .callout span{order:0}.setup .callout:after{order:1}.setup .callout:before{order:2}.setup .callout.c1{top:57%}.setup .callout.c2{top:81.5%}.approval{padding-block:clamp(24px,4vw,48px)}.approval-body{background:var(--card);border:1px solid var(--line);border-radius:20px;grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,40px);margin-top:16px;padding:22px;display:grid}.approval-body p{color:var(--muted);max-width:40em;margin-top:10px}.approval-mark{position:relative}.approval-mark img{border-radius:10px}.approval .chip{background:color-mix(in srgb, var(--gold) 22%, var(--card));border:1px solid var(--gold);color:var(--ink);border-radius:999px;padding:4px 11px;font-size:13px;font-weight:600;position:absolute;bottom:10px;left:10px}.setup-visual{grid-template-columns:minmax(0,1fr) minmax(0,.42fr);align-items:end;gap:28px;display:grid}.again{text-align:center;justify-items:center;gap:14px;padding-block:clamp(24px,4vw,48px) clamp(48px,6vw,72px);display:grid}.again>p:first-child{font-family:var(--display);font-size:clamp(22px,2.2vw,28px)}.again .demo-note{margin:0}.device{padding:var(--bezel,10px);border-radius:var(--round,18px);background:#1f1c1c;margin:0;box-shadow:0 30px 60px -32px #26232399}.device img{border-radius:calc(var(--round,18px) - var(--bezel,10px))}.device.phone{--bezel:7px;--round:26px}.device.tablet{--bezel:11px;--round:22px}.device.laptop{--bezel:9px;--round:12px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;margin-bottom:14px;position:relative}.device.laptop:after{content:"";background:#d9d2c9;border-radius:0 0 14px 14px;height:14px;position:absolute;bottom:-14px;left:-6%;right:-6%}.devices{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:clamp(24px,4vw,56px);padding-block:clamp(48px,6vw,80px);display:grid}.device-row{grid-template-columns:1.5fr 1.1fr .42fr;align-items:end;gap:18px;display:grid}.demo{text-align:center;justify-items:center;gap:22px;padding-block:clamp(32px,5vw,64px);display:grid}.demo-cols{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,860px);display:grid}.demo-cols>div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px}.demo-cols .nodes{margin-top:12px}.nodes.full li:before{background:var(--red)}.pricing{text-align:center;padding-block:clamp(56px,8vw,104px)}.price-card{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:20px;max-width:460px;margin:32px auto 0;padding:32px;position:relative;box-shadow:0 30px 60px -40px #26232380}.price{font-family:var(--display);font-size:56px;line-height:1}.price-note{color:var(--muted);margin-top:6px}.price-card .groups{gap:16px;margin-block:24px 26px;display:grid}.price-card .groups h3{letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin:0;font-size:13px;font-weight:600}.price-card .groups .nodes{gap:6px;margin-top:8px}.devices-line{margin:-8px 0 18px;font-weight:600}.price-foot{color:var(--muted);margin-top:14px;font-size:14px}.demo-line{color:var(--muted);margin-top:24px}.faq{max-width:780px;padding-block:0 clamp(56px,8vw,104px)}.faq h2{margin-bottom:20px}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq details:last-of-type{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;font-weight:600;list-style:none;display:flex}.faq summary:after{content:"+";color:var(--red);font-size:22px;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);margin-top:10px}.site-footer{padding:26px var(--gutter);border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;font-size:14px;display:flex}.site-footer .brand{color:var(--ink)}.site-footer .tagline{font-family:var(--display);color:var(--ink);font-size:16px;font-style:italic}.site-footer nav{flex-wrap:wrap;align-items:center;gap:4px 18px;display:flex}.site-footer nav a{align-items:center;min-height:32px;display:inline-flex}.legal{max-width:760px;padding:48px var(--gutter) 96px;margin:0 auto}.legal h1{font-size:clamp(32px,4vw,44px)}.legal h2{margin-top:36px;font-size:22px}.legal p,.legal li{color:#4a4542}.legal p+p,.legal ul{margin-top:12px}.draft{color:#6b5310;background:#fbf3e2;border:1px solid #e3cf9f;border-radius:10px;margin:20px 0 28px;padding:12px 14px;font-size:15px}.legal h3{margin-top:22px;font-size:17px}.legal .updated{color:var(--muted);font-size:14px}.legal .facts{gap:6px;margin:14px 0;padding:0;list-style:none;display:grid}.legal .facts li{grid-template-columns:9.5em 1fr;gap:12px;display:grid}.legal .facts span{color:var(--muted)}@media (width<=520px){.legal .facts li{grid-template-columns:1fr;gap:0}}.legal-note{color:#4a3c10;background:#fbf3e2;border:1px dashed #d9bd77;border-radius:10px;margin:14px 0 6px;padding:10px 14px;font-size:14.5px;line-height:1.5}.legal-note.decide{color:#5a2530;background:#f8ecee;border-color:#d39aa5}.legal-note code{font-size:13px}@media (width<=960px){.site-header nav>a{display:none}.site-header nav .lang{border:0;padding:0}.site-header nav{gap:14px}.hero,.feature,.devices,.flow ol{grid-template-columns:1fr}.flow ol:before{border-top:0;border-left:1.5px dashed color-mix(in srgb, var(--red) 40%, transparent);inset:18px auto 18px 17px}.flow li{min-height:36px;padding-left:54px}.flow li:before{margin:0;position:absolute;top:-4px;left:0}.callout{display:none}}@media (width<=700px){.strip-flow{grid-template-columns:1fr;gap:26px}.strip-flow:before{display:none}.strip-flow .sf-proposal img,.strip-flow .sf-setup img{transform:none}.finishes{grid-template-columns:repeat(3,minmax(0,1fr))}.approval-body{grid-template-columns:1fr}.setup-visual{grid-template-columns:minmax(0,1fr) minmax(0,.55fr);gap:16px}.paper img{transform:none}.device-row{grid-template-columns:1fr .42fr}.device-row .tablet{display:none}.demo-cols{grid-template-columns:1fr}}@media (width<=520px){.palette-trio{grid-template-columns:1fr}.cta .btn{flex:100%}.site-header{gap:10px}.site-header .brand>span:not(.logo-symbol){white-space:nowrap;font-size:15px}.site-header .btn.small{white-space:nowrap;padding:7px 12px;font-size:13px}.site-header .brand>span:not(.logo-symbol){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.counts{grid-template-columns:repeat(4,1fr);gap:12px;max-width:760px;margin:28px auto 0;padding:0;list-style:none;display:grid}.counts li{background:var(--card);border:1px solid var(--line);border-radius:16px;justify-items:center;gap:4px;padding:18px 10px 16px;display:grid}.counts strong{font-family:var(--display);color:var(--ink,inherit);font-size:40px;font-weight:500;line-height:1}.counts span{color:var(--muted);text-align:center;font-size:14px;line-height:1.3}@media (width<=640px){.counts{grid-template-columns:repeat(2,1fr);gap:8px}.counts strong{font-size:34px}}.feature.setup{align-items:start}.feature.setup .feature-copy{padding-top:clamp(24px,4vw,64px)}