*{box-sizing:border-box}html{scroll-behavior:smooth}.landing-page{color:#17171b;background:#f5f5f7;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;overflow-x:hidden}.landing-page a{color:inherit}.local-nav{position:fixed;top:0;left:0;right:0}.nav-links{align-items:center;gap:25px;margin-left:auto;font-size:11px;display:flex}.nav-links a{color:#36363b;text-decoration:none}.nav-links .pill{color:#fff;background:#17171b;border-radius:999px;padding:8px 14px}.hero{text-align:center;flex-direction:column;align-items:center;min-height:114vh;padding:160px 24px 90px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:3;position:relative}.hero .eyebrow{color:#6e6e73;letter-spacing:-.025em;font-size:20px;font-weight:650}.hero h1{letter-spacing:-.078em;max-width:1050px;margin:18px auto 25px;font-size:clamp(64px,9vw,132px);font-weight:700;line-height:.86}.hero h1 span{color:#6d28d9}.hero p{color:#66666d;max-width:650px;margin:auto;font-size:20px;font-weight:500;line-height:1.45}.hero-actions{justify-content:center;gap:11px;margin-top:30px;display:flex}.button{background:#17171b;border-radius:999px;padding:12px 18px;font-size:13px;font-weight:650;text-decoration:none;color:#fff!important}.button.secondary{background:0 0;border:1px solid #c7c7ca;color:#17171b!important}.product-stage{perspective:1300px;width:min(920px,82vw);height:460px;transform-style:preserve-3d;margin:75px auto 0;position:relative}.product-shadow{filter:blur(36px);background:#4c1d9522;border-radius:50%;height:90px;position:absolute;bottom:15px;left:13%;right:13%}.product{transform:rotateX(calc(9deg + var(--my,0) * -4deg)) rotateY(calc(-9deg + var(--mx,0) * 6deg)) translateZ(0);background:linear-gradient(145deg,#ffffffed,#ebe9f2dc);border:1px solid #fffc;border-radius:32px;transition:transform .12s linear;position:absolute;inset:0;overflow:hidden;box-shadow:0 50px 110px #3f3b531f,0 8px 24px #00000012,inset 0 1px #fff}.product-bar{border-bottom:1px solid #0000000c;align-items:center;height:48px;padding:0 18px;display:flex}.dots{gap:6px;display:flex}.dots i{background:#c8c7cc;border-radius:50%;width:7px;height:7px}.product-title{color:#85838d;letter-spacing:.06em;margin:auto;font-size:10px;font-weight:650}.product-body{grid-template-columns:190px 1fr;height:calc(100% - 48px);display:grid}.side{border-right:1px solid #0000000b;padding:23px 17px}.side-label{color:#96939e;letter-spacing:.13em;text-transform:uppercase;margin:0 8px 11px;font-size:8px}.side-item{color:#63616a;border-radius:9px;align-items:center;gap:9px;padding:9px;font-size:10px;display:flex}.side-item.active{color:#5b21b6;background:#ebe7f8;font-weight:650}.side-item i{opacity:.7;background:currentColor;border-radius:2px;width:6px;height:6px}.editor{color:#37353d;text-align:left;background:#fbfbfce6;padding:29px 32px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.75;position:relative}.line-no{color:#c1bec8;user-select:none;width:27px;display:inline-block}.kw{color:#7c3aed}.fn{color:#0969a7}.str{color:#087b60}.comment{color:#9b98a3}.statement{background:#fff;place-items:center;min-height:100vh;padding:80px 24px;display:grid}.statement p{color:#a1a1a6;letter-spacing:-.066em;text-align:center;max-width:1020px;margin:0;font-size:clamp(47px,7vw,96px);font-weight:720;line-height:.98}.statement strong{color:#1d1d1f}.motion-section{color:#17171b;background:#f5f5f7;height:420vh;position:relative}.motion-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.motion-head{z-index:10;text-align:center;width:min(1080px,90vw);max-width:none;position:absolute;top:9vh;left:50%;transform:translate(-50%)}.motion-kicker{color:#7c3aed;letter-spacing:.08em;font-size:12px;font-weight:700}.motion-head h2{letter-spacing:-.06em;margin:12px 0 0;font-size:clamp(50px,6vw,88px);font-weight:700;line-height:.94}.step-list{z-index:10;grid-template-columns:repeat(4,1fr);width:min(720px,88vw);display:grid;position:absolute;top:27vh;bottom:auto;left:50%;transform:translate(-50%)}.step{color:#aaa7b0;text-align:center;cursor:pointer;border-top:1px solid #00000016;padding:12px 8px;transition:color .45s}.step.active{color:#17171b}.step small{color:#8b5cf6;width:36px;font-size:11px;display:inline-block}.step b{font-size:17px}.step:focus-visible{outline-offset:5px;border-radius:4px;outline:2px solid #6d28d9}.scene{perspective:1400px;position:absolute;inset:38vh 10vw 5vh}.engine-card{box-shadow:none;transform-style:preserve-3d;background:0 0;border:0;position:absolute;inset:0;overflow:hidden;transform:none}.scene-top{display:none}.visual-area{height:100%;position:relative}.code-scene,.checkout-scene,.webhook-scene,.reconcile-scene{opacity:0;padding:3% 6%;transition:opacity .5s,transform .7s;position:absolute;inset:0;transform:translateY(32px)scale(.96)}.code-scene.active,.checkout-scene.active,.webhook-scene.active,.reconcile-scene.active{opacity:1;transform:none}.code-scene{place-items:center;display:grid}.dark-code{color:#4c4953;background:#fff;border:1px solid #0000000d;border-radius:26px;width:min(1040px,90vw);padding:72px 48px 38px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(20px,1.8vw,26px);line-height:1.8;position:relative;overflow:auto;box-shadow:0 32px 90px #302a3d12,inset 0 1px #fff}.dark-code:before{content:"";background:#f7f7f9;border-bottom:1px solid #0000000a;height:44px;position:absolute;top:0;left:0;right:0}.dark-code:after{content:"";background:#c6c4cc;border-radius:50%;width:7px;height:7px;position:absolute;top:18px;left:23px;box-shadow:13px 0 #c6c4cc,26px 0 #c6c4cc}.dark-code>div{align-items:baseline;gap:20px;min-width:max-content;display:flex}.dark-code .line-no{color:#c2bec8;text-align:right;flex:0 0 38px;width:auto}.dark-code .code-line{white-space:nowrap}.checkout-flow{justify-content:center;align-items:center;gap:26px;height:100%;display:flex}.flow-box{color:#17171b;text-align:center;width:145px;box-shadow:none;background:0 0;border:0;padding:20px}.flow-box i{color:#fff;background:#6d28d9;border-radius:14px;place-items:center;width:46px;height:46px;margin:0 auto 16px;font-size:18px;font-style:normal;display:grid}.flow-box b{font-size:clamp(20px,1.7vw,24px);display:block}.flow-box span{color:#7a7681;margin-top:8px;font-size:clamp(13px,1.1vw,16px);display:block}.connector{background:#d8d4de;width:60px;height:1px;position:relative;overflow:hidden}.connector:after{content:"";background:#6d28d9;width:28px;height:1px;animation:1.7s linear infinite signal;position:absolute}.event-list{max-width:680px;margin:auto}.event{border-bottom:1px solid #00000012;grid-template-columns:42px 1fr auto;align-items:center;gap:18px;padding:20px 5px;display:grid}.event-icon{color:#6d28d9;background:#ebe7f8;border-radius:12px;place-items:center;width:42px;height:42px;font-size:14px;display:grid}.event b{color:#17171b;font-size:clamp(18px,1.45vw,22px);display:block}.event span{color:#77737f;font-size:clamp(13px,1.05vw,16px)}.badge{background:#22c55e18;border-radius:99px;padding:7px 10px;color:#16864b!important;font-size:11px!important}.reconcile-grid{grid-template-columns:1fr 1fr;gap:15px;height:100%;display:grid}.metric{color:#17171b;background:#fff;border:1px solid #0000000d;border-radius:20px;padding:25px;box-shadow:0 18px 55px #3b335111}.metric small,.chart small{color:#77747f;font-size:15px}.metric strong{letter-spacing:-.055em;margin-top:10px;font-size:clamp(30px,4vw,58px);display:block}.chart{color:#17171b;background:#fff;border:1px solid #0000000d;border-radius:20px;grid-column:1/-1;min-height:210px;padding:25px;position:relative;overflow:hidden;box-shadow:0 18px 55px #3b335111}.chart svg{width:calc(100% - 50px);height:75%;position:absolute;bottom:22px;left:25px;right:25px}.chart path{stroke-dasharray:900;stroke-dashoffset:900px;animation:3s forwards draw}.closing{text-align:center;background:#fff;place-items:center;min-height:100vh;padding:100px 24px;display:grid}.closing h2{letter-spacing:-.076em;max-width:1000px;margin:0;font-size:clamp(58px,8vw,118px);font-weight:700;line-height:.88}.closing p{color:#6e6e73;max-width:520px;margin:30px auto;font-size:18px;line-height:1.5}.site-footer{color:#f5f5f7;background:#111114;padding:80px max(24px,5vw) 30px}.footer-inner{max-width:1160px;margin:auto}.footer-main{grid-template-columns:1.7fr repeat(3,1fr);gap:55px;padding-bottom:65px;display:grid}.footer-brand{letter-spacing:-.045em;align-items:center;gap:11px;font-size:28px;font-weight:750;display:flex}.footer-about{color:#8f8e97;max-width:300px;margin:17px 0 0;font-size:13px;line-height:1.6}.footer-column b{color:#f5f5f7;margin-bottom:18px;font-size:11px;display:block}.footer-column a{color:#929099;width:max-content;margin:11px 0;font-size:11px;text-decoration:none;display:block}.footer-column a:hover{color:#fff}.footer-bottom{color:#77757e;border-top:1px solid #ffffff14;justify-content:space-between;gap:20px;padding-top:25px;font-size:10px;display:flex}.footer-bottom a{color:#a7a4ae;text-decoration:none}.dark .landing-page{color:#f2f2f5;background:#111114}.dark .landing-page .app-bar{background:#111114e8;border-color:#ffffff12}.dark .nav-links a{color:#b5b5c0}.dark .nav-links a:hover{color:#f2f2f5}.dark .nav-links .pill{color:#17171b;background:#f2f2f5}.dark .nav-links .pill:hover{color:#17171b}.dark .hero h1 span{color:#7c3aed}.dark .hero .eyebrow,.dark .hero p,.dark .closing p{color:#a5a5b1}.dark .button{background:#f2f2f5;color:#17171b!important}.dark .button.secondary{background:#ffffff08;border-color:#ffffff38;color:#f2f2f5!important}.dark .product-shadow{filter:blur(48px);background:#7c3aed26}.dark .product{background:#202027;border-color:#ffffff18;box-shadow:0 52px 120px #0006,0 10px 28px #00000040,inset 0 1px #ffffff12}.dark .product-bar{background:#25252d;border-color:#ffffff0d}.dark .dots i{background:#686873}.dark .product-title,.dark .side-label,.dark .comment{color:#858591}.dark .side{background:#1c1c22;border-color:#ffffff0d}.dark .side-item{color:#92929f}.dark .side-item.active{color:#bda7ff;background:#7c3aed24}.dark .editor{color:#d4d4dc;background:#18181e}.dark .editor .line-no{color:#555561}.dark .editor .kw{color:#a78bfa}.dark .editor .fn{color:#67b7e8}.dark .editor .str{color:#65c9a7}.dark .statement{background:#16161a}.dark .statement p{color:#62626d}.dark .statement strong{color:#f2f2f5}.dark .motion-section{color:#f2f2f5;background:#111114}.dark .motion-kicker{color:#8b5cf6}.dark .step{color:#696975;border-color:#ffffff14}.dark .step.active,.dark .flow-box,.dark .event b,.dark .metric,.dark .chart{color:#f2f2f5}.dark .dark-code{color:#c8c8d2;background:#1c1c21;border-color:#ffffff12;box-shadow:0 32px 90px #00000038,inset 0 1px #ffffff0d}.dark .dark-code:before{background:#222228;border-color:#ffffff0d}.dark .dark-code:after{background:#5c5c66;box-shadow:13px 0 #5c5c66,26px 0 #5c5c66}.dark .dark-code .line-no{color:#555561}.dark .flow-box span,.dark .event span,.dark .metric small{color:#8f8f9c}.dark .flow-box i{background:#7c3aed}.dark .connector{background:#3a3a44}.dark .event{border-color:#ffffff12}.dark .event-icon{color:#bda7ff;background:#7c3aed24}.dark .metric,.dark .chart{background:#1c1c21;border-color:#ffffff12;box-shadow:0 22px 65px #0000002e}.dark .closing{background:#16161a}.dark .site-footer{background:#0c0c0f}@keyframes signal{0%{left:-30px}to{left:100%}}@keyframes draw{to{stroke-dashoffset:0}}@media (width<=850px){.nav-links a:not(.pill){display:none}.hero{padding-top:125px}.hero h1{font-size:65px}.hero p{font-size:17px}.product-stage{width:94vw;height:360px}.product-body{grid-template-columns:120px 1fr}.editor{padding:22px 18px;font-size:9px}.dark-code{border-radius:20px;width:94vw;padding:58px 20px 26px;font-size:clamp(12px,2.8vw,15px)}.dark-code>div{gap:14px}.dark-code .line-no{flex-basis:26px}.motion-head{top:78px;left:50%}.step-list{inset:25vh auto auto 50%}.step b{display:none}.scene{inset:36vh 18px 4vh}.checkout-flow{gap:8px}.flow-box{width:100px;padding:13px}.flow-box b{font-size:17px}.flow-box span{font-size:12px}.event b{font-size:15px}.event span{font-size:11px}.badge{font-size:9px!important}.connector{width:24px}.reconcile-grid{gap:8px}.metric{padding:15px}.footer-main{grid-template-columns:1fr 1fr;gap:38px}.footer-brand-wrap{grid-column:1/-1}}@media (width<=520px){.footer-main{grid-template-columns:1fr}.footer-brand-wrap{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{margin-bottom:10px;display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product{transition:none;transform:none}.motion-section{height:auto;min-height:100vh}.motion-sticky{position:relative}.connector:after,.chart path{animation:none}}