@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/apps/assets/brand/ibm-plex-mono-400.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/apps/assets/brand/ibm-plex-mono-500.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/apps/assets/brand/ibm-plex-sans-400.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/apps/assets/brand/ibm-plex-sans-500.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/apps/assets/brand/ibm-plex-sans-600.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/apps/assets/brand/ibm-plex-sans-700.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/apps/assets/brand/space-grotesk-400.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/apps/assets/brand/space-grotesk-500.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/apps/assets/brand/space-grotesk-600.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/apps/assets/brand/space-grotesk-700.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{--paper:#EDEEEC;--ink:#16181B;--steel:#5C636B;--muted:#5C636B;--hairline:#CDD0CC;--line:#CDD0CC;--signal:#1F8A5B;--accent:#1F8A5B;--soft:#E1E4DF;--white:#F4F5F2;--cream:#F4F5F2;--lime:#C8DDCF;--disp:"Space Grotesk",system-ui,sans-serif;--body:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--serif:"Space Grotesk",system-ui,sans-serif;--sans:"IBM Plex Sans",system-ui,sans-serif;color-scheme:light}
html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;scroll-behavior:auto}
body,body.tally,body.taco{--paper:#EDEEEC;--ink:#16181B;--muted:#5C636B;--line:#CDD0CC;--accent:#1F8A5B;--soft:#E1E4DF;--white:#F4F5F2;font-family:var(--body);background:var(--paper);color:var(--ink);font-synthesis:none}
.family-wrap{max-width:1120px;padding-inline:40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:88px}
.family-masthead{border-bottom:1px solid var(--hairline);background:var(--paper)}
.family-name{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:600;font-size:18px;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}
.family-dot{display:inline-block;width:8px;height:8px;background:var(--signal);flex-shrink:0}
.family-masthead nav{display:flex;gap:25px;font:12px var(--mono)}
.family-masthead nav a{text-decoration:none;padding-block:8px}.family-masthead nav a[aria-current]{color:var(--ink);border-bottom:1px solid var(--signal)}
a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--signal);outline-offset:4px;border-radius:2px}
.wrap{width:100%;max-width:1120px;padding-inline:40px}.header,.site-header{min-height:86px;border-bottom:1px solid var(--hairline);padding-block:22px}
.header .brand,.site-header .brand{font-family:var(--disp);font-size:18px;font-weight:600;letter-spacing:-.01em;gap:10px}
.header .brand img,.site-header .brand img{width:32px;height:32px;border-radius:6px}
.header nav,.site-header nav{font-family:var(--mono);font-size:12px;gap:24px}.header nav a{font-size:12px}
.monogram{display:none}.header .brand{font-size:16px}.small-cta{border-radius:2px;padding:9px 13px;border-color:var(--line)}
h1,h2,h3,.hero h1,.legal-main h1,.legal-main h2,.legal-main h3,.steps h3,.art-label strong{font-family:var(--disp);font-style:normal;font-weight:500;letter-spacing:-.02em;line-height:1.12}
h1,.hero h1{font-size:clamp(40px,4.7vw,64px);line-height:1.12;letter-spacing:-.025em;margin-block:22px 26px}
h1 em,h2 em,.hero h1 em{font-style:normal;font-weight:500;color:var(--signal)}
h2,.section-intro h2,.app-top h2{font-size:clamp(30px,3.5vw,44px);letter-spacing:-.02em;line-height:1.12}
h3{font-size:20px;font-weight:500}.eyebrow{font-family:var(--mono);font-weight:400;letter-spacing:.16em;font-size:11px;color:var(--steel)}
.eyebrow .dot{width:6px;height:6px;border-radius:0;background:var(--signal)}
.hero{gap:60px;padding-block:55px 64px}.hero-copy{padding-bottom:0}.hero .intro{font-size:17px;line-height:1.7;max-width:440px}.lede{font-size:18px;line-height:1.7}
.button,.hero-actions .button{font-family:var(--mono);font-size:12px;font-weight:400;border:1px solid var(--ink);border-radius:2px;background:transparent;color:var(--ink);min-height:47px;padding:13px 18px;transition:background .15s,color .15s}
.button:hover{background:var(--ink);color:var(--paper);transform:none}.actions>a:not(.button),.text-link{font-family:var(--mono);font-size:12px;font-weight:400}
.coming,.demo-badge,.included-tags span{border-radius:2px;font-family:var(--mono);font-size:10px;font-weight:400;padding:8px 11px;border-color:var(--line)}.coming:before{border-radius:0;width:5px;height:5px;background:var(--signal)}
.fine,.quiet,.demo-note,.screenshot-note{font-family:var(--mono);font-size:11px;line-height:1.7}
.hero-art,.taco .hero-art{border-radius:3px;background-color:#DADCD8;background-image:linear-gradient(#CDD0CC50 1px,transparent 1px),linear-gradient(90deg,#CDD0CC50 1px,transparent 1px);background-size:42px 42px;padding:30px 25px 22px}
.hero-art:before{display:none}.phone,.taco .phone{border-color:#16181B;background:#16181B;box-shadow:none}.hero-art figcaption{font:10px/1.7 var(--mono);color:var(--steel)}
.ribbon,.gallery-strip{font-family:var(--mono);font-size:10px;font-style:normal;letter-spacing:.12em;background:transparent;border-color:var(--line);color:var(--steel)}
.gallery-strip{gap:22px;justify-content:center;white-space:normal;flex-wrap:wrap;padding:19px 24px}.gallery-strip span:nth-child(even){display:none}
.section,.how-section{padding-block:65px}.number,.step-number{font:400 16px var(--mono);color:var(--steel);margin-bottom:22px}.features h3{font-size:20px}.feature p{font-size:16px}.screens-section{background:var(--soft)}
.screen-grid figcaption,.screenshots figcaption{font:500 18px/1.4 var(--disp)}.screen-grid figcaption span,.screenshots figcaption span{font:10px/1.6 var(--mono);letter-spacing:.13em;color:var(--steel)}
.price-box,.privacy-note,.contact,.legal-main .contact-card{border:1px solid var(--line);border-radius:3px;box-shadow:none;background:var(--white)}
.price-box .amount{font-family:var(--disp);font-size:45px;font-weight:500;letter-spacing:-.025em}.price-box .amount span{font:12px var(--mono)}.price-box h3{font-weight:500}
.faq summary{font-family:var(--disp);font-size:16px;font-weight:500}.faq summary:after{color:var(--signal)}.faq details{border-color:var(--line)}.privacy-note a{font-family:var(--mono);font-size:11px;font-weight:400}
.support-band h2{font-size:36px}.footer .brand,.site-footer .brand{font-family:var(--disp);font-size:16px;font-weight:500;letter-spacing:-.01em}.footer p,.footer nav a,.site-footer p,.site-footer nav{font:11px/1.7 var(--mono)}
.footer,.site-footer{padding-block:27px}.footer>.fine,.site-footer .footer-small{font:10px/1.7 var(--mono)}
.legal h1,.legal-main h1{font:500 clamp(38px,4.7vw,58px)/1.12 var(--disp);letter-spacing:-.025em}.legal h2,.legal-main h2{font:500 25px/1.3 var(--disp);letter-spacing:-.015em}.legal h3,.legal-main h3{font:500 20px/1.3 var(--disp)}
.legal,.legal-main{max-width:820px}.legal-main p,.legal-main li{color:var(--steel);font-size:16px}.legal-main .lede{font-size:18px}.legal-main .contact-card{padding:25px}.legal-main .contact-card h2{margin-top:0}
.hub-hero{max-width:860px;padding-block:55px 42px}.hub-hero h1{font:500 clamp(40px,4.9vw,64px)/1.12 var(--disp);letter-spacing:-.025em}.hub-hero .lede{max-width:600px;font-size:18px}.hub-hero .eyebrow{margin-bottom:24px}
.app-grid{gap:22px;padding-bottom:65px}.app-card{border-radius:3px;padding:27px;background:var(--paper);box-shadow:none}.app-card img{border-radius:12px;width:58px;height:58px;margin-bottom:27px}.app-card h2{font:500 24px/1.2 var(--disp);letter-spacing:-.015em}.app-card .visit{font-family:var(--disp);font-size:15px;font-weight:500}.app-card .card-links{font-family:var(--mono);font-size:11px}.app-card .coming{font-size:10px;margin-bottom:22px}.hub-note h2{font-size:32px}
.gallery-stage{border:1px solid var(--line);border-radius:3px;background:#DADCD8;padding-top:26px;padding-bottom:25px}.stage-sticker,.scribble-note,.included-art .star{display:none}.frame{box-shadow:inset 0 0 0 4px #b8ac8f,0 0 0 6px #c8b998}.demo-heading{font-family:var(--mono)}
.art-label strong{font-size:18px}.art-label span{font:10px/1.7 var(--mono)}.shape-controls button,.surprise,#reset{font:10px var(--mono);border:1px solid var(--line);border-radius:2px}.surprise{background:var(--lime)}.range-row{font-family:var(--mono);font-size:10px}.range-row input{accent-color:var(--signal)}
.app-section{background:#16181B;color:var(--paper)}.app-section .eyebrow{color:#BCC2BA}.app-top h2 em{color:#A9CEBB}.app-top>p{color:#CDD0CC}.app-section .screenshots figcaption span{color:#A9CEBB}.screenshot-note{color:var(--steel)}.app-section .screenshot-note{color:#CDD0CC}
.included-art p{font:500 22px/1.3 var(--disp);font-style:normal;color:var(--steel);transform:none}.included-copy p:not(.eyebrow){font-size:16px}.included-tags span{font-size:10px}.privacy-banner h2{font:500 26px/1.3 var(--disp)}.privacy-symbol{color:var(--signal)}.privacy-banner p{font-size:14px}.final-cta h2{font-size:50px}.final-cta .intro{max-width:none}.family-faq{max-width:820px}
@media(max-width:900px){.hero{gap:35px}.wrap{max-width:1120px;padding-inline:28px}.family-wrap{padding-inline:28px}.screenshots{gap:30px}.hero h1{font-size:clamp(36px,4.6vw,55px)}}
@media(max-width:760px){.wrap{padding-inline:24px}.family-wrap{min-height:74px;padding-inline:24px}.family-masthead nav{gap:18px;font-size:10px}.family-name{font-size:16px}.site-header nav>a:first-child{display:inline}.site-header{flex-wrap:wrap;gap:16px;min-height:82px}.site-header nav{font-size:11px;gap:18px}.hero{grid-template-columns:1fr;padding-block:38px 45px;gap:32px}.hero h1{font-size:clamp(41px,7.5vw,57px);letter-spacing:-.025em;line-height:1.12;margin:21px 0 24px}.hero .intro{font-size:16px}.hero-actions .button{font-size:11px}.how-section{padding-block:50px}.section-intro h2,h2,.app-top h2{font-size:36px;letter-spacing:-.02em}.gallery-strip{font-size:9px;padding-block:15px;gap:12px 20px}.screenshots figcaption{font-size:19px}.included-art p{font-size:20px}.final-cta h2{font-size:41px}.legal-main{max-width:820px}.legal-main h1{font-size:44px}.legal-main h2{font-size:25px}.legal-main p,.legal-main li{font-size:15px}.site-footer nav{gap:16px}.privacy-banner h2{font-size:24px}}
@media(max-width:650px){.wrap{padding-inline:18px}.family-wrap{padding-inline:18px;min-height:72px;gap:15px}.family-name{font-size:15px;gap:8px}.family-dot{width:6px;height:6px}.family-masthead nav{gap:16px;font-size:10px}.header{padding-block:18px;gap:16px}.header nav{gap:20px}.header nav a{font-size:11px}.hero h1,h1{font-size:48px;line-height:1.12}.hub-hero{padding-block:38px 30px}.hub-hero h1{font-size:clamp(39px,9.8vw,50px)}.hub-hero .lede{font-size:17px}.app-grid{gap:18px}.app-card{padding:25px}.app-card img{margin-bottom:23px}.hero-art{padding:25px 22px 20px}.hero-art figcaption{font-size:9px}.eyebrow{font-size:10px}.ribbon{font-size:9px}.section{padding-block:48px}.features .number{font-size:15px;padding-top:4px}.support-band h2{font-size:32px}.site-header .brand{font-size:17px}.site-header nav{gap:14px}.site-header{padding-inline:18px}.site-header nav a{font-size:10px}.small-cta{padding:7px 9px}.site-footer .footer-small{font-size:9px}}
@media(max-width:390px){.family-wrap{gap:10px}.family-masthead nav{gap:13px;font-size:9px}.family-name{font-size:14px}.site-header nav{width:100%;justify-content:space-between;gap:10px}.hero h1{font-size:43px}.hero-actions .text-link{font-size:11px}.hub-hero h1{font-size:39px}.gallery-stage{padding-inline:35px}.legal h1{font-size:38px}.legal-main h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}