/* Editorial gradient treatment for the homepage below the existing Hero. */
.immersiveHome .trustbar{
  position:relative;
  background:linear-gradient(180deg,#f5f7fa 0%,#fff 78%);
  border:0;
  padding:80px 0 90px;
}
.immersiveHome .trustgrid{gap:0;align-items:stretch}
.immersiveHome .trustitem{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  min-height:155px;text-align:center;padding:10px 22px;border:0;
}
.immersiveHome .trustitem+.trustitem{border-left:1px solid #d8e0e6}
.immersiveHome .trustitem b{font-size:clamp(24px,2.8vw,38px);font-weight:600;letter-spacing:-.035em;line-height:1.3;color:#152b43}
.immersiveHome .trustitem b:before{display:none}
.immersiveHome .trustitem span,.immersiveHome .trustitem a{font-size:15px;color:#687482;line-height:1.7;margin-top:12px}
.immersiveHome .trustitem a{text-decoration-color:#b4a582;text-underline-offset:6px}

.immersiveHome #needs{
  isolation:isolate;
  overflow:hidden;
  padding:100px 0 140px!important;
  background:linear-gradient(180deg,#fff 0%,#f5f8fa 15%,#e4edf2 36%,#a5bccb 59%,#67879e 76%,#385a72 100%);
}
.immersiveHome #needs:before{display:none}
.immersiveHome #needs:after{
  content:"資金方向";position:absolute;z-index:-1;top:330px;left:50%;
  width:max-content;transform:translateX(-50%);font-size:clamp(110px,19vw,290px);
  line-height:1;font-weight:800;letter-spacing:-.08em;color:#fff8;
  opacity:.35;pointer-events:none;white-space:nowrap;
}
.immersiveHome #needs .wrap{position:relative;z-index:1}
.immersiveHome #needs .needsHeader{text-align:center;margin:0 auto 86px;max-width:1100px}
.immersiveHome #needs .needsHeader .eyebrow{
  display:inline-flex;align-items:center;gap:14px;
  font-size:13px;letter-spacing:.24em;font-weight:700;color:#8e7b5b;
}
.immersiveHome #needs .needsHeader .eyebrow:before,.immersiveHome #needs .needsHeader .eyebrow:after{content:"";width:26px;height:1px;background:#b4a582}
.immersiveHome #needs .needsHeader h2{
  max-width:none;margin:24px 0 28px;
  font-size:clamp(45px,6.5vw,94px);font-weight:700;line-height:1.16;
  letter-spacing:-.065em;color:#14283d;text-wrap:balance;
}
.immersiveHome #needs .needsHeader h2 span{color:#a4b0b9}
.immersiveHome #needs .needsHeader .lead{
  margin:0 auto;max-width:660px;font-size:18px;line-height:1.85;color:#536576;
}
.immersiveHome #needs .cards{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:17px;
  margin-top:0;align-items:stretch;
}
#needs .fundingCard{
  border:1px solid #ffffffcc;border-radius:23px;background:#fff;
  box-shadow:0 25px 55px #1b34411c,inset 0 1px 0 #fff;
  padding:30px;min-height:300px;color:#182d43;
}
#needs .fundingCard:hover{border-color:#b4a582;box-shadow:0 28px 65px #14293b35,0 0 0 1px #b4a58266}
#needs .fundingCard:after{background:radial-gradient(circle at var(--light-x,70%) var(--light-y,20%),#e7f2fbcc,transparent 52%)}
#needs .fundingNumber{left:30px;top:28px;color:#8595a2;font-weight:700;letter-spacing:.16em;font-size:13px}
#needs .fundingIcon{color:#7e9aab;width:108px;height:104px;margin:22px 0 10px}
#needs .fundingCard h3{color:#172b3f;font-size:27px;font-weight:650;line-height:1.35;letter-spacing:-.025em;margin:0 0 10px}
#needs .fundingCard p{color:#64727f;font-size:15px;line-height:1.8;margin-bottom:24px}
#needs .fundingCard .btn{
  background:#1c344a;border:1px solid #1c344a;color:#fff;box-shadow:none!important;
  border-radius:999px;min-height:46px;padding:10px 18px;
}
#needs .fundingCard .btn:hover{background:#b4a582;border-color:#b4a582;color:#14283d}
#needs .fundingCard .serviceDetailLink{color:#30475a;border-color:#b4a582;text-underline-offset:6px}
#needs .funding-personal{
  grid-column:span 5;grid-row:span 2;min-height:635px;
  padding:42px;background:linear-gradient(150deg,#fff 16%,#f4f8fa 48%,#dce9ef 100%);color:#172b3f;
}
#needs .funding-personal .fundingNumber{left:42px;top:38px;color:#8595a2}
#needs .funding-personal .fundingIcon{
  align-self:center;width:225px;height:215px;margin:60px 0 24px;color:#617f94;
  border-radius:50%;background:radial-gradient(circle,#fff8 0 38%,#cbdde6aa 70%,transparent 71%);
}
#needs .funding-personal h3{font-size:37px}
#needs .funding-personal p{color:#5a6d7b;font-size:17px;max-width:380px;flex:0;margin:0 0 34px}
#needs .funding-personal .btn{background:#1c344a;border-color:#1c344a;color:#fff}
#needs .funding-personal .btn:hover{background:#b4a582;border-color:#b4a582;color:#14283d}
#needs .funding-debt{grid-column:span 4;min-height:302px;padding-right:30px}
#needs .funding-debt .fundingIcon{position:static;transform:none;width:98px;height:90px;align-self:flex-end;margin:0 0 8px}
#needs .funding-debt h3{margin-top:0;font-size:26px}
#needs .funding-house{grid-column:span 3;min-height:302px;background:#f9fbfc}
#needs .funding-house .fundingIcon{width:94px;height:88px}
#needs .funding-car{grid-column:span 4;min-height:315px;background:#f9fbfc}
#needs .funding-car .fundingIcon{width:102px;height:95px}
#needs .funding-business{grid-column:span 3;min-height:315px;background:#f7f6f2}
#needs .funding-business .fundingIcon{width:94px;height:88px;color:#998a6d}
#needs .funding-house .fundingNumber,#needs .funding-car .fundingNumber,#needs .funding-business .fundingNumber{left:30px;top:28px}
#needs .funding-house h3,#needs .funding-car h3,#needs .funding-business h3{font-size:25px}
.immersiveHome #needs .needsHelp{
  grid-column:1/-1;margin-top:32px;padding:26px 0 0;
  border-top:1px solid #ffffff7a;color:#fff;
}
.immersiveHome #needs .needsHelp b{font-size:22px;color:#fff}
.immersiveHome #needs .needsHelp p{color:#d9e4eb}
.immersiveHome #needs .needsHelp .serviceDetailLink{color:#fff;border-color:#d7c7a7}
.immersiveHome #needs .needsHelp .btn{background:#fff;color:#1c344a;border-color:#fff}
.immersiveHome #needs .needsHelp .btn:hover{background:#b4a582;border-color:#b4a582}

