.solution-showcase{overflow:hidden;background:#fff}.solution-showcase__head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:70px;align-items:end;margin-bottom:52px}.solution-showcase__head h2{max-width:780px}.solution-showcase__head>p{max-width:520px;margin:0;color:#627184;font-size:16px;line-height:1.75}.solution-showcase__stage{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:620px;border:1px solid #cbd5d3;background:#f2f5f3;box-shadow:0 30px 80px rgba(9,26,39,.1)}.solution-showcase__tabs{display:flex;flex-direction:column;padding:24px;background:#071421}.solution-showcase__tabs button{display:grid;grid-template-columns:36px 1fr 22px;gap:12px;align-items:center;width:100%;min-height:96px;padding:15px 10px;border:0;border-bottom:1px solid #263d4f;background:transparent;color:#b0bfca;text-align:left;cursor:pointer;transition:.25s}.solution-showcase__tabs button:first-child{border-top:1px solid #263d4f}.solution-showcase__tabs button span{color:#698093;font:700 10px/1 "JetBrains Mono",monospace}.solution-showcase__tabs button strong{font:700 16px/1.25 Archivo,sans-serif}.solution-showcase__tabs button i{font-style:normal;font-size:18px;opacity:0;transform:translateX(-8px);transition:.25s}.solution-showcase__tabs button:hover{color:#fff}.solution-showcase__tabs button[aria-selected=true]{margin-inline:8px -8px;padding-inline:18px 16px;background:var(--solution-accent);color:#071421;border-color:var(--solution-accent)}.solution-showcase__tabs button[aria-selected=true] span{color:#071421}.solution-showcase__tabs button[aria-selected=true] i{opacity:1;transform:none}.solution-showcase__screen{align-self:center;margin:32px 34px;background:#0b1a28;border:1px solid #274155;box-shadow:0 24px 60px rgba(7,20,33,.22)}.solution-showcase__browser{display:flex;align-items:center;gap:7px;height:46px;padding:0 16px;border-bottom:1px solid #294255;color:#71889a;font:650 9px/1 "JetBrains Mono",monospace;text-transform:uppercase}.solution-showcase__browser>i{width:7px;height:7px;border-radius:50%;background:#345064}.solution-showcase__browser>i:first-child{background:var(--solution-accent)}.solution-showcase__browser>span{margin-left:10px}.solution-showcase__browser>b{display:flex;align-items:center;gap:7px;margin-left:auto;color:#8fa4b4;font-weight:650}.solution-showcase__browser b em{width:7px;height:7px;border-radius:50%;background:#46d59d;box-shadow:0 0 0 4px rgba(70,213,157,.12)}.solution-showcase__workspace{display:grid;grid-template-columns:62px 1fr;min-height:480px}.solution-showcase__workspace>aside{display:flex;flex-direction:column;align-items:center;gap:23px;padding:24px 0;border-right:1px solid #243e52;background:#071521}.solution-showcase__workspace>aside b{display:grid;place-items:center;width:32px;height:32px;background:var(--solution-accent);color:#071421;font:800 11px/1 Archivo,sans-serif}.solution-showcase__workspace>aside i{width:18px;height:3px;background:#2b465a}.solution-showcase__panels{position:relative;min-width:0}.solution-showcase__panels article{position:absolute;inset:0;display:flex;flex-direction:column;padding:clamp(24px,3vw,42px);opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .28s ease,transform .28s ease,visibility .28s}.solution-showcase__panels article.is-active{position:relative;opacity:1;visibility:visible;transform:none}.solution-showcase__panel-head{display:flex;justify-content:space-between;gap:24px;align-items:start}.solution-showcase__panel-head small{color:var(--solution-accent);font:700 10px/1 "JetBrains Mono",monospace;text-transform:uppercase}.solution-showcase__panel-head h3{margin:10px 0 0;color:#eef4f7;font:760 clamp(25px,2.5vw,38px)/1 Archivo,sans-serif;letter-spacing:-.045em}.solution-showcase__panel-head>span{padding:8px 11px;border:1px solid #305064;color:#91a8b8;font-size:10px;font-weight:700;text-transform:uppercase}.solution-showcase__panels article>p{max-width:660px;margin:18px 0 24px;color:#96a9b7;font-size:14px;line-height:1.65}.solution-showcase__ui{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.solution-showcase__ui>div{position:relative;min-height:150px;padding:18px;border:1px solid #29475c;background:#0f2333}.solution-showcase__ui small{display:block;color:#728b9c;font:700 9px/1 "JetBrains Mono",monospace;text-transform:uppercase}.solution-showcase__ui strong{display:block;min-height:52px;margin-top:15px;color:#dbe7ec;font-size:13px;line-height:1.45}.solution-showcase__ui>div>i{display:block;height:3px;margin-top:18px;background:#29485d}.solution-showcase__ui>div>i b{display:block;width:72%;height:100%;background:var(--solution-accent)}.solution-showcase__ui .is-process span{display:flex;gap:6px;align-items:center;margin-top:13px}.solution-showcase__ui .is-process span i{width:8px;height:8px;border-radius:50%;background:var(--solution-accent);animation:showcasePulse 1.5s infinite}.solution-showcase__ui .is-process span i:nth-child(2){animation-delay:.2s}.solution-showcase__ui .is-process span i:nth-child(3){animation-delay:.4s}.solution-showcase__ui .is-result{border-color:color-mix(in srgb,var(--solution-accent) 65%,#29475c);background:color-mix(in srgb,var(--solution-accent) 8%,#0f2333)}.solution-showcase__ui .is-result em{display:grid;place-items:center;width:30px;height:30px;margin-top:9px;border-radius:50%;background:var(--solution-accent);color:#071421;font-style:normal;font-weight:900}.solution-showcase__panels footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:24px;color:#768d9e;font-size:11px}.solution-showcase__panels footer>span{display:flex;align-items:center;gap:9px}.solution-showcase__panels footer>span i{width:7px;height:7px;border-radius:50%;background:#46d59d}.solution-showcase__panels footer button{display:flex;gap:14px;align-items:center;padding:9px 0;border:0;border-bottom:1px solid var(--solution-accent);background:transparent;color:#e2ebef;font-weight:750;cursor:pointer}.solution-showcase__panels footer button b{color:var(--solution-accent)}.solution-showcase__cta{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr) auto;gap:48px;align-items:center;margin-top:28px;padding:34px 38px;background:#e7ece9;border-left:4px solid var(--solution-accent)}.solution-showcase__cta .solution-kicker{margin-bottom:10px}.solution-showcase__cta h3{max-width:650px;margin:0;color:#101c2a;font:750 clamp(24px,2.6vw,36px)/1.08 Archivo,sans-serif;letter-spacing:-.04em}.solution-showcase__cta ul{display:grid;gap:9px;margin:0;padding:0;list-style:none;color:#4f6071;font-size:13px}.solution-showcase__cta li:before{content:"✓";margin-right:9px;color:#16806c;font-weight:900}.solution-showcase__cta .solution-button{white-space:nowrap}@keyframes showcasePulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.solution-showcase__ui .is-process span i{animation:none}.solution-showcase__panels article{transition:none}}@media(max-width:1050px){.solution-showcase__head{grid-template-columns:1fr;gap:24px}.solution-showcase__stage{grid-template-columns:1fr}.solution-showcase__tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:10px}.solution-showcase__tabs button,.solution-showcase__tabs button:first-child{min-height:80px;border:0;border-right:1px solid #263d4f}.solution-showcase__tabs button[aria-selected=true]{margin:0}.solution-showcase__screen{margin:20px}.solution-showcase__cta{grid-template-columns:1fr 1fr}.solution-showcase__cta .solution-button{grid-column:1/-1;justify-self:start}}@media(max-width:700px){.solution-showcase__tabs{grid-template-columns:1fr}.solution-showcase__tabs button,.solution-showcase__tabs button:first-child{min-height:68px;border-right:0;border-bottom:1px solid #263d4f}.solution-showcase__screen{margin:12px}.solution-showcase__browser>span{display:none}.solution-showcase__workspace{grid-template-columns:42px 1fr}.solution-showcase__workspace>aside{gap:18px}.solution-showcase__workspace>aside i{width:14px}.solution-showcase__panels article{padding:22px 16px}.solution-showcase__panel-head>span{display:none}.solution-showcase__ui{grid-template-columns:1fr}.solution-showcase__ui>div{min-height:112px}.solution-showcase__panels footer>span{display:none}.solution-showcase__panels footer{justify-content:flex-end}.solution-showcase__cta{grid-template-columns:1fr;padding:28px 24px}.solution-showcase__cta .solution-button{grid-column:auto;width:100%;white-space:normal}.solution-showcase__stage{min-height:auto}}