:root {
    --rintg-bg: #0b0c10;
    --rintg-card-bg: #121317;
    --rintg-text: #111827;
    --rintg-white: #ffffff;
    --rintg-muted: #6b7280;
    --rintg-radius: 18px;
    --rintg-shadow: 0 10px 25px rgba(0,0,0,.15);
  }

  .rintg-wrap {
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    background: #f6f7fb;
    color: var(--rintg-text);
    min-height: 100svh;
  }

  .rintg-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 28px 16px 56px;
  }

  .rintg-title {
    font-weight: 600;
    letter-spacing: .2px;
    text-align: center;
    font-size: clamp(20px, 2.4vw + 10px, 34px);
    margin: 8px auto 28px;
    color: #111827;
  }

  /* grid */
  .rintg-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
  }
  @media (min-width: 640px) { /* tablet */
    .rintg-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  }
  @media (min-width: 992px) { /* desktop */
    .rintg-grid { grid-template-columns: repeat(3, 1fr); gap: 22px; }
  }

  /* card */
  .rintg-card {
    position: relative;
    border-radius: var(--rintg-radius);
    overflow: hidden;
    background: var(--rintg-card-bg);
    box-shadow: var(--rintg-shadow);
    isolation: isolate;
  }

  .rintg-img {
    display: block;
    width: 100%;
    height: 220px;           /* mobile default */
    object-fit: cover;
    object-position: center;
    background: #ddd;
  }
  @media (min-width: 640px) { .rintg-img { height: 240px; } }
  @media (min-width: 992px) { .rintg-img { height: 260px; } }

  /* gradient bar + caption */
  .rintg-cap {
    position: absolute;
    inset: auto 0 0 0;
    padding: 14px 16px;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 58%, rgba(0,0,0,.72) 100%);
    color: var(--rintg-white);
    font-size: 13px;
    font-weight: 600;
  }

  /* hover effect (desktop only) */
  @media (hover:hover) {
    .rintg-card:hover .rintg-img { transform: scale(1.02); }
    .rintg-img { transition: transform .35s ease; }
  }

  /* focus styles for a11y */
  .rintg-link {
    display: block;
    outline: none;
    border-radius: var(--rintg-radius);
  }
  .rintg-link:focus-visible {
    box-shadow: 0 0 0 3px rgba(59,130,246,.45);
  }
  :root{
  --rintg-hk-max: 1400px;
  --rintg-hk-radius: 18px;
  --rintg-hk-shadow: 0 12px 28px rgba(0,0,0,.12);
  --rintg-hk-ink: #0f172a;          /* title */
  --rintg-hk-body: #4b5563;         /* paragraph */
  --rintg-hk-accent: #f59e0b;       /* icon bg (amber) */
  --rintg-hk-bg: #ffffff;
}

.rintg-hk{
  background:#f7f8fb;
  padding: 28px 16px 44px;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial;
}

