:root{
  --refit-bg:#ffffff;
  --refit-text:#0b1220;
  --refit-mute:#475569;
  --refit-soft:#f5f7fa;
  --refit-accent:#1373b9; /* rood accent */
  --refit-brand:#0f172a;  /* donkerblauw */
  --refit-radius:16px;
  --refit-shadow:0 6px 24px rgba(2,6,23,.08);
}
.refit-container{margin:0 auto;padding:0 20px;width: 65%;}
.refit-h1{font-size:clamp(28px,3.2vw,42px);line-height:1.15;margin:0;color:var(--refit-brand);}
.refit-h2{font-size:clamp(22px,2.4vw,28px);margin:0 0 16px;color:var(--refit-brand);font-weight: 500;margin-bottom: 0;}
.refit-cta__box p { margin: 0; padding:0; }

.refit-hero{    padding: 166px 0 56px 0;background:var(--refit-bg);}
.refit-hero .refit-container{display:grid;grid-template-columns:1.3fr .9fr;gap:32px;align-items:center;}
.refit-hero__sub{color:var(--refit-mute);font-size:1.1rem;margin:.75rem 0 1.25rem;}
.refit-hero__cta{display:flex;gap:12px;flex-wrap:wrap;}
.refit-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.1rem;border-radius:999px;border:1px solid transparent;text-decoration:none;box-shadow:var(--refit-shadow);}
.refit-btn--primary{background:var(--refit-accent);color:#fff;}
.refit-btn--ghost{background:#fff;border-color:#e5e7eb;color:var(--refit-brand);}
.refit-hero__img{width:100%;height:auto;border-radius:var(--refit-radius);box-shadow:var(--refit-shadow);}

.refit-intro{padding:28px 0;background: #f5f7fa;}
.refit-intro__text{font-size:1.05rem;color:var(--refit-text);max-width:880px;}
.refit-usps{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.refit-usp{background:white;padding:16px;border-radius:12px;display:flex;align-items:center;gap:12px;}
.refit-usp__icon{font-size:22px;line-height:1;}
.refit-usp__title{margin:0;color:var(--refit-brand);font-weight:600;font-size: 20px;}

.refit-services{padding:36px 0;}
.refit-grid{display:grid;gap:18px;}
.refit-grid--4{grid-template-columns:repeat(4,1fr);}
.refit-grid--3{grid-template-columns:repeat(3,1fr);}
.refit-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:var(--refit-shadow);}
.refit-card__title{margin:0 0 8px;color:var(--refit-brand);font-size:1.05rem;    font-weight: 600;
    line-height: initial;}
.refit-card__text{    margin: 0 0 10px;
    color: var(--refit-mute);
    font-size: initial;
    line-height: 23px;
    font-weight: initial;}
.refit-link{color:var(--refit-accent);text-decoration:none;font-weight:600;}

.refit-process{padding:36px 0;}
.refit-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.refit-step{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;position:relative;box-shadow:var(--refit-shadow);}
.refit-step__num{position:absolute;top:12px;right:12px;background:var(--refit-soft);border-radius:999px;padding:.25rem .6rem;font-weight:700;color:var(--refit-brand);}
.refit-step__title{margin:0 0 6px;color:var(--refit-brand);font-size: 1.05rem;
    font-weight: 600;
    line-height: initial;}
.refit-step__text{    margin: 0 0 10px;
    color: var(--refit-mute);
    font-size: initial;
    line-height: 23px;
    font-weight: initial;}

.refit-projects{padding:36px 0;}
.refit-project{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:var(--refit-shadow);display:flex;flex-direction:column;}
.refit-project__img{width:100%;height:auto;display:block;}
.refit-project__body{padding:16px;}
.refit-project__title{margin:0 0 6px;color:var(--refit-brand);}
.refit-project__text{margin:0 0 8px;color:var(--refit-mute);}

.refit-cta{padding:44px 0;background:var(--refit-soft);}
.refit-cta__box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--refit-shadow);}

.refit-faq{padding:36px 0;}
.refit-acc{border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:var(--refit-shadow);}
.refit-acc + .refit-acc{margin-top:10px;}
.refit-acc__q{padding:14px 16px;cursor:pointer;color:var(--refit-brand);font-weight:600;}
.refit-acc__a{padding:0 16px 16px;color:var(--refit-mute);}
.refit-acc__a p { font-size: inherit;
    line-height: inherit;
    margin: 0; }

.refit-form{padding:36px 0;background:#fff;}
.refit-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.refit-form__info .refit-form__phone a{color:var(--refit-accent);font-weight:600;text-decoration:none;}

@media (max-width:1024px){
  .refit-hero .refit-container{grid-template-columns:1fr;gap:20px;}
  .refit-grid--4{grid-template-columns:repeat(2,1fr);}
  .refit-steps{grid-template-columns:repeat(2,1fr);}
  .refit-form__grid{grid-template-columns:1fr;}
  .refit-usps{grid-template-columns: repeat(1, 1fr);}
}
@media (max-width:640px){
  .refit-grid--3{grid-template-columns:1fr;}
  .refit-grid--4{grid-template-columns:1fr;}
      .refit-steps {
        grid-template-columns: repeat(1, 1fr);
    }
}