.immersiveHome #loan-story.loan-story{
  background:linear-gradient(180deg,#385a72 0%,#263e53 30%,#142536 100%);
  padding:110px 0 125px!important;
}
.immersiveHome #loan-story .lf-heading h2{font-size:clamp(42px,4.8vw,68px)!important;line-height:1.18!important;font-weight:650;letter-spacing:-.05em}
.immersiveHome #loan-story .lf-player{border-color:#d8e7f055;box-shadow:0 36px 80px #0b1d2b55}
.immersiveHome #knowledge{
  background:linear-gradient(180deg,#d9e5ec 0%,#f6f9fa 160px,#fff 330px);
  padding:160px 0 105px!important;
}
.immersiveHome #knowledge h2{font-size:clamp(40px,4.6vw,67px)!important;line-height:1.2!important;letter-spacing:-.05em}
.immersiveHome #knowledge .articleGrid{border-color:#cbd8df}
.immersiveHome #knowledge .article+.article{border-color:#cbd8df}
.immersiveHome #faq{background:#fff;padding:120px 0!important}
.immersiveHome #faq h2{font-size:clamp(35px,3.7vw,52px)!important;line-height:1.24!important;letter-spacing:-.045em;max-width:440px}
.immersiveHome #faq .faqItem{border-color:#d5dfe5}
.immersiveHome #faq .faqBtn{font-size:18px}
.immersiveHome .closing{background:linear-gradient(180deg,#fff 0%,#e8f0f4 100%);padding:70px 0 110px!important}
.immersiveHome .closing .cta{
  background:#fff;border:1px solid #d6e1e7;box-shadow:0 25px 60px #2b526e17;
  padding:65px 70px;color:#172b3f;
}
.immersiveHome .closing .eyebrow{color:#917a53!important}
.immersiveHome .closing .cta h2{color:#172b3f;font-size:clamp(36px,3.5vw,51px)!important;line-height:1.22!important}
.immersiveHome .closing .cta p{color:#627486}
.immersiveHome .closing .cta .btn{background:#1c344a;border-color:#1c344a;color:#fff;white-space:nowrap}
.immersiveHome .closing .cta .btn:hover{background:#b4a582;border-color:#b4a582;color:#14283d}
.immersiveHome footer{
  position:relative;overflow:hidden;background:linear-gradient(180deg,#e8f0f4 0%,#a8bfcd 42%,#54748b 100%);
  color:#21394d;padding-top:125px;
}
.immersiveHome footer:before{
  content:"跨時貸";display:block;width:min(1240px,calc(100% - 64px));margin:0 auto -12px;
  font-size:clamp(100px,21vw,300px);font-weight:800;line-height:.9;
  letter-spacing:-.08em;color:#ffffffb0;white-space:nowrap;pointer-events:none;
}
.immersiveHome footer .footerEnglish{
  position:relative;z-index:1;display:flex;justify-content:flex-end;
  width:min(1240px,calc(100% - 64px));margin:-19px auto 21px;
  color:#f7fbfe;font-family:"Helvetica Neue","Segoe UI",sans-serif;
  font-size:clamp(14px,1.5vw,20px);font-weight:200;line-height:1.3;
  letter-spacing:.28em;white-space:nowrap;text-shadow:0 1px 12px #29445a55;
}
.immersiveHome footer .foot{position:relative;z-index:1;border-top:1px solid #ffffff80;padding-top:28px;color:#f6f9fb}
.immersiveHome footer .footLinks{color:#f6f9fb}

@media(max-width:1050px){
  .immersiveHome #needs .cards{grid-template-columns:repeat(6,minmax(0,1fr))}
  #needs .funding-personal{grid-column:span 3;grid-row:span 2;min-height:620px}
  #needs .funding-debt,#needs .funding-house{grid-column:span 3;min-height:295px}
  #needs .funding-car,#needs .funding-business{grid-column:span 3;min-height:280px}
  #needs .funding-personal .fundingIcon{width:175px;height:175px;margin:50px 0 20px}
  .immersiveHome .closing .cta{padding:52px}
}
@media(max-width:640px){
  .immersiveHome .trustbar{padding:38px 0 45px}
  .immersiveHome .trustgrid{grid-template-columns:1fr;gap:0}
  .immersiveHome .trustitem{min-height:0;align-items:flex-start;text-align:left;padding:15px 2px}
  .immersiveHome .trustitem+.trustitem{border-left:0;border-top:1px solid #d8e0e6}
  .immersiveHome .trustitem b{font-size:25px}
  .immersiveHome .trustitem span,.immersiveHome .trustitem a{margin-top:2px;font-size:14px}
  .immersiveHome #needs{padding:85px 0 78px!important;background:linear-gradient(180deg,#fff 0%,#eef4f7 22%,#a8bfce 48%,#56778e 100%)}
  .immersiveHome #needs:after{top:350px;font-size:120px}
  .immersiveHome #needs .needsHeader{margin-bottom:52px;text-align:left}
  .immersiveHome #needs .needsHeader h2{font-size:clamp(39px,10vw,52px);margin:20px 0 22px;line-height:1.2}
  .immersiveHome #needs .needsHeader .lead{font-size:16px}
  .immersiveHome #needs .cards{grid-template-columns:minmax(0,1fr);gap:15px;perspective:none}
  #needs .fundingCard,#needs .funding-personal,#needs .funding-debt,#needs .funding-house,#needs .funding-car,#needs .funding-business{
    grid-column:1;grid-row:auto;min-height:0;padding:27px;border-radius:21px;
  }
  #needs .fundingCard .fundingNumber,#needs .funding-personal .fundingNumber,#needs .funding-house .fundingNumber,#needs .funding-car .fundingNumber,#needs .funding-business .fundingNumber{left:27px;top:26px}
  #needs .fundingCard .fundingIcon,#needs .funding-debt .fundingIcon,#needs .funding-house .fundingIcon,#needs .funding-car .fundingIcon,#needs .funding-business .fundingIcon{width:96px;height:90px;margin:10px 0 18px;position:static;transform:none}
  #needs .funding-personal .fundingIcon{width:145px;height:145px;margin:22px 0 24px;align-self:center}
  #needs .fundingCard h3{font-size:26px}
  #needs .funding-personal h3{font-size:30px}
  #needs .fundingCard p{font-size:16px;margin-bottom:24px}
  #needs .fundingCard .serviceDetailLink{margin-top:13px}
  .immersiveHome #needs .needsHelp{margin-top:22px;gap:16px}
  .immersiveHome #needs .needsHelp b{font-size:20px}
  .immersiveHome #loan-story.loan-story{padding:75px 0 85px!important}
  .immersiveHome #loan-story .lf-heading h2{font-size:37px!important}
  .immersiveHome #knowledge{padding:95px 0 70px!important;background:linear-gradient(180deg,#d9e5ec 0%,#fff 210px)}
  .immersiveHome #knowledge h2{font-size:39px!important}
  .immersiveHome #faq{padding:75px 0!important}
  .immersiveHome #faq h2{font-size:36px!important}
  .immersiveHome #faq .faqBtn{font-size:16px}
  .immersiveHome .closing{padding:40px 0 80px!important}
  .immersiveHome .closing .cta{padding:32px 26px}
  .immersiveHome .closing .cta h2{font-size:34px!important}
  .immersiveHome .closing .cta .btn{white-space:normal}
  .immersiveHome footer{padding-top:70px}
  .immersiveHome footer:before{width:calc(100% - 36px);font-size:26vw;margin-bottom:12px}
  .immersiveHome footer .footerEnglish{
    width:calc(100% - 36px);margin:-3px auto 18px;
    font-size:12px;letter-spacing:.22em;
  }
}
@media(prefers-reduced-motion:reduce){.immersiveHome #needs:after{transition:none}}