.rintg-hk__container{
  max-width: var(--rintg-hk-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;   /* mobile: stack */
  gap: 20px;
  align-items: center;
}

/* media */
.rintg-hk__media{
  margin: 0;
}
.rintg-hk__img{
  width: 100%;
  height: clamp(200px, 42vw, 340px);
  object-fit: cover;
  border-radius: var(--rintg-hk-radius);
  box-shadow: var(--rintg-hk-shadow);
  display: block;
  background:#ddd;
}

/* content */
.rintg-hk__content{
  background: transparent;
}
.rintg-hk__title{
  margin: 2px 0 8px;
  font-size: clamp(20px, 2.2vw + 10px, 30px);
  line-height: 1.2;
  font-weight: 800;
  color: var(--rintg-hk-ink);
  letter-spacing: .2px;
}
.rintg-hk__desc{
  margin: 0 0 14px;
  color: var(--rintg-hk-body);
  font-size: 15px;
  line-height: 1.7;
}

/* list */
.rintg-hk__list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 16px;
}
.rintg-hk__item{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #1f2937;
  font-size: 16px;
}
.rintg-hk__ico{
  width: 22px;
  height: 22px;
  min-width: 22px;
  display:inline-grid;
  place-items:center;
  color: #0b0f19;                 /* checkmark color */
  background: linear-gradient(180deg, #ffd983, var(--rintg-hk-accent));
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(245,158,11,.35) inset, 0 2px 6px rgba(0,0,0,.06);
}

/* responsive: 2 columns on >= 900px */
@media (min-width: 900px){
  .rintg-hk__container{
    grid-template-columns: 1.05fr 1fr;
    gap: 36px;
  }
  .rintg-hk__desc{ font-size: 16px; }
}

/* optional hover focus a11y on image */
@media (hover:hover){
  .rintg-hk__img{ transition: transform .35s ease; }
  .rintg-hk__media:hover .rintg-hk__img{ transform: scale(1.01); }
}
:root{
  --rintg-care-max: 1400px;
  --rintg-care-radius: 18px;
  --rintg-care-shadow: 0 12px 28px rgba(0,0,0,.08);
  --rintg-care-ink: #0f172a;    /* title color */
  --rintg-care-body: #6b7280;   /* paragraph */
  --rintg-care-card: #fff;      /* card bg */
  --rintg-care-bg: #f5f7fb;     /* section bg */
}

.rintg-care{
  background: var(--rintg-care-bg);
  padding: 34px 16px 56px;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, Arial;
}

.rintg-care__container{
  max-width: var(--rintg-care-max);
  margin: 0 auto;
}

.rintg-care__title{
  text-align: center;
  font-weight: 600;
  color: var(--rintg-care-ink);
  letter-spacing: .2px;
  font-size: clamp(20px, 2.4vw + 10px, 34px);
  margin: 6px 0 30px;
}

.rintg-care__grid{
  display: grid;
  grid-template-columns: 1fr;     /* mobile */
  gap: 16px;
  margin-top: 10px;
}
@media (min-width: 680px){
  .rintg-care__grid{ grid-template-columns: repeat(2, 1fr); gap: 18px; }
}
@media (min-width: 1024px){
  .rintg-care__grid{ grid-template-columns: repeat(3, 1fr); gap: 22px; }
}

/* card */
.rintg-care__card{
  background: var(--rintg-care-card);
  border-radius: var(--rintg-care-radius);
  box-shadow: var(--rintg-care-shadow);
  padding: 28px 26px 26px;
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease;
}
@media (hover:hover){
  .rintg-care__card:hover{
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0,0,0,.10);
  }
}

