:root{--navy:#081c35;--blue:#2f8e90;--sky:#eaf4ff;--gold:#f5b83d;--text:#14253b;--muted:#617086;--white:#fff;--line:#e5ebf3;--shadow:0 18px 50px rgba(9,34,67,.10)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:auto}
.topbar{background:#18435b;color:#dce9f8;font-size:13px;padding:8px 0}
.topbar .container{display:flex;justify-content:space-between;gap:15px}
header{position:relative;top:40px;z-index:100;background:transparent;}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}
.logo{font-family:Manrope;font-size:25px;color:var(--navy);letter-spacing:-1px}.logo span{color:var(--blue)}
.logo img{max-width:200px;}
.navlinks{display:flex;align-items:center;gap:28px;font-weight:600;font-size:14px}
.navlinks a:hover{color:var(--blue)}
.cta{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;padding:13px 20px;border-radius:9px;font-weight:700;box-shadow:0 8px 20px rgba(18,104,232,.2);transition:.25s}
.cta:hover{transform:translateY(-2px);background:#18435b}
.menu{display:none;background:none;border:0;font-size:28px;color:var(--navy)}
.hero{background:linear-gradient(135deg,#f5faff 0%,#eaf4ff 58%,#fff 100%);padding:0px 0 35px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}
.badge{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid #dceafa;color:var(--blue);font-weight:700;padding:8px 13px;border-radius:30px;font-size:13px;margin-bottom:18px}
h1,h2,h3{font-family:Manrope;color:var(--navy);line-height:1.15}
h1{font-size:clamp(30px,2vw,22px);letter-spacing:1px}
.hero h1 span{color:var(--blue)}
.hero p{font-size:18px;color:var(--muted);max-width:650px;margin:22px 0 28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap; justify-content: center;}
.outline{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b9c9dd;padding:12px 19px;border-radius:9px;font-weight:700;background:#fff}
.outline:hover{border-color:var(--blue);color:var(--blue)}
.trust{display:flex;gap:22px;margin-top:30px;flex-wrap:wrap}.trust div{font-size:13px;color:var(--muted)}.trust strong{display:block;color:var(--navy);font-size:15px}
.hero-card{background:#fff;border-radius:20px;padding:26px;box-shadow:var(--shadow);border:1px solid #e5edf7}
.hero-card h3{font-size:22px;margin-bottom:5px}.hero-card>p{font-size:14px;margin:0 0 18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{margin-bottom:12px}.field label{font-size:12px;font-weight:700;display:block;margin-bottom:5px}
.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid #d7e0ec;border-radius:8px;font:inherit;outline:none;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,104,232,.08)}
.form-note{font-size:11px!important;color:#7a8798!important;margin:9px 0 0!important}
section{padding:82px 0}
.card:nth-child(1){background:linear-gradient(145deg,#fff7f7,#fff);border-color:#ffd8d8}
.card:nth-child(2){background:linear-gradient(145deg,#f4f8ff,#fff);border-color:#d5e3ff}
.card:nth-child(3){background:linear-gradient(145deg,#f6fff8,#fff);border-color:#d5f1dd}
.card:nth-child(1) .icon{background:#ffe3e3;color:#e53935}
.card:nth-child(2) .icon{background:#e0ecff;color:#1268e8}
.card:nth-child(3) .icon{background:#dcf7e5;color:#16a34a}
.loan:nth-child(1){background:#fff8e8;border-color:#ffe2a8}.loan:nth-child(1) .mini{color:#f59e0b}
.loan:nth-child(2){background:#f5f0ff;border-color:#e2d5ff}.loan:nth-child(2) .mini{color:#7c3aed}
.loan:nth-child(3){background:#eef9ff;border-color:#cfeeff}.loan:nth-child(3) .mini{color:#0284c7}
.loan:nth-child(4){background:#fff1f5;border-color:#ffd6e2}.loan:nth-child(4) .mini{color:#db2777}
.loan:nth-child(5){background:#effcf5;border-color:#d0f3df}.loan:nth-child(5) .mini{color:#16a34a}
.mini{font-size:28px}
.hero-visual{margin-top:22px;display:flex;align-items:center;gap:12px}
.hero-visual img{width:74px;height:74px;object-fit:cover;border-radius:16px;box-shadow:0 8px 22px rgba(9,34,67,.15)}
.section-head{text-align:center;max-width:720px;margin:0 auto 42px}.eyebrow{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.section-head h2{font-size:clamp(30px,4vw,32px);margin:10px 0 12px}.section-head p{color:var(--muted)}
.shields{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px rgba(9,34,67,.05);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);font-size:23px;margin-bottom:18px}.card h3{font-size:20px;margin-bottom:10px}.card p{color:var(--muted);font-size:14px}
.process{background:#f7faff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{position:relative}.num{font-size:13px;color:var(--blue);font-weight:800;margin-bottom:14px}.step h3{font-size:21px;margin-bottom:8px}.step p{color:var(--muted);font-size:14px}
.loans{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.loan{padding:22px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}.loan .mini{font-size:26px;margin-bottom:12px}.loan h3{font-size:16px}.loan p{font-size:12px;color:var(--muted);margin-top:6px}
.why{background:var(--navy);color:#dce8f7}.why h2,.why h3{color:#fff}.why .section-head p{color:#aebfd4}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.checks{display:grid;gap:17px}.check{display:flex;gap:13px}.check b{color:var(--gold);font-size:20px}.check h3{font-size:17px;margin-bottom:3px}.check p{font-size:13px;color:#aebfd4}
.faq{max-width:850px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;background:none;border:0;padding:20px 0;text-align:left;font:700 16px "DM Sans";display:flex;justify-content:space-between;cursor:pointer;color:var(--navy)}.faq-a{max-height:0;overflow:hidden;color:var(--muted);font-size:14px;transition:max-height .3s ease}.faq-item.active .faq-a{max-height:150px;padding:0 0 18px}.faq-q span{transition:.25s}.faq-item.active .faq-q span{transform:rotate(45deg)}
.final{background:linear-gradient(135deg,#eaf4ff,#f9fcff);text-align:center}.final h2{font-size:clamp(30px,4vw,45px);margin:10px auto 13px}.final p{color:var(--muted);max-width:680px;margin:0 auto 25px}
footer{background:#06172b;color:#aebfd4;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-logo{color:#fff;font-family:Manrope;font-size:24px}.footer-logo img{max-width:200px;}.footer-logo span{color:#54a0ff}.footer-grid h3{color:#fff;font-size:15px;margin-bottom:13px}.footer-grid p,.footer-grid a{font-size:13px;display:block;margin:6px 0}.footer-grid a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:17px;text-align:center;font-size:12px}
.float{position:fixed;right:20px;bottom:20px;z-index:90;width:55px;height:55px;border-radius:50%;background:#20bd5a;color:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 10px 25px rgba(0,0,0,.2)}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);background:var(--navy);color:#fff;padding:13px 20px;border-radius:8px;z-index:200;transition:.3s;font-size:14px}.toast.show{transform:translate(-50%,0)}
@media(max-width:900px){.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:18px 4%;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:17px}.navlinks.open{display:flex}.menu{display:block}.nav>.cta{display:none}.hero-grid,.why-grid{grid-template-columns:1fr}.hero{padding:55px 0}.shields,.steps{grid-template-columns:1fr 1fr}.loans{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.topbar .container{justify-content:center;text-align:center}.topbar .hide-mobile{display:none}.nav{height:68px}.navlinks{top:68px}.logo{font-size:22px}.hero{padding:38px 0 50px}.hero h1{font-size:39px;letter-spacing:-1.5px}.hero p{font-size:16px}.hero-actions>*{width:100%}.trust{gap:14px}.hero-card{padding:20px}.form-row,.shields,.steps,.why-grid,.footer-grid{grid-template-columns:1fr}.loans{grid-template-columns:1fr 1fr}section{padding:60px 0}.section-head{margin-bottom:30px}.section-head h2{font-size:30px}.card{padding:22px}.final{padding:55px 0}.float{right:15px;bottom:15px}}

/* Client Login - app style */
.login-modal{position:fixed;inset:0;background:linear-gradient(135deg,#f4f8ff,#eef5ff);display:none;z-index:500;overflow:auto}.login-modal.open{display:block}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-visual{position:relative;min-height:100vh;overflow:hidden;background:#081c35}.login-visual img{width:100%;height:100%;object-fit:cover;display:block;opacity:.82}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,28,53,.92),rgba(18,104,232,.55))}.login-visual-content{position:absolute;z-index:2;left:9%;right:10%;bottom:10%;color:#fff}.login-visual-content .small{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:7px 12px;border-radius:30px;font-size:12px;font-weight:800;margin-bottom:15px}.login-visual-content h1{color:#fff;font-size:clamp(34px,4vw,56px);margin-bottom:15px}.login-visual-content p{color:#dbe8f7;max-width:560px;font-size:16px}.login-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.login-points span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);padding:8px 11px;border-radius:9px;font-size:12px}.login-panel{display:flex;align-items:center;justify-content:center;padding:35px}.login-card{width:min(470px,100%);background:#fff;border:1px solid #e1eaf5;border-radius:24px;padding:38px;box-shadow:0 25px 70px rgba(9,34,67,.12);position:relative}.login-brand{font-family:Manrope;font-size:24px;color:var(--navy);margin-bottom:34px}.login-brand span{color:var(--blue)}.login-close{position:absolute;right:20px;top:20px;border:0;background:#f1f5fa;width:38px;height:38px;border-radius:50%;font-size:22px;cursor:pointer;color:var(--navy)}.login-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#1268e8,#6c4ce8);color:#fff;display:grid;place-items:center;font-size:25px;margin-bottom:18px}.login-card h2{font-size:30px;margin-bottom:7px}.login-card>p{color:var(--muted);font-size:14px;margin-bottom:25px}.login-field{margin-bottom:17px}.login-field label{font-size:12px;font-weight:800;display:block;margin-bottom:7px}.login-field input{width:100%;padding:14px 15px;border:1px solid #d7e0ec;border-radius:10px;font:inherit;outline:none;background:#fff}.login-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,104,232,.08)}.login-note{font-size:11px;color:#7a8798;margin-top:13px;line-height:1.5}.login-error{display:none;background:#fff1f1;color:#c62828;border:1px solid #ffd0d0;padding:9px 11px;border-radius:8px;font-size:12px;margin-bottom:12px}.client-login-btn{margin-left:10px;cursor:pointer}.login-security{display:flex;align-items:center;gap:8px;color:#6d7d91;font-size:11px;margin-top:18px}.login-security b{color:#22a05a}.login-back{border:0;background:none;color:var(--muted);font:600 13px DM Sans;cursor:pointer;margin-top:18px}.login-back:hover{color:var(--blue)}
@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:20px}.login-card{padding:28px 22px;border-radius:20px}.client-login-btn{margin-left:0}}

.documents-section{
  padding:80px 20px;
  background:#f7faff;
}

.documents-container{
  max-width:1160px;
  margin:auto;
}

.documents-heading{
  text-align:center;
  margin-bottom:40px;
}

.documents-heading span{
  color:#1268e8;
  font-size:13px;
  font-weight:800;
  letter-spacing:1.5px;
}

.documents-heading h2{
  margin:10px 0;
  font-family:Manrope,sans-serif;
  font-size:38px;
  color:#fff;
}

.documents-heading p{
  color:#617086;
  font-size:15px;
}


/* ===== PDF GRID ===== */

.pdf-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.pdf-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:16px;
  padding:22px;
  background:#fff;
  border:1px solid #e3eaf3;
  border-radius:16px;
  cursor:pointer;
  transition:.25s ease;
  box-shadow:0 8px 25px rgba(9,34,67,.05);
}

.pdf-card:hover{
  transform:translateY(-5px);
  box-shadow:0 15px 35px rgba(9,34,67,.12);
  border-color:#1268e8;
}

.pdf-card:nth-child(1) .pdf-icon{
  background:#eaf4ff;
  color:#1268e8;
}

.pdf-card:nth-child(2) .pdf-icon{
  background:#fff2df;
  color:#d88900;
}

.pdf-card:nth-child(3) .pdf-icon{
  background:#e8f9ef;
  color:#159447;
}

.pdf-card:nth-child(4) .pdf-icon{
  background:#f2eaff;
  color:#7a3ed1;
}

.pdf-card:nth-child(5) .pdf-icon{
  background:#ffe9ee;
  color:#d9365b;
}

.pdf-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:13px;
  display:grid;
  place-items:center;
  font-size:25px;
}

.pdf-card h3{
  font-family:Manrope,sans-serif;
  font-size:17px;
  color:#081c35;
  margin:0 0 4px;
}

.pdf-card p{
  margin:0;
  color:#7a8798;
  font-size:12px;
}

.pdf-arrow{
  margin-left:auto;
  font-size:22px;
  color:#1268e8;
}


/* ===== PDF MODAL ===== */

.pdf-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(4,18,35,.82);
  display:none;
  align-items:center;
  justify-content:center;
  padding:25px;
}

.pdf-modal.active{
  display:flex;
}

.pdf-modal-box{
  width:min(1000px,95vw);
  height:min(90vh,850px);
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  position:relative;
  box-shadow:0 25px 70px rgba(0,0,0,.35);
}

.pdf-modal-box iframe{
  width:100%;
  height:100%;
  border:0;
}

.pdf-close{
  position:absolute;
  right:12px;
  top:10px;
  z-index:10;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#081c35;
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 5px 15px rgba(0,0,0,.25);
}

.pdf-close:hover{
  background:#1268e8;
}


/* ===== MOBILE ===== */

@media(max-width:800px){

  .pdf-grid{
    grid-template-columns:1fr 1fr;
  }

}

@media(max-width:550px){

  .documents-section{
    padding:60px 15px;
  }

  .documents-heading h2{
    font-size:30px;
  }

  .pdf-grid{
    grid-template-columns:1fr;
  }

  .pdf-modal{
    padding:10px;
  }

  .pdf-modal-box{
    width:100%;
    height:90vh;
    border-radius:10px;
  }

}