/* XRVE Services offer unification
   Keeps every paid offer inside one continuous visual system so the catalog
   reads as a single commercial sequence from first offer through buildout. */

.services-page .offer-catalog{
  position:relative;
  padding:28px 0 52px;
  background:linear-gradient(180deg,#edf4f8 0%,#f7fafc 100%);
  border-top:1px solid #d7e2e9;
  border-bottom:1px solid #d7e2e9;
}

.services-page .offer-catalog .offer-section{
  padding:16px 0;
  background:transparent !important;
  border:0;
}

.services-page .offer-catalog .offer-section > .wrap{
  position:relative;
  overflow:hidden;
  padding:36px 38px 38px;
  background:#fff;
  border:1px solid #d7e2e9;
  border-radius:20px;
  box-shadow:0 18px 48px rgba(16,35,51,.08);
}

.services-page .offer-catalog .offer-section > .wrap:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,var(--orange),var(--blue));
}

.services-page .offer-section .offer-tag{
  display:inline-flex;
  align-items:center;
  margin:0 0 10px;
  padding:6px 10px;
  border:1px solid #c9d7df;
  border-radius:999px;
  background:#f7fafc;
  color:#486272;
  font-size:11px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.services-page .offer-section .eyebrow{
  margin-bottom:7px;
}

.services-page .offer-section h2{
  margin-bottom:12px;
}

.services-page .offer-section > .wrap > .lead{
  max-width:900px;
  margin-bottom:0;
}

.services-page .offer-section .grid2{
  gap:24px;
  margin-top:26px;
  align-items:stretch;
}

.services-page .offer-section .card{
  height:100%;
  background:#f9fbfc;
  border-color:#dce6ec;
  box-shadow:none;
}

.services-page .offer-section .card h3:not(.price){
  color:#17324d;
}

.services-page .offer-section .price,
.services-page .offer-section .offer-price{
  margin:0 0 12px;
  color:#17324d;
  font-size:30px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.035em;
}

.services-page .offer-section .button-row{
  margin:24px 0 0;
}

.services-page .offer-section .list{
  margin-top:12px;
}

.services-page .offer-section .list li{
  margin:7px 0;
}

.services-page .offer-section .notice{
  margin:24px 0 0;
  border-left-color:var(--orange);
  background:#fff7f1;
}

.services-page .offer-support{
  padding:64px 0;
  background:#fff;
}

.services-page .offer-support .support-shell{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:42px;
  align-items:center;
  padding:32px;
  border:1px solid #d7e2e9;
  border-radius:20px;
  background:#f7fafc;
}

.services-page .offer-support .visual-frame{
  margin:0;
}

.services-page .offer-support .feature-points{
  margin-top:22px;
}

.services-page .offer-support .feature-point{
  color:#102333;
  border-color:#d7e2e9;
}

.services-page .offer-support .feature-point span{
  color:#617381;
}

.services-page .offer-support .lead{
  color:#4f6474;
}

@media(max-width:900px){
  .services-page .offer-catalog{
    padding:18px 0 34px;
  }

  .services-page .offer-catalog .offer-section{
    padding:10px 0;
  }

  .services-page .offer-catalog .offer-section > .wrap{
    padding:28px 20px 24px;
    border-radius:16px;
  }

  .services-page .offer-section .grid2{
    margin-top:20px;
  }

  .services-page .offer-section .price,
  .services-page .offer-section .offer-price{
    font-size:26px;
  }

  .services-page .offer-support{
    padding:44px 0;
  }

  .services-page .offer-support .support-shell{
    grid-template-columns:1fr;
    padding:22px;
    gap:26px;
    border-radius:16px;
  }
}


/* One canonical subscription comparison, shared visual language and no decorative orange CTA. */
.xrve-compare-section{background:#f5f8fa;border-block:1px solid #d9e4eb;scroll-margin-top:88px}
.xrve-compare-section .lead{max-width:980px}
.xrve-compare-scroll{overflow-x:auto;border:1px solid #d5e2e9;border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(16,35,51,.045)}
.xrve-compare-scroll:focus-visible{outline:3px solid #247db3;outline-offset:3px}
.xrve-compare-table{border-collapse:separate;border-spacing:0;width:100%;min-width:820px;table-layout:fixed;color:#203b4d;font-size:14px;line-height:1.45}
.xrve-compare-table th,.xrve-compare-table td{padding:13px 14px;border-bottom:1px solid #e5edf2;text-align:left;vertical-align:middle}
.xrve-compare-table thead th{background:#eaf2f7;color:#16364c;font-weight:800;border-bottom:2px solid #cadce8}
.xrve-compare-table thead th:first-child{width:39%}
.xrve-compare-table thead th:not(:first-child){width:20.333%;text-align:center}
.xrve-compare-table thead span,.xrve-compare-table thead strong,.xrve-compare-table thead small{display:block}
.xrve-compare-table thead strong{font-size:21px;margin:5px 0 4px}
.xrve-compare-table thead small{color:#4e6879;font-size:12px;font-weight:500}
.xrve-compare-table tbody th{font-weight:650}
.xrve-compare-table tbody td{text-align:center}
.xrve-compare-table tbody tr:not(.xrve-compare-group):nth-child(2n){background:#fbfdfe}
.xrve-compare-table .xrve-compare-group th{padding:11px 14px;background:#dceaf3;color:#173c57;font-size:12px;letter-spacing:.045em;text-transform:uppercase;border-bottom:1px solid #c7dce9}
.xrve-compare-table tbody tr:last-child th,.xrve-compare-table tbody tr:last-child td{border-bottom:0}
.xrve-compare-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.xrve-compare-actions>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;border:1px solid #d7e3eb;border-radius:12px;background:#fff}
.xrve-compare-actions strong{font-size:16px;color:#17364b}
.xrve-compare-actions p{margin:0 0 6px;color:#506b7c;font-size:13px;flex:1}
.xrve-compare-actions small{font-size:12px;color:#536e7c}
.xrve-compare-actions .btn{background:#1c6e9f;border-color:#1c6e9f;color:#fff}
.xrve-compare-actions .btn.alt{background:#fff;border-color:#b9ccd8;color:#1d5878}
.xrve-compare-actions .btn:hover{filter:brightness(.94)}
.xrve-compare-fine{color:#506a7a;font-size:13px;line-height:1.65;margin:18px 0 0}
.xrve-compare-services{padding:16px 18px;margin-top:16px;background:#fff;border:1px solid #d7e3eb;border-radius:12px;line-height:1.6;color:#254759}
.xrve-compare-services a{font-weight:700}
.xrve-compare-section .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.xrve-compare-actions{grid-template-columns:1fr}.xrve-compare-section h2{font-size:clamp(26px,6vw,36px)}.xrve-compare-table{font-size:13px}.xrve-compare-table th,.xrve-compare-table td{padding:10px}.xrve-compare-scroll{border-radius:10px}}