@font-face{font-family:"DM Sans";src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
/* Pricing uses the same parchment, pine and self-hosted type as the main site. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.pricing-intro{text-align:center;padding-block:44px 36px}
.pricing-eyebrow,.plan-kicker{font-size:12px;font-weight:650;letter-spacing:.13em;line-height:1.5}
.pricing-intro h1{font-size:clamp(56px,6vw,80px);margin-block:18px}
@media(min-width:681px){.pricing-title-break{display:none}}
.pricing-intro>p:last-child{font-size:20px;line-height:1.6;color:var(--sc-ink-soft)}
.pricing-plans{max-width:1040px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.plan-card{padding:36px 36px 28px;background:#faf7ef;border:1px solid #334a4329;border-radius:24px;min-width:0}
.plan-card-pro{background:#29463b;color:#fffdf7;border-color:#29463b}
.plan-kicker{text-transform:uppercase;color:var(--sc-ink-soft);margin-bottom:14px}
.plan-card-pro .plan-kicker{color:#cbd5ba}
.plan-heading h2{font-size:48px}
.plan-description{font-size:16px;line-height:1.5;margin-top:12px;color:var(--sc-ink-soft)}
.plan-card-pro .plan-description{color:#e0e6d9}
.plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-block:28px}
.plan-price>span:first-child{font-size:64px;line-height:1;letter-spacing:-.055em;font-weight:500;font-variant-numeric:lining-nums tabular-nums}
.plan-period{font-size:14px;color:var(--sc-ink-soft)}
.plan-card-pro .plan-period{color:#e0e6d9}
.plan-card .plan-button{display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:12px;font-size:16px;min-height:52px;margin-bottom:28px;padding:12px 20px}
.plan-card:not(.plan-card-pro) .plan-button{background:transparent;color:var(--sc-ink);border:1px solid #334a4366}
.plan-card-pro .plan-button{background:#f3eddf;color:#29463b}
.plan-card-pro .plan-button:hover{background:#f3eddf;color:#29463b}
.plan-card-pro a:focus-visible{outline-color:#f3eddf}
.plan-table{min-width:0;font-size:14px;line-height:1.5}
.plan-table th,.plan-table td{padding:16px 0;border-bottom:1px solid #334a4326}
.plan-table th{font-weight:400;width:58%;padding-right:12px}
.plan-table td{text-align:right;font-weight:500}
.plan-table .plan-highlight th,.plan-table .plan-highlight td{font-weight:650}
.plan-card-pro .plan-table th,.plan-card-pro .plan-table td{border-color:#fffdf72b}
.plan-footnote{font-size:13px;line-height:1.5;margin-top:22px;color:var(--sc-ink-soft)}
.plan-card-pro .plan-footnote{color:#e0e6d9}
.pricing-notes{text-align:center;padding-block:24px 64px;font-size:14px;line-height:1.7}
.pricing-notes p+p{font-size:13px;color:var(--sc-ink-soft);margin-top:6px}
.pricing-upgrade,.pricing-faq{max-width:1040px;display:grid;grid-template-columns:1fr 1.2fr;gap:64px;padding-block:48px;border-top:1px solid #334a4333}
.pricing-upgrade{scroll-margin-top:30px}
.pricing-upgrade h2,.pricing-faq h2{font-size:40px;margin-top:16px;line-height:1.12}
.upgrade-copy,.pricing-answers{font-size:16px;line-height:1.75}
.upgrade-copy p+p{margin-top:16px}
.upgrade-copy .text-link{display:inline-block;font-size:16px;margin-top:20px;min-height:44px}
.pricing-faq{padding-bottom:80px}
.pricing-faq>div>p:last-child{font-size:16px;line-height:1.7;margin-top:20px;color:var(--sc-ink-soft)}
.pricing-answers .faq:first-child{padding-top:0}
.pricing-answers .faq summary{font-size:17px;line-height:1.5;min-height:44px;padding-right:8px}
.pricing-answers .faq p{font-size:15px;color:var(--sc-ink-soft)}
@media(max-width:900px){.plan-card{padding:28px 24px 24px}.plan-description{min-height:48px}.pricing-upgrade,.pricing-faq{gap:32px}.site-nav{gap:24px}}
@media(max-width:680px){.pricing-intro{padding-block:40px 32px}.pricing-intro h1{font-size:64px}.pricing-intro>p:last-child{font-size:18px}.pricing-plans{grid-template-columns:1fr;gap:20px;max-width:460px}.plan-card{padding:28px 24px}.plan-description{min-height:0}.plan-price>span:first-child{font-size:58px}.pricing-notes{padding-bottom:40px}.pricing-upgrade,.pricing-faq{grid-template-columns:1fr;gap:28px;padding-block:32px}.pricing-upgrade h2,.pricing-faq h2{font-size:36px}.pricing-faq{padding-bottom:56px}.site-header .site-nav{gap:12px}.site-footer .footer-links{gap:12px 24px}}
@media(max-width:350px){.plan-card{padding-inline:18px}.plan-table{font-size:13px}.site-header .site-nav{gap:8px}.site-header .site-nav a{font-size:14px}.pricing-intro h1{font-size:48px}}
@font-face{font-family:"DM Serif Display";src:url('/assets/fonts/dm-serif-display-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--sc-canvas:#f3ede2;--sc-surface:#eae3d6;--sc-ink:#334a43;--sc-ink-soft:#58655d;--sc-accent:#334a43;--sc-accent-ink:#fffdf7;--sc-font-display:"DM Serif Display",Georgia,serif;--sc-font-text:"DM Sans",system-ui,sans-serif;--sc-shadow-color:43 18% 22%;--sc-edge:inset 0 1px 0 #ffffff88;--sc-gutter:clamp(20px,4.4vw,64px)}
html{scroll-padding-top:24px}body{min-width:280px}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--sc-font-display);font-weight:400;letter-spacing:-.035em;line-height:1.06;text-wrap:balance}h3{font-size:clamp(21px,2.8vw,30px);line-height:1.2;letter-spacing:-.035em;font-weight:600}p{text-wrap:pretty}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:active{opacity:.8}a:focus-visible,summary:focus-visible{outline:3px solid var(--sc-accent);outline-offset:5px}.wrap{width:min(1200px,calc(100% - var(--sc-gutter)*2));margin-inline:auto}.skip-link{position:absolute;left:16px;top:8px;padding:12px 20px;background:var(--sc-accent);color:var(--sc-accent-ink);z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:16px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:26px;letter-spacing:-.04em;font-weight:700;white-space:nowrap}.app-icon{display:block;width:50px;height:50px;border-radius:13px;background:#eee2c7;box-shadow:inset 0 1px 4px #bda67c4d}.app-icon img{width:100%;height:100%;transform:scale(1.2)}.site-nav{display:flex;align-items:center;gap:40px}.site-nav a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center;font-size:18px}.site-nav a:hover,.site-nav a[aria-current="page"]{text-decoration:underline}.hero-copy{text-align:center;padding-top:60px}.hero h1{font-size:clamp(55px,9.5vw,112px)}.hero-copy>p{font-size:clamp(19px,3.05vw,32px);line-height:1.4;margin-top:18px;letter-spacing:-.02em}.hero-actions{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;padding:12px 38px;min-height:54px;background:var(--sc-accent);color:var(--sc-accent-ink);border-radius:23px;text-decoration:none;font-weight:600;font-size:22px;box-shadow:inset 0 1px 2px #ffffff26;white-space:nowrap;transition:transform 160ms var(--sc-ease-out),background 160ms}.button:hover{background:#243e34;text-decoration:none}.button:active{transform:scale(.97)}.text-link{font-size:21px;font-weight:500}.product-folio{position:relative;isolation:isolate;margin-top:58px;aspect-ratio:1.63;max-width:1120px}.tablet-plane{position:absolute;left:2%;top:0;width:82%;z-index:2}.phone-plane{position:absolute;right:0;bottom:0;width:25%;z-index:3}.device{position:relative;background:#111512;padding:clamp(6px,1.9vw,24px);border:2px solid #8d8d83;border-radius:clamp(20px,4.7vw,48px);box-shadow:inset 0 1px 2px #fff8,0 3px 3px #334a4330,0 20px 32px -13px #51472c55}.device:after{content:"";position:absolute;left:6%;right:6%;bottom:-13px;height:18px;background:#51472c55;filter:blur(10px);border-radius:50%;z-index:-1}.device img{width:100%;height:auto;display:block;border-radius:clamp(13px,2.4vw,28px)}.phone{padding:6px;border-radius:clamp(23px,3.5vw,43px)}.phone img{border-radius:clamp(17px,3vw,35px)}.phone:before{content:"";position:absolute;width:29%;height:3.4%;border-radius:20px;top:2.4%;left:35.5%;background:#111512;z-index:1}.bookmark-trail{position:absolute;inset:-5% -3%;width:106%;height:110%;max-width:none;z-index:1;overflow:visible}.trail-road{stroke:#334a43;stroke-width:1.5;stroke-dasharray:3 9;opacity:.22}.trail-token{fill:#334a43;stroke:var(--sc-canvas);stroke-width:1.5}.features{padding-block:72px 56px;scroll-margin-top:30px}.features h2{text-align:center;font-size:clamp(42px,7vw,76px);margin-bottom:40px}.feature-columns{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:0}.feature-columns>div{padding-inline:32px;border-left:1px solid #8a9387}.feature-columns>div:first-child{padding-left:0;border:0}.feature-columns>div:last-child{padding-right:0}.feature-columns p{margin-top:16px;font-size:clamp(17px,2.1vw,22px);line-height:1.5;color:#3f4c43;max-width:28ch}.library-band{background:#29463b;color:#f5ead6;overflow:hidden}.band-inner{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:32px;height:480px}.band-copy{padding-block:56px;position:relative;z-index:2}.band-copy h2{font-size:clamp(42px,6.5vw,72px);line-height:1.08;max-width:13ch}.band-copy p{font-size:clamp(19px,2.6vw,26px);line-height:1.45;max-width:34ch;margin-top:24px;font-weight:450;letter-spacing:.005em}.dark-phone{width:82%;max-width:330px;align-self:start;justify-self:center;margin-top:38px}.dark-phone .device{border-color:#adb0a1}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:26px}.site-footer .brand{font-size:21px}.site-footer .app-icon{width:38px;height:38px;border-radius:10px}.footer-links{display:flex;gap:40px}.footer-links a{font-size:16px;min-height:44px;display:flex;align-items:center;text-decoration:none}.footer-links a:hover{text-decoration:underline}.document-heading{padding-top:64px;padding-bottom:40px;border-bottom:1px solid #334a4333}.document-heading h1{font-size:clamp(48px,7vw,84px);max-width:18ch}.breadcrumb{font-size:15px;margin-bottom:24px}.doc-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:60px;padding-block:40px 80px}.doc-content{max-width:72ch;font-size:18px;line-height:1.75;min-width:0}.doc-content>p,.doc-content>ul,.doc-content>ol,.doc-content .table-scroll{margin-bottom:24px}.doc-content h2{font-size:clamp(30px,3.5vw,42px);margin-top:52px;margin-bottom:20px;scroll-margin-top:32px}.doc-content h3{font-size:24px;margin-top:32px;margin-bottom:12px}.doc-content p+p{margin-top:20px}.doc-content li{margin-block:8px}.doc-content ul,.doc-content ol{padding-left:25px}.doc-content .intro{font-size:23px;line-height:1.55;max-width:54ch}.toc{font-size:15px;align-self:start}.toc details{position:sticky;top:24px}.toc summary{font-size:18px;font-weight:600;cursor:pointer;min-height:44px}.toc ol,.toc ul{list-style:none;padding:0;margin:12px 0 0}.toc li{margin-bottom:8px}.toc a{display:block;padding-block:5px;text-decoration:none;color:var(--sc-ink-soft);line-height:1.4}.toc a:hover{color:var(--sc-ink);text-decoration:underline}.document-simple{padding-block:40px 90px;max-width:900px}.guide-options{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-block:40px}.guide-options>a{border-top:1px solid #334a4366;padding-top:24px;text-decoration:none}.guide-options a:hover h2{text-decoration:underline;text-underline-offset:6px}.guide-options h2{margin-top:12px}.guide-options p{margin-block:20px}.guide-platform,.guide-requirement{font-size:15px;color:var(--sc-ink-soft)}.guide-requirement{display:block}.faq{border-bottom:1px solid #334a4333;padding-block:20px}.faq summary{font-size:21px;font-weight:500;cursor:pointer;min-height:44px}.faq p{margin-block:12px}.table-scroll{max-width:100%;overflow-x:auto}table{border-collapse:collapse;font-size:16px;min-width:420px;width:100%}th,td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #334a4333}th{font-weight:600}code,kbd{background:#334a4310;border-radius:4px;padding:2px 5px;font-size:.92em}pre{white-space:pre-wrap;overflow-wrap:anywhere}.back-top{display:inline-block;margin-top:32px;min-height:44px}.document-page .site-footer{border-top:1px solid #334a4333}
.band-inner{grid-template-rows:minmax(0,1fr)}.band-copy h2{max-width:none}.dark-phone{min-height:0}
.browser-imports{margin-top:64px;padding-top:32px;border-top:1px solid #334a4333;text-align:center}
.browser-imports h2{font-family:var(--sc-font-text);font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.browser-logos{display:flex;justify-content:center;flex-wrap:wrap;gap:28px 40px;list-style:none;padding:0;margin:24px 0}
.browser-logos li{display:grid;justify-items:center;gap:8px;min-width:64px;font-size:16px}
.browser-logos img{width:64px;height:64px;object-fit:contain}
.browser-imports>p{max-width:64ch;margin-inline:auto;color:var(--sc-ink-soft);font-size:17px;line-height:1.6}
.browser-guide-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 28px;margin-top:12px;font-size:16px}
.browser-guide-links a{display:inline-flex;align-items:center;min-height:44px}
.guide-figure{margin-block:32px 40px;padding:20px;background:#eae3d655;border:1px solid #334a4333;border-radius:16px}
.guide-figure img{width:100%;height:auto;border-radius:10px;display:block}
.guide-figure figcaption{font-size:15px;line-height:1.65;color:var(--sc-ink-soft);margin-top:16px;text-wrap:pretty}
.guide-figure figcaption a{display:inline-block;min-height:32px;align-content:center}
.guide-figure--phone{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);align-items:center;gap:28px}
.guide-figure--phone figcaption{margin-top:0}
@media(max-width:680px){.browser-logos{gap:24px 22px}.browser-logos img{width:56px;height:56px}.browser-imports>p{font-size:16px}.browser-guide-links{gap:0}.browser-guide-links a{justify-content:center;width:100%}.guide-figure{padding:14px}.guide-figure--phone{display:block}.guide-figure--phone img{max-width:230px;margin-inline:auto}.guide-figure--phone figcaption{margin-top:16px}}
@media(hover:hover) and (pointer:fine){.brand:hover .app-icon{transform:translateY(-1px)}.app-icon{transition:transform 160ms var(--sc-ease-out)}}
@media(min-width:1400px){.hero-copy{padding-top:72px}.product-folio{margin-top:64px}.features{padding-top:84px}}
@media(max-width:900px){.hero-copy{padding-top:48px}.site-nav{gap:28px}.brand{font-size:24px}.product-folio{margin-top:48px}.features{padding-top:60px}.feature-columns>div{padding-inline:24px}.band-inner{height:410px}.doc-layout{grid-template-columns:200px minmax(0,1fr);gap:32px}}
@media(max-width:680px){.site-header{flex-wrap:wrap;gap:8px;padding-block:14px}.brand{font-size:23px}.app-icon{width:42px;height:42px}.site-nav{justify-content:space-between;gap:28px;width:100%;border-bottom:1px solid #334a4326}.site-nav a{font-size:16px}.hero-copy{padding-top:36px}.hero h1{font-size:clamp(45px,11.6vw,72px);max-width:12ch;margin-inline:auto}.hero-copy>p{font-size:20px;max-width:27ch;margin-inline:auto;margin-top:18px}.hero-actions{gap:24px;margin-top:26px}.button{font-size:17px;padding:11px 24px;min-height:48px;border-radius:19px}.text-link{font-size:17px}.product-folio{margin-top:40px;aspect-ratio:1.08;width:calc(100% - 32px)}.tablet-plane{top:0;left:0;width:91%}.phone-plane{width:34%;right:0;bottom:0}.tablet{padding:9px;border-radius:23px}.tablet img{border-radius:14px}.phone{padding:4px;border-radius:24px}.phone img{border-radius:18px}.bookmark-trail{inset:0;width:100%;height:100%}.features{padding-block:42px 40px}.features h2{font-size:41px;max-width:12ch;margin-inline:auto;margin-bottom:32px}.feature-columns{display:block}.feature-columns>div,.feature-columns>div:first-child,.feature-columns>div:last-child{padding:24px 0;border:0;border-top:1px solid #334a434d}.feature-columns h3{font-size:24px}.feature-columns p{max-width:38ch;margin-top:12px;font-size:18px}.desktop-break{display:none}.band-inner{display:block;height:auto;position:relative;padding-top:1px}.band-copy{padding-block:40px 30px}.band-copy h2{font-size:44px;max-width:14ch}.band-copy p{font-size:20px;max-width:30ch;margin-top:20px}.dark-phone{margin:0 0 -130px auto;width:57%;max-width:240px}.library-band{padding-bottom:0}.site-footer{align-items:start;flex-direction:column;gap:12px;padding-block:24px}.footer-links{gap:30px;flex-wrap:wrap}.footer-links a{font-size:15px}.site-footer .brand{font-size:20px}.document-heading{padding-top:36px;padding-bottom:28px}.document-heading h1{font-size:49px}.doc-layout{display:block;padding-top:24px}.toc{margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #334a4333}.toc details{position:static}.toc ol{columns:2;column-gap:24px}.toc li{break-inside:avoid}.doc-content{font-size:17px}.doc-content .intro{font-size:21px}.guide-options{display:block}.guide-options>a{display:block;margin-bottom:32px}.document-simple{padding-top:28px}.doc-content h2{margin-top:38px}.table-scroll{border-right:1px solid #334a4333}}
@media(max-width:375px){.hero-actions{gap:18px}.button{padding-inline:20px}.hero h1{font-size:44px}.toc ol{columns:1}.features h2{font-size:38px}.band-copy h2{font-size:40px}.site-nav{gap:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.bookmark-trail{display:none}.app-icon{transition:none}.device:after{filter:blur(8px)}}