:root{
  --navy:#0b1e3d;
  --navy-2:#122a52;
  --cyan:#2bb8d6;
  --cyan-dark:#1a9ab5;
  --purple:#7c5cf0;
  --amber:#f2a93b;
  --ink:#16233d;
  --muted:#5b6b85;
  --line:#e6ecf3;
  --bg:#f7f9fc;
  --white:#ffffff;
  --radius:14px;
  --shadow: 0 10px 30px rgba(11,30,61,0.08);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.5;
}
a{color:inherit;}
img{max-width:100%;display:block;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

/* NAV */
header{
  position:sticky; top:0; z-index:50;
  background:rgba(11,30,61,0.96);
  backdrop-filter:blur(6px);
}
nav.wrap{
  display:flex; align-items:center; justify-content:space-between;
  height:68px;
}
.logo{
  color:var(--white); font-weight:800; font-size:20px; letter-spacing:0.2px;
  text-decoration:none; white-space:nowrap;
}
.logo span{color:var(--cyan);}
.nav-links{display:flex; gap:26px; list-style:none; margin:0; padding:0;}
.nav-links a{
  color:#c8d3e8; text-decoration:none; font-size:14.5px; font-weight:500;
  transition:color .2s;
}
.nav-links a:hover, .nav-links a.active{color:var(--white);}
.nav-cta{
  background:var(--cyan); color:var(--navy); padding:9px 18px; border-radius:8px;
  font-weight:700; font-size:14px; text-decoration:none; white-space:nowrap;
}
.menu-btn{display:none; background:none; border:none; color:var(--white); font-size:24px; cursor:pointer;}

/* HERO (home) */
.hero{
  background:radial-gradient(1100px 500px at 80% -10%, rgba(43,184,214,0.25), transparent 60%),
             linear-gradient(180deg, var(--navy) 0%, var(--navy-2) 100%);
  color:var(--white);
  padding:76px 0 90px;
}
.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(43,184,214,0.14); border:1px solid rgba(43,184,214,0.4);
  color:var(--cyan); font-weight:700; font-size:12.5px; letter-spacing:0.06em;
  text-transform:uppercase; padding:6px 14px; border-radius:999px; margin-bottom:22px;
}
.hero h1{
  font-size:44px; line-height:1.15; margin:0 0 18px; font-weight:800; max-width:760px;
}
.hero h1 em{color:var(--cyan); font-style:normal;}
.hero p.lead{
  font-size:18px; color:#c8d3e8; max-width:640px; margin:0 0 32px;
}
.hero-badges{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:36px;}
.badge{
  font-size:12.5px; font-weight:700; padding:7px 13px; border-radius:8px;
  border:1px solid rgba(255,255,255,0.18); color:#e7edf8;
}
.badge.b1{background:rgba(124,92,240,0.18); border-color:rgba(124,92,240,0.4); color:#c9baff;}
.badge.b2{background:rgba(43,184,214,0.18); border-color:rgba(43,184,214,0.4); color:#a7ecfb;}
.badge.b3{background:rgba(242,169,59,0.16); border-color:rgba(242,169,59,0.4); color:#ffd79a;}
.hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}
.btn-primary{
  background:var(--cyan); color:var(--navy); font-weight:700; padding:13px 26px;
  border-radius:9px; text-decoration:none; font-size:15px; display:inline-block;
}
.btn-secondary{
  background:transparent; color:var(--white); font-weight:700; padding:13px 26px;
  border-radius:9px; text-decoration:none; font-size:15px; border:1px solid rgba(255,255,255,0.3);
  display:inline-block;
}
.hero-stats{
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:56px;
  border-top:1px solid rgba(255,255,255,0.12); padding-top:32px;
}
.stat-num{font-size:26px; font-weight:800; color:var(--cyan);}
.stat-label{font-size:13px; color:#a9b7d1; margin-top:4px;}

/* PAGE HEADER (child pages) */
.page-header{
  background:linear-gradient(180deg, var(--navy) 0%, var(--navy-2) 100%);
  color:var(--white); padding:56px 0 48px;
}
.page-header .eyebrow{margin-bottom:16px;}
.page-header h1{font-size:34px; font-weight:800; margin:0 0 12px;}
.page-header p{font-size:16.5px; color:#c8d3e8; max-width:640px; margin:0;}
.breadcrumb{font-size:13px; color:#8fa0c2; margin-bottom:16px;}
.breadcrumb a{color:#8fa0c2; text-decoration:none;}
.breadcrumb a:hover{color:var(--cyan);}

/* SECTION HEADERS */
section{padding:72px 0;}
.section-tag{
  color:var(--cyan-dark); font-weight:700; font-size:12.5px; letter-spacing:0.08em;
  text-transform:uppercase; margin-bottom:10px;
}
h2.section-title{font-size:30px; font-weight:800; margin:0 0 14px; color:var(--navy);}
p.section-sub{color:var(--muted); font-size:16px; max-width:640px; margin:0 0 40px;}

/* PILLARS */
.grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.pillar-card{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius);
  padding:26px 22px; box-shadow:var(--shadow);
}
.pillar-icon{
  width:42px; height:42px; border-radius:10px; background:rgba(43,184,214,0.12);
  display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:16px;
}
.pillar-card h3{font-size:16px; margin:0 0 8px; color:var(--navy);}
.pillar-card p{font-size:13.8px; color:var(--muted); margin:0;}

/* NAV CARDS (home -> child pages) */
.navcard-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:18px;}
.navcard{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius);
  padding:24px 20px; box-shadow:var(--shadow); text-decoration:none; color:inherit;
  display:flex; flex-direction:column; gap:10px; transition:transform .15s, box-shadow .15s;
}
.navcard:hover{transform:translateY(-3px); box-shadow:0 16px 34px rgba(11,30,61,0.14);}
.navcard .navcard-icon{font-size:22px;}
.navcard h4{margin:0; font-size:15px; color:var(--navy);}
.navcard p{margin:0; font-size:13px; color:var(--muted); flex:1;}
.navcard .navcard-link{font-size:12.5px; font-weight:700; color:var(--cyan-dark);}

/* PLATFORM (LOS/LMS/COLLECTIONS) */
.platform-bg{background:var(--white);}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.plat-card{
  border:1px solid var(--line); border-radius:var(--radius); padding:28px 24px; background:var(--bg);
  position:relative; overflow:hidden;
}
.plat-card .tag{
  display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:0.05em;
  text-transform:uppercase; color:var(--cyan-dark); background:rgba(43,184,214,0.12);
  padding:4px 10px; border-radius:6px; margin-bottom:14px;
}
.plat-card h3{font-size:19px; margin:0 0 10px; color:var(--navy);}
.plat-card ul{margin:0; padding-left:18px; color:var(--muted); font-size:14px;}
.plat-card li{margin-bottom:6px;}

/* GENAI AGENTS */
.agents-section{
  background:linear-gradient(180deg, #0b1e3d 0%, #0e2450 100%); color:var(--white);
}
.agents-section .section-tag{color:var(--cyan);}
.agents-section h2.section-title{color:var(--white);}
.agents-section p.section-sub{color:#b7c3dc;}
.grid-5{display:grid; grid-template-columns:repeat(5,1fr); gap:16px;}
.agent-card{
  background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12);
  border-radius:var(--radius); padding:22px 18px;
}
.agent-emoji{font-size:24px; margin-bottom:14px;}
.agent-card h4{font-size:15px; margin:0 0 8px;}
.agent-card p{font-size:12.8px; color:#aab8d4; margin:0 0 14px; min-height:52px;}
.agent-pill{
  font-size:10.5px; font-weight:800; letter-spacing:0.05em; text-transform:uppercase;
  padding:4px 9px; border-radius:6px; display:inline-block;
}
.pill-onboarding{background:rgba(124,92,240,0.25); color:#cbb9ff;}
.pill-creditops{background:rgba(43,184,214,0.25); color:#9fe9fa;}
.pill-underwriting{background:rgba(46,196,140,0.25); color:#a6f0d1;}
.pill-servicing{background:rgba(242,169,59,0.25); color:#ffd88f;}
.pill-collections{background:rgba(240,92,110,0.25); color:#ffb6bf;}

/* USE CASES */
.usecase-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
.usecase-card{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius);
  padding:22px 24px; box-shadow:var(--shadow);
}
.usecase-card h4{margin:0 0 8px; font-size:15.5px; color:var(--navy);}
.usecase-card p{margin:0; color:var(--muted); font-size:13.8px;}

/* USPs */
.usp-bg{background:var(--white);}
.usp-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.usp-item{display:flex; gap:14px; padding:18px; border-radius:12px; background:var(--bg); border:1px solid var(--line);}
.usp-check{
  flex:none; width:30px; height:30px; border-radius:8px; background:rgba(43,184,214,0.14);
  color:var(--cyan-dark); display:flex; align-items:center; justify-content:center; font-weight:800;
}
.usp-item h5{margin:0 0 4px; font-size:14.5px; color:var(--navy);}
.usp-item p{margin:0; font-size:13px; color:var(--muted);}

/* SECURITY */
.security-strip{
  background:var(--navy); color:var(--white); padding:34px 0;
}
.sec-wrap{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px;}
.sec-title{font-size:14px; font-weight:700; color:#c8d3e8; letter-spacing:0.02em;}
.sec-badges{display:flex; flex-wrap:wrap; gap:10px;}
.sec-badge{
  font-size:12.5px; font-weight:700; border:1px solid rgba(255,255,255,0.2);
  padding:7px 14px; border-radius:999px; color:#e7edf8;
}
.sec-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.sec-card{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius);
  padding:24px 22px; box-shadow:var(--shadow);
}
.sec-card .sec-chip{
  display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px;
  border-radius:8px; font-size:11px; font-weight:800; color:var(--white); margin-bottom:14px;
}
.sec-card h4{margin:0 0 10px; font-size:15.5px; color:var(--navy);}
.sec-card ul{margin:0; padding-left:18px; color:var(--muted); font-size:13.5px;}
.sec-card li{margin-bottom:6px;}

/* ABOUT / FOUNDERS */
.about-bg{background:var(--white);}
.founders-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:24px;}
.founder-card{
  display:flex; gap:18px; align-items:flex-start;
  background:var(--bg); border:1px solid var(--line); border-radius:var(--radius);
  padding:26px 24px; box-shadow:var(--shadow);
}
.founder-avatar{
  flex:none; width:64px; height:64px; border-radius:50%;
  background:linear-gradient(135deg, var(--cyan), var(--purple));
  color:var(--white); font-weight:800; font-size:20px;
  display:flex; align-items:center; justify-content:center;
}
.founder-info h4{margin:0 0 3px; font-size:17px; color:var(--navy);}
.founder-role{
  font-size:12.5px; font-weight:800; letter-spacing:0.05em; text-transform:uppercase;
  color:var(--cyan-dark); margin-bottom:8px; display:block;
}
.founder-info p{margin:0; font-size:13.8px; color:var(--muted);}

/* CONTACT PAGE */
.contact-card{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius);
  padding:32px; box-shadow:var(--shadow); max-width:640px;
}
.contact-card h3{margin:0 0 10px; color:var(--navy); font-size:18px;}
.contact-card p{margin:0 0 6px; color:var(--muted); font-size:14.5px;}

/* CTA */
.cta-section{
  background:linear-gradient(120deg, var(--cyan) 0%, var(--cyan-dark) 100%);
  color:var(--navy); text-align:center; padding:64px 0;
}
.cta-section h2{font-size:28px; margin:0 0 12px; font-weight:800;}
.cta-section p{font-size:16px; margin:0 0 28px; color:#0b1e3d; opacity:0.85;}
.btn-dark{
  background:var(--navy); color:var(--white); font-weight:700; padding:14px 30px;
  border-radius:9px; text-decoration:none; font-size:15px; display:inline-block;
}

/* FOOTER */
footer{background:#081527; color:#93a2c0; padding:50px 0 26px; font-size:13.5px;}
.footer-top{display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; margin-bottom:34px;}
.footer-brand{max-width:340px;}
.footer-brand .logo{color:var(--white); margin-bottom:10px;}
.footer-cols{display:flex; gap:56px; flex-wrap:wrap;}
.footer-col h5{color:var(--white); font-size:13px; margin:0 0 12px; letter-spacing:0.04em; text-transform:uppercase;}
.footer-col a{display:block; color:#93a2c0; text-decoration:none; margin-bottom:8px;}
.footer-col a:hover{color:var(--cyan);}
.legal-box{
  border-top:1px solid rgba(255,255,255,0.08); padding-top:22px; font-size:12.5px; color:#6d7ea3;
  line-height:1.7;
}
.legal-box strong{color:#93a2c0;}

@media (max-width: 980px){
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:1fr;}
  .grid-5{grid-template-columns:repeat(3,1fr);}
  .usp-grid{grid-template-columns:repeat(2,1fr);}
  .usecase-grid{grid-template-columns:1fr;}
  .hero-stats{grid-template-columns:repeat(2,1fr);}
  .footer-top{flex-direction:column;}
  .navcard-grid{grid-template-columns:repeat(2,1fr);}
  .sec-grid{grid-template-columns:1fr;}
}
@media (max-width: 680px){
  .nav-links, .nav-cta{display:none;}
  .menu-btn{display:block;}
  .hero h1{font-size:32px;}
  .page-header h1{font-size:26px;}
  .grid-4{grid-template-columns:1fr;}
  .grid-5{grid-template-columns:repeat(2,1fr);}
  .usp-grid{grid-template-columns:1fr;}
  .sec-wrap{flex-direction:column; align-items:flex-start;}
  .navcard-grid{grid-template-columns:1fr;}
}