/* icon */
.rintg-care__icon{
  width: 56px;
  height: 56px;
  margin: 0 auto 14px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #1f2937;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6), inset 0 -8px 16px rgba(0,0,0,.06);
}
.rintg-care__icon--amber { background: radial-gradient(60% 60% at 50% 40%, #ffe7b3 0%, #f6d486 100%); }
.rintg-care__icon--blue  { background: radial-gradient(60% 60% at 50% 40%, #dfeaff 0%, #c7d7ff 100%); }
.rintg-care__icon--yellow{ background: radial-gradient(60% 60% at 50% 40%, #fff3c4 0%, #fde68a 100%); }

/* text */
.rintg-care__heading{
  font-size: 18px;
  line-height: 1.35;
  margin: 6px 0 6px;
  color: #111827;
}
.rintg-care__text{
  margin: 0;
  color: var(--rintg-care-body);
  font-size: 14px;
  line-height: 1.7;
  max-width: 42ch;
  margin-inline: auto;
}
:root{
  --rintg-rev-max: 1400px;
  --rintg-rev-bg: #f3f6fb;
  --rintg-rev-card: #ffffff;
  --rintg-rev-ink: #0f172a;
  --rintg-rev-body: #4b5563;
  --rintg-rev-accent: #f59e0b;          /* star + button */
  --rintg-rev-radius: 18px;
  --rintg-rev-shadow: 0 12px 26px rgba(0,0,0,.08);
}

.rintg-rev{
  background: var(--rintg-rev-bg);
  padding: 0px 16px 64px;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, Arial;
}
.rintg-rev__container{ max-width: var(--rintg-rev-max); margin: 0 auto; }

.rintg-rev__title{
  text-align:center;
  color: var(--rintg-rev-ink);
  font-weight: 600;
  letter-spacing: .2px;
  font-size: clamp(22px, 2.6vw + 10px, 34px);
  margin: 0px 0 30px;
}

/* Featured review */
.rintg-rev__featured{
  margin: 0;
  background: #e9e4d9;
  color: var(--rintg-rev-ink);
  border-radius: var(--rintg-rev-radius);
  padding: clamp(16px, 3.2vw, 28px);
  text-align: center;
}
.rintg-rev__avatar{
  width: 58px; height: 58px; border-radius: 50%;
  display:block; margin: 6px auto 8px; object-fit: cover; background:#cfd4dc;
}
.rintg-rev__stars{
  display:inline-flex; gap:6px; margin: 4px 0 10px; color: #b7791f;
}
.rintg-rev__stars svg{
  width:18px; height:18px; fill: var(--rintg-rev-accent); display:block;
}
.rintg-rev__quote{
  margin: 6px auto 10px;
  font-size: clamp(14px, 1vw + 12px, 16px);
  color: #374151;
  line-height: 1.7;
  max-width: 85ch;
}
.rintg-rev__author{
  font-weight: 700;
  color:#111827;
  margin-top: 4px;
}

/* Cards */
.rintg-rev__grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 22px;
}
@media (min-width: 720px){ .rintg-rev__grid{ grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px){ .rintg-rev__grid{ grid-template-columns: repeat(3, 1fr); gap: 20px; } }

.rintg-rev__card{
  background: var(--rintg-rev-card);
  border-radius: var(--rintg-rev-radius);
  padding: 18px 18px 20px;
  box-shadow: var(--rintg-rev-shadow);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px 14px;
  align-items: start;
}
.rintg-rev__avatar--sm{ width: 42px; height: 42px; margin: 0; }
.rintg-rev__meta{ display:flex; flex-direction: column; gap: 4px; }
.rintg-rev__name{ margin:0; font-size: 14px; font-weight: 800; color:#0f172a; }
.rintg-rev__stars--sm svg{ width:14px; height:14px; fill: var(--rintg-rev-accent); }
.rintg-rev__text{
  grid-column: 1 / -1;
  margin: 4px 0 0;
  color: var(--rintg-rev-body);
  font-size: 14px; line-height: 1.7;
}

/* CTA */
.rintg-rev__cta-wrap{ text-align:center; margin-top: 22px; }
.rintg-rev__cta{
  display:inline-block;
  background: var(--rintg-rev-accent);
  color:#111827;
  font-weight: 700;
  padding: 12px 18px;
  border-radius: 10px;
  box-shadow: 0 6px 14px rgba(245,158,11,.35);
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
@media (hover:hover){
  .rintg-rev__cta:hover{ transform: translateY(-1px); box-shadow: 0 10px 18px rgba(245,158,11,.4); }
}
.rintg-rev__cta:focus-visible{ outline: 3px solid rgba(59,130,246,.45); outline-offset: 3px; }
:root{
  --rintg-offer-bg: #b8860b;            /* dark golden */
  --rintg-offer-bg2:#b48008;            /* subtle gradient end */
  --rintg-offer-text:#ffffff;
  --rintg-offer-btn:#ffffff;
  --rintg-offer-btn-ink:#966b00;
  --rintg-offer-radius: 10px;
}

.rintg-offer{
  background: linear-gradient(180deg, var(--rintg-offer-bg) 0%, var(--rintg-offer-bg2) 100%);
  color: var(--rintg-offer-text);
}

/* content container */
.rintg-offer__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;             /* lets the button wrap under on small screens */
}

/* text */
.rintg-offer__text{
  margin: 0;
  font: 600 14px/1.4 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, Arial;
}

/* button */
.rintg-offer__btn{
  background: var(--rintg-offer-btn);
  color: var(--rintg-offer-btn-ink);
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  padding: 9px 14px;
  border-radius: var(--rintg-offer-radius);
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
  white-space: nowrap;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
@media (hover:hover){
  .rintg-offer__btn:hover{
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0,0,0,.16);
    opacity: .95;
  }
}
.rintg-offer__btn:focus-visible{
  outline: 3px solid #ffffff;
  outline-offset: 2px;
}

/* mobile tweaks */
@media (max-width: 600px){
  .rintg-offer__inner{
    justify-content: center;
    text-align: center;
  }
  .rintg-offer__btn{
    width: 100%;
    max-width: 200px;
  }
}

/* OPTIONAL: make the bar stick to the top */
/* add class 'rintg-offer--sticky' to <section> to use */
.rintg-offer--sticky{
  position: sticky; top: 0; z-index: 50;
}