/* ==========================================================================
   2. INTRO
   ========================================================================== */
.fbi-dn-intro{
  position:relative; overflow:hidden;
  background:linear-gradient(170deg, var(--mist) 0%, #FFFFFF 62%);
  padding:clamp(28px,3.4vw,40px) 0 clamp(70px,8vw,104px);
}
.fbi-dn-intro::after{
  content:""; position:absolute; left:-2%; right:-2%; bottom:-1px; height:70px;
  background:var(--paper); clip-path:polygon(0 100%,100% 0,100% 100%);
}
.fbi-dn-intro__inner{position:relative; z-index:2;}

.fbi-dn-crumbs{
  display:flex; flex-wrap:wrap; gap:8px; align-items:center;
  font-size:.84rem; color:var(--ink-soft); margin-bottom:28px;
}
.fbi-dn-crumbs a{color:var(--ink-soft); transition:color .2s;}
.fbi-dn-crumbs a:hover{color:var(--copper);}
.fbi-dn-crumbs span[aria-current]{color:var(--indigo-500); font-weight:500;}
.fbi-dn-crumbs i{font-style:normal; opacity:.45;}

.fbi-dn-intro__grid{
  display:grid; grid-template-columns:1.02fr .98fr; gap:clamp(32px,5vw,68px);
  align-items:center;
}
.fbi-dn-chip--light{
  background:#EDF1F9; border:1px solid #D3DEEE; color:var(--indigo-700); -webkit-backdrop-filter:none; backdrop-filter:none;
}
.fbi-dn-chip--light .fbi-dn-chip__dot{background:var(--copper); box-shadow:0 0 0 4px rgba(196,112,58,.16);}

/* raw indigo on the left of the word, washed-out on the right */
.fbi-dn .fbi-dn-intro__title{
  font-size:clamp(2.1rem,4.4vw,3.2rem); font-weight:700;
  margin:20px 0 0; letter-spacing:-.035em;
  background:linear-gradient(96deg, var(--indigo-800) 0%, var(--indigo-500) 48%, var(--indigo-300) 100%);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
.fbi-dn-intro__sub{
  font-family:var(--h-font); font-size:1.06rem; font-weight:600;
  color:var(--copper); margin-top:10px;
}
.fbi-dn-intro__text{color:var(--ink-soft); margin-top:16px; max-width:58ch; font-size:.98rem;}
.fbi-dn-intro__cta{display:flex; flex-wrap:wrap; gap:14px; margin-top:30px;}

.fbi-dn-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 26px; border-radius:var(--r-sm);
  font-family:var(--h-font); font-size:.92rem; font-weight:600;
  border:1px solid transparent; cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}
.fbi-dn-btn svg{width:16px; height:16px; flex:none;}
.fbi-dn-btn--solid{background:var(--indigo-700); color:#fff; box-shadow:0 12px 26px -12px rgba(29,48,89,.8);}
.fbi-dn-btn--solid:hover{background:var(--indigo-900); transform:translateY(-2px);}
.fbi-dn-btn--ghost{background:#fff; color:var(--indigo-800); border-color:#D3DEEE;}
.fbi-dn-btn--ghost:hover{border-color:var(--copper); color:var(--copper); transform:translateY(-2px);}
.fbi-dn-btn--ghost svg{transition:transform .22s ease;}
.fbi-dn-btn--ghost:hover svg{transform:translateX(3px);}

.fbi-dn-marks{
  display:flex; flex-wrap:wrap; gap:10px; margin-top:30px;
  padding-top:24px; border-top:1px solid var(--line);
}
.fbi-dn-mark{
  display:inline-flex; align-items:center; gap:8px;
  padding:7px 14px; border-radius:var(--r-sm);
  background:#fff; border:1px solid var(--line);
  font-size:.78rem; font-weight:500; color:var(--ink-soft);
}
.fbi-dn-mark svg{width:14px; height:14px; color:var(--copper); flex:none;}

.fbi-dn-intro__media{position:relative;}
.fbi-dn-intro__frame{
  position:relative; border-radius:var(--r-lg); overflow:hidden;
  background:#fff; border:1px solid var(--line);
  box-shadow:0 30px 70px -30px rgba(18,20,28,.45);
  aspect-ratio:4/5;
}
.fbi-dn-intro__frame img{width:100%; height:100%; object-fit:cover;}
.fbi-dn-intro__pip{
  position:absolute; right:-30px; bottom:48px;
  width:132px; height:132px; border-radius:50%; overflow:hidden;
  border:5px solid #fff; box-shadow:0 18px 40px -14px rgba(18,20,28,.5);
}
.fbi-dn-intro__pip img{width:100%; height:100%; object-fit:cover;}
@media (max-width:980px){
.fbi-dn-intro__grid{grid-template-columns:1fr;}
.fbi-dn-intro__media{max-width:440px;}
.fbi-dn-intro__frame{aspect-ratio:4/3;}
.fbi-dn-intro__pip{width:100px; height:100px; right:-14px; bottom:-24px;}
}
@media (max-width:600px){
.fbi-dn-intro__cta .fbi-dn-btn{flex:1 1 100%; justify-content:center;}
}