@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/saaskit/geist-latin.woff2') format('woff2')}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#161618;font-family:Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:#6f5fc0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #8b7bd3;outline-offset:4px}button{color:inherit}p{margin:0}strong{font-weight:500}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:12px 20px;background:#fff;border:1px solid}.skip-link:focus{top:12px}
.portfolio-layout{display:grid;grid-template-columns:34% minmax(0,1fr);align-items:start}.intro{position:sticky;top:0;height:100svh;min-height:620px;padding:40px 48px;border-right:1px solid #ececef;display:flex;flex-direction:column;gap:44px}.intro-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.wordmark{font-size:26px;font-weight:500;letter-spacing:-.045em;white-space:nowrap}.wordmark>span{display:inline-flex;align-items:baseline}.wordmark-o{position:relative;width:.54em;height:.54em;margin:0 .035em 0 .02em;border-radius:50%;background:#8b7bd3}.wordmark-o i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.19em;height:.19em;background:#fff;border-radius:.015em}.login{font-size:15px;color:#55555b;white-space:nowrap}.intro-copy{flex:1;display:flex;flex-direction:column;justify-content:center;gap:28px}.intro h1{margin:0;font-weight:450;font-size:clamp(44px,3.8vw,60px);line-height:1;letter-spacing:-.05em}.intro h1 span{display:block}.intro-copy p{font-size:17px;line-height:1.55;color:#55555b;max-width:25em;text-wrap:pretty}.text-link{display:flex;gap:14px;align-items:center;font-size:16px;width:max-content}.intro-foot{font-size:13px;line-height:1.6;color:#6e6e75}.portfolio-main{padding:28px 56px 24px;min-width:0}.portfolio-languages{display:flex;justify-content:flex-end;padding-bottom:20px;min-height:44px}.portfolio-languages .language-switch{font-size:14px}.portfolio-languages .language-switch a{min-height:24px}.product-navigation{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.product-tabs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #e6e6ea}.product-tabs button{border:0;background:none;text-align:left;display:flex;flex-direction:column;gap:3px;padding:16px 8px 15px 0;color:#75757b;transition:color .25s}.product-tabs button>span{font-size:18px;font-weight:500;letter-spacing:-.025em}.product-tabs small{font-size:13px;line-height:1.35;overflow-wrap:anywhere;hyphens:auto}.product-tabs button[aria-selected=true]{color:#161618}.product-tabs button[aria-selected=true] small{color:#55555b}.tab-indicator{position:absolute;left:0;bottom:-1px;width:33.3333%;height:2px;background:#161618;transform:translateX(100%);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.product-panel{container-type:inline-size;min-width:0;margin-top:20px}.product-panel.is-entering{animation:panel-enter .45s ease both}@keyframes panel-enter{from{opacity:.1;transform:translateY(8px)}to{opacity:1;transform:none}}
.stage{position:relative;width:100%;container-type:inline-size;aspect-ratio:16/9;overflow:hidden;border-radius:4px}.product-description{display:flex;flex-direction:column;gap:22px;padding:26px 0 8px;min-height:253px}.product-line{font-size:clamp(20px,1.9vw,26px);line-height:1.3;letter-spacing:-.025em;max-width:28em;text-wrap:pretty}.product-line>span{color:#6e6e75}.product-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:24px 32px;border-top:1px solid #e6e6ea}.detail{padding-top:18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.detail-label{font-size:13px;font-weight:500;color:#55555b}.detail p{font-size:15px;line-height:1.5;color:#45454b;max-width:30em;text-wrap:pretty}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-width:min(100%,260px);max-width:100%;padding:14px 20px;border:1px solid #161618;border-radius:999px;background:#161618;color:#fff;font-size:15px;font-weight:500;transition:background .2s,border-color .2s}.button:hover{background:#34343a;color:#fff}.detail .button{margin-top:6px}.button-outline{background:transparent;color:#161618;border-color:#cfcfd6}.button-outline:hover{background:#fff;color:#161618;border-color:#161618}
.listing-stage{background:#f1f1ee}.listing-cards{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.listing-card{position:absolute;height:70%;aspect-ratio:9/16;border:0;padding:0;border-radius:.8cqw;overflow:hidden;background:#deded9;box-shadow:0 2cqw 4cqw -2cqw #14141e59;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .6s ease;opacity:0;pointer-events:none;transform:scale(.6)}.listing-card.is-current{z-index:3;opacity:1;transform:none;pointer-events:auto}.listing-card video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.listing-caption{position:absolute;left:3cqw;bottom:3cqw;z-index:4;display:flex;flex-direction:column;gap:2px}.slide-labels{font-size:16px;font-weight:500;letter-spacing:-.02em}.slide-dots{display:flex;gap:1px}.slide-dots button{width:24px;height:28px;padding:0;border:0;background:none;display:grid;place-items:center}.slide-dots button:after{content:'';height:6px;width:6px;border-radius:3px;background:#c9c9c4;transition:width .4s,background .4s}.slide-dots button[aria-pressed=true]:after{width:18px;background:#161618}.play-toggle{position:absolute;z-index:4;right:3cqw;bottom:3cqw;font-size:12px;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid #1616181a;background:#ffffffe0}.play-toggle:hover{background:#fff;border-color:#1616184d}
.saas-stage{background:radial-gradient(60% 55% at 86% 8%,#e9bee98c,transparent 70%),radial-gradient(60% 60% at 10% 96%,#fcd0b680,transparent 72%),#f5f5f8;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2.6cqw;padding:7.5cqw 5cqw 0}.saas-stage h2{margin:0;font-size:4.2cqw;line-height:1.04;letter-spacing:-.045em;font-weight:650}.saas-stage h2 em{white-space:nowrap}.saas-form{display:flex;align-items:center;gap:6px;width:56%;background:#fff;border-radius:999px;padding:4px;box-shadow:0 10px 30px -12px #7850a073;text-align:left}.saas-form .website-label{background:linear-gradient(90deg,#eba8e2,#f7b89c);color:#2a1430;padding:.8cqw 1.5cqw;border-radius:999px;font-size:clamp(10px,1.4cqw,12px);font-weight:600;white-space:nowrap}.saas-form .website-example{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;font-size:clamp(11px,1.8cqw,15px);padding:0 4px}.saas-form>a{flex-shrink:0;border:0;border-radius:999px;background:#161618;color:#fff;padding:1.05cqw 1.7cqw;font-size:clamp(10px,1.55cqw,13px);font-weight:500;white-space:nowrap}.saas-form>a:hover{background:#34343a}.saas-video{position:absolute;left:13%;bottom:0;transform:translateY(20%);width:74%;aspect-ratio:16/9;border-radius:1.2cqw;overflow:hidden;border:1px solid #16161814;box-shadow:0 3cqw 7cqw -3cqw #50327866;background:#fff}.saas-video video{width:100%;height:100%;object-fit:cover;display:block}
.branding-stage{background:#fbfbfa;border:1px solid #ecece8;padding:5cqw;display:flex;align-items:center;color:#121212}.branding-stage-copy{width:45%;display:flex;flex-direction:column;align-items:flex-start;gap:2.4cqw}.delivery-pill{display:inline-flex;align-items:center;gap:8px;padding:.6cqw 1.2cqw;border:1px solid #e4e4e0;border-radius:999px;background:#fff;font-size:clamp(11px,1.25cqw,13px);color:#3a3a36}.delivery-pill i{width:7px;height:7px;border-radius:50%;background:#38a366;flex:none}.branding-stage h2{margin:0;font-size:4.4cqw;line-height:1;letter-spacing:-.045em;font-weight:500;text-wrap:balance}.benefit-pills{display:flex;flex-direction:column;align-items:flex-start;gap:.9cqw;margin-top:.6cqw}.benefit-pills>span{display:inline-flex;gap:.8cqw;padding:.7cqw 1.3cqw;border-radius:999px;background:#6a5dd0;color:#fff;font-size:clamp(10px,1.3cqw,14px);box-shadow:0 8px 20px -8px #6a5dd08c;max-width:100%;line-height:1.3;text-align:left;white-space:normal}.benefit-pills>span:before{content:'✓';opacity:.7}.branding-placeholder{position:absolute;right:8cqw;top:5.5cqw;width:31cqw;aspect-ratio:9/16;border-radius:1.6cqw;border:1px solid #e4e4e0;background:repeating-linear-gradient(135deg,#ededea 0 10px,#f4f4f1 10px 20px);box-shadow:0 3cqw 6cqw -2cqw #12121247;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#5e5e59;font-size:11px;text-align:center;padding:16px;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.branding-stage:hover .branding-placeholder{transform:translateY(-1.8cqw)}.placeholder-icon{width:clamp(40px,5.4cqw,64px);height:clamp(40px,5.4cqw,64px);background:#fffffff0;border-radius:50%;display:grid;place-items:center;font-size:25px;color:#121212}
.track-record{padding:72px 48px 64px}.proof-grid{border-top:1px solid #e6e6ea;padding-top:36px;display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:28px 32px;align-items:end}.proof-brand{display:flex;flex-direction:column;gap:12px}.proof-brand>span{font-size:13px;font-weight:500;color:#55555b}.proof-brand strong{font-size:30px;font-weight:700;letter-spacing:-.05em;line-height:1}.proof-brand a{font-size:14px;color:#55555b}.stat{display:flex;flex-direction:column;gap:6px}.stat strong{font-size:clamp(34px,3.4vw,46px);letter-spacing:-.05em;line-height:1;font-weight:400}.stat small{font-size:.5em;color:#75757b;margin-left:4px}.stat>span{font-size:13px;color:#6e6e75}.custom-work{padding:0 48px}.custom-inner{background:#f1f1ee;border-radius:4px;padding:clamp(28px,5vw,72px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px 56px;align-items:end}.custom-inner h2{margin:14px 0 0;font-size:clamp(34px,4vw,56px);font-weight:450;letter-spacing:-.05em;line-height:1.02}.custom-copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.custom-copy p{font-size:16px;line-height:1.55;color:#45454b;max-width:28em;text-wrap:pretty}.custom-copy>a:last-child{font-size:14px;color:#55555b}.portfolio-footer{padding:36px 48px 44px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;font-size:13px;color:#6e6e75}.portfolio-footer nav{display:flex;flex-wrap:wrap;gap:8px 22px}.portfolio-footer a{color:#55555b}
@media(min-width:820px) and (max-width:1100px){.intro{padding:32px 26px}.portfolio-main{padding:28px 32px}.wordmark{font-size:23px}.login{font-size:13px}.intro h1{font-size:40px}.saas-form .website-label{display:none}.saas-form{padding-left:12px}.product-tabs small{font-size:12px}.product-tabs button>span{font-size:16px}}
@media(max-width:819px){.portfolio-layout{display:block}.intro{position:relative;height:auto;min-height:0;padding:20px 20px 36px;border:0;gap:44px}.intro-copy{gap:28px}.intro h1{font-size:44px}.intro-copy p{max-width:31em}.intro-foot{display:none}.portfolio-main{padding:0 20px}.portfolio-languages{padding-bottom:8px}.product-navigation{margin:0 -20px;padding:0 20px}.product-tabs button>span{font-size:17px}.product-tabs small{font-size:12px}.product-tabs button{padding-right:6px}.stage{aspect-ratio:4/5}.product-description{min-height:0}.product-details{gap:8px}.product-line{font-size:22px}.detail .button{width:100%;margin-top:6px}.listing-cards{inset:0 0 12cqw}.listing-card{height:58%;border-radius:2cqw}.listing-caption{left:6cqw;bottom:6cqw}.play-toggle{right:6cqw;bottom:6cqw}.saas-stage{aspect-ratio:1/1;padding:12cqw 6cqw 0;gap:4cqw}.saas-stage h2{font-size:8.6cqw}.saas-form{width:86%;padding-left:10px}.saas-form .website-label{display:none}.saas-form>a{padding:9px 10px;font-size:11px}.saas-video{left:3%;width:94%;border-radius:2cqw}.saas-stage .play-toggle{bottom:8cqw;right:8cqw}.branding-stage{aspect-ratio:auto;padding:7cqw 6cqw 0;align-items:flex-start;flex-direction:column;gap:6cqw}.branding-stage-copy{width:100%;gap:3.4cqw}.branding-stage h2{font-size:8cqw;line-height:1.02;max-width:11em}.delivery-pill{font-size:12px;padding:5px 11px}.benefit-pills{gap:2cqw}.benefit-pills>span{font-size:12px;padding:7px 12px;gap:8px}.branding-placeholder{position:relative;left:auto;right:auto;top:auto;align-self:center;flex-shrink:0;width:48cqw;margin-bottom:-10cqw;border-radius:3.4cqw;box-shadow:0 5cqw 10cqw -4cqw #1212124d}.track-record{padding:48px 20px 56px}.proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.proof-brand{grid-column:1/-1}.stat strong{font-size:34px}.stat>span{font-size:12px}.custom-work{padding:0 20px}.portfolio-footer{padding:32px 20px 40px}.portfolio-footer nav{gap:12px 18px}.portfolio-footer>div:last-child{width:100%}}
@media(max-width:359px){.product-tabs small{font-size:11px}.product-tabs button>span{font-size:16px}.intro h1{font-size:40px}.stat strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.branding-stage:hover .branding-placeholder{transform:none}}