/* rb-page-vars-start */
:root{--rb-container-width:90%;}
/* rb-page-vars-end */

:root{
  --rb-bg:#ffffff;
  --rb-surface:#ffffff;
  --rb-surface-2:#f8fafc;
  --rb-text:#0f172a;
  --rb-muted:#64748b;
  --rb-line:rgba(15,23,42,.08);
  --rb-accent:#2563eb;
  --rb-accent-2:#22c55e;
  --rb-warn:#f59e0b;
}

html,body{height:100%}
body{
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
  background: var(--rb-bg);
  color: var(--rb-text);
}

a{color: inherit}
.small-muted{color:var(--rb-muted)}
.rb-divider{border-top:1px solid var(--rb-line)}
.rb-pill{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.45rem .75rem;
  border:1px solid var(--rb-line);
  background:#f8fafc;
  border-radius:999px;
  color:var(--rb-muted);
  font-weight:600;
  font-size:.9rem;
}


.rb-card{
  background: #ffffff;
  border:1px solid var(--rb-line);
  border-radius: 22px;
  box-shadow: 0 12px 40px rgba(15,23,42,.08);
}
.rb-card .card-body{padding:1.25rem}
.rb-card-soft{
  background: #f8fafc;
  border:1px solid var(--rb-line);
  border-radius: 18px;
}

.rb-hero{
  padding: 3rem 0 2rem;
  position: relative;
  overflow: hidden;
}
.rb-hero .row{align-items:flex-start;}
.rb-hero::before{
  content:"";
  position:absolute; inset:-20% -10% auto -10%;
  height:70%;
  background: radial-gradient(420px 240px at 15% 15%, rgba(37,99,235,.12), transparent 60%),
              radial-gradient(320px 220px at 70% 10%, rgba(34,197,94,.12), transparent 60%);
  pointer-events:none;
}
.rb-hero h1{
  font-size: clamp(1.6rem, 2vw + 0.9rem, 2.9rem);
  line-height: 1.05;
  letter-spacing: -0.02em;
}
.rb-hero p.lead{color: var(--rb-muted); font-size: 1.12rem}

.rb-hero-image{
  border-radius: 26px;
  border:1px solid var(--rb-line);
  overflow:hidden;
  position:relative;
  transform: translateZ(0);
}
.rb-hero-image::after{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(600px 260px at 20% 20%, rgba(37,99,235,.12), transparent 60%),
              radial-gradient(600px 260px at 80% 80%, rgba(34,197,94,.10), transparent 55%);
  pointer-events:none;
}
.rb-hero-image img{width:100%; height:auto; display:block; transition: transform .6s ease;}
.rb-hero-image:hover img{transform: scale(1.02);}

.rb-section{padding: 3.75rem 0}
.rb-section h2{
  font-size: clamp(1.6rem, 1.2vw + 1.2rem, 2.4rem);
  letter-spacing: -0.01em;
}
.rb-kpi{
  display:flex; flex-direction:column; gap:.25rem;
  padding: 1rem 1.1rem;
  border-radius: 18px;
  border:1px solid var(--rb-line);
  background: #f8fafc;
}
.rb-kpi strong{font-size:1.55rem}
.rb-kpi span{color:var(--rb-muted); font-weight:600}

.icon-badge{
  width:44px; height:44px; border-radius: 14px;
  display:grid; place-items:center;
  background: rgba(37,99,235,.12);
  border:1px solid rgba(37,99,235,.18);
  font-weight:700;
  color:#1e3a8a;
}

.rb-list li{margin-bottom:.6rem; color:var(--rb-muted)}
.rb-tag{font-weight:800; color:#ffffff; background:#22c55e; padding:.25rem .55rem; border-radius: 999px; font-size:.78rem}

.rb-step{
  display:flex; gap:1rem; align-items:flex-start;
  padding: 1rem 1.1rem;
  border-radius: 18px;
  border:1px solid var(--rb-line);
  background: #f8fafc;
}
.rb-step .num{
  width:38px; height:38px; border-radius: 12px;
  display:grid; place-items:center;
  font-weight:900;
  background: rgba(245,158,11,.18);
  border:1px solid rgba(245,158,11,.25);
}

.rb-pricing{
  border-radius: 24px;
  border: 1px solid var(--rb-line);
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.rb-pricing:hover{transform: translateY(-4px); box-shadow: 0 20px 40px rgba(15,23,42,.12);}
.rb-pricing .price{
  font-size: 2.15rem;
  font-weight: 900;
  letter-spacing: -0.02em;
}
.rb-pricing ul{margin:0; padding-left: 1.1rem}
.rb-pricing li{margin:.45rem 0; color:var(--rb-muted)}

.rb-form input:not([type="checkbox"]):not([type="radio"]), .rb-form select, .rb-form textarea{
  background: #ffffff !important;
  border: 1px solid var(--rb-line) !important;
  color: var(--rb-text) !important;
  border-radius: 14px !important;
}
.rb-form input[type="checkbox"]{border-radius:0.25em !important;}
.rb-form input[type="radio"]{border-radius:50% !important;}
.rb-form .form-check-input{border:1px solid var(--rb-line);}
.rb-form .form-check-input:checked{
  background-color: var(--rb-accent);
  border-color: var(--rb-accent);
}
.rb-form input::placeholder, .rb-form textarea::placeholder{color: rgba(100,116,139,.7)}
.form-text{color: rgba(100,116,139,.9) !important}
.invalid-feedback{color: #dc2626}

.rb-footer{
  padding: 2.2rem 0 2.8rem;
  color: var(--rb-muted);
}


.rb-reveal{
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .6s ease, transform .6s ease;
}
.rb-reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 991px){
  .rb-hero{padding-top:3rem}
}

















































































































































































































/* RB-BLOCK-CSS START */
.rb-quote-modal .modal-dialog{max-width:720px;}
.rb-quote-modal .modal-content{border-radius:18px;box-shadow:0 18px 40px rgba(15,23,42,.18);border:1px solid rgba(15,23,42,.08);}
.rb-quote-modal .modal-header{padding:20px 24px 0;}
  .rb-quote-modal .modal-title{font-weight:700;font-size:1.35rem;color:#0f172a;}
  .rb-quote-modal .modal-lead{color:#64748b;font-size:.95rem;margin:4px 0 0;}
  .rb-quote-modal .modal-body{padding:16px 24px 24px;}
  .rb-quote-modal .rb-form{margin-top:8px;}
  .rb-quote-modal .rb-form-actions .btn{border-radius:999px;font-weight:600;}
  .rb-quote-modal .form-check-input[type="checkbox"]{border-radius:0.25em !important;}
  .rb-quote-modal .form-check-input[type="radio"]{border-radius:50% !important;}
  @media (max-width: 576px){
    .rb-quote-modal .modal-dialog{margin:16px;}
    .rb-quote-modal .modal-header{padding:16px 18px 0;}
    .rb-quote-modal .modal-body{padding:12px 18px 18px;}
  }
/* RB-BLOCK-CSS END */
