
:root{
  --leao-green:#0a4a32;
  --leao-green2:#083a29;
  --leao-gold:#d3aa45;
  --leao-cream:#f6f1e6;
  --leao-text:#15251d;
}
.leao-wrap{
  font-family:Arial,Helvetica,sans-serif;
  color:var(--leao-text);
  background:#fff;
  width:100%;
  max-width:100%;
}
.leao-wrap *{box-sizing:border-box;max-width:100%}
.leao-wrap img{height:auto}
.leao-wrap .leao-hero,
.leao-wrap .leao-section{width:100%;max-width:100%}
.leao-hero{
  position:relative;
  min-height:650px;
  display:flex !important;
  flex-wrap:wrap;
  gap:48px;
  align-items:center;
  justify-content:space-between;
  padding:72px max(5vw,24px);
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(248,244,236,.98) 0%,rgba(248,244,236,.93) 42%,rgba(248,244,236,.25) 68%,rgba(248,244,236,.05) 100%),
    var(--leao-hero,linear-gradient(135deg,#f4ead9,#dfd3be));
  background-size:cover;
  background-position:center;
}
.leao-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent)}
.leao-left,.leao-card{position:relative;z-index:1}
.leao-left{flex:1 1 620px;min-width:300px}
.leao-card{flex:0 1 420px;width:100%;max-width:420px;margin-left:auto;background:linear-gradient(180deg,var(--leao-green),var(--leao-green2));padding:30px;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.18);color:#fff}
.leao-brand{letter-spacing:2px;color:#98711e;font-size:16px;margin-bottom:46px}
.leao-brand strong{display:block;font-family:Georgia,serif;font-size:32px;letter-spacing:1px}
.leao-brand small{display:block;font-size:11px;letter-spacing:0;margin-top:4px}
.leao-left h1,.leao-card h2{word-break:normal;overflow-wrap:normal;hyphens:none}
.leao-left h1{font-family:Georgia,serif;font-size:64px;line-height:1.02;color:var(--leao-green2);max-width:650px;margin:0 0 18px}
.leao-sub{font-size:23px;line-height:1.5;max-width:680px;margin:0 0 40px}
.leao-benefits{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:18px;max-width:760px}
.leao-benefits div{text-align:center}
.leao-benefits span{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 10px;border-radius:50%;background:var(--leao-green);font-size:25px}
.leao-benefits b{display:block;font-size:14px;line-height:1.25}
.leao-card h2{font-size:28px;line-height:1.15;margin:0 0 22px;color:#fff}
.leao-form{display:grid;gap:10px}
.leao-form input,.leao-form select{width:100%;height:50px;border:0;border-radius:8px;padding:0 14px;font-size:15px;background:#fff;color:#222}
.leao-form button{width:100%;height:52px;border:0;border-radius:8px;background:var(--leao-gold);color:#fff;font-size:17px;font-weight:800;cursor:pointer;margin-top:4px}
.leao-form button:hover{filter:brightness(.96)}
.leao-form small{display:block;text-align:center;font-size:11px;line-height:1.4;opacity:.86}
.leao-alert{background:#fff3cd;color:#624a00;border-radius:8px;padding:10px 12px;margin-bottom:12px}
.leao-success{text-align:center}
.leao-check{width:66px;height:66px;border-radius:50%;background:var(--leao-gold);display:grid;place-items:center;font-size:36px;font-weight:bold;margin:0 auto 18px}
.leao-actions{display:grid;gap:10px;margin-top:22px}
.leao-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border-radius:8px;background:#fff;color:var(--leao-green2)!important;text-decoration:none!important;font-weight:800;text-align:center}
.leao-btn.gold{background:var(--leao-gold);color:white!important}
.leao-btn.outline{border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff!important}
.leao-section{padding:54px max(5vw,24px);background:#fff}
.leao-section.alt{background:#fbf7ef}
.leao-section h2{text-align:center;color:var(--leao-green2);font-size:34px;margin:0 0 34px}
.leao-grid5{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:25px;max-width:1200px;margin:auto}
.leao-grid5 div{text-align:center}
.leao-grid5 span{font-size:39px;display:block;margin-bottom:12px}
.leao-grid5 b{display:block;font-size:16px}
.leao-grid5 small{display:block;margin-top:7px;line-height:1.35;color:#5d675f}
.leao-steps{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:26px;max-width:1200px;margin:auto}
.leao-steps div{text-align:center;position:relative}
.leao-steps i{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--leao-green);color:#fff;font-style:normal;font-size:24px;font-weight:800;margin:0 auto 12px}
.leao-steps b{font-size:15px}
.leao-why{display:grid;grid-template-columns:1.1fr .8fr;gap:60px;align-items:center;max-width:1300px;margin:auto}
.leao-why h2{text-align:left}
.leao-why ul{list-style:none;padding:0;margin:0;display:grid;gap:15px}
.leao-why li{position:relative;padding-left:34px;font-size:17px}
.leao-why li:before{content:"✓";position:absolute;left:0;top:-2px;width:24px;height:24px;border-radius:50%;background:var(--leao-gold);color:#fff;display:grid;place-items:center;font-weight:bold}
.leao-cta{background:var(--leao-green);color:#fff;border-radius:18px;padding:34px}
.leao-cta h3{font-size:28px;margin:0 0 10px}
.leao-cta p{line-height:1.55;margin-bottom:22px}

@media(max-width:980px){
  .leao-hero{display:block !important;padding:42px 20px;gap:28px;min-height:auto;background-position:center}
  .leao-left,.leao-card{width:100% !important;max-width:100% !important;min-width:0 !important}
  .leao-card{margin:20px 0 0 0}
  .leao-left h1{font-size:48px}
  .leao-benefits{grid-template-columns:repeat(2,minmax(130px,1fr))}
  .leao-grid5{grid-template-columns:repeat(2,minmax(140px,1fr))}
  .leao-steps{grid-template-columns:repeat(2,minmax(140px,1fr))}
  .leao-why{grid-template-columns:1fr}
}
@media(max-width:600px){
  .leao-hero{padding:26px 14px}
  .leao-brand{margin-bottom:26px;font-size:12px}
  .leao-brand strong{font-size:25px}
  .leao-left h1{font-size:39px}
  .leao-sub{font-size:18px}
  .leao-benefits{gap:12px}
  .leao-card{padding:20px;border-radius:14px}
  .leao-card h2{font-size:23px}
  .leao-section{padding:40px 16px}
  .leao-section h2{font-size:28px}
  .leao-grid5,.leao-steps{grid-template-columns:1fr 1fr;gap:26px 14px}
  .leao-grid5 div:last-child,.leao-steps div:last-child{grid-column:1/-1}
}
