.ab-showcase{display:grid;grid-template-columns:1.05fr 1fr;gap:50px 65px;align-items:center;position:relative;isolation:isolate}.ab-showcase:before{content:'';position:absolute;inset:5% -5%;background:radial-gradient(ellipse at 80% 40%,#7433a41a,transparent 60%);z-index:-1;pointer-events:none}.ab-product-copy h2{font-size:clamp(34px,4vw,60px);line-height:1.13;letter-spacing:-2px;margin:22px 0}.ab-product-copy h2 em{font-style:normal;background:linear-gradient(110deg,#44d9eb,#ad8df1,#e979ec);color:transparent;background-clip:text}.ab-lead{max-width:550px;color:#b1bdd0;line-height:1.8}.ab-product-copy .ax-actions{align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.ab-requirements,.ab-disclosure{font-size:12px!important;line-height:1.7!important;color:#8998af!important}.ab-requirements{max-width:440px;margin-top:22px}.ab-window{overflow:hidden;background:#0c1220;border:1px solid #8371bc55;border-radius:19px;box-shadow:0 30px 100px #0005;transform:perspective(1200px) rotateY(-4deg)}.ab-window-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid #ffffff0e;font-size:9px;letter-spacing:1.5px;color:#aab8cf}.ab-window-dots{color:#8873b7;letter-spacing:3px}.ab-window-caption{padding:24px}.ab-window-caption strong{display:block;font-size:19px;letter-spacing:-.4px}.ab-window-caption>span{display:block;font-size:10px;color:#8a9ab3;margin-top:7px;letter-spacing:1px}.ab-screenshot-frame{max-height:360px;overflow:auto;margin:0 16px;border:1px solid #ffffff0c;border-radius:10px;scrollbar-width:thin}.ab-screenshot-frame img{display:block;width:100%;height:auto}.ab-image-open{padding:21px 24px;display:flex;width:100%;justify-content:space-between;background:transparent;color:#c7b3fb;border:0;font:600 12px inherit;cursor:pointer}.ab-visual-label{display:block;margin:18px 0;text-align:center;font-size:9px;letter-spacing:2px;color:#8995ad}.ab-features{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #ffffff13;padding-top:30px}.ab-features>div>span,.ab-step-kicker{display:block;color:#af9ed6;font-size:10px;letter-spacing:1.5px;font-weight:600}.ab-features strong{display:block;font-size:17px;margin:12px 0}.ab-features p{color:#95a4bb;font-size:13px;line-height:1.7;margin:0}.ab-disclosure{grid-column:1/-1;margin:0;max-width:860px}.ab-demo{width:min(1080px,calc(100% - 32px));max-height:90dvh;overflow:auto;padding:32px;background:radial-gradient(ellipse at 90% 0,#472a6528,transparent 55%),#0c1220;border:1px solid #8875b45c;border-radius:22px;color:#eff2fa;box-shadow:0 40px 150px #0009;font-family:Manrope,Arial,sans-serif}.ab-demo::backdrop{background:#020611dd;backdrop-filter:blur(9px)}.ab-demo-header{display:flex;justify-content:space-between;gap:20px}.ab-demo-header h2{font-size:28px;letter-spacing:-1px;margin:10px 0}.ab-close{flex:none;width:40px;height:40px;border:1px solid #ffffff26;border-radius:50%;background:#ffffff05;color:#eef2ff;font-size:25px;cursor:pointer}.ab-demo-intro{color:#98a7bf;font-size:13px;line-height:1.7}.ab-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.ab-tabs button{padding:14px 12px;background:#ffffff03;color:#9caac1;border:1px solid #ffffff12;border-radius:10px;text-align:left;font:600 12px Manrope,Arial;cursor:pointer}.ab-tabs button span{margin-left:10px}.ab-tabs button[aria-selected=true]{background:linear-gradient(110deg,#23465e55,#59378066);border-color:#a18acc99;color:#eee6ff}.ab-demo-panel{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start;animation:ab-enter .25s ease}.ab-demo-panel[hidden]{display:none}.ab-demo-panel h3{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin:16px 0}.ab-demo-panel p{font-size:14px;line-height:1.8;color:#aebbd0}.ab-demo-panel small{display:block;color:#8c9bb4;font-size:11px;line-height:1.7;margin-top:20px}.ab-glossary{margin:24px 0}.ab-glossary>div{padding:12px 0;border-bottom:1px solid #ffffff0e}.ab-glossary dt{font-size:10px;letter-spacing:1px;color:#a8cbe1;font-weight:700}.ab-glossary dd{margin:6px 0 0;font-size:12px;color:#aebbd0;line-height:1.6}.ab-demo figure{margin:0}.ab-demo figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #ffffff15}.ab-demo figcaption{font-size:10px;color:#8595af;margin:9px 0 20px}.ab-explain{padding:25px;border:1px solid #8b70bb33;border-radius:16px;background:linear-gradient(150deg,#17243c88,#291b3b66)}.ab-explain>div{margin-top:18px;padding:18px;border:1px solid #ffffff16;border-radius:12px;background:#090e1977}.ab-explain b{font-size:10px;color:#a895dc;margin-right:10px}.ab-explain strong{font-size:14px}.ab-explain p{font-size:12px;margin:8px 0 0}.ab-explain>span:not(.ab-step-kicker){display:block;text-align:center;margin-top:12px;color:#9c83d4}.ab-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #ffffff12;margin-top:25px;padding-top:20px}.ab-demo-footer>span{font-size:12px;color:#92a2ba}.ab-showcase button:focus-visible,.ab-demo button:focus-visible{outline:2px solid #60d9ef;outline-offset:4px}@keyframes ab-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:760px){.ab-showcase{grid-template-columns:1fr;gap:30px}.ab-product-copy h2{letter-spacing:-1.3px}.ab-window{transform:none}.ab-features{grid-template-columns:1fr;gap:22px}.ab-features>div{border-bottom:1px solid #ffffff0c;padding-bottom:20px}.ab-demo{padding:22px 18px;width:calc(100% - 20px);max-height:94dvh}.ab-demo-header h2{font-size:23px}.ab-demo-panel{grid-template-columns:1fr;gap:25px}.ab-tabs button{padding:13px 8px;font-size:11px}.ab-tabs button span{margin-left:4px}.ab-screenshot-frame{max-height:300px}.ab-demo-panel h3{font-size:25px}}@media(prefers-reduced-motion:reduce){.ab-demo-panel{animation:none}}

.ab-demo{inset:20px 0 auto;margin:0 auto;max-height:calc(100dvh - 40px)}@media(max-width:760px){.ab-demo{inset:10px 0 auto;max-height:calc(100dvh - 20px)}}