:root{
  --bg:#ffffff; --surface:#ffffff; --card:#fafafa;
  --border:rgba(0,0,0,0.08);
  --brand:#17a460; --brand-2:#23c276;
  --ink:#0a0a0a; --muted:#4b5563;
  --shadow:0 2px 16px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
html,body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#ffffff;color:#0a0a0a;-webkit-font-smoothing:antialiased}
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#ffffffcolor:var(--ink);-webkit-font-smoothing:antialiased}
img{display:block}

.container{max-width:1100px;margin:0 auto;padding:0 20px}
.section{padding:56px 0}
.muted{color:var(--muted)}

.glass{backdrop-filter:saturate(180%) blur(10px);background:rgba(255,255,255,0.75);border-bottom:1px solid var(--border)}
.lr-header{position:sticky;top:0;z-index:20}
.lr-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;align-items:center;text-decoration:none;color:inherit}
.lr-logoimg{height:140px;width:auto;border-radius:0;box-shadow:none;background:transparent}
.lr-wordmark{font-weight:700;font-size:1.1rem;letter-spacing:.2px}

.lr-menu{display:flex;gap:18px;align-items:center}
.lr-link{color:var(--ink);text-decoration:none;opacity:.85}
.lr-link:hover{opacity:1}
.lr-cta{display:inline-block;background:#ffffff,var(--brand-2));color:#05140c;text-decoration:none;font-weight:700;border-radius:999px;padding:10px 18px;box-shadow:0 6px 22px rgba(23,164,96,.35);transition:transform .12s ease}
.lr-cta:hover{transform:translateY(-1px)}
.lr-cta.wide{display:block;text-align:center;margin-top:12px}

.lr-main{display:block}

.hero{padding:82px 0 36px 0; position:relative}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(800px 400px at 80% -20%, rgba(35,194,118,.08), transparent 60%);}
.hero-content{max-width:760px}
.badge{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-weight:600;background:rgba(255,255,255,.03)}
.hero h1{font-size:clamp(1.6rem, 3.5vw, 2.2rem);line-height:1.12;margin:.5rem 0}
.hero .sub{font-size:1.05rem;color:var(--muted);max-width:60ch}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}

.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px 16px 18px 16px;box-shadow:var(--shadow)}

h2{font-size:1.6rem;margin:0 0 12px 0}

.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.step{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow)}
.step-num{width:36px;height:36px;border-radius:999px;background:#ffffff,var(--brand-2));display:grid;place-items:center;font-weight:800;color:#05140c;margin-bottom:10px}

.pricing{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center}
.pricing .ticks{list-style:none;padding:0;margin:10px 0 0 0}
.pricing .ticks li{margin:8px 0;position:relative;padding-left:22px}
.pricing .ticks li:before{content:"✓";position:absolute;left:0;top:0;color:var(--brand-2);font-weight:800}
.price{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0}
.price .strike{text-decoration:line-through;opacity:.6;font-size:1rem}
.price .now{font-size:2rem;font-weight:800}
.price .vat{font-size:.9rem;font-weight:600;margin-left:6px;opacity:.8}
.price .label{font-size:.95rem;opacity:.9;margin-top:2px}
.pricing .divider{height:44px;width:1px;background:var(--border);margin:0 16px}

.lr-footer{border-top:1px solid var(--border);margin-top:40px;padding:26px 0;background:#fff}
.lr-footer .lr-footer-grid{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}
.lr-footbrand{display:flex;align-items:center;gap:10px;font-weight:700}
.lr-footlinks{display:grid;gap:6px}
.lr-footlinks a{color:var(--ink);text-decoration:none;opacity:.85}
.lr-footlinks a:hover{opacity:1}
.lr-copy{margin-top:14px;text-align:center}

@media (max-width: 800px){
  .pricing{grid-template-columns:1fr}
  .lr-nav{ padding:10px 0; gap:10px; flex-wrap:wrap}
}
@media (prefers-reduced-motion: reduce){
  .lr-cta{transition:none}
}

/* --- Extra Green Accents --- */
h1, h2, h3, h4, h5, h6 {
  color: var(--brand);
}

button, .btn-primary {
  background: var(--brand);
  color: #fff;
  border: none;
}
button:hover, .btn-primary:hover {
  background: var(--brand-2);
}

a:hover {
  color: var(--brand-2);
}

/* Form field focus green glow */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 2px rgba(23,164,96,0.25);
}

/* Step numbers or highlights in green */
.step-number, .highlight {
  color: var(--brand);
}

/* --- Bigger Logo --- */
.lr-logo, .lr-brandlink img {
  max-height: 145px;
}

/* Matching "Lease Rater" brand text next to logo */
.lr-brandtext {
  font-size: 2rem;
  font-weight: 700;
  color: var(--brand);
  font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  margin-left: 10px;
  vertical-align: middle;
}


.lr-footer .lr-logoimg{height:100px}

@media (max-width: 800px){
  .lr-logoimg{height:48px}
  .lr-footer .lr-logoimg{height:36px}
  .lr-nav{height:auto; padding:10px 0; gap:10px; flex-wrap:wrap}
}


/* [LR-ADD] Six-label badges */
.badge--Excellent, .tag--Excellent { background: #e6f7ec; color: #137a3a; border: 1px solid #bfe6cc; }
.badge--Satisfactory, .tag--Satisfactory { background: #eef6ff; color: #1f5ea8; border: 1px solid #cfe2ff; }
.badge--Fair, .tag--Fair { background: #fff7e6; color: #9a6b00; border: 1px solid #ffe0a3; }
.badge--Vulnerable, .tag--Vulnerable { background: #ffeceb; color: #a12622; border: 1px solid #ffc2bd; }


/* [LR-ADD] Six-band badges map */
.badge--excellent { /* same as ok */ }
.badge--satisfactory { /* same as mid */ }
.badge--fair { /* same as mid */ }
.badge--vulnerable { /* same as bad */ }

/* [LR-ADD] Missing badge colors */
.badge--Strong, .tag--Strong { background: #e9f9f2; color: #0d8a58; border: 1px solid #bfe6cc; }
.badge--Weak, .tag--Weak { background: #fff0f0; color: #b04b4b; border: 1px solid #ffc2bd; }