*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#171717;color:#efefef;font:16px/1.6 'Segoe UI',Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{outline-offset:5px}::selection{background:#7643c8;color:white}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.navigation,main,body>footer{max-width:1180px;margin:0 auto}.navigation{height:102px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff0c}.logo{font-size:23px;letter-spacing:-.9px;font-weight:650;display:inline-flex;align-items:center;gap:10px}.logo svg{width:31px;height:31px}.beta{font-size:10px;font-weight:500;letter-spacing:1px;color:#929292;border:1px solid #ffffff20;border-radius:5px;padding:1px 5px;margin-left:4px}.navigation nav{display:flex;gap:30px;color:#a0a0a0;font-size:14px}.navigation nav a:hover,footer a:hover{color:#fff}.login{font-size:14px;display:flex;align-items:center;gap:16px;border:1px solid #373737;background:#202020;border-radius:9px;padding:9px 14px}.login:hover{background:#292929}.hero{min-height:650px;padding:94px 0 77px;display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}.eyebrow{color:#8e8e8e;font-size:11px;font-weight:550;letter-spacing:2px;display:flex;align-items:center;gap:10px}.dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#8e45ec}.green{background:#00c99a}.violet{background:#8b43e9}.blue{background:#00b7e6}.orange{background:#ff8800}h1{font-size:clamp(44px,5.3vw, 70px);font-weight:550;letter-spacing:-3.7px;line-height:1.1;margin:26px 0}h1 span{color:#8c8c8c}.hero-copy>p{font-size:18px;line-height:1.7;color:#aaa;margin-bottom:32px}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:10px;padding:14px 18px;font-weight:600;font-size:14px;transition:transform .3s cubic-bezier(.2,.9,.2,1.2),background .2s}.button:active{transform:scale(.96)}.button:hover{transform:translateY(-2px)}.light{background:#ededed;color:#171717}.light:hover{background:#fff}.text-link{color:#aaa;font-size:13px;display:inline-flex;gap:10px}.text-link:hover{color:#fff}.download-note{margin-top:16px;font-size:12px;color:#686868}.product-stage{display:flex;flex-direction:column;align-items:center;position:relative}.stage-caption{font-size:10px;letter-spacing:1.7px;color:#707070;display:flex;align-items:center;gap:8px;margin-bottom:23px}.app-demo{width:340px;border-radius:25px;background:#111;box-shadow:0 0 0 1px #ffffff03,0 30px 90px #0003;padding:19px 17px 12px}.demo-top{display:flex;justify-content:space-between;padding:0 7px 18px;color:#888;font-size:12px}.demo-top>span:first-child{color:#ddd;font-weight:600}.demo-close{letter-spacing:2px;color:#4e4e4e}.capture-row{display:flex;gap:7px;margin-bottom:14px}.capture-row a{border:1px solid #ffffff08;background:#232323;border-radius:9px;padding:9px 12px;font-size:12px;text-align:center}.capture-row a:first-child{flex:1}.capture-row a:hover{background:#333}.demo-content{height:253px;overflow:hidden;position:relative;padding:7px 7px 0}.demo-content>div{animation:content-in .35s cubic-bezier(.22,.8,.25,1)}.timeline{position:relative;padding-left:20px;margin:0;list-style:none}.timeline li{position:relative;padding:0 0 22px;font-size:13px;line-height:1.55;color:#ddd;min-height:50px}.timeline li:before{content:'';position:absolute;left:-20px;top:6px;width:7px;height:7px;border-radius:100%;background:var(--event-color,#8b43e9)}.timeline li:not(:last-child):after{content:'';position:absolute;left:-17px;top:18px;bottom:8px;width:1px;background:#282828}.timeline li:nth-child(2){--event-color:#00c99a}.timeline li:nth-child(3){--event-color:#00b7e6}.timeline li:nth-child(4){--event-color:#ff8800}.timeline li:nth-child(5){--event-color:#ef0868}.timeline b{font-weight:550;color:#f0f0f0}.timeline small{font-size:10px;float:right;margin:3px 0 0 8px;color:#858585;background:#252525;border-radius:5px;padding:0 5px}.timeline li>span{color:#858585}.demo-tabs{display:flex;gap:3px;align-items:center;height:43px;padding-top:7px;position:relative}.demo-tabs:before{content:'';position:absolute;pointer-events:none;bottom:40px;left:0;right:0;height:30px;background:linear-gradient(transparent,#111)}.demo-tabs button{border:0;background:none;color:#777;border-radius:12px;padding:8px 10px;height:36px;display:flex;gap:8px;align-items:center;justify-content:center;flex:0 0 36px;min-width:0;transition:flex-basis .4s cubic-bezier(.2,.9,.2,1.12),background .25s,color .25s,transform .2s}.demo-tabs button[aria-selected=true]{background:#282828;color:#eee;flex-basis:144px}.demo-tabs button:active{transform:scaleY(.85)}.demo-tabs button svg{width:15px;height:15px;flex-shrink:0;stroke-width:2.3}.demo-tabs button span{font-size:12px;display:block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:opacity .2s .08s,max-width .35s}.demo-tabs button[aria-selected=true] span{max-width:90px;opacity:1}.demo-hint{font-size:11px;color:#616161;margin:20px 0 0}.demo-hint span{padding-left:10px;color:#aaa}.demo-label{font-size:11px;letter-spacing:1px;color:#797979;margin:7px 0 17px}.demo-number{font-size:52px;font-weight:500;line-height:1.2;letter-spacing:-2px;margin:10px 0 20px}.demo-number small{color:#777;font-size:19px;letter-spacing:0}.demo-bar{height:4px;border-radius:8px;background:#292929;overflow:hidden}.demo-bar i{width:27%;height:100%;display:block;background:#8b43e9}.demo-caption{font-size:12px;color:#888;line-height:1.7;margin-top:17px}.demo-week{display:flex;height:83px;align-items:flex-end;gap:12px;margin:24px 0 8px}.demo-week i{flex:1;height:35%;background:#323232;border-radius:4px}.demo-week i:nth-child(2){height:65%}.demo-week i:nth-child(3){height:48%}.demo-week i:nth-child(4){height:80%}.demo-week i:nth-child(5){height:40%}.demo-week i:nth-child(6){height:60%}.demo-week i:last-child{height:100%;background:#00c99a}.demo-code{background:#202020;border:1px solid #2b2b2b;border-radius:9px;padding:16px;text-align:center;letter-spacing:5px;font:19px ui-monospace,monospace;margin:22px 0}.demo-soon{text-align:center;padding-top:36px}.demo-soon strong{display:block;font-size:22px;font-weight:500}.demo-soon>span{display:block;color:#888;font-size:38px;margin-bottom:10px}.facts{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;padding:26px 0;color:#999;font-size:13px}.facts>span{display:flex;align-items:center;gap:10px}.section{padding:100px 0 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading .eyebrow{font-size:10px;margin-bottom:20px}h2{font-size:40px;letter-spacing:-1.7px;line-height:1.2;font-weight:500;margin:0}.section-heading>p{font-size:14px;line-height:1.8;color:#777;margin:0 0 3px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{padding:28px;background:#121212;border:1px solid #ffffff04;border-radius:16px}.feature-icon{font-size:28px;width:47px;height:47px;line-height:47px;margin-bottom:25px}.violet-text{color:#a774eb}.green-text{color:#00c99a}.blue-text{color:#00b7e6}h3{font-size:19px;font-weight:500;letter-spacing:-.35px;margin:0 0 13px}.feature-grid p,.steps p{font-size:14px;color:#858585;line-height:1.8;margin:0}.keys{display:flex;align-items:center;gap:6px;color:#5f5f5f;margin-top:25px}.keys kbd{font:12px 'Segoe UI',sans-serif;color:#aaa;border:1px solid #333;background:#202020;padding:3px 8px;border-radius:5px}.color-row{display:flex;align-items:center;gap:7px;margin-top:30px}.color-row i{width:12px;height:12px;border-radius:100%;background:#8952dc}.color-row i:nth-child(2){background:#04cda1}.color-row i:nth-child(3){background:#04b9ef}.color-row i:nth-child(4){background:#ff8a07}.color-row i:nth-child(5){background:#ed2a76}.color-row span{font-size:10px;color:#626262;margin-left:4px}.link-example{display:flex;justify-content:space-between;color:#939393;font:12px ui-monospace,monospace;background:#202020;border-radius:6px;padding:9px 12px;margin-top:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap: 50px;padding:34px 0;border-top:1px solid #ffffff0d}.step-number{font-size:12px;color:#6e6e6e;display:block;margin-bottom:20px;font-family:ui-monospace,monospace}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.plan{border:1px solid #ffffff0b;background:#131313;border-radius:16px;padding:30px}.plan-head{display:flex;justify-content:space-between;font-size:12px;color:#727272}.plan-head>span:first-child{display:flex;gap:9px;align-items:center;color:#ccc;letter-spacing:1px}.plan-amount{font-size:56px;letter-spacing:-2px;margin:22px 0 10px;line-height:1.4}.plan-amount>span{color:#838383;font-size:15px;letter-spacing:0}.plan p{color:#828282;font-size:14px}.subtle{background:#252525;color:#ccc;font-size:13px;margin-top:20px;padding:11px 17px}.subtle:hover{background:#303030}.plan-note{font-size:12px;text-align:center;color:#6a6a6a;margin-top:18px}.last-call{padding:110px 0 100px;text-align:center}.last-call .eyebrow{justify-content:center}.last-call h2{margin:23px 0 29px;font-size:42px}.last-call p{font-size:12px;color:#666;margin-top:18px}body>footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff0d;padding: 30px 0 38px;gap:20px}footer .logo{font-size:20px}footer>span{color:#626262;font-size:12px}footer>div{display:flex;gap:24px;font-size:12px;color:#888}@keyframes content-in{from{opacity:0;transform:translateX(var(--slide,12px))}to{opacity:1;transform:translateX(0)}}@media(max-width:1240px){.navigation,main,body>footer{margin-left:30px;margin-right:30px}.hero{gap:35px}}@media(max-width:900px){.hero{gap:24px;grid-template-columns:1fr 1fr;padding-top:60px}.app-demo{width:320px}.demo-tabs button[aria-selected=true]{flex-basis:124px}.hero-copy>p{font-size:16px}.hero h1{font-size:50px}.navigation nav{gap:16px;font-size:12px}.feature-grid{gap:10px}.feature-grid article{padding:22px}.color-row span{display:none}}@media(max-width:700px){.navigation,main,body>footer{margin-left:20px;margin-right:20px}.navigation{height: 80px}.navigation nav{display:none}.logo{font-size:21px}.login{font-size:12px;padding:8px 10px}.beta{display:none}.hero{grid-template-columns:1fr;padding: 50px 0;gap:48px}.hero h1{font-size:54px;letter-spacing:-2.6px}.hero-copy>p br{display:none}.hero-copy>p{max-width:350px}.hero-actions{gap:18px}.product-stage{margin-top:10px}.app-demo{width:340px;max-width:100%}.demo-tabs button[aria-selected=true]{flex-basis:144px}.facts{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:18px}.section{padding-top: 60px}.section-heading{display:block}.section-heading>p,.section-heading>a{margin-top:20px}.section-heading h2{font-size:34px}.feature-grid,.steps,.plan-grid{grid-template-columns:1fr}.feature-grid article{padding:26px}.color-row span{display:block}.steps{gap: 30px}.steps article{padding-bottom:20px}.plan{padding:25px}.last-call{padding:75px 0}.last-call h2{font-size:34px}.last-call .button{font-size:13px}body>footer{flex-wrap:wrap;padding:25px 0}footer>span{display:none}footer>div{font-size:11px;gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}