body{font-family:'DM Sans',Arial,sans-serif}h1,h2,h3,.choice strong{font-family:Manrope,Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #806800;outline-offset:4px}.topline button{border:0;background:none;font-size:11px}.hero{padding-top:32px}.hero h1{font-size:clamp(42px,5.6vw,70px);animation:rise .75s both}.hero .intro{animation:rise .8s .12s both}.choices{margin-top:35px}.choice{animation:rise .8s .2s both}.choice:nth-child(2){animation-delay:.3s}.choice:nth-child(3){animation-delay:.4s}.choice.selected{background:#fff8d0;border-color:#111}.hero-actions{margin:24px auto 0}.hero-actions p{font-size:11px;color:#666;margin:12px 0}.process{padding-top:55px;padding-bottom:55px}.process .section-heading{display:none}.steps{margin-top:0;position:relative;text-align:center;gap:35px}.steps:before,.steps:after{content:'';position:absolute;top:22px;left:16%;right:16%;height:2px;background:#ddd}.steps:after{background:var(--yellow);transform:scaleX(var(--arrival,0));transform-origin:left}.steps li{border:0;padding-top:0;position:relative;z-index:1;opacity:calc(.5 + var(--arrival,0)*.5);translate:0 calc((1 - var(--arrival,0))*18px)}.number{background:var(--yellow);box-shadow:0 0 0 15px white}.steps p{margin:12px auto 0}.neighborhood{clip-path:inset(0 calc((1 - var(--arrival,0))*22px) round calc((1 - var(--arrival,0))*14px))}.neighborhood img{animation:neighborhood-drift 18s ease-in-out infinite alternate}.experience{display:grid;grid-template-columns:.85fr 1.25fr;gap:60px;padding-top:40px;padding-bottom:80px;align-items:center;perspective:1200px}.experience h2{font-size:clamp(35px,4vw,52px);line-height:1.08;letter-spacing:-.06em;font-weight:800;margin:18px 0}.experience .intro{font-size:19px;line-height:1.5}.highlight{background:linear-gradient(var(--yellow),var(--yellow)) left bottom / calc(var(--arrival,0)*100%) 5px no-repeat}.scene-controls{display:grid;gap:7px;margin-top:25px}.scene-controls button{display:flex;gap:14px;align-items:center;border:0;background:none;text-align:left;padding:12px 8px;border-radius:4px}.scene-controls button[aria-pressed=true]{background:#fff8d5}.scene-controls button>span{display:grid;place-items:center;width:31px;height:31px;background:#ecece7;border-radius:50%}.scene-controls button[aria-pressed=true]>span{background:var(--yellow)}.scene-controls strong{font-size:14px}.scene-controls small{display:block;color:#666;font-size:12px;font-weight:400;margin-top:5px}.portal{border:1px solid #ddd;border-radius:6px;overflow:hidden;min-width:0;background:#fff;box-shadow:0 20px 45px #0000000d;transform:translateY(calc((1 - var(--arrival,0))*50px)) rotateX(calc((1 - var(--arrival,0))*7deg));transform-origin:center bottom}.portal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 23px;border-bottom:1px solid #eee}.portal-head .brand{width:135px;height:47px}.portal-head>span{font-size:10px;padding:7px;background:#f2f2ee}.portal-body{padding:25px;min-height:300px}.portal-kicker{font-size:9px;letter-spacing:.1em;display:flex;justify-content:space-between;color:#777}.portal h3{font-size:22px;letter-spacing:-.04em;margin:22px 0}.portal-scene[hidden]{display:none}.portal-scene{animation:rise .4s both;min-height:145px}.paper{display:flex;align-items:center;gap:14px;padding:18px 14px;border:1px solid #e3e3dd;border-radius:4px}.paper-icon{font-size:27px}.paper strong,.message strong{font-size:13px}.paper small,.message small{display:block;font-size:10px;color:#777;margin-top:5px}.upload-track{height:5px;background:#eee;margin-top:25px;border-radius:4px;overflow:hidden}.upload-track span{display:block;height:100%;width:100%;background:var(--yellow);transform-origin:left}.upload-status{display:flex;justify-content:space-between;font-size:11px;color:#666;margin-top:12px}.signature{width:100%;height:80px}.signature path{fill:none;stroke:#181818;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.portal-scene>p{font-size:11px;color:#666}.message{display:flex;gap:12px;background:#f7f7f2;padding:18px}.message-dot{width:9px;height:9px;background:var(--yellow);border-radius:50%;flex:none;margin-top:4px}.message p{font-size:13px;line-height:1.6;margin-top:14px}.mini-timeline{display:flex;justify-content:space-between;border-top:2px solid var(--yellow);padding-top:14px;margin-top:24px;font-size:10px}.portal-foot{border-top:1px solid #eee;padding:14px 20px;display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:10px;color:#666}.portal-foot button{border:0;background:none;white-space:nowrap;color:#111;font-size:12px}.contact{position:relative;overflow:hidden;clip-path:inset(0 calc((1 - var(--arrival,0))*28px) round calc((1 - var(--arrival,0))*14px))}.contact:before{content:'';position:absolute;width:370px;height:370px;border:50px solid #ffffff30;border-radius:50%;top:-180px;left:-100px;animation:drift 16s ease-in-out infinite alternate}.contact>div{position:relative}.motion-paused *{animation-play-state:paused!important}.motion-paused .portal{transform:none}.motion-paused .neighborhood,.motion-paused .contact{clip-path:none}.motion-paused .steps li{opacity:1;translate:none}.motion-paused .steps:after{transform:scaleX(1)}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes neighborhood-drift{from{transform:translateY(-34.25%) translateX(0)}to{transform:translateY(-34.35%) translateX(-12px)}}@keyframes drift{to{transform:translateX(110px) rotate(25deg)}}
@media(max-width:800px){.experience{gap:28px}.portal-head{padding:12px}.portal-body{padding:20px}.experience h2{font-size:36px}}
@media(max-width:560px){.hero h1{font-size:43px}.hero-actions .button{font-size:14px;padding:18px;width:100%}.topline{gap:8px}.topline>span{max-width:135px}.topline button{font-size:10px}.steps{text-align:left;gap:28px}.steps:before,.steps:after{top:15px;bottom:45px;left:22px;right:auto;width:2px;height:auto}.steps:after{transform:scaleY(var(--arrival,0));transform-origin:top}.steps li{padding:0 0 0 66px;min-height:90px}.number{top:0;box-shadow:0 0 0 7px white}.steps p{margin:9px 0 0}.experience{grid-template-columns:1fr;padding-top:15px;padding-bottom:45px;gap:25px}.experience h2{font-size:39px}.scene-controls{grid-template-columns:repeat(3,1fr);gap:5px}.scene-controls button{flex-direction:column;text-align:center;padding:10px 0;gap:7px}.scene-controls small{display:none}.scene-controls strong{font-size:12px}.portal-body{min-height:290px}.portal-foot{font-size:9px;padding:12px}.process{padding-top:35px;padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.portal{transform:none}.steps li{opacity:1;translate:none}.steps:after{transform:scaleX(1)}.neighborhood,.contact{clip-path:none}.highlight{background-size:100% 5px}@media(max-width:560px){.steps:after{transform:scaleY(1)}}}

/* Keep the borrower choices and next step compact on phones. */
@media(max-width:560px){.hero{padding-top:24px}.hero h1{font-size:clamp(30px,8.2vw,43px);max-width:none;margin-top:16px}.hero .intro{font-size:17px;line-height:1.45;max-width:340px;margin-top:16px}.hero .choices{margin-top:26px}.hero-actions{margin-top:18px}}