body.solution-page-body{--sol-accent: #2962ff;--sol-accent-soft: #eef2ff;--sol-navy: #0d1b3e;--sol-muted: #4a5568;--sol-border: #e0e4ec}body.solution-page-body.landing-page--no-code{--sol-accent: #2563eb}body.solution-page-body.landing-page--no-code .solutions-page__wrap.solutions-page__hero-grid{grid-template-columns:minmax(0,.92fr) minmax(360px,1.2fr);gap:clamp(24px,3vw,40px)}body.solution-page-body.landing-page--no-code .solutions-page__hero-title{max-width:12em}body.solution-page-body.landing-page--ui-test{--sol-accent: #2563eb}body.solution-page-body.landing-page--regression{--sol-accent: #1d4ed8}body.solution-page-body.landing-page--regression .solutions-page__wrap.solutions-page__hero-grid{grid-template-columns:minmax(0,.92fr) minmax(340px,1.15fr);gap:clamp(24px,3vw,40px)}body.solution-page-body.landing-page--regression .solutions-page__visual-frame--bare img{max-width:min(100%,580px);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 94%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 94%,transparent 100%)}body.solution-page-body .solutions-page{background:#f8fafc;overflow-x:clip}body.solution-page-body .solutions-page__hero{padding:calc(var(--landing-fixed-nav-height, 68px) + 40px) 0 40px;border-bottom:0;background:radial-gradient(circle at 78% 18%,rgba(147,197,253,.55),transparent 42%),radial-gradient(circle at 18% 82%,rgba(191,219,254,.45),transparent 48%),linear-gradient(160deg,#eaf3ff,#f5f9ff 48%,#eef5ff)}body.solution-page-body .solutions-page__hero-bg{display:none}body.solution-page-body .solutions-page__wrap.solutions-page__hero-grid{width:min(calc(100% - 40px),1400px);grid-template-columns:minmax(0,.95fr) minmax(340px,1.15fr);gap:clamp(28px,3.5vw,48px);align-items:center}body.solution-page-body .solutions-hero__badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:8px 14px;border:1px solid rgba(37,99,235,.28);border-radius:999px;background:linear-gradient(180deg,#f8fbff,#eef5ff);color:#1d4ed8;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1}body.solution-page-body .solutions-hero__badge img{display:none}body.solution-page-body .solutions-page__hero-title{max-width:11.5em;margin:0 0 18px;font-family:Inter,Sora,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.55rem,4.8vw,3.55rem);font-weight:800;line-height:1.08;letter-spacing:-.045em;color:#0f172a;background:none;-webkit-text-fill-color:unset;-webkit-background-clip:unset;background-clip:unset}body.solution-page-body .solutions-hero__accent{position:relative;display:inline-block;color:var(--sol-accent)}body.solution-page-body .solutions-hero__accent-line{position:absolute;left:-2%;right:-4%;bottom:-.12em;width:108%;height:.28em;pointer-events:none;color:#3b82f6}body.solution-page-body .solutions-page__hero-lead{max-width:36rem;margin:0 0 28px;color:#64748b;font-size:clamp(.98rem,1.15vw,1.08rem);font-weight:500;line-height:1.7}body.solution-page-body .solutions-hero__chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:28px 0 0;padding:0;list-style:none;border:1px solid #e0e4ec;border-radius:24px;background:#fff;box-shadow:0 10px 28px #0f172a0d;overflow:hidden}body.solution-page-body .solutions-hero__chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:112px;padding:18px 10px 16px;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center}body.solution-page-body .solutions-hero__chip:not(:last-child):after{content:"";position:absolute;top:22%;right:0;bottom:22%;width:1px;background:#e0e4ec}body.solution-page-body .solutions-hero__chip-icon{display:block;width:32px;height:32px;flex:0 0 32px}body.solution-page-body .solutions-hero__chip span{color:#1e3a8a;font-size:.72rem;font-weight:700;letter-spacing:-.01em;line-height:1.25}body.solution-page-body .solutions-hero__cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}body.solution-page-body .solutions-page__btn--primary{gap:10px;min-height:52px;padding:14px 24px;border-radius:12px;background:linear-gradient(180deg,#3b82f6 0%,var(--sol-accent) 55%,#1d4ed8 100%);box-shadow:0 12px 28px #2563eb52;color:#fff;font-size:.98rem}body.solution-page-body .solutions-page__btn--primary:hover{transform:translateY(-1px);box-shadow:0 16px 34px #2563eb61}body.solution-page-body .solutions-page__btn--primary img{display:block;width:18px;height:18px;filter:brightness(0) invert(1)}body.solution-page-body .solutions-page__btn--ghost{gap:10px;min-height:52px;padding:14px 22px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#0f172a;box-shadow:0 1px 2px #0f172a0a}body.solution-page-body .solutions-page__btn--ghost:hover{border-color:#cbd5e1;background:#fff}body.solution-page-body .solutions-page__btn--ghost svg{color:var(--sol-accent)}body.solution-page-body .solutions-hero__visual{position:relative;width:100%;min-height:0;justify-self:end;padding-left:clamp(28px,5vw,56px)}body.solution-page-body .solutions-hero__visual .solutions-page__visual-frame{width:100%;max-width:640px;margin-left:auto;margin-right:0}body.solution-page-body .solutions-hero__stage{position:relative;width:100%;aspect-ratio:700 / 480;min-height:420px;max-height:500px;padding:0;background:transparent}body.solution-page-body .solutions-hero__dots{position:absolute;top:8px;left:8px;width:56px;height:56px;background-image:radial-gradient(circle,#cbd5e1 1.15px,transparent 1.2px);background-size:11px 11px;opacity:.7;pointer-events:none}body.solution-page-body .solutions-hero__login{position:absolute;top:10%;left:0;z-index:3;width:46%;max-width:260px;height:78%;display:flex;flex-direction:column;gap:4px;padding:12px 14px 11px;border-radius:16px;background:#fff;border:1px solid rgba(37,99,235,.12);box-shadow:0 18px 40px #162d5d1a,0 2px 8px #0f172a0a;box-sizing:border-box}body.solution-page-body .solutions-hero__login-brand{margin:0;color:#0f172a;font-size:.88rem;font-weight:800;letter-spacing:-.02em}body.solution-page-body .solutions-hero__login-title{margin:0;color:#0f172a;font-size:.78rem;font-weight:700}body.solution-page-body .solutions-hero__login-sub{margin:0 0 2px;color:#94a3b8;font-size:.64rem;font-weight:500}body.solution-page-body .solutions-hero__login-label{margin-top:1px;color:#334155;font-size:.64rem;font-weight:600}body.solution-page-body .solutions-hero__login-field{display:flex;align-items:center;gap:8px;min-height:28px;padding:0 10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#94a3b8;font-size:.66rem}body.solution-page-body .solutions-hero__login-field span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body.solution-page-body .solutions-hero__login-dots{letter-spacing:.08em;color:#64748b}body.solution-page-body .solutions-hero__login-field img{flex:0 0 auto;opacity:.55}body.solution-page-body .solutions-hero__login-remember{display:flex;align-items:center;gap:8px;margin:1px 0;color:#64748b;font-size:.64rem;font-weight:500}body.solution-page-body .solutions-hero__login-check{width:12px;height:12px;border:1.5px solid #cbd5e1;border-radius:3px;background:#fff}body.solution-page-body .solutions-hero__login-btn{display:grid;place-items:center;height:30px;margin-top:auto;border-radius:8px;background:linear-gradient(90deg,var(--sol-accent) 0%,#3b82f6 100%);color:#fff;font-size:.76rem;font-weight:700;box-shadow:0 10px 22px #2563eb52}body.solution-page-body .solutions-hero__ai{position:absolute;top:16%;left:50%;z-index:4;display:flex;flex-direction:column;align-items:center;gap:14px;width:148px;transform:translate(-50%)}body.solution-page-body .solutions-hero__menu{display:flex;flex-direction:column;gap:4px;width:100%;padding:8px;border-radius:12px;background:#fff;border:1px solid #e8eef6;box-shadow:0 14px 32px #162d5d1f}body.solution-page-body .solutions-hero__menu-item{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:8px;color:#334155;font-size:.68rem;font-weight:600}body.solution-page-body .solutions-hero__menu-item i{color:#22c55e;font-style:normal;font-size:.72rem;font-weight:800}body.solution-page-body .solutions-hero__menu-item--ai{color:var(--sol-accent);background:#eff6ff;font-weight:700}body.solution-page-body .solutions-hero__ai-node{position:relative;display:grid;place-items:center;width:58px;height:58px}body.solution-page-body .solutions-hero__ai-glow{position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.45) 0%,rgba(59,130,246,.12) 42%,transparent 70%);pointer-events:none}body.solution-page-body .solutions-hero__ai-ring{position:absolute;inset:-10px;border-radius:50%;border:1px dashed rgba(96,165,250,.55);box-shadow:0 0 0 6px #3b82f60f;pointer-events:none}body.solution-page-body .solutions-hero__ai-label{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:linear-gradient(145deg,#3b82f6,#1d4ed8);color:#fff;font-size:.92rem;font-weight:800;letter-spacing:.04em;box-shadow:0 14px 30px #2563eb66}body.solution-page-body .solutions-hero__wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}body.solution-page-body .solutions-hero__steps{position:absolute;top:10%;right:0;z-index:3;width:52%;max-width:300px;height:78%;display:flex;flex-direction:column;border-radius:16px;background:#fff;border:1px solid #e8eef6;box-shadow:0 18px 40px #162d5d1a,0 2px 8px #0f172a0a;overflow:hidden;box-sizing:border-box}body.solution-page-body .solutions-hero__steps-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#eef5ff;border-bottom:1px solid #dbeafe}body.solution-page-body .solutions-hero__steps-title{display:inline-flex;align-items:center;gap:6px;color:#0f172a;font-size:.74rem;font-weight:800}body.solution-page-body .solutions-hero__steps-title svg{color:var(--sol-accent)}body.solution-page-body .solutions-hero__steps-ctrls{display:flex;align-items:center;gap:5px}body.solution-page-body .solutions-hero__steps-ctrls span{width:7px;height:7px;border-radius:2px;background:#94a3b8}body.solution-page-body .solutions-hero__steps-ctrls span:nth-child(2){height:2px;width:8px;border-radius:1px;align-self:center}body.solution-page-body .solutions-hero__steps-ctrls span:nth-child(3){background:#f87171}body.solution-page-body .solutions-hero__steps-list{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;flex:1 1 auto;min-height:0;overflow:hidden}body.solution-page-body .solutions-hero__steps-list li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;flex:1 1 0;min-height:0;padding:0 12px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.64rem;font-weight:500;line-height:1.4}body.solution-page-body .solutions-hero__steps-list li:last-child{border-bottom:0}body.solution-page-body .solutions-hero__steps-list b{color:var(--sol-accent);font-weight:800}body.solution-page-body .solutions-hero__steps-list img{margin-top:1px;opacity:.4}body.solution-page-body .solutions-hero__steps-foot{display:flex;align-items:center;gap:6px;margin:0;flex:0 0 auto;padding:7px 12px;background:#f0f7ff;color:var(--sol-accent);font-size:.66rem;font-weight:700;border-top:1px solid #dbeafe}@media(max-width:1100px){body.solution-page-body .solutions-hero__chips{grid-template-columns:repeat(3,minmax(0,1fr))}body.solution-page-body .solutions-hero__chip:nth-child(3):after,body.solution-page-body .solutions-hero__chip:nth-child(5):after{display:none}body.solution-page-body .solutions-hero__chip:nth-child(n+4){border-top:1px solid #e0e4ec}}@media(max-width:960px){body.solution-page-body .solutions-page__wrap.solutions-page__hero-grid,body.solution-page-body.landing-page--ai-test .solutions-page__wrap.solutions-page__hero-grid,body.solution-page-body.landing-page--no-code .solutions-page__wrap.solutions-page__hero-grid,body.solution-page-body.landing-page--ui-test .solutions-page__wrap.solutions-page__hero-grid,body.solution-page-body.landing-page--regression .solutions-page__wrap.solutions-page__hero-grid{grid-template-columns:1fr;gap:28px;width:min(calc(100% - 40px),1400px)}body.solution-page-body .solutions-page__hero-copy{min-width:0;max-width:100%;order:0}body.solution-page-body .solutions-hero__visual,body.solution-page-body .solutions-hero__visual--ui,body.solution-page-body .solutions-hero__visual--recorder{order:1;max-width:100%;width:100%;margin-inline:0;padding-left:0;justify-self:stretch;min-width:0}body.solution-page-body .solutions-hero__chips{display:none}body.solution-page-body .solutions-hero__stage{aspect-ratio:auto;min-height:0;max-height:none;display:grid;gap:14px;padding:0;overflow:visible}body.solution-page-body .solutions-hero__dots,body.solution-page-body .solutions-hero__wires{display:none}body.solution-page-body .solutions-hero__login,body.solution-page-body .solutions-hero__ai,body.solution-page-body .solutions-hero__steps{position:static;width:100%;max-width:none;height:auto;transform:none;inset:auto}body.solution-page-body .solutions-hero__ai{flex-direction:row;justify-content:center;gap:12px}body.solution-page-body .solutions-hero__menu{max-width:180px}body.solution-page-body .solutions-hero__badge{margin-top:4px;margin-bottom:16px}}@media(max-width:640px){body.solution-page-body .solutions-page__wrap.solutions-page__hero-grid{width:min(calc(100% - 40px),1400px)}body.solution-page-body .solutions-hero__chips{display:none}body.solution-page-body .solutions-hero__cta-row{flex-direction:column;align-items:stretch}body.solution-page-body .solutions-page__btn{width:100%;justify-content:center}body.solution-page-body .solutions-page__hero-title{max-width:none;font-size:clamp(1.75rem,7.2vw,2.25rem);overflow-wrap:normal;word-break:normal}body.solution-page-body .solutions-page__hero-lead{max-width:none}}