:root {
  --orange:#e17c3e;
  --gold:#eda721;
  --ink:#333;
  --muted:#666;
  --cream:#faf8f6;
  --header-height:5.3125rem;
  font-size:min(.8333333333vw,16px)
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:var(--header-height)
}
body {
  margin:0;
  color:var(--ink);
  font-family:Thonburi,"Noto Sans Thai",Tahoma,sans-serif;
  font-size:1.25rem;
  line-height:1.9;
  background:#fff
}
h1,h2,h3,h4,p,ul,ol {
  margin:0
}
h1,h2,h3,h4 {
  font-weight:700;
  line-height:1.4
}
h1,h2 {
  font-size:2.5rem
}
h3 {
  font-size:1.625rem
}
h4 {
  font-size:1.25rem
}
a {
  color:inherit;
  text-decoration:none
}
button {
  font:inherit;
  cursor:pointer
}
img {
  display:block;
  max-width:none
}
button,a {
  -webkit-tap-highlight-color:transparent
}
a:focus-visible,button:focus-visible {
  outline:3px solid #7c4300;
  outline-offset:5px
}
button {
  color:inherit
}
.container {
  width:75%;
  max-width:90rem;
  margin-inline:auto
}
.accent {
  color:var(--orange)
}
.grid {
  display:grid
}
.three {
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.four {
  grid-template-columns:repeat(4,minmax(0,1fr))
}
.two {
  grid-template-columns:repeat(2,minmax(0,1fr))
}
section[id] {
  scroll-margin-top:2rem
}
.section-heading {
  text-align:center
}
.section-heading h2 {
  margin-bottom:1.625rem
}
.section-heading>div,.section-heading>p {
  color:var(--muted);
  line-height:2.25rem;
  margin-inline:auto
}
.icon {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0
}
.orange-square {
  width:4.375rem;
  height:4.375rem;
  border-radius:.625rem;
  background:var(--orange)
}
.skip-link {
  position:fixed;
  left:1rem;
  top:-100px;
  background:#fff;
  padding:.5rem 1rem;
  z-index:100
}
.skip-link:focus {
  top:1rem
}
/* Shared navigation */
.site-header {
  height:var(--header-height);
  background:#fff url('assets/0b479.svg') center/cover no-repeat;
  border-bottom:1px solid #e9e9e9;
  position:sticky;
  top:0;
  z-index:10
}
.header-inner {
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.brand {
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Arial,sans-serif;
  font-size:1.375rem;
  font-weight:600;
  white-space:nowrap
}
.site-header nav {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:48.3125rem;
  margin-right:-1rem;
  gap:1.5625rem
}
.site-header nav a {
  font-size:1.0625rem;
  font-weight:700;
  white-space:nowrap;
  padding:1.0625rem 1rem;
  border-radius:.5rem;
  line-height:1.25rem;
  transition:background .15s,color .15s
}
.site-header nav a:first-child {
  min-width:8.3125rem;
  text-align:center
}
.site-header nav a:nth-child(2) {
  min-width:8.3125rem;
  text-align:center
}
.site-header nav a:hover {
  background:#fff3dc
}
.site-header nav a.active {
  background:#f4ac22;
  color:#fff;
  font-size:1.125rem
}
.menu-toggle {
  display:none
}
/* Hero artwork is cropped exactly as in the source design. */
.hero {
  height:39.9375rem;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#e17c3e url('assets/19f3f.svg') center/cover no-repeat;
  color:#fff
}
.hero-inner {
  height:100%;
  position:relative
}
.hero-copy {
  position:relative;
  z-index:2;
  width:42.1875rem;
  padding-top:1.5625rem
}
.hero h1 {
  line-height:4.4375rem
}
.hero-description {
  font-size:1.625rem;
  line-height:3.1875rem;
  margin-top:2.5rem;
  width:39.5rem
}
.hero-checks {
  list-style:none;
  margin-top:3.375rem;
  padding:0;
  width:54rem;
  font-size:1.125rem;
  line-height:2.6875rem
}
.hero-checks li {
  display:flex;
  align-items:flex-start;
  gap:.5625rem
}
.hero-checks img {
  flex-shrink:0;
  margin-top:.5rem
}
.hero-checks p {
  margin:0
}
.home-hero .hero-copy {
  margin-left:-1.3125rem
}
.hero-dots {
  position:absolute;
  z-index:-1;
  top:0;
  height:100%;
  opacity:.2;
  mix-blend-mode:overlay;
  background-image:url('assets/76643.png');
  background-size:66.79rem 44.783rem;
  background-position:0 .375rem
}
.dots-left {
  left:0;
  width:55.94%
}
.dots-right {
  left:56.875%;
  width:43.125%
}
.hero-shape {
  position:absolute;
  left:54.19%;
  top:14rem;
  transform:rotate(-87.92deg);
  z-index:-1
}
.home-phone {
  position:absolute;
  left:56.5625rem;
  top:1.875rem;
  width:26.0625rem;
  height:38.0625rem;
  overflow:hidden
}
.home-phone img {
  position:absolute;
  width:320.53%;
  height:164.75%;
  left:-110.6%;
  top:-15.33%
}
.hero-arrow {
  position:absolute;
  left:34.5rem;
  top:15rem;
  width:12.8117rem;
  height:12.8117rem;
  object-fit:cover;
  transform:rotate(-63.76deg) scaleY(-1)
}
/* Home */
.dotted {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--cream)
}
.pattern {
  position:absolute;
  z-index:-1;
  pointer-events:none;
  opacity:.1;
  mix-blend-mode:multiply;
  background-image:url('assets/2486d.png');
  background-repeat:no-repeat
}
.home-intro .pattern-start {
  width:77.8125rem;
  height:62.75rem;
  top:0;
  left:-.25rem;
  background-size:124.78rem 83.19rem;
  background-position:right top;
  transform:rotate(-90deg)
}
.home-intro .pattern-end {
  width:75.6875rem;
  height:63.25rem;
  bottom:0;
  right:0;
  background-size:124.78rem 83.19rem;
  background-position:left bottom;
  transform:rotate(-90deg)
}
.home-intro {
  padding:7.4375rem 0 9.875rem;
  min-height:127.0625rem
}
.home-intro .section-heading h2 {
  margin-bottom:1.5rem
}
.home-intro .section-heading>div {
  font-size:1.375rem
}
.story-list {
  margin-top:6.0625rem;
  display:flex;
  flex-direction:column;
  gap:6.875rem
}
.story-row {
  display:grid;
  grid-template-columns:45.3125rem 41rem;
  gap:3.6875rem;
  align-items:stretch;
  min-height:27.6875rem
}
.story-copy {
  padding:2.375rem 2.125rem;
  background:#fff;
  border-radius:.875rem;
  color:var(--muted);
  line-height:2.375rem
}
.story-copy h3 {
  color:var(--ink);
  margin-bottom:2rem;
  line-height:1.9
}
.story-copy>div+div {
  margin-top:.125rem
}
.story-photo {
  width:41rem;
  height:27.6875rem;
  object-fit:cover;
  border-radius:.875rem
}
.story-row.reverse {
  grid-template-columns:41rem 45.3125rem;
  min-height:28.5625rem
}
.story-row.reverse .story-copy {
  grid-column:2;
  grid-row:1;
  padding-top:5.5rem
}
.story-row.reverse .story-photo {
  grid-column:1;
  grid-row:1;
  height:28.5625rem
}
.story-row.reverse h3 {
  line-height:3.125rem;
  margin-bottom:1.25rem
}
.story-row:last-child h3 {
  margin-bottom:1.875rem
}
.announcement {
  padding-block:5rem;
  display:flex;
  flex-direction:column;
  gap:1.75rem
}
.announcement h2 {
  text-align:center;
  color:#000
}
.announcement>div {
  color:var(--muted);
  line-height:2.375rem
}
.performance {
  height:52.375rem;
  padding-top:8.5rem
}
.performance .section-heading>div {
  width:74.5625rem
}
.performance-grid {
  margin-top:4.5625rem;
  text-align:center;
  gap:1rem
}
.performance-grid h3 {
  font-size:1.75rem;
  margin-top:1.8125rem
}
.performance-grid p {
  font-size:1.375rem;
  margin-top:.5rem
}
.performance-symbol {
  position:relative;
  width:7.8125rem;
  height:7.8125rem;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:center
}
.symbol-ring {
  position:absolute;
  inset:0;
  width:7.8125rem;
  height:7.8125rem
}
.symbol-foreground {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.bag-symbol {
  position:absolute;
  width:3.0625rem;
  height:3.0625rem
}
.bag-symbol img {
  position:absolute
}
.bag-bottom {
  left:.617rem;
  top:.381rem
}
.bag-top {
  left:.239rem;
  top:.012rem
}
.bag-symbol span {
  position:absolute;
  font-size:1.125rem;
  color:#fff;
  left:1.219rem;
  top:.6rem
}
.expectations {
  height:44.8125rem;
  padding-top:4.375rem
}
.expectations .pattern-start {
  width:56rem;
  height:44.8125rem;
  left:0;
  top:0;
  background-size:89.5rem 59.65rem;
  background-position:right top;
  transform:rotate(-90deg)
}
.expectations .pattern-end {
  width:53.125rem;
  height:44.8125rem;
  right:0;
  top:0;
  background-size:89.5rem 59.65rem;
  transform:rotate(-90deg)
}
.expectations .section-heading>div {
  max-width:79.75rem
}
.expectations-grid {
  width:75.4375rem;
  gap:5rem;
  margin:5rem auto 0;
  text-align:center
}
.expectations-grid article {
  background:#fff;
  border-radius:.875rem;
  padding:1.5rem 1.6875rem 2rem;
  min-height:20.5625rem
}
.expectations-grid .icon {
  height:6.625rem;
  margin-bottom:1.5rem
}
.expectations-grid h3 {
  font-size:1.625rem;
  white-space:nowrap;
  margin-bottom:1.4375rem
}
.expectations-grid article>div:last-child {
  font-size:1.375rem;
  line-height:1.5;
  color:var(--muted)
}
.business {
  height:47.25rem;
  padding-top:10.125rem
}
.business .section-heading>div {
  max-width:67.0625rem
}
.business-grid {
  width:72.3125rem;
  gap:6.25rem;
  margin:4.3125rem auto 0
}
.business-grid article {
  border:1px solid var(--orange);
  border-radius:.875rem;
  text-align:center;
  min-height:14.25rem;
  padding:3.1875rem .5rem 2.75rem
}
.business-grid .icon {
  margin:0 auto 1.75rem;
  border-radius:.875rem
}
.business-grid p {
  line-height:2.25rem;
  white-space:nowrap
}
.business-symbol {
  position:relative;
  display:grid;
  place-items:center
}
.business-symbol.note {
  width:3rem;
  height:3rem
}
.business-symbol.coin {
  width:2.75rem;
  height:2.75rem
}
.business-symbol img {
  position:absolute
}
.business-symbol span {
  z-index:1;
  color:#ffe9be;
  font-size:1.04rem;
  line-height:1
}
.business-symbol.coin span {
  font-size:.86rem
}
/* About */
.history {
  height:46.5rem;
  padding-top:6.375rem;
  display:grid;
  grid-template-columns:45.3125rem 38.625rem;
  gap:6.0625rem
}
.history h1 {
  font-size:2.875rem;
  margin-bottom:2.3125rem
}
.history>div>div {
  color:var(--muted);
  line-height:2.5rem
}
.history-photo {
  width:38.625rem;
  height:27.125rem;
  object-fit:cover;
  transform:scaleX(-1);
  border-radius:1rem;
  margin-top:1.1875rem
}
.vision {
  height:102.5625rem
}
.vision-banner {
  height:32.875rem;
  background:#de6b24;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-top:4.625rem;
  color:#fff;
  text-align:center
}
.vision-banner:before {
  content:"";
  position:absolute;
  inset:0;
  background:url('assets/bdf88.png') center bottom/100% auto no-repeat;
  opacity:.28;
  mix-blend-mode:lighten;
  z-index:-1
}
.vision-banner h2 {
  font-size:2.875rem;
  margin-bottom:2.875rem
}
.vision-banner p {
  line-height:2.8125rem
}
.value-grid {
  position:relative;
  margin-top:-6.1875rem;
  gap:4.1875rem 6.625rem
}
.value-card {
  min-height:30.75rem;
  text-align:center;
  border-radius:.75rem;
  background:#fff;
  box-shadow:0 .375rem 1.006rem .0625rem #a4aec942;
  padding:3.125rem 2.25rem 2.875rem
}
.value-card>.icon {
  height:4.375rem;
  margin-bottom:2rem
}
.value-card h3 {
  margin-bottom:1.75rem
}
.value-card>h4 {
  margin-bottom:1.625rem
}
.value-pair {
  line-height:1.4;
  margin-top:1.25rem
}
.value-pair h4 {
  line-height:1.4;
  margin-bottom:.25rem
}
.value-pair>div {
  color:var(--muted)
}
.value-card:nth-child(n+3) {
  min-height:29.75rem
}
.governance {
  height:53.875rem;
  padding-top:6.5625rem;
  position:relative;
  isolation:isolate;
  background:#f9f5f2;
  overflow:hidden
}
.governance:before {
  content:"";
  position:absolute;
  inset:0;
  background:url('assets/20ee6.png') center 58%/100% auto no-repeat;
  opacity:.12;
  mix-blend-mode:multiply;
  z-index:-1
}
.governance .section-heading>div {
  font-size:1.375rem;
  line-height:2.5rem
}
.governance-grid {
  margin:4.3125rem 1.9375rem 0;
  gap:8.4375rem;
  text-align:center
}
.governance-grid article {
  background:#fff;
  border-radius:.75rem;
  box-shadow:0 .375rem 1rem .0625rem #a4aec942;
  min-height:23.0625rem;
  padding:2.75rem 1.9375rem
}
.governance-grid h3 {
  font-size:1.875rem;
  margin-bottom:2.1875rem;
  white-space:nowrap
}
.governance-grid article>div {
  color:var(--muted);
  line-height:2.25rem
}
.commitments {
  height:51.5rem;
  padding-top:10.75rem
}
.commitments>h2 {
  text-align:center;
  color:#000
}
.commitments-grid {
  margin-top:6.25rem;
  gap:3.375rem
}
.commitments-grid h3 {
  font-size:1.875rem;
  margin:2.4375rem 0 1.625rem;
  white-space:nowrap
}
.commitments-grid article>div:last-child {
  color:var(--muted);
  line-height:2.25rem
}
.services {
  height:93.9375rem
}
.services .section-heading>div {
  max-width:75.375rem;
  font-size:1.375rem;
  line-height:2.5rem
}
.services-list {
  display:flex;
  flex-direction:column;
  gap:2rem;
  margin-top:4.375rem
}
.services-list article {
  min-height:20.1875rem;
  background:var(--cream);
  border-radius:1rem;
  padding:2.625rem 2.6875rem
}
.services-list .icon {
  justify-content:flex-start;
  height:4.875rem;
  margin-bottom:2.125rem
}
.services-list h3 {
  font-size:1.875rem;
  margin-bottom:1.25rem
}
.services-list article>div:last-child {
  color:var(--muted);
  font-size:1.375rem;
  line-height:2.25rem
}
/* Loan details */
.loan-hero .hero-copy {
  padding-top:5.3125rem;
  width:42.0625rem
}
.loan-hero h1 {
  line-height:1.4
}
.loan-hero .hero-description {
  font-size:1.5rem;
  line-height:2.9375rem;
  margin-top:2rem;
  width:42.0625rem
}
.download-label {
  font-size:1.625rem;
  opacity:.8;
  line-height:3.1875rem;
  margin-top:2.5rem
}
.store-badges {
  display:flex;
  align-items:center;
  gap:1.25rem;
  margin-top:.9375rem
}
.store-download {
  padding:0;
  border:0;
  border-radius:.3125rem;
  background:none;
  transition:transform .2s
}
.store-download:hover {
  transform:translateY(-3px)
}
.store-download:first-child img {
  width:15.4375rem;
  height:4.625rem;
  object-fit:cover
}
.loan-hero .hero-shape {
  left:48.38%;
  top:10.6rem
}
.loan-phone {
  position:absolute;
  overflow:hidden
}
.back-phone {
  width:18.5rem;
  height:36.1875rem;
  left:64.5625rem;
  top:3.75rem
}
.back-phone img {
  position:absolute;
  left:-94.89%;
  top:-2.39%;
  height:110.88%;
  width:288.72%
}
.front-phone {
  width:19.125rem;
  height:40rem;
  left:49.25rem;
  top:1.5625rem
}
.front-phone img {
  position:absolute;
  left:-90.12%;
  top:0;
  width:279.07%;
  height:100%
}
.loan-introduction {
  height:37.25rem;
  position:relative;
  padding-top:23.9375rem
}
.loan-promise {
  position:absolute;
  top:-6rem;
  left:13.75rem;
  width:61.4375rem;
  min-height:22.375rem;
  padding:3.375rem 2rem;
  background:#fff;
  box-shadow:0 .25rem .794rem .0625rem #c9b5a44d;
  border-radius:.75rem;
  text-align:center
}
.loan-promise h2 {
  margin-bottom:2rem
}
.loan-promise>div {
  font-size:1.375rem;
  color:var(--muted);
  line-height:2.8125rem
}
.loan-steps {
  list-style:none;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4.875rem;
  padding:0
}
.loan-steps li {
  min-height:5.625rem;
  border:2px solid var(--orange);
  border-radius:.625rem;
  display:flex;
  align-items:center;
  gap:1.15625rem;
  padding:.875rem 1.0625rem;
  position:relative;
  color:var(--muted);
  font-size:1.375rem;
  line-height:1.5
}
.loan-steps li:not(:last-child):after {
  content:"";
  position:absolute;
  left:calc(100% + .9375rem);
  top:50%;
  transform:translateY(-50%) scaleX(-1);
  width:2.9375rem;
  height:2.35rem;
  background:url('assets/e3cf9.svg') center/contain no-repeat
}
.loan-steps img {
  flex-shrink:0
}
.requirements {
  height:45.625rem;
  background:var(--cream);
  padding-top:5.9375rem;
  text-align:center
}
.requirements-grid {
  margin-top:5.0625rem;
  gap:3.0625rem
}
.requirements-grid article {
  min-height:24.625rem;
  border-radius:.875rem;
  background:#fff;
  padding:2.625rem 1.75rem 2rem
}
.requirement-icon {
  height:5.0625rem;
  width:5.0625rem;
  display:grid;
  place-items:center;
  position:relative;
  border-radius:50%;
  background:var(--orange);
  margin:0 auto 2rem
}
.requirement-icon>img {
  position:absolute
}
.requirement-icon>span {
  position:relative;
  color:#fff;
  font-family:-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:2.0526rem
}
.requirements-grid h3 {
  font-size:1.75rem;
  margin-bottom:1.25rem;
  white-space:nowrap
}
.requirements-grid article>div:last-child {
  font-size:1.375rem;
  color:var(--muted);
  line-height:2.625rem
}
.loan-facts {
  height:39.625rem;
  padding-top:18.75rem
}
.loan-facts .grid {
  gap:2.5rem
}
.loan-facts article {
  height:11.8125rem;
  position:relative;
  border-radius:.75rem;
  box-shadow:0 .25rem .794rem .0625rem #c9b5a44d;
  text-align:center;
  padding:4.625rem 1.5rem 1.5rem
}
.loan-facts .icon {
  position:absolute;
  left:50%;
  top:-2.1875rem;
  transform:translateX(-50%)
}
.loan-facts article>div:last-child {
  font-size:1.5rem;
  line-height:2.25rem
}
.money-symbol {
  width:3rem;
  height:3rem;
  display:grid;
  place-items:center;
  position:relative
}
.money-symbol img {
  position:absolute
}
.money-symbol span {
  position:relative;
  top:.4375rem;
  left:.0625rem;
  color:#f4ac22;
  font-size:1.125rem;
  font-weight:700
}
.download-dialog {
  border:0;
  border-radius:1rem;
  padding:3rem;
  max-width:calc(100% - 2rem);
  box-shadow:0 1rem 5rem #0003;
  color:var(--ink);
  text-align:center
}
.download-dialog::backdrop {
  background:#0007
}
.download-dialog h2 {
  font-size:1.6rem;
  margin-bottom:1rem
}
.download-dialog a {
  display:block;
  color:#9a490e;
  margin-top:.5rem;
  overflow-wrap:anywhere
}
.dialog-close {
  position:absolute;
  right:.75rem;
  top:.4rem;
  border:0;
  background:none;
  font-size:2rem;
  line-height:1
}
/* Privacy document */
.privacy {
  min-height:269.55375rem;
  padding-top:6.75rem;
  padding-bottom:10rem
}
.privacy h1 {
  text-align:center;
  margin-bottom:5.4375rem
}
.privacy-copy {
  font-size:1.25rem;
  line-height:normal;
  color:var(--muted)
}
.privacy-copy p {
  margin:0;
  min-height:1.4em
}
.privacy-copy a {
  text-decoration:underline;
  overflow-wrap:anywhere
}
/* Shared footer */
.contact-strip {
  min-height:11.4375rem;
  padding:2.8125rem 0 2.9375rem;
  background:var(--gold);
  color:#fff
}
.contact-brand {
  display:flex;
  align-items:center;
  gap:10.25rem;
  font-size:1.625rem;
  line-height:2rem
}
.contact-brand b {
  font-size:1.5rem
}
.contact-strip address {
  font-style:normal;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:2.5625rem;
  font-size:1.25rem;
  line-height:1.875rem
}
.contact-strip address>span,.contact-strip address>a {
  display:flex;
  align-items:center;
  gap:1rem;
  white-space:nowrap
}
.contact-strip address img {
  transform:rotate(90deg);
  flex-shrink:0
}
.footer-main {
  height:26.25rem;
  position:relative;
  overflow:hidden;
  background:var(--orange);
  color:#fff;
  padding-top:3.6875rem
}
.footer-art {
  position:absolute;
  right:2.5625rem;
  bottom:1rem;
  pointer-events:none
}
.footer-columns {
  display:grid;
  grid-template-columns:30.4375rem 25.5rem 1fr;
  gap:5rem;
  position:relative
}
.footer-column h3 {
  font-size:1.625rem;
  line-height:2.925rem;
  margin-bottom:1.9375rem
}
.footer-links {
  display:grid;
  grid-template-columns:auto auto;
  gap:1.125rem 2rem;
  font-size:1.25rem;
  color:#ffffffd9;
  line-height:1.9375rem
}
.footer-column:nth-child(2) .footer-links {
  column-gap:3rem
}
.footer-column:last-child .footer-links {
  column-gap:2rem
}
.footer-links a {
  white-space:nowrap
}
.footer-links a:hover,.contact-strip a:hover {
  text-decoration:underline;
  text-underline-offset:4px
}
.copyright {
  position:absolute;
  bottom:1.5625rem;
  left:12.5%;
  font-size:1rem;
  line-height:1.4rem;
  text-align:center;
  color:#fafafacc;
  letter-spacing:.005rem;
  padding-top:1.9375rem;
  border-top:2px solid #ffffff20;
  width:72.9167%;
  margin-left:1.0417%
}
.page-home .site-header {
  background:#fff;
  border-bottom:0
}
.page-home .site-header:before {
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:url('assets/42cfb.svg') top center/100% 100% no-repeat
}
.site-header:after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:url('assets/11361.svg') center/100% 1px no-repeat
}
.page-home .site-header:after {
  background-image:url('assets/61fdb.svg')
}
.copyright {
  border-top:0;
  background:url('assets/052c3.svg') top center/100% 2px no-repeat
}
/* Final desktop geometry and Figma paragraph wrapping. */
h1,h2 {
  line-height:3.4375rem
}
.home-hero .hero-copy {
  padding-top:3.75rem
}
.home-hero .hero-description {
  margin-top:1.90625rem
}
.home-hero .hero-checks {
  margin-top:2.15625rem
}
.hero-shape {
  left:58.233%;
  top:13.58875rem
}
.hero-arrow {
  left:34.985rem;
  top:14.548rem
}
.home-intro .section-heading h2 {
  margin-bottom:1.1875rem
}
.home-intro .section-heading>div {
  line-height:1.9375rem
}
.story-list {
  margin-top:5.5rem
}
.story-copy {
  padding-top:2.8125rem;
  padding-bottom:2.1875rem
}
.story-copy h3 {
  line-height:2.25rem;
  margin-bottom:1.3125rem
}
.story-row.reverse .story-copy {
  padding-top:5.8125rem
}
.story-row.reverse h3 {
  margin-bottom:.5625rem
}
.story-row:last-child h3 {
  margin-bottom:.9375rem
}
.performance {
  height:54.75rem;
  padding-top:10.875rem
}
.pattern {
  display:flex;
  align-items:center;
  justify-content:center;
  background-image:none!important;
  transform:none!important
}
.pattern>div {
  position:relative;
  overflow:hidden;
  transform:rotate(-90deg);
  flex-shrink:0
}
.pattern img {
  position:absolute
}
.home-intro .pattern-start>div {
  width:62.75rem;
  height:77.8125rem
}
.home-intro .pattern-start img {
  width:198.83%;
  height:106.91%;
  left:-98.82%;
  top:0
}
.home-intro .pattern-end>div {
  width:63.25rem;
  height:75.6875rem
}
.home-intro .pattern-end img {
  width:197.26%;
  height:109.91%;
  left:-.01%;
  top:-9.91%
}
.expectations .pattern-start>div {
  width:44.8125rem;
  height:56rem
}
.expectations .pattern-start img {
  width:200.49%;
  height:106.91%;
  left:-100.48%;
  top:0
}
.expectations .pattern-end>div {
  width:44.8125rem;
  height:53.125rem
}
.expectations .pattern-end img {
  width:195.33%;
  height:109.91%;
  left:-.01%;
  top:-9.91%
}
.history h1 {
  line-height:3.9375rem;
  margin-bottom:1.625rem
}
.vision-banner:before {
  background-position:0 bottom;
  background-size:100% 243.65%
}
.loan-hero .hero-shape {
  left:52.424%;
  top:10.1775rem
}
.loan-hero .hero-copy {
  padding-top:5.6875rem
}
.loan-hero h1 {
  line-height:3.4375rem
}
.loan-hero .hero-description {
  margin-top:2.0625rem
}
.download-label {
  margin-top:2.9375rem
}
.loan-promise {
  padding-top:4.1875rem
}
.loan-promise h2 {
  margin-bottom:2.625rem
}
.loan-steps li {
  white-space:nowrap
}
.privacy h1 {
  margin-bottom:4.875rem
}
.contact-strip {
  padding-bottom:2.1875rem
}
@media(min-width:1101px) {
  .site-header nav {
    width:49.3125rem;
    gap:0;
    justify-content:flex-start
  }
  .site-header nav a {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    height:3.375rem;
    padding:0
  }
  .site-header nav a:first-child {
    width:8.3125rem
  }
  .site-header nav a:nth-child(2) {
    width:8.3125rem;
    margin-left:2.1875rem
  }
  .site-header nav a:nth-child(3) {
    width:10.0625rem;
    margin-left:3.4375rem
  }
  .site-header nav a:nth-child(4) {
    width:12.9375rem;
    margin-left:4.0625rem
  }
}
@media(min-width:1921px) {
  .hero-inner {
    max-width:90rem
  }
  .hero-shape {
    left:calc(50% + 5rem)
  }
  .site-header nav {
    width:48.3125rem
  }
  .copyright {
    left:50%;
    transform:translateX(-50%);
    margin:0;
    width:87.5rem
  }
}
@media(max-width:1100px) {
  .desktop-break {
    display:none
  }
  .loan-steps li {
    white-space:normal
  }
  h1,h2 {
    line-height:1.4
  }
  :root {
    font-size:14px
  }
  .container {
    width:calc(100% - 3.5rem)
  }
  h1,h2 {
    font-size:2rem
  }
  .site-header {
    height:5.3125rem
  }
  .brand {
    font-size:1.2rem
  }
  .site-header nav {
    width:auto;
    gap:.5rem;
    margin:0
  }
  .site-header nav a {
    font-size:.9rem;
    padding:1rem .75rem
  }
  .site-header nav a:first-child,.site-header nav a:nth-child(2) {
    min-width:0
  }
  .site-header nav a.active {
    font-size:.9rem
  }
  .hero-copy {
    width:55%
  }
  .hero h1 {
    font-size:2.3rem;
    line-height:1.65
  }
  .hero-description {
    width:100%;
    font-size:1.4rem;
    line-height:2.5rem
  }
  .hero-checks {
    width:95%;
    font-size:1rem;
    line-height:1.9
  }
  .home-hero .hero-copy {
    margin-left:0;
    padding-top:2.5rem
  }
  .hero-checks {
    margin-top:2rem
  }
  .home-phone {
    left:auto;
    right:1rem;
    top:3rem;
    width:22rem;
    height:36.9375rem
  }
  .hero-arrow {
    left:49%;
    top:19rem;
    width:8rem;
    height:8rem
  }
  .hero-shape {
    left:48%;
    top:15rem
  }
  .home-intro {
    padding-block:6rem;
    min-height:0
  }
  .story-list {
    margin-top:4rem;
    gap:4rem
  }
  .story-row,.story-row.reverse {
    grid-template-columns:1fr 1fr;
    gap:2rem;
    min-height:0
  }
  .story-copy {
    padding:2rem;
    line-height:2
  }
  .story-copy h3 {
    font-size:1.45rem;
    margin-bottom:1rem
  }
  .story-photo,.story-row.reverse .story-photo {
    width:100%;
    height:100%;
    min-height:25rem
  }
  .story-row.reverse .story-copy {
    padding-top:3rem
  }
  .announcement h2 {
    font-size:1.8rem
  }
  .performance {
    height:auto;
    padding-block:6rem
  }
  .performance .section-heading>div {
    width:100%
  }
  .performance-grid {
    gap:2rem
  }
  .performance-grid h3 {
    font-size:1.5rem
  }
  .performance-grid p {
    font-size:1.2rem
  }
  .expectations {
    height:auto;
    padding-block:4rem
  }
  .expectations-grid,.business-grid {
    width:100%;
    gap:2rem;
    margin-top:4rem
  }
  .expectations-grid h3 {
    font-size:1.3rem;
    white-space:normal
  }
  .business {
    height:auto;
    padding-block:6rem
  }
  .business-grid p {
    font-size:1.1rem;
    white-space:normal
  }
  .history {
    height:auto;
    grid-template-columns:1fr 1fr;
    gap:3rem;
    padding-block:5rem
  }
  .history h1 {
    font-size:2.3rem
  }
  .history-photo {
    width:100%;
    height:30rem;
    align-self:center;
    margin:0
  }
  .history>div>div {
    line-height:2.1
  }
  .vision {
    height:auto;
    padding-bottom:6rem
  }
  .vision-banner {
    height:32rem;
    padding-top:3rem
  }
  .vision-banner .container {
    width:85%
  }
  .vision-banner p {
    line-height:2.3
  }
  .value-grid {
    gap:3rem;
    margin-top:-5rem
  }
  .value-card {
    padding-inline:2rem;
    min-height:31rem
  }
  .governance {
    height:auto;
    padding-block:5rem
  }
  .governance-grid {
    gap:2rem;
    margin:3rem 0 0
  }
  .governance-grid article {
    padding:2rem 1.5rem
  }
  .governance-grid h3 {
    font-size:1.45rem;
    white-space:normal
  }
  .commitments {
    height:auto;
    padding-block:6rem
  }
  .commitments-grid {
    gap:2rem;
    margin-top:4rem
  }
  .commitments-grid h3 {
    font-size:1.4rem;
    white-space:normal
  }
  .services {
    height:auto;
    padding-bottom:6rem
  }
  .services-list {
    margin-top:3rem
  }
  .services-list article {
    min-height:0
  }
  .loan-hero .hero-copy {
    width:49%;
    padding-top:4rem
  }
  .loan-hero h1 {
    font-size:2rem
  }
  .loan-hero .hero-description {
    width:100%;
    font-size:1.3rem;
    line-height:2.4
  }
  .download-label {
    margin-top:2rem;
    font-size:1.3rem
  }
  .store-badges {
    gap:1rem;
    flex-wrap:wrap
  }
  .store-download:first-child img {
    width:12rem;
    height:auto
  }
  .store-download:last-child img {
    width:12rem!important;
    height:auto!important
  }
  .front-phone {
    left:auto;
    right:12rem;
    top:2rem;
    width:15rem;
    height:34rem
  }
  .back-phone {
    left:auto;
    right:.5rem;
    top:5rem;
    width:15rem;
    height:32rem
  }
  .loan-introduction {
    height:36rem;
    padding-top:22rem
  }
  .loan-promise {
    width:80%;
    left:10%;
    padding:3rem 1.5rem;
    min-height:21rem
  }
  .loan-promise h2 {
    font-size:1.9rem
  }
  .loan-steps {
    gap:2.5rem
  }
  .loan-steps li {
    font-size:1.05rem;
    padding:.75rem;
    gap:.5rem
  }
  .loan-steps img {
    width:3rem!important;
    height:3rem!important
  }
  .loan-steps li:not(:last-child):after {
    width:1.75rem;
    left:calc(100% + .375rem)
  }
  .requirements {
    height:auto;
    padding-block:4rem
  }
  .requirements-grid {
    gap:2rem;
    margin-top:3rem
  }
  .requirements-grid article {
    padding:2rem 1rem
  }
  .requirements-grid h3 {
    white-space:normal;
    font-size:1.4rem
  }
  .requirements-grid article>div:last-child {
    font-size:1.15rem;
    line-height:2.1
  }
  .loan-facts {
    height:30rem;
    padding-top:10rem
  }
  .loan-facts .grid {
    gap:2rem
  }
  .loan-facts article {
    padding-inline:1rem
  }
  .loan-facts article>div:last-child {
    font-size:1.15rem;
    line-height:2
  }
  .privacy {
    min-height:0;
    padding-block:5rem 8rem
  }
  .privacy h1 {
    margin-bottom:4rem
  }
  .privacy-copy {
    line-height:1.6
  }
  .contact-strip {
    padding:2.5rem 0;
    min-height:0
  }
  .contact-brand {
    gap:4rem
  }
  .contact-strip address {
    gap:1rem;
    flex-wrap:wrap;
    margin-top:2rem;
    font-size:1.1rem
  }
  .footer-main {
    height:auto;
    min-height:26rem;
    padding-bottom:7rem
  }
  .footer-columns {
    grid-template-columns:1.1fr 1.1fr .9fr;
    gap:2rem
  }
  .footer-column h3 {
    font-size:1.4rem
  }
  .footer-links {
    font-size:1.05rem;
    gap:1rem
  }
  .footer-column:nth-child(2) .footer-links,.footer-column:last-child .footer-links {
    column-gap:1rem
  }
  .footer-links a {
    white-space:normal
  }
  .copyright {
    left:1.75rem;
    width:calc(100% - 3.5rem);
    margin:0
  }
  .footer-art {
    opacity:.7
  }
}
@media(max-width:700px) {
  :root {
    font-size:14px;
    --header-height:68px
  }
  .container {
    width:calc(100% - 40px)
  }
  body {
    font-size:1.1rem;
    line-height:1.9
  }
  h1,h2 {
    font-size:1.8rem
  }
  h3 {
    font-size:1.3rem
  }
  .section-heading h2 {
    margin-bottom:1.2rem
  }
  .site-header {
    height:68px
  }
  .brand {
    font-size:15px
  }
  .menu-toggle {
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    background:none;
    border:0;
    width:42px;
    height:42px;
    padding:9px
  }
  .menu-toggle span {
    height:2px;
    background:#333;
    width:24px;
    transition:transform .2s,opacity .2s
  }
  .menu-toggle[aria-expanded=true] span:first-child {
    transform:translateY(7px) rotate(45deg)
  }
  .menu-toggle[aria-expanded=true] span:nth-child(2) {
    opacity:0
  }
  .menu-toggle[aria-expanded=true] span:last-child {
    transform:translateY(-7px) rotate(-45deg)
  }
  .site-header nav {
    position:absolute;
    top:68px;
    left:0;
    right:0;
    display:none;
    background:#fff;
    border-bottom:1px solid #eee;
    box-shadow:0 10px 20px #0001;
    padding:12px 20px
  }
  .site-header nav.open {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:4px
  }
  .site-header nav a,.site-header nav a.active {
    font-size:1rem;
    min-width:0;
    text-align:left!important;
    padding:14px 18px;
    line-height:1.5
  }
  .hero {
    height:auto;
    min-height:0
  }
  .hero h1 {
    font-size:1.9rem;
    line-height:1.7
  }
  .hero-copy,.home-hero .hero-copy {
    width:100%;
    padding-top:2.5rem
  }
  .hero-description {
    font-size:1.15rem;
    line-height:2.1rem;
    margin-top:1.5rem
  }
  .hero-checks {
    font-size:.95rem;
    line-height:1.9rem;
    margin-top:1.8rem;
    width:100%
  }
  .hero-checks img {
    width:1.4rem!important;
    height:1.4rem!important;
    margin-top:.2rem
  }
  .hero-checks li+li {
    margin-top:.6rem
  }
  .home-phone {
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    width:19.5rem;
    height:29.5rem;
    margin:2.5rem auto 0
  }
  .hero-arrow {
    width:6.5rem;
    height:6.5rem;
    top:auto;
    bottom:17rem;
    left:0
  }
  .hero-shape {
    left:0;
    top:auto;
    bottom:-18rem;
    opacity:.8
  }
  .hero-dots {
    background-size:50rem auto
  }
  .home-intro {
    padding-block:3.5rem
  }
  .home-intro .section-heading>div {
    font-size:1.1rem
  }
  .story-list {
    margin-top:2.5rem;
    gap:2rem
  }
  .story-row,.story-row.reverse {
    display:flex;
    flex-direction:column;
    gap:0
  }
  .story-photo,.story-row.reverse .story-photo {
    height:auto;
    min-height:0;
    aspect-ratio:1.48;
    order:-1;
    border-radius:.875rem .875rem 0 0
  }
  .story-copy,.story-row.reverse .story-copy {
    padding:1.8rem 1.5rem;
    border-radius:0 0 .875rem .875rem;
    line-height:2
  }
  .story-copy h3 {
    font-size:1.3rem;
    line-height:1.8;
    margin-bottom:1rem
  }
  .story-row:last-child h3 {
    margin-bottom:1rem
  }
  .story-row.reverse h3 {
    line-height:1.8
  }
  .announcement {
    padding-block:3.5rem;
    gap:1.25rem
  }
  .announcement h2 {
    font-size:1.7rem;
    line-height:1.6
  }
  .announcement>div {
    line-height:2
  }
  .performance {
    padding-block:3.5rem
  }
  .performance-grid {
    grid-template-columns:1fr;
    gap:3rem;
    margin-top:2.5rem
  }
  .performance-grid h3 {
    font-size:1.4rem;
    margin-top:1.25rem
  }
  .performance-grid p {
    font-size:1.1rem
  }
  .expectations {
    padding-block:3.5rem
  }
  .expectations-grid {
    grid-template-columns:1fr;
    gap:1.5rem;
    margin-top:2.5rem
  }
  .expectations-grid article {
    min-height:0;
    padding:2rem
  }
  .expectations-grid article>div:last-child {
    font-size:1.15rem
  }
  .expectations-grid h3 {
    font-size:1.4rem;
    margin-bottom:1rem
  }
  .expectations-grid .icon {
    margin-bottom:1rem
  }
  .business {
    padding-block:3.5rem
  }
  .business-grid {
    grid-template-columns:1fr;
    margin-top:2.5rem;
    gap:1.5rem
  }
  .business-grid article {
    min-height:0;
    padding:2rem 1rem
  }
  .business-grid p {
    font-size:1.15rem
  }
  .business-grid .icon {
    margin-bottom:1.25rem
  }
  .history {
    display:flex;
    flex-direction:column;
    gap:2rem;
    padding-block:3.5rem
  }
  .history h1 {
    font-size:2rem;
    margin-bottom:1.5rem
  }
  .history-photo {
    height:auto;
    aspect-ratio:1.424
  }
  .vision {
    padding-bottom:3.5rem
  }
  .vision-banner {
    height:auto;
    padding:3rem 0 7.5rem
  }
  .vision-banner .container {
    width:calc(100% - 40px)
  }
  .vision-banner:before {
    background-size:auto 100%
  }
  .vision-banner h2 {
    font-size:2rem;
    margin-bottom:1.5rem
  }
  .vision-banner p {
    line-height:2
  }
  .value-grid {
    grid-template-columns:1fr;
    gap:1.5rem;
    margin-top:-4.5rem
  }
  .value-card,.value-card:nth-child(n+3) {
    min-height:0;
    padding:2rem 1.5rem
  }
  .value-card h3 {
    font-size:1.3rem
  }
  .value-card>.icon {
    margin-bottom:1.5rem
  }
  .value-card h4 {
    font-size:1.1rem
  }
  .value-card h3 {
    margin-bottom:1.25rem
  }
  .value-pair {
    margin-top:1rem
  }
  .governance {
    padding-block:3.5rem
  }
  .governance:before {
    background-size:auto 100%;
    background-position:center
  }
  .governance .section-heading>div {
    font-size:1.1rem;
    line-height:2
  }
  .governance-grid {
    grid-template-columns:1fr;
    gap:1.5rem;
    margin-top:2rem
  }
  .governance-grid article {
    min-height:0;
    padding:2rem
  }
  .governance-grid h3 {
    font-size:1.4rem;
    margin-bottom:1rem
  }
  .governance-grid article>div {
    line-height:2
  }
  .commitments {
    padding-block:3.5rem
  }
  .commitments-grid {
    grid-template-columns:1fr 1fr;
    gap:2.5rem 1.5rem;
    margin-top:2.5rem
  }
  .commitments-grid h3 {
    font-size:1.25rem;
    margin:1.5rem 0 .75rem
  }
  .commitments-grid article>div:last-child {
    font-size:1rem;
    line-height:1.9
  }
  .services {
    padding-bottom:3.5rem
  }
  .services .section-heading>div {
    font-size:1.1rem;
    line-height:2
  }
  .services-list {
    margin-top:2rem;
    gap:1.5rem
  }
  .services-list article {
    padding:2rem 1.5rem
  }
  .services-list h3 {
    font-size:1.4rem;
    margin-bottom:1rem
  }
  .services-list article>div:last-child {
    font-size:1.1rem;
    line-height:2
  }
  .services-list .icon {
    margin-bottom:1.5rem
  }
  .loan-hero .hero-copy {
    width:100%;
    padding-top:2.5rem
  }
  .loan-hero h1 {
    font-size:1.9rem
  }
  .loan-hero .hero-description {
    font-size:1.15rem;
    line-height:2.1rem;
    margin-top:1.5rem
  }
  .download-label {
    font-size:1.2rem;
    margin-top:1.5rem;
    line-height:2
  }
  .store-badges {
    flex-wrap:nowrap;
    gap:1rem
  }
  .store-download:first-child img {
    width:10.5rem;
    height:auto
  }
  .store-download:last-child img {
    width:10.5rem!important;
    height:auto!important
  }
  .loan-hero .hero-inner {
    padding-bottom:33rem
  }
  .front-phone {
    width:14.5rem;
    height:30.33rem;
    top:auto;
    bottom:-.5rem;
    left:calc(50% - 12rem);
    right:auto;
    z-index:1
  }
  .back-phone {
    width:13.5rem;
    height:26.4rem;
    top:auto;
    bottom:0;
    left:50%;
    right:auto
  }
  .loan-hero .hero-shape {
    top:auto;
    bottom:-16rem;
    left:-3rem
  }
  .loan-introduction {
    height:auto;
    padding-top:0;
    padding-bottom:3.5rem
  }
  .loan-promise {
    position:relative;
    top:auto;
    left:auto;
    margin:-2rem auto 0;
    z-index:2;
    width:100%;
    min-height:0;
    padding:2rem 1.25rem
  }
  .loan-promise h2 {
    font-size:1.7rem;
    line-height:1.6;
    margin-bottom:1.5rem
  }
  .loan-promise>div {
    font-size:1.1rem;
    line-height:2.2rem
  }
  .loan-steps {
    grid-template-columns:1fr;
    gap:2.5rem;
    margin-top:2.5rem
  }
  .loan-steps li {
    font-size:1.1rem;
    min-height:5rem;
    padding:1rem;
    gap:1rem
  }
  .loan-steps li:not(:last-child):after {
    left:50%;
    top:calc(100% + .4rem);
    transform:translateX(-50%) rotate(-90deg);
    width:2rem;
    height:1.6rem
  }
  .requirements {
    padding-block:3.5rem
  }
  .requirements-grid {
    grid-template-columns:1fr 1fr;
    gap:1.5rem;
    margin-top:2.5rem
  }
  .requirements-grid article {
    min-height:0;
    padding:1.5rem 1rem
  }
  .requirement-icon {
    margin-bottom:1.5rem
  }
  .requirements-grid h3 {
    font-size:1.15rem;
    margin-bottom:1rem;
    line-height:1.7
  }
  .requirements-grid article>div:last-child {
    font-size:1rem;
    line-height:1.9
  }
  .loan-facts {
    height:auto;
    padding-top:6rem;
    padding-bottom:4rem
  }
  .loan-facts .grid {
    grid-template-columns:1fr 1fr;
    gap:4rem 1.5rem
  }
  .loan-facts article {
    height:11rem;
    padding-top:4.5rem
  }
  .loan-facts article>div:last-child {
    font-size:1.05rem
  }
  .privacy {
    padding-block:3.5rem 5rem
  }
  .privacy h1 {
    font-size:1.8rem;
    line-height:1.6;
    margin-bottom:3rem
  }
  .privacy-copy {
    font-size:1.05rem;
    line-height:1.8
  }
  .privacy-copy p {
    min-height:1.8em
  }
  .contact-strip {
    padding-block:2.5rem
  }
  .contact-brand {
    flex-direction:column;
    gap:.75rem;
    align-items:flex-start;
    font-size:1.4rem
  }
  .contact-brand b {
    font-size:1.2rem
  }
  .contact-strip address {
    flex-direction:column;
    align-items:flex-start;
    font-size:1rem;
    gap:1rem;
    margin-top:1.5rem;
    line-height:1.8
  }
  .contact-strip address>span,.contact-strip address>a {
    white-space:normal;
    align-items:flex-start;
    gap:.75rem
  }
  .contact-strip address img {
    margin-top:.4rem
  }
  .footer-main {
    padding-top:2.5rem;
    padding-bottom:8rem;
    min-height:0
  }
  .footer-columns {
    grid-template-columns:1fr;
    gap:2.5rem
  }
  .footer-column h3 {
    font-size:1.4rem;
    margin-bottom:1.2rem;
    line-height:1.5
  }
  .footer-links {
    font-size:1.1rem;
    grid-template-columns:1fr 1fr;
    gap:.75rem 1.5rem
  }
  .footer-art {
    right:-3rem;
    bottom:1.5rem;
    opacity:.5
  }
  .copyright {
    left:20px;
    bottom:1.5rem;
    width:calc(100% - 40px);
    font-size:.85rem;
    padding-top:1.5rem
  }
}
@media(max-width:359px) {
  .brand {
    font-size:13px
  }
  .store-badges {
    gap:.5rem
  }
  .store-download:first-child img {
    width:9.5rem
  }
  .store-download:last-child img {
    width:9.5rem!important
  }
  .commitments-grid,.requirements-grid {
    grid-template-columns:1fr
  }
  .hero h1 {
    font-size:1.7rem
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    transition:none!important
  }
  .store-download:hover {
    transform:none
  }
}
@media(min-width:701px) and (max-width:900px) {
  .home-hero {
    height:auto;
    min-height:42rem
  }
  .home-hero .hero-inner {
    height:auto;
    min-height:42rem
  }
  .home-hero .hero-copy {
    padding-bottom:3rem
  }
  .home-phone {
    bottom:0;
    top:auto
  }
  .loan-hero .hero-copy {
    width:44%
  }
  .loan-hero h1 {
    font-size:1.8rem
  }
  .loan-hero .hero-description {
    font-size:1.2rem;
    line-height:2.2rem
  }
  .loan-hero .front-phone {
    right:10.5rem
  }
  .loan-hero .store-download:first-child img,.loan-hero .store-download:last-child img {
    width:10.5rem!important;
    height:auto!important
  }
  .requirements-grid,.loan-facts .grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .loan-facts {
    height:auto;
    padding-block:8rem 6rem
  }
  .loan-facts .grid {
    row-gap:5rem
  }
}

/* Optional motion: every element remains visible in its normal CSS state. */
@media(prefers-reduced-motion:no-preference) {
  /* Finite CSS entry starts on first paint, so a late GSAP load cannot cause a jump. */
  .hero-copy > *,
  .home-phone,
  .loan-phone,
  .history > div,
  .history-photo,
  .privacy h1 {
    animation:wing-content-enter 700ms cubic-bezier(.22,1,.36,1) backwards
  }
  .hero-copy > :nth-child(2),
  .history-photo {
    animation-delay:80ms
  }
  .hero-copy > :nth-child(3),
  .home-phone,
  .front-phone {
    animation-delay:160ms
  }
  .hero-copy > :nth-child(4),
  .back-phone {
    animation-delay:240ms
  }
  .site-header nav.open {
    animation:wing-menu-enter 180ms ease-out
  }
  .download-dialog[open] {
    animation:wing-dialog-enter 180ms ease-out
  }
  .store-download:active {
    transform:translateY(-1px) scale(.98)
  }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .value-card,
  .expectations-grid > article,
  .business-grid > article,
  .governance-grid > article,
  .requirements-grid > article,
  .loan-facts article,
  .services-list > article {
    transition:box-shadow 200ms ease-out
  }
  .value-card:hover,
  .expectations-grid > article:hover,
  .business-grid > article:hover,
  .governance-grid > article:hover,
  .requirements-grid > article:hover,
  .loan-facts article:hover,
  .services-list > article:hover {
    box-shadow:0 12px 28px rgba(164,174,201,.22)
  }
}
@keyframes wing-menu-enter {
  from { opacity:0 }
  to { opacity:1 }
}
@keyframes wing-dialog-enter {
  from { opacity:0 }
  to { opacity:1 }
}
@keyframes wing-content-enter {
  from { opacity:0;translate:0 20px }
  to { opacity:1;translate:0 0 }
}
@media(max-width:700px) {
  @keyframes wing-content-enter {
    from { opacity:0;translate:0 14px }
    to { opacity:1;translate:0 0 }
  }
}