.fnb-page{--fnb-ink:#111318;--fnb-cream:#f6f1e8;--fnb-orange:#f5780a;background:#fbfaf8;color:var(--fnb-ink)}
.fnb-page main{overflow:hidden}.fnb-page .header-actions{display:flex;align-items:center}.fnb-page em{font-style:normal;color:var(--fnb-orange)}
.fnb-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--fnb-orange);font:700 12px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase}.fnb-kicker:before{content:"";width:24px;height:2px;background:currentColor}
.fnb-hero{padding:70px 0 0;background:radial-gradient(circle at 20% 20%,#fff 0,transparent 42%),var(--fnb-cream)}.fnb-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;min-height:650px;align-items:center;gap:56px}.fnb-hero-copy h1{font:800 clamp(44px,5.2vw,76px)/.99 var(--font-display);letter-spacing:-.055em;margin:22px 0 26px}.fnb-hero-copy p{max-width:590px;color:#59616c;font-size:18px;line-height:1.7}.fnb-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.fnb-text-link{font:700 14px var(--font-display);color:var(--fnb-ink);border-bottom:1px solid #c9c1b5;padding:8px 0}.fnb-proof{display:flex;flex-wrap:wrap;gap:20px;margin-top:42px;color:#6a6e76;font-size:12px}.fnb-proof span:before{content:"✓";color:var(--fnb-orange);margin-right:7px}.fnb-hero-media{height:580px;position:relative}.fnb-hero-media:before{content:"";position:absolute;inset:36px -8vw 0 0;background:#121419;border-radius:32px 0 0 32px}.fnb-hero-media img{position:absolute;inset:0 -8vw 0 0;width:calc(100% + 8vw);height:100%;object-fit:cover;border-radius:32px 0 0 32px}
.fnb-trust{padding:38px 0;border-bottom:1px solid #ece6dc;background:#fff}.fnb-trust p{text-align:center;color:#7b7f86;font-size:12px;margin-bottom:26px}.wordmarks{display:flex;justify-content:space-between;align-items:center;gap:30px;filter:grayscale(1);opacity:.55}.wordmarks span{font:800 clamp(12px,1.45vw,19px) var(--font-display);text-align:center}
.fnb-section{padding:120px 0}.fnb-heading{display:flex;flex-direction:column;align-items:flex-start}.fnb-heading h2{font:750 clamp(39px,4.5vw,64px)/1.03 var(--font-display);letter-spacing:-.05em;margin:20px 0 0}.fnb-heading>p{color:#68707b;font-size:17px;line-height:1.7;max-width:600px;margin-top:22px}.fnb-heading.center{align-items:center;text-align:center}.fnb-heading.light{align-items:center;text-align:center;color:#fff}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:58px}.problem-grid article{background:#fff;border:1px solid #e9e1d6;border-radius:22px;padding:34px;transition:.3s}.problem-grid article:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(40,32,20,.09)}.problem-grid h3{font:700 21px var(--font-display);margin:25px 0 12px}.problem-grid p{color:#6d727a;line-height:1.65}.icon-chip{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffbf88;border-radius:50%;color:var(--fnb-orange);font-size:21px}.fnb-problems{background:#fbfaf8}
.solutions{background:#fff}.solutions .fnb-heading{max-width:820px}.solution-list{display:grid;gap:26px;margin-top:70px}.solution-row{display:grid;grid-template-columns:1.08fr .92fr;min-height:390px;border:1px solid #e9e3da;border-radius:28px;overflow:hidden;background:#fbfaf8}.solution-row.reverse .solution-visual{order:2}.solution-copy{padding:58px 64px;display:flex;flex-direction:column;justify-content:center}.solution-copy>span{font:800 30px var(--font-display);color:var(--fnb-orange)}.solution-copy h3{font:750 clamp(27px,3vw,39px)/1.1 var(--font-display);margin:14px 0}.solution-copy p{color:#626a75;line-height:1.65}.solution-copy ul{margin-top:22px;display:grid;gap:8px;color:#3d424a;font-size:14px}.solution-copy li:before{content:"↗";color:var(--fnb-orange);margin-right:10px}.solution-visual{min-height:390px;position:relative;overflow:hidden;background:#151820}.solution-visual img{width:100%;height:100%;object-fit:cover}.solution-visual.creative img{object-position:center 53%}
.growth-engine{padding:105px 0;background:#0e131b;color:#fff;position:relative}.growth-engine:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(0,180,216,.12),transparent 45%);pointer-events:none}.engine-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;position:relative;z-index:1}.engine-grid:before{content:"";position:absolute;top:69px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,#f5780a,#00b4d8,#f5780a)}.engine-grid article{text-align:center;padding:0 22px}.engine-grid b{display:block;color:#697485;font-size:11px}.engine-grid article>span{display:grid;place-items:center;margin:22px auto;width:56px;height:56px;border:1px solid #f5780a;border-radius:50%;background:#0e131b;color:#f5780a;font-size:22px;position:relative;z-index:2}.engine-grid article:nth-child(even)>span{border-color:#00b4d8;color:#00b4d8}.engine-grid h3{font:700 19px var(--font-display);margin-bottom:10px}.engine-grid p{color:#929ba8;font-size:13px;line-height:1.6}
.case-study{background:var(--fnb-cream)}.case-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.case-media{height:510px;position:relative}.case-media img{width:100%;height:100%;object-fit:cover;border-radius:26px}.case-media span{position:absolute;left:20px;bottom:20px;background:#fff;padding:10px 16px;border-radius:30px;font:700 10px var(--font-display);text-transform:uppercase}.case-copy h2{font:750 clamp(37px,4.1vw,58px)/1.05 var(--font-display);letter-spacing:-.045em;margin:20px 0}.case-copy>p{color:#646b75;line-height:1.7}.case-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:38px 0}.case-kpis div{border-left:1px solid #d6cfc4;padding-left:17px}.case-kpis strong{display:block;font:800 27px var(--font-display);color:var(--fnb-orange)}.case-kpis span{font-size:11px;color:#71767d}
.packages{background:#fff}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px;align-items:stretch}.package-grid article{padding:38px;border:1px solid #e7dfd5;border-radius:24px;position:relative;display:flex;flex-direction:column}.package-grid article>span{color:var(--fnb-orange);font:800 14px var(--font-display)}.package-grid h3{font:750 24px/1.2 var(--font-display);margin:22px 0 12px}.package-grid p{color:#777c84;font-size:14px;line-height:1.6}.package-grid ul{display:grid;gap:11px;margin:28px 0 35px;font-size:14px}.package-grid li:before{content:"✓";color:var(--fnb-orange);margin-right:9px}.package-grid article>a{margin-top:auto;font-weight:700}.package-grid .featured{border:2px solid var(--fnb-orange);transform:translateY(-12px);box-shadow:0 24px 60px rgba(245,120,10,.13)}.package-grid .featured>i{position:absolute;right:20px;top:17px;background:var(--fnb-orange);color:#fff;border-radius:20px;padding:6px 11px;font:700 10px var(--font-display);font-style:normal}.package-grid .featured .btn{color:#fff;text-align:center}
.fnb-contact{padding:100px 0;background:linear-gradient(135deg,#f5780a,#d94700);color:#fff}.contact-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.contact-copy .fnb-kicker{color:#fff}.contact-copy h2{font:750 clamp(39px,4.5vw,62px)/1.02 var(--font-display);letter-spacing:-.05em;margin:22px 0}.contact-copy h2 em{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.contact-copy>p{line-height:1.7;color:#fffde9}.contact-copy>div{display:flex;gap:20px;margin-top:28px;font-size:12px}.fnb-form-wrap{background:#fff;color:var(--fnb-ink);border-radius:24px;padding:38px;box-shadow:0 30px 80px #8d260066}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fnb-form-wrap label{display:grid;gap:8px;font:700 12px var(--font-display);margin-bottom:18px}.fnb-form-wrap input,.fnb-form-wrap select{border:1px solid #ddd8d1;background:#fbfaf8;border-radius:10px;padding:13px 14px;font:400 14px var(--font-body);width:100%}.fnb-form-wrap .btn{width:100%;background:#11151b;color:#fff}.form-success{padding:35px;text-align:center}.form-success strong{font:750 26px var(--font-display)}.form-error{color:#b42318;margin-top:14px}
@media(max-width:1024px){.fnb-hero-grid,.case-grid,.contact-card{grid-template-columns:1fr}.fnb-hero-grid{padding-top:40px}.fnb-hero-media{height:500px}.solution-copy{padding:44px}.case-grid{gap:42px}.engine-grid{grid-template-columns:repeat(2,1fr);gap:42px}.engine-grid:before{display:none}.package-grid{grid-template-columns:1fr;max-width:620px;margin-left:auto;margin-right:auto}.package-grid .featured{transform:none}.contact-card{gap:44px}}
@media(max-width:768px){.fnb-section{padding:82px 0}.fnb-hero{padding-top:25px}.fnb-hero-grid{gap:44px}.fnb-hero-copy h1{font-size:46px}.fnb-hero-media{height:420px;margin-right:-24px}.fnb-hero-media img,.fnb-hero-media:before{border-radius:24px 0 0 24px}.fnb-proof{gap:12px}.wordmarks{overflow:auto;justify-content:flex-start}.wordmarks span{min-width:110px}.problem-grid{grid-template-columns:1fr}.solution-row{grid-template-columns:1fr}.solution-row.reverse .solution-visual{order:0}.solution-visual{min-height:310px}.solution-copy{padding:35px 28px}.engine-grid{grid-template-columns:1fr}.case-media{height:380px}.case-kpis{gap:10px}.case-kpis strong{font-size:22px}.form-grid{grid-template-columns:1fr}.fnb-form-wrap{padding:25px}.fnb-actions{align-items:flex-start;flex-direction:column}.contact-copy>div{flex-direction:column;gap:9px}}
@media(prefers-reduced-motion:reduce){.problem-grid article{transition:none}}

/* Typography and dark-section contrast fixes */
.fnb-page .fnb-hero-copy h1 {
  max-width: 760px;
  font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(42px, 4.65vw, 68px);
  font-weight: 800;
  font-synthesis: none;
  font-kerning: normal;
  font-feature-settings: "kern" 1, "liga" 1;
  line-height: 1.14;
  letter-spacing: -0.018em;
  text-wrap: pretty;
  word-break: normal;
  overflow-wrap: normal;
}

.growth-engine .fnb-heading h2,
.growth-engine .engine-grid h3 {
  color: #ffffff;
}

.growth-engine .engine-grid p {
  color: #aab3c0;
}

.fnb-page h1,
.fnb-page h2,
.fnb-page h3,
.fnb-page h4 {
  font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-synthesis: none;
  font-kerning: normal;
  font-feature-settings: "kern" 1, "liga" 1;
  letter-spacing: -0.012em;
  text-wrap: pretty;
  word-break: normal;
  overflow-wrap: normal;
}

.fnb-page h2 {
  font-weight: 700;
  line-height: 1.16;
}

.fnb-page h3,
.fnb-page h4 {
  font-weight: 700;
  line-height: 1.3;
}

.case-kpis strong {
  font-size: clamp(17px, 1.8vw, 23px);
  line-height: 1.2;
}

/* Keep the shared footer typography identical to the homepage. */
.fnb-page footer .footer-heading {
  font-family: var(--font-display);
  font-synthesis: auto;
  line-height: 1.15;
  letter-spacing: 0.1em;
}

/* Shared contact-form structure from the homepage/contact page. */
.fnb-form-wrap .form-group label {
  display: block;
  margin: 0;
  font-family: var(--font-display);
  font-size: 13px;
  line-height: 1.4;
}

.fnb-form-wrap .form-group input,
.fnb-form-wrap .form-group select,
.fnb-form-wrap .form-group textarea {
  background: #fbfaf8;
  border: 1px solid #ddd8d1;
}

.fnb-form-wrap .form-consent {
  margin: 4px 0 20px;
}

.fnb-form-wrap .form-consent label {
  display: block;
  gap: 0;
  margin: 0;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 400;
}

.fnb-form-wrap button[type="submit"] {
  width: 100%;
  justify-content: center;
  margin-top: 4px;
}

@media (max-width: 768px) {
  .fnb-page .fnb-hero-copy h1 {
    max-width: 620px;
    font-size: clamp(34px, 8.4vw, 40px);
    line-height: 1.18;
    letter-spacing: -0.01em;
  }
}

@media (max-width: 420px) {
  .fnb-page .fnb-hero-copy h1 {
    font-size: 33px;
    line-height: 1.2;
    letter-spacing: -0.008em;
  }

  .case-kpis {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .case-kpis div {
    padding: 2px 0 2px 14px;
  }
}