body.solution-page-body .solutions-hero__visual--ui{position:relative;width:100%;min-width:0;justify-self:end;padding-left:clamp(8px,1.8vw,24px);background:transparent;box-shadow:none;border:0}body.solution-page-body .solutions-ui{--ui-blue: #2563eb;--ui-blue-deep: #1d4ed8;--ui-ink: #0f172a;--ui-muted: #64748b;--ui-line: #e2e8f0;--ui-pass: #059669;display:flex;flex-direction:column;gap:12px;width:100%;max-width:720px;margin-left:auto;background:transparent}body.solution-page-body .solutions-ui__stage{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(168px,.72fr);gap:12px;align-items:stretch}body.solution-page-body .solutions-ui__browser{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:18px;background:#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 1px 2px #0f172a0a,0 22px 48px #162d5d1f;overflow:hidden}body.solution-page-body .solutions-ui__chrome{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e8edf3}body.solution-page-body .solutions-ui__dots{display:inline-flex;gap:5px;flex:0 0 auto}body.solution-page-body .solutions-ui__dots i{width:8px;height:8px;border-radius:50%;background:#cbd5e1}body.solution-page-body .solutions-ui__dots i:nth-child(1){background:#fca5a5}body.solution-page-body .solutions-ui__dots i:nth-child(2){background:#fcd34d}body.solution-page-body .solutions-ui__dots i:nth-child(3){background:#86efac}body.solution-page-body .solutions-ui__url{display:inline-flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;height:28px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:.68rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.solution-page-body .solutions-ui__url svg{flex:0 0 auto;color:#94a3b8}body.solution-page-body .solutions-ui__chrome-meta{flex:0 0 auto;color:#94a3b8;font-size:.64rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}body.solution-page-body .solutions-ui__viewport{position:relative;display:flex;flex-direction:column;gap:14px;padding:14px 14px 18px;min-height:290px;background:radial-gradient(ellipse 70% 55% at 88% 12%,rgba(191,219,254,.45),transparent 60%),linear-gradient(180deg,#fbfdff,#f5f8fc)}body.solution-page-body .solutions-ui__nav{display:flex;align-items:center;gap:10px}body.solution-page-body .solutions-ui__brand{color:var(--ui-ink);font-size:.78rem;font-weight:800;letter-spacing:-.03em}body.solution-page-body .solutions-ui__nav-links{display:inline-flex;gap:6px;margin-left:4px}body.solution-page-body .solutions-ui__nav-links i{width:28px;height:6px;border-radius:999px;background:#e2e8f0}body.solution-page-body .solutions-ui__avatar{margin-left:auto;width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#93c5fd,#2563eb);box-shadow:0 0 0 3px #2563eb1f}body.solution-page-body .solutions-ui__hero-block{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;align-items:center}body.solution-page-body .solutions-ui__copy{display:grid;gap:8px}body.solution-page-body .solutions-ui__kicker{width:fit-content;padding:3px 8px;border-radius:999px;background:#dbeafe;color:var(--ui-blue-deep);font-size:.58rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}body.solution-page-body .solutions-ui__headline,body.solution-page-body .solutions-ui__subline{display:block;height:10px;border-radius:999px;background:#e2e8f0}body.solution-page-body .solutions-ui__headline{width:88%;height:12px;background:#cbd5e1}body.solution-page-body .solutions-ui__subline{width:62%}body.solution-page-body .solutions-ui__product{display:grid;gap:8px;padding:10px;border-radius:14px;background:#fff;border:1px solid #e8eef6;box-shadow:0 10px 24px #0f172a0f}body.solution-page-body .solutions-ui__product-img{display:block;height:72px;border-radius:10px;background:linear-gradient(135deg,#3b82f62e,#93c5fd59),linear-gradient(180deg,#eff6ff,#dbeafe)}body.solution-page-body .solutions-ui__product-meta{display:grid;gap:5px}body.solution-page-body .solutions-ui__product-meta b,body.solution-page-body .solutions-ui__product-meta i{display:block;height:7px;border-radius:999px;background:#e2e8f0;font-style:normal}body.solution-page-body .solutions-ui__product-meta b{width:70%}body.solution-page-body .solutions-ui__product-meta i{width:42%}body.solution-page-body .solutions-ui__target-wrap{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:2px}body.solution-page-body .solutions-ui__target{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:118px;height:36px;padding:0 16px;border-radius:10px;background:linear-gradient(180deg,#3b82f6,#2563eb 55%,#1d4ed8);color:#fff;font-size:.76rem;font-weight:750;box-shadow:0 12px 24px #2563eb4d}body.solution-page-body .solutions-ui__target-ring{position:absolute;inset:-7px;border-radius:14px;border:2px solid rgba(37,99,235,.55);box-shadow:0 0 0 6px #2563eb1a;animation:solutions-ui-ring 2.4s ease-in-out infinite;pointer-events:none}body.solution-page-body .solutions-ui__cursor{position:absolute;right:-12px;bottom:-12px;filter:drop-shadow(0 2px 2px rgba(15,23,42,.25));animation:solutions-ui-cursor 2.8s ease-in-out infinite}body.solution-page-body .solutions-ui__selector{display:inline-flex;align-items:center;padding:4px 9px;border-radius:7px;background:#0f172a;color:#93c5fd;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;font-weight:600;letter-spacing:.01em;box-shadow:0 8px 18px #0f172a2e}body.solution-page-body .solutions-ui__heal{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#fffffff0;border:1px solid #bbf7d0;color:#047857;font-size:.66rem;font-weight:750;box-shadow:0 12px 28px #10b98129;animation:solutions-ui-float 3.2s ease-in-out infinite}body.solution-page-body .solutions-ui__heal-ico{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#d1fae5;color:#059669}body.solution-page-body .solutions-ui__rail{display:flex;flex-direction:column;gap:10px;min-width:0}body.solution-page-body .solutions-ui__card{padding:12px;border-radius:16px;background:#fffffff0;border:1px solid #e8eef6;box-shadow:0 1px 2px #0f172a0a,0 14px 30px #162d5d14}body.solution-page-body .solutions-ui__card--assert{flex:1 1 auto}body.solution-page-body .solutions-ui__card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}body.solution-page-body .solutions-ui__card-head strong{color:var(--ui-ink);font-size:.74rem;font-weight:800;letter-spacing:-.02em}body.solution-page-body .solutions-ui__card-head em{font-style:normal;padding:2px 7px;border-radius:999px;background:#d1fae5;color:#047857;font-size:.62rem;font-weight:800}body.solution-page-body .solutions-ui__asserts{display:grid;gap:8px;margin:0;padding:0;list-style:none}body.solution-page-body .solutions-ui__asserts li{display:flex;align-items:flex-start;gap:8px;color:#334155;font-size:.68rem;font-weight:600;line-height:1.35}body.solution-page-body .solutions-ui__asserts li span{display:inline-grid;place-items:center;flex:0 0 auto;width:16px;height:16px;margin-top:1px;border-radius:50%;background:#d1fae5;color:#059669;font-size:.58rem;font-weight:800}body.solution-page-body .solutions-ui__thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}body.solution-page-body .solutions-ui__thumb{position:relative;display:block;aspect-ratio:1.15;border-radius:9px;border:1px solid #e2e8f0;overflow:hidden}body.solution-page-body .solutions-ui__thumb--a{background:linear-gradient(160deg,#dbeafe,#eff6ff 55%,#f8fafc)}body.solution-page-body .solutions-ui__thumb--b{background:linear-gradient(160deg,#bfdbfe,#e0e7ff 50%,#f8fafc)}body.solution-page-body .solutions-ui__thumb--c{background:linear-gradient(160deg,#93c5fd,#dbeafe 48%,#ecfdf5)}body.solution-page-body .solutions-ui__thumb b{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#059669;color:#fff;font-size:.55rem;font-weight:800;box-shadow:0 4px 10px #05966959}body.solution-page-body .solutions-ui__browsers{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:16px;background:#ffffffe0;border:1px solid #e8eef6;box-shadow:0 12px 28px #162d5d12;backdrop-filter:blur(8px)}body.solution-page-body .solutions-ui__browser-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px 0 6px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-size:.66rem;font-weight:700}body.solution-page-body .solutions-ui__browser-chip b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#eff6ff;color:var(--ui-blue);font-size:.58rem;font-weight:800}body.solution-page-body .solutions-ui__browser-chip em{font-style:normal;color:var(--ui-pass);font-weight:800}body.solution-page-body .solutions-ui__run-meta{display:inline-flex;align-items:baseline;gap:7px;margin-left:auto;color:var(--ui-muted);font-size:.66rem;font-weight:600}body.solution-page-body .solutions-ui__run-meta strong{color:var(--ui-ink);font-size:.84rem;font-weight:800;letter-spacing:-.02em}@keyframes solutions-ui-ring{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes solutions-ui-cursor{0%,to{transform:translate(0)}50%{transform:translate(-3px,-2px)}}@keyframes solutions-ui-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){body.solution-page-body .solutions-ui__target-ring,body.solution-page-body .solutions-ui__cursor,body.solution-page-body .solutions-ui__heal{animation:none}}body.solution-page-body.landing-page--ui-test .solutions-page__wrap.solutions-page__hero-grid{grid-template-columns:minmax(0,.9fr) minmax(360px,1.2fr);gap:clamp(24px,3vw,40px)}@media(max-width:1100px){body.solution-page-body .solutions-ui{max-width:100%}body.solution-page-body .solutions-ui__chrome-meta{display:none}}@media(max-width:960px){body.solution-page-body.landing-page--ui-test .solutions-page__wrap.solutions-page__hero-grid{grid-template-columns:1fr}body.solution-page-body .solutions-hero__visual--ui{padding-left:0;justify-self:stretch;max-width:100%;min-width:0}body.solution-page-body .solutions-ui{margin-inline:0;max-width:100%}body.solution-page-body .solutions-ui__stage{grid-template-columns:1fr}body.solution-page-body .solutions-ui__rail{display:grid;grid-template-columns:1fr;gap:12px}}@media(max-width:720px){body.solution-page-body .solutions-ui__run-meta{margin-left:0;width:100%}}@media(max-width:520px){body.solution-page-body .solutions-ui__hero-block{grid-template-columns:1fr}body.solution-page-body .solutions-ui__heal{position:static;align-self:flex-start;margin-top:4px}body.solution-page-body .solutions-ui__viewport{min-height:0}}