*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#102b59;background:#fff;line-height:1.6}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(4,25,57,.96);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:25px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:2px solid #f5b82e;border-radius:50%;color:#f5b82e}.brand-text span{color:#f5b82e}.nav nav{display:flex;align-items:center;gap:26px}.nav nav a{color:#fff;text-decoration:none;font-size:14px}.nav-cta{padding:10px 17px;border:1px solid #f5b82e;border-radius:999px;color:#fff!important}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#031b3d,#073d78 55%,#001a38);color:#fff;padding:82px 0 76px}.hero-glow{position:absolute;width:600px;height:600px;right:-260px;top:-240px;background:radial-gradient(circle,rgba(42,155,255,.34),transparent 68%)}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center;position:relative}.eyebrow{letter-spacing:.12em;font-size:12px;font-weight:800;color:#d9a72a;margin:0 0 12px}.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.05;margin:0 0 24px;letter-spacing:-.035em}.hero h1 span{color:#f5b82e}.hero-lead{font-size:19px;max-width:650px;color:#e7eef8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.button{display:inline-block;text-decoration:none;border-radius:999px;padding:13px 22px;font-weight:800}.primary{background:linear-gradient(135deg,#f6c34a,#e79d13);color:#09234b;box-shadow:0 10px 30px rgba(240,177,40,.22)}.secondary{border:1px solid rgba(255,255,255,.35);color:#fff}.hero-points{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#cdd9e9}.hero-visual{border-radius:24px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18)}.hero-visual img,.advisor-card img,.brochure-frame img{display:block;width:100%;height:auto}.section{padding:88px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.section-heading h2,.advisor-copy h2,.ai-grid h2,.contact-card h2{font-size:clamp(32px,4vw,48px);line-height:1.1;margin:0 0 16px}.section-heading p:last-child,.advisor-copy p,.ai-grid>div>p{color:#5b6b80}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-grid article{padding:28px;border:1px solid #e4e9f0;border-radius:20px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 10px 30px rgba(10,43,89,.06)}.solution-grid .icon{font-size:28px;color:#e8a719;margin-bottom:8px}.solution-grid h3{margin:0 0 7px}.solution-grid p{margin:0;color:#65748a;font-size:14px}.dark-section{background:#061e42;color:#fff}.dark-section .ai-grid>div>p{color:#cbd7e7}.ai-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}.feature-list{margin-top:28px;display:grid;gap:12px}.feature-list>div{display:flex;gap:16px;align-items:flex-start;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04)}.feature-list strong{color:#f5b82e;font-size:14px}.feature-list span{display:grid}.feature-list small{color:#aebfd5}.brochure-frame{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 70px rgba(0,0,0,.3)}.advisor-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.advisor-copy ul{padding-left:20px;color:#53657b}.advisor-card{border-radius:22px;overflow:hidden;box-shadow:0 18px 55px rgba(8,38,77,.15);border:1px solid #e5eaf0}.contact-section{padding:0 0 88px}.contact-card{border-radius:26px;padding:48px;display:flex;justify-content:space-between;gap:30px;align-items:center;background:linear-gradient(135deg,#062650,#0a4b89);color:#fff;box-shadow:0 20px 60px rgba(7,41,82,.2)}.contact-card h2{max-width:720px}.contact-card p{color:#d7e3f1}.contact-actions{display:flex;flex-direction:column;gap:12px;min-width:230px}.contact-actions .secondary{border-color:rgba(255,255,255,.35);text-align:center}.email-link{color:#fff;text-align:center;text-decoration:none;font-size:14px}footer{background:#03162f;color:#b9c9dc;padding:25px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:12px}.footer-inner strong{color:#fff;margin-right:12px}.footer-inner a{color:#f5b82e}@media(max-width:900px){.hero-grid,.ai-grid,.advisor-grid{grid-template-columns:1fr}.solution-grid{grid-template-columns:repeat(2,1fr)}.nav nav a:not(.nav-cta){display:none}.contact-card{flex-direction:column;align-items:flex-start}}@media(max-width:620px){.container{width:min(100% - 24px,1180px)}.hero{padding-top:55px}.solution-grid{grid-template-columns:1fr}.section{padding:62px 0}.contact-card{padding:30px 24px}.footer-inner{flex-direction:column}.hero h1{font-size:43px}}

