:root{--dark:#050510;--navy:#212563;--primary:#4945ff;--purple:#7b3cf0;--blue-100:#f3f5ff;--blue-200:#dfe3ff;--neutral-300:#dcdce4;--neutral-700:#4a4a6a;--muted:#a5a5ba;--font:"Poppins",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}body{font:400 15px/24px var(--font);color:var(--navy);background:#fff}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}.wrap{max-width:1248px;margin:0 auto;padding:0 16px}.skip{color:var(--navy);z-index:60;background:#fff;padding:8px 16px;position:absolute;top:0;left:-9999px}.skip:focus{left:16px}.announce{background:var(--primary);color:#fff;text-align:center;justify-content:center;align-items:center;height:52px;padding:0 24px;font-size:15px;text-decoration:underline;display:flex}.nav{z-index:40;background:var(--dark);color:#fff;align-items:center;gap:12px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.logo img{width:auto;height:32px}.nav ul{gap:12px;display:flex}.nav ul a{border-radius:6px;padding:8px 12px;font-weight:500;display:block}.nav ul a:hover{background:#ffffff14}.nav-end{align-items:center;gap:8px;margin-left:auto;display:flex}.stars{padding:16px;font-size:13px}.btn{white-space:nowrap;border:1px solid var(--neutral-300);border-radius:8px;justify-content:center;align-items:center;padding:8px 24px;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-secondary{color:var(--navy);background:#fff}.hero{background:var(--dark);color:#fff;flex-direction:column;gap:16px;padding:24px 16px 0;display:flex}.hero-top{border:1px solid #4a4a6a80;border-radius:16px;display:flex}.hero-copy{border-right:1px solid #4a4a6a80;flex:1;padding:64px 48px}.hero h1{letter-spacing:-1.075px;max-width:620px;font-size:43px;font-weight:600;line-height:53.75px}.usecase{letter-spacing:-1.075px;color:#ac73e6;flex-direction:column;align-items:flex-start;gap:2px;font-size:43px;font-weight:600;line-height:53.75px;display:flex}.usecase small{background:var(--purple);color:#fff;letter-spacing:0;border-radius:4px;padding:2px 4px;font-size:12px;font-weight:500;line-height:18px}.hero-cta{flex-wrap:wrap;align-items:center;gap:24px;margin-top:44px;display:flex}.cmd{border:1px solid #4a4a6acc;border-radius:8px;padding:14px 16px;font-size:17px}.or{align-items:center;gap:8px;font-size:13px;display:flex}.or>span{color:var(--muted);font-weight:300}.or a{text-underline-offset:4px;font-size:15px;text-decoration:underline}.hero-panel{align-content:start;gap:24px;width:42%;padding-top:32px;display:grid}.hero-panel>p{color:var(--muted);text-align:center;padding:0 24px}.tiles{border-top:1px solid #4a4a6a80;grid-template-columns:repeat(3,1fr);display:grid}.tiles div{aspect-ratio:1.4;border-bottom:1px solid #4a4a6a80;border-right:1px solid #4a4a6a80;justify-content:center;align-items:center;padding:24px;display:flex}.tiles div:nth-child(3n){border-right:0}.tiles img{width:auto;max-height:56px}.tabs{display:flex}.tabs span{text-align:center;color:var(--muted);border-bottom:2px solid #4a4a6a80;flex:1;padding:20px 8px;font-weight:500}.tabs span:first-child{color:#fff;border-color:var(--primary)}.screen{background:linear-gradient(#181826,#0b0b18);border:1px solid #4a4a6a80;border-bottom:0;border-radius:16px 16px 0 0;height:420px}.intro{padding-top:96px;padding-bottom:64px}.intro-head{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:696px;margin:0 auto;display:flex}.intro-head>p:first-child{letter-spacing:.05em;text-transform:uppercase;color:var(--primary);font-size:13px;font-weight:700}.intro-head h2{letter-spacing:-1.075px;font-size:43px;font-weight:700;line-height:59px}.cols3{grid-template-columns:repeat(3,1fr);gap:40px 48px;margin-top:80px;display:grid}.col{flex-direction:column;gap:12px;display:flex}.col-t{align-items:center;gap:12px;display:flex}.col-t img{width:20px;height:20px}.col h3{font-size:21px;font-weight:600;line-height:31px}.col p{color:var(--neutral-700);font-size:17px;line-height:27px}.feature{padding-top:16px;padding-bottom:16px}.feat-top{background:var(--blue-100);border:1px solid var(--blue-200);border-radius:10px 10px 0 0;grid-template-columns:1fr 1fr;align-items:center;display:grid;overflow:hidden}.feat-copy{flex-direction:column;align-items:flex-start;gap:24px;padding:80px;display:flex}.eyebrow{color:var(--primary);letter-spacing:.05em;align-items:flex-start;gap:12px;font-weight:600;display:flex}.eyebrow img{width:16px;height:16px;margin-top:4px}.feature h2{letter-spacing:-.8px;font-size:33px;font-weight:700;line-height:44px}.feat-copy>p{line-height:26px}.feat-img{height:100%}.feat-img img{object-fit:cover;width:100%;height:100%}.feat-items{border:1px solid var(--blue-200);background:#fff;border-top:0;border-radius:0 0 10px 10px;grid-template-columns:repeat(3,1fr);gap:32px;padding:40px;display:grid}.feat-items>div{flex-direction:column;gap:8px;display:flex}.feat-items .col-t{gap:8px}.feat-items .col-t img{width:16px;height:16px}.feat-items h3{font-size:17px;font-weight:600}.feat-items p{line-height:26px}.quotes{padding-top:64px;padding-bottom:32px}.quotes>p{text-align:center;font-size:17px}.qgrid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:80px;display:grid}.qcard{border:1px solid var(--neutral-300);background:#fff;border-radius:10px;flex-direction:column;gap:32px;padding:32px;display:flex}.qlogo img{object-fit:contain;width:auto;max-width:140px;max-height:40px}.qcard>p{flex:1}.qauthor{align-items:center;gap:16px;font-size:13px;display:flex}.qauthor img{object-fit:cover;border-radius:50%;width:40px;height:40px}.banner{padding-top:48px;padding-bottom:64px}.banner img{width:100%}.ftr{background:#fff}.ftr-cta{gap:80px;padding-top:64px;padding-bottom:64px;display:flex}.ftr-left,.ftr-right{flex-direction:column;flex:1;gap:56px;display:flex}.ftr-left{align-items:flex-start}.ftr h2{letter-spacing:-.8px;font-size:33px;font-weight:700;line-height:44px}.code{background:#fff;border:1px solid #eaeaef;border-radius:8px;align-items:center;width:100%;display:flex}.code pre{font:400 15px var(--mono);color:#32324d;flex:1;padding:16px;overflow-x:auto}.code span{color:var(--purple);padding-right:16px;font-weight:600}.badges{flex-wrap:wrap;gap:24px;margin-top:-32px;display:flex}.badges li{align-items:center;gap:6px;font-weight:600;display:flex}.badges img{width:20px;height:20px}.flogos{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.flogos img{width:auto;height:28px}.promo{flex-direction:column;gap:8px;display:flex}.promo-t{align-items:flex-start;gap:12px;display:flex}.promo-t img{width:24px;height:24px;margin-top:4px}.promo-t p{font-size:21px;font-weight:600;line-height:31px}.promo>p{color:var(--neutral-700);margin-bottom:16px;font-size:17px}.promo a{text-underline-offset:4px;font-weight:500;text-decoration:underline}.ftr-main{padding-top:60px;padding-bottom:60px}.fcols{grid-template-columns:repeat(6,1fr);gap:40px 32px;padding-bottom:120px;display:grid}.fabout{flex-direction:column;gap:40px;display:flex}.flogo img{object-fit:contain;width:112px;height:32px}.fabout>p{font-size:11px;line-height:18px}.certs{align-items:center;gap:24px;display:flex}.certs img{width:auto;height:48px}.fcol{flex-direction:column;gap:32px;display:flex}.fcol>p{text-transform:uppercase;font-weight:600}.fcol ul{flex-direction:column;gap:12px;line-height:1;display:flex}.fcol a{color:var(--neutral-700);font-size:13px}.fcol a:hover,.legal a:hover{text-underline-offset:4px;text-decoration:underline}.fbottom{border-top:1px solid #eaeaef;justify-content:space-between;align-items:center;gap:16px;padding-top:32px;font-size:13px;display:flex}.legal{flex-wrap:wrap;gap:0 32px;display:flex}.social{color:var(--neutral-700);align-items:center;gap:16px;display:flex}.social img{width:20px;height:20px}@media (max-width:768px){.nav ul,.stars{display:none}.nav{padding:0 16px}.nav .btn{padding:6px 12px;font-size:13px}.hero-top,.feat-top,.ftr-cta,.fbottom{flex-direction:column;display:flex}.hero-copy{border-right:0;padding:32px 20px}.hero h1,.usecase{font-size:30px;line-height:38px}.hero-panel{width:100%}.tabs span:not(:first-child){display:none}.screen{height:220px}.intro-head h2{font-size:30px;line-height:40px}.cols3,.feat-items,.qgrid{grid-template-columns:1fr}.feat-copy{padding:40px 24px}.feature h2,.ftr h2{font-size:26px;line-height:36px}.fcols{grid-template-columns:1fr 1fr;padding-bottom:48px}.fabout{grid-column:span 2}.ftr-cta{gap:56px}}
