.chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 18px;margin:0;padding:0;list-style:none;transition:opacity .6s var(--ease-out)}.chips[data-hidden=true]{opacity:0;transition-duration:.4s}.chips__item{display:flex;flex-direction:column;gap:6px}.chips__rule{width:22px;height:1px;background:var(--ink-30)}.chips__label{font-size:10px;line-height:1.3;letter-spacing:-.004em;font-weight:650;color:var(--ink)}.chips__sub{font-weight:400;color:var(--ink-45)}@media(max-width:400px){.chips{gap:9px 14px}.chips__label{font-size:9.5px}}.annotations{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-annotations);pointer-events:none;transition:opacity .6s var(--ease-out)}.annotations[data-hidden=true]{opacity:0;transition-duration:.4s}.annotations__lines{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.annotations__line{fill:none;stroke:var(--ink-30);stroke-width:1;vector-effect:non-scaling-stroke}.annotations__dot{fill:var(--ink-45)}.annotations__label{position:absolute;display:flex;flex-direction:column;gap:1px;font-size:var(--t-annot);line-height:1.32;letter-spacing:-.004em;white-space:nowrap}.annotations__label[data-side=left]{transform:translate(calc(-100% - 7px),-50%);text-align:right;align-items:flex-end}.annotations__label[data-side=right]{transform:translate(7px,-50%);text-align:left;align-items:flex-start}.annotations__title{font-weight:650;color:var(--ink)}.annotations__sub{font-weight:400;color:var(--ink-45)}@media(max-width:760px){.annotations__label{font-size:8px}}.selector{position:absolute;z-index:var(--z-ui);left:50%;bottom:3%;transform:translate(-50%);display:flex;gap:clamp(16px,2.4vw,30px)}.selector__card{position:relative;width:clamp(86px,9.6vw,128px);aspect-ratio:115 / 88;display:grid;place-items:center;padding:clamp(5px,.55vw,8px) clamp(6px,.65vw,9px);border-radius:clamp(11px,1.2vw,16px);background:var(--card);box-shadow:0 1px 2px #0a0a0a0d;transition:transform .42s var(--ease-out),box-shadow .42s var(--ease-out),opacity .3s var(--ease-out)}.selector__card img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease-out)}.selector__card[data-active=true]{transform:translateY(-5px) scale(1.035);box-shadow:0 8px 24px #0a0a0a1a}.selector__card:hover:not([aria-disabled=true]){transform:translateY(-3px);box-shadow:0 8px 20px #0a0a0a17}.selector__card[data-active=true]:hover:not([aria-disabled=true]){transform:translateY(-7px) scale(1.035)}.selector__card:hover:not([aria-disabled=true]) img{transform:scale(1.045) rotate(-1.2deg)}.selector__card[aria-disabled=true]{cursor:default}.selector__card[aria-disabled=true][data-active=false]{opacity:.45}@media(max-width:760px),(max-aspect-ratio:1/1){.selector{position:static;transform:none;justify-content:center;gap:14px}.selector__card{width:96px}}.veil{position:absolute;z-index:var(--z-overlay);top:0;right:0;bottom:0;left:0;display:grid;place-items:end start;padding:0 var(--panel-pad-x) 46px;background:var(--panel);border-radius:var(--frame-radius);transition:opacity .7s var(--ease-out),visibility 0s linear .7s}.veil[data-done=true]{opacity:0;visibility:hidden;pointer-events:none}.veil__inner{width:min(230px,40vw)}.veil__row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px;font-size:var(--t-micro);letter-spacing:-.004em;color:var(--ink-60)}.veil__value{font-variant-numeric:tabular-nums;color:var(--ink)}.veil__track{height:1px;background:var(--ink-18)}.veil__bar{height:100%;background:var(--ink);transform-origin:left;transition:transform .4s var(--ease-out)}.nav{position:absolute;z-index:var(--z-ui);top:0;left:0;right:0;display:flex;align-items:center;gap:26px;padding:34px var(--panel-pad-x) 0;pointer-events:none}.nav>*{pointer-events:auto}.nav__brand{display:flex;align-items:center;gap:7px;color:var(--ink);flex:none}.nav__wordmark{font-size:17px;font-weight:600;letter-spacing:-.036em}.nav__tm{font-size:7px;font-weight:500;align-self:flex-start;margin:3px 0 0 -3px;color:var(--ink-60)}.nav__links{display:flex;align-items:center;gap:36px;margin-left:62px}.nav__link{position:relative;font-size:var(--t-nav);font-weight:450;letter-spacing:-.012em;color:var(--ink-80);transition:color var(--dur-fast) var(--ease-out)}.nav__link span{position:relative;display:inline-block}.nav__link span:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease-out)}.nav__link:hover{color:var(--ink)}.nav__link:hover span:after{transform:scaleX(1)}.nav__utilities{display:flex;align-items:center;gap:5px;margin-left:auto}.nav__search{display:flex;align-items:center;gap:8px;width:184px;height:37px;padding:0 12px 0 15px;margin-right:9px;background:var(--card);border:1px solid transparent;border-radius:12px;box-shadow:0 1px 2px #0a0a0a0b;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.nav__search:focus-within{border-color:#0a0a0a38;box-shadow:0 2px 10px #0a0a0a12}.nav__search input{flex:1;min-width:0;font-size:var(--t-nav);letter-spacing:-.012em;color:var(--ink)}.nav__search input::placeholder{color:var(--ink-45)}.nav__search input::-webkit-search-cancel-button{display:none}.nav__search button{display:grid;place-items:center;color:var(--ink-60);transition:color var(--dur-fast) var(--ease-out)}.nav__search button:hover{color:var(--ink)}.nav__icon-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--card);color:var(--ink-80);box-shadow:0 1px 2px #0a0a0a0b;transition:transform var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.nav__icon-btn:hover{transform:translateY(-1px);color:var(--ink);box-shadow:0 3px 10px #0a0a0a17}.nav__icon-btn:active{transform:translateY(0)}.social-rail{position:absolute;z-index:var(--z-ui);top:29%;right:var(--panel-pad-x);display:flex;flex-direction:column;gap:8px}.social-rail__btn{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:var(--card);color:var(--ink-80);box-shadow:0 1px 2px #0a0a0a0b;transition:transform var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.social-rail__btn:hover{transform:translate(-2px);color:var(--ink);box-shadow:0 3px 12px #0a0a0a1a}.menu-sheet{position:absolute;z-index:var(--z-overlay);top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 var(--panel-pad-x);background:var(--panel);border-radius:var(--frame-radius);animation:sheet-in .36s var(--ease-out)}.menu-sheet[hidden]{display:none}@keyframes sheet-in{0%{opacity:0;transform:translateY(-8px)}}.menu-sheet nav{display:flex;flex-direction:column;gap:2px}.menu-sheet nav a{font-size:30px;font-weight:600;letter-spacing:-.038em;padding:7px 0;border-bottom:1px solid var(--hairline)}.menu-sheet__socials{display:flex;gap:8px;margin-top:26px}.menu-sheet__socials a{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--card)}@media(max-width:1180px){.nav__links{margin-left:28px;gap:21px}.nav__search{width:150px}}@media(max-width:1000px),(max-aspect-ratio:1/1){.nav{padding-top:26px;gap:16px}.nav__links,.social-rail{display:none}}@media(max-width:620px){.nav{padding-top:20px}.nav__search{width:44px;padding:0;margin-right:5px;justify-content:center}.nav__search input{display:none}.nav__icon-btn{width:36px;height:36px}}.statement{position:absolute;z-index:var(--z-ui);left:var(--panel-pad-x);bottom:26px;width:min(21%,250px)}.statement__eyebrow{margin:0 0 9px;font-size:var(--t-micro);font-weight:400;letter-spacing:-.004em;color:var(--ink-45)}.statement__lede{margin:0 0 30px;font-size:var(--t-lede);font-weight:500;line-height:1.19;letter-spacing:-.026em;color:var(--ink);text-wrap:balance}.statement__actions{display:flex;align-items:center;gap:34px}.cta{position:relative;display:inline-flex;align-items:center;gap:clamp(18px,2vw,34px);height:clamp(52px,4.5vw,66px);padding-left:clamp(18px,1.9vw,26px);padding-right:clamp(6px,.7vw,10px);border-radius:999px;background:var(--ink);color:var(--on-dark);transition:transform var(--dur) var(--ease-out)}.cta__label{font-size:clamp(12px,1.05vw,14.5px);font-weight:450;letter-spacing:-.014em;white-space:nowrap}.cta__circle{display:grid;place-items:center;width:clamp(40px,3.5vw,50px);aspect-ratio:1;border-radius:50%;background:var(--card);color:var(--ink);transition:transform var(--dur) var(--ease-out)}.cta__circle svg{transition:transform var(--dur) var(--ease-out)}.cta:hover{transform:translateY(-1px)}.cta:hover .cta__circle{transform:scale(1.06)}.cta:hover .cta__circle svg{transform:translate(2px)}.cta:active{transform:translateY(0)}.demo-link{font-size:clamp(11.5px,.95vw,13px);font-weight:450;letter-spacing:-.014em;color:var(--ink);white-space:nowrap}.demo-link span{position:relative;display:inline-block;padding-bottom:2px;border-bottom:1px solid var(--ink)}.demo-link span:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--panel);transform:scaleX(0);transform-origin:right;transition:transform var(--dur) var(--ease-out)}.demo-link:hover span:after{transform:scaleX(1)}.demo-link:hover{color:var(--ink-60)}.product{position:absolute;z-index:var(--z-ui);right:var(--panel-pad-x);bottom:30px;width:min(23%,268px)}.product__title{margin:0 0 22px;font-size:var(--t-display);font-weight:700;line-height:.96;letter-spacing:-.045em;color:var(--ink)}.product__line{display:block;overflow:hidden}.product__mask{display:block}.product__title [data-tone=muted]{color:var(--muted-display)}.product__desc{margin:0;font-size:var(--t-body);font-weight:400;line-height:1.42;letter-spacing:-.008em;color:var(--ink-80)}@media(max-width:1100px){.statement{width:min(30%,230px)}.product{width:min(32%,250px)}.statement__lede{margin-bottom:22px}}@media(max-width:760px),(max-aspect-ratio:1/1){.statement,.product{position:static;width:100%}.product__title{font-size:clamp(2.1rem,10.5vw,3.2rem);margin-bottom:14px}.product__desc{max-width:46ch}.statement__lede{margin-bottom:24px;font-size:15px;max-width:44ch}.statement__actions{gap:26px}.cta{height:56px}.cta__circle{width:42px}}.fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.fallback__image{width:min(52%,620px);height:auto;transform:translateY(3%);animation:fallback-in .8s var(--ease-out) both}@keyframes fallback-in{0%{opacity:0;transform:translateY(6%) scale(.97)}}@media(max-width:760px){.fallback__image{width:74%;transform:none}}.trust{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:34px var(--panel-pad-x) 6px;color:var(--on-dark)}.trust__label{margin:0 0 2px;font-size:var(--t-micro);font-weight:400;letter-spacing:-.004em;color:var(--on-dark);white-space:nowrap}.trust__grid{display:flex;flex-direction:column;gap:26px;width:min(52%,620px)}.trust__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:10px;margin:0;padding:0;list-style:none}.mark{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--on-dark);opacity:.9;white-space:nowrap;transition:opacity var(--dur) var(--ease-out)}.mark:hover{opacity:1}.mark--github span{font-size:14px;font-weight:600;letter-spacing:-.022em}.mark--basecamp span{font-size:13.5px;font-weight:500;letter-spacing:-.018em}.mark--attentive span{font-size:14px;font-weight:750;letter-spacing:-.034em}.mark--gumroad span{font-size:12.5px;font-weight:750;letter-spacing:.012em;text-transform:uppercase}.mark--classpass span{font-size:14px;font-weight:500;letter-spacing:-.026em}.mark--tesla span{font-size:11.5px;font-weight:500;letter-spacing:.42em;text-indent:.42em}.mark--medium span{font-size:14px;font-weight:500;letter-spacing:-.024em}.mark--spacex span{font-size:12px;font-weight:400;letter-spacing:.28em;text-indent:.28em}.mark--uber span{font-size:15px;font-weight:650;letter-spacing:-.036em}.mark--descript span{font-size:14px;font-weight:500;letter-spacing:-.028em}@media(max-width:1100px){.trust__grid{width:62%;gap:20px}.mark span{font-size:12.5px!important}.mark--tesla span,.mark--spacex span{letter-spacing:.2em!important;text-indent:.2em!important}}@media(max-width:760px){.trust{flex-direction:column;align-items:stretch;gap:20px;padding-top:30px;padding-bottom:4px}.trust__grid{width:100%;gap:18px}.trust__row{gap:8px}.mark{justify-content:flex-start}.mark span{font-size:11px!important}.mark svg{width:11px;height:11px}}@media(max-width:520px){.trust__row{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}.trust__grid{gap:16px}}.page{min-height:100vh;min-height:100dvh;padding:var(--frame-inset);background:var(--page)}.frame{display:flex;flex-direction:column;min-height:calc(100dvh - var(--frame-inset) * 2)}.board{position:relative;flex:1 1 auto;min-height:0;isolation:isolate}.board__panels{position:absolute;z-index:var(--z-backdrop);top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr var(--gutter) 1fr}.board__panel{position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80}.board__panel--left{grid-column:1;border-radius:var(--frame-radius) 18px 18px var(--frame-radius);background:linear-gradient(118deg,#f3f2f0,#f0efec 36%,#edebe8 64%,#eae8e5)}.board__panel--right{grid-column:3;border-radius:18px var(--frame-radius) var(--frame-radius) 18px;background:linear-gradient(242deg,#f3f2f0,#f0efec 36%,#edebe8 64%,#eae8e5)}.board__marker{position:absolute;z-index:var(--z-ui);left:calc(var(--panel-pad-x) - 6px);top:34%;display:flex;flex-direction:column;gap:9px;transform-origin:top}.board__marker span{width:1px;background:var(--ink-30)}.board__marker span:first-child{height:14px;background:var(--ink-60)}.board__marker span:last-child{height:118px}.board__stage{position:absolute;z-index:var(--z-scene);top:0;right:0;bottom:0;left:0;pointer-events:none}.board__stage canvas{display:block}.board__content{position:absolute;z-index:var(--z-ui);top:0;right:0;bottom:0;left:0;pointer-events:none}.board__content>*{pointer-events:auto}.board__content .product,.board__content .statement{transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.board__content[data-swapping=true] .product,.board__content[data-swapping=true] .statement{opacity:0;transform:translateY(7px);transition-duration:.5s}@media(max-width:1100px){.board__marker{top:30%}.board__marker span:last-child{height:84px}}@media(max-width:760px),(max-aspect-ratio:1/1){.frame{min-height:0}.board{display:flex;flex-direction:column;padding:clamp(78px,11vw,104px) 0 30px}.board__panels{grid-template-columns:1fr}.board__panel--left{border-radius:var(--frame-radius)}.board__panel--right,.board__marker{display:none}.board__stage{position:relative;inset:auto;height:clamp(240px,40vh,420px);flex:none}.board__content{position:static;display:flex;flex-direction:column;gap:26px;padding:26px var(--panel-pad-x) 0}.board__content .chips{order:1}.board__content .selector{order:2}.board__content .product{order:3}.board__content .statement{order:4}}@media(max-width:520px){.board__stage{height:clamp(210px,34vh,300px)}.board__content{gap:22px}}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterTight-latin.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:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterTight-latin-ext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--page: #000000;--panel: #efeeec;--card: #ffffff;--ink: #0a0a0a;--ink-80: #2b2b2b;--ink-60: #6b6b6b;--ink-45: #8f8f8f;--ink-30: #b4b4b4;--muted-display: #a7a6a3;--ink-18: #d2d1cf;--hairline: rgba(10, 10, 10, .13);--on-dark: #ffffff;--frame-inset: 22px;--frame-radius: 34px;--gutter: 7px;--panel-pad-x: 30px;--font: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--t-nav: 12.5px;--t-micro: 10px;--t-annot: 8.5px;--t-body: 11.5px;--t-lede: 15.5px;--t-display: clamp(2rem, 3.84vw, 3.6rem);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .22s;--dur: .42s;--z-backdrop: 0;--z-annotations: 2;--z-scene: 3;--z-ui: 4;--z-overlay: 10}@media(max-width:1100px){:root{--frame-inset: 16px;--frame-radius: 28px;--panel-pad-x: 24px}}@media(max-width:720px){:root{--frame-inset: 10px;--frame-radius: 22px;--panel-pad-x: 18px;--t-body: 12px;--t-lede: 16px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--page);overflow-x:hidden}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis-weight:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}input{font:inherit;border:0;background:none}svg{display:block}:where(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.trust :where(button,a):focus-visible{outline-color:var(--on-dark)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}