/* FinoraAI branding hero enhancement */
.hero-visual {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0;
  min-width: 0;
}

.hero-visual img {
  display: block;
  width: min(100%, 720px);
  max-width: 720px;
  height: auto;
  margin-top: -25px;
  transform: scale(1.12);
  transform-origin: center center;
}

/* Keep the larger branding visual responsive */
@media (max-width: 1100px) {
  .hero-visual img {
    width: min(100%, 620px);
    transform: scale(1.06);
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .hero-grid {
    grid-template-columns: 1fr;
  }

  .hero-visual {
    margin-top: 25px;
  }

  .hero-visual img {
    width: 100%;
    max-width: 600px;
    transform: none;
    margin-top: 0;
  }
}

/* FinoraAI hero branding - larger presentation */
.hero-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.hero-visual img {
  width: min(680px, 100%);
  max-width: 680px;
  height: auto;
  display: block;
  object-fit: contain;
  border-radius: 18px;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.30);
}

@media (min-width: 1200px) {
  .hero-visual img {
    width: 680px;
    max-width: 680px;
  }
}

@media (max-width: 900px) {
  .hero-grid {
    grid-template-columns: 1fr;
  }

  .hero-visual {
    margin-top: 30px;
  }

  .hero-visual img {
    width: min(620px, 100%);
    max-width: 100%;
  }
}

/* =========================================================
   FinoraAI Hero Brand Image - Full Image / No Cropping
   ========================================================= */

.hero-grid {
  grid-template-columns: minmax(0, 44%) minmax(0, 56%);
  align-items: center;
}

.hero-visual {
  width: 100%;
  max-width: none;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.hero-visual img {
  display: block;
  width: 100%;
  max-width: 820px;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center;
  margin: 0 auto;
}

/* Desktop */
@media (min-width: 1200px) {
  .hero-visual img {
    width: 100%;
    max-width: 820px;
  }
}

/* Tablet */
@media (max-width: 1100px) {
  .hero-grid {
    grid-template-columns: minmax(0, 48%) minmax(0, 52%);
  }

  .hero-visual img {
    max-width: 700px;
  }
}

/* Mobile */
@media (max-width: 900px) {
  .hero-grid {
    grid-template-columns: 1fr;
  }

  .hero-visual {
    margin-top: 30px;
  }

  .hero-visual img {
    width: 100%;
    max-width: 700px;
  }
}

@media (max-width: 600px) {
  .hero-visual img {
    width: 100%;
    max-width: 100%;
  }
}

/* FinoraAI full brand logo in header */
.header-brand-logo {
  display: block;
  width: 190px;
  height: auto;
  max-height: 58px;
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 620px) {
  .header-brand-logo {
    width: 150px;
    max-height: 52px;
  }
}

/* Full FinoraAI brand logo in header */
.header-brand-logo {
  display: block;
  width: 190px;
  height: auto;
  max-height: 58px;
  object-fit: contain;
}

@media (max-width: 620px) {
  .header-brand-logo {
    width: 150px;
    max-height: 52px;
  }
}

/* FinoraAI header logo */
.header-brand-logo {
  display: block;
  width: 180px;
  height: auto;
  max-height: 62px;
  object-fit: contain;
}

@media (max-width: 620px) {
  .header-brand-logo {
    width: 150px;
    max-height: 54px;
  }
}

/* FinoraAI header logo - no border */
.header-brand-logo {
  display: block;
  width: 180px;
  height: auto;
  max-height: 62px;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}