request-demo-box{display:block}

request-demo-box [data-srs-rdb]{
  color-scheme:light;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;

  --text:#142339;
  --muted:#475569;
  --line:#e8ecf4;
  --surface:#fff;

  --grad-a:#1760b7;
  --grad-b:#0ea5e9;
  --grad-c:#10b981;
  --grad-d:#f59e0b;

  --shadow:0 10px 30px rgba(16,24,40,.10),0 2px 8px rgba(15,37,96,.06);

  --r-panel:18px;
  --r-card:14px;
  --r-btn:12px;
  --r-pill:999px;

  --gapX:clamp(22px,4vw,64px);
  --gapY:28px;

  position:relative;
  isolation:isolate;
  width:100%;
  max-width:min(480px,100%);
  margin:var(--gapY) auto;
  padding:10px;

  border:1px solid var(--line);
  border-radius:var(--r-panel);
  box-shadow:var(--shadow);
  background:transparent;
  color:var(--text);

  overflow:hidden;
  overflow-x:clip;

  max-width:min(480px,100%);
}

request-demo-box [data-srs-rdb]::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(120% 120% at -10% 10%,rgba(125,211,252,.28),transparent 60%),
    radial-gradient(140% 80% at 110% 8%,rgba(236,72,153,.22),transparent 60%),
    radial-gradient(90% 120% at 60% 120%,rgba(59,130,246,.18),transparent 60%),
    linear-gradient(180deg,#f7fbff,#eef6ff);
  pointer-events:none;
}

request-demo-box [data-srs-rdb] > *{position:relative;z-index:1}

request-demo-box [data-srs-rdb] :where(*, *::before, *::after){box-sizing:border-box}

request-demo-box [data-srs-rdb] :where(
  .srs-rdb__card,
  .srs-rdb__hdr,
  .srs-rdb__body,
  .srs-rdb__table,
  .srs-rdb__row,
  .srs-rdb__cell,
  .srs-rdb__title,
  .srs-rdb__actions,
  .srs-rdb__cta,
  .srs-rdb__btn,
  .srs-rdb__cta-btn,
  .srs-rdb__locked
){min-width:0}

request-demo-box [data-srs-rdb] :where(
  h1,h2,h3,p,li,a,div,span,strong,em,small,button
){
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:none;
  white-space:normal;
}

request-demo-box [data-srs-rdb] .srs-rdb__card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-card);
  box-shadow:var(--shadow);
  overflow:hidden;
}

request-demo-box [data-srs-rdb] .srs-rdb__hdr{
  background:linear-gradient(100deg,var(--grad-a),var(--grad-b) 35%,var(--grad-c) 70%,var(--grad-d));
  color:#fff;
  padding:9px 11px;
}

request-demo-box [data-srs-rdb] .srs-rdb__title{
  font-weight:900;
  line-height:1.25;
  font-size:.98rem;
  letter-spacing:.01em;
  margin:0;
}

request-demo-box [data-srs-rdb] .srs-rdb__body{
  padding:9px 11px 11px;
  background:
    radial-gradient(520px 240px at 0% 0%,rgba(59,130,246,.08),transparent 60%),
    radial-gradient(520px 240px at 100% 100%,rgba(16,185,129,.08),transparent 60%),
    #fff;
}

request-demo-box [data-srs-rdb] .srs-rdb__table{
  width:100%;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  background:#fbfdff;
}

request-demo-box [data-srs-rdb] .srs-rdb__row{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
}

request-demo-box [data-srs-rdb] .srs-rdb__row + .srs-rdb__row{border-top:1px solid var(--line)}

request-demo-box [data-srs-rdb] .srs-rdb__cell{
  padding:8px 10px;
  font-size:.93rem;
  line-height:1.35;
}

request-demo-box [data-srs-rdb] .srs-rdb__key{font-weight:850;color:#1f2a44}

request-demo-box [data-srs-rdb] .srs-rdb__val{
  font-weight:750;
  color:var(--text);
}

request-demo-box [data-srs-rdb] .srs-rdb__locked{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 10px;
  border:1px solid #f0d9a4;
  background:#fff4db;
  color:#7a4a06;
  border-radius:var(--r-pill);
  font-weight:950;
  font-size:.88rem;
  line-height:1.1;
  max-width:100%;
}

request-demo-box [data-srs-rdb] .srs-rdb__actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:10px;
}

request-demo-box [data-srs-rdb] .srs-rdb__btn{
  padding:10px 12px;
  border-radius:var(--r-btn);
  font-weight:950;
  font-size:.92rem;
  line-height:1;
  color:#fff;
  box-shadow:var(--shadow);
  max-width:100%;
  border:0;
}

request-demo-box [data-srs-rdb] .srs-rdb__btn--blue{background:linear-gradient(180deg,#2b74e6,#1d4ed8)}
request-demo-box [data-srs-rdb] .srs-rdb__btn--orange{background:linear-gradient(180deg,#f7b233,#f59e0b)}
request-demo-box [data-srs-rdb] .srs-rdb__btn--green{background:linear-gradient(180deg,#20b15a,#16a34a)}

request-demo-box [data-srs-rdb] .srs-rdb__cta{
  margin-top:9px;
  display:flex;
  justify-content:center;
}

request-demo-box [data-srs-rdb] .srs-rdb__cta-btn{
  width:100%;
  padding:11px 12px;
  border-radius:12px;
  background:linear-gradient(180deg,#1970db,#0b56c7);
  color:#fff;
  font-weight:950;
  font-size:.98rem;
  line-height:1.1;
  text-align:center;
  box-shadow:var(--shadow);
  border:0;
}

request-demo-box [data-srs-rdb] :where(.srs-rdb__btn,.srs-rdb__cta-btn):focus-visible{
  outline:2px solid rgba(14,165,233,.55);
  outline-offset:2px;
}

request-demo-box [data-srs-rdb] :where(.srs-rdb__btn,.srs-rdb__cta-btn)[disabled]{
  cursor:not-allowed;
  opacity:.85;
}

@media (max-width:600px){
  request-demo-box [data-srs-rdb]{--gapY:20px}
}

@media (max-width:520px){
  request-demo-box [data-srs-rdb] .srs-rdb__row{grid-template-columns:1fr}
  request-demo-box [data-srs-rdb] .srs-rdb__btn{flex:1 1 140px}
}

@media (max-width:360px){
  request-demo-box [data-srs-rdb] .srs-rdb__title{font-size:.94rem}
}

@media (prefers-reduced-motion: reduce){
  request-demo-box [data-srs-rdb],
  request-demo-box [data-srs-rdb] *{scroll-behavior:auto}

  request-demo-box [data-srs-rdb] *,
  request-demo-box [data-srs-rdb] *::before,
  request-demo-box [data-srs-rdb] *::after{
    animation:none;
    transition:none;
  }
}