:root{--ink:#202d3c;--muted:#576678;--paper:#f0f3f7;--sage:#d8dde3;--line:#d2d8df;--accent:#9ab4d2;--white:#fafcfe}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{transition:background .15s,color .15s}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #59799f;outline-offset:4px}p{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1,h2,h3,.payment{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(48px,5.4vw,82px);line-height:1.07;letter-spacing:-3px;margin:26px 0}h2{font-size:clamp(36px,3.6vw,54px);line-height:1.13;letter-spacing:-1.8px;margin-bottom:24px}h3{font-size:29px;line-height:1.2}em{font-weight:400;color:#65768b}.preview{padding:7px 20px;background:var(--ink);color:#dae0e8;text-align:center;font-size:10px;letter-spacing:1.2px}.preview span{padding:0 12px;color:var(--accent)}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:16px;font-size:15px;font-weight:600;letter-spacing:2px;white-space:nowrap}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:2.1px;margin-top:2px}.monogram{border:1px solid var(--ink);font:25px Georgia;position:relative;width:49px;height:49px;display:grid;place-content:center;letter-spacing:-3px;padding-right:5px}.monogram span{position:absolute;right:-6px;top:-9px;font:15px Arial;background:var(--paper);padding:0 3px}nav{display:flex;gap:30px;font-size:12px}nav a:hover,.text-link:hover{color:#526c8b}.button{background:var(--ink);color:var(--white);padding:17px 24px;display:inline-flex;gap:28px;align-items:center;justify-content:space-between;border:1px solid var(--ink);font-size:12px;line-height:1.4;min-height:48px}.button:hover{background:#354456}.button span{font-size:18px}.button.small{padding:11px 19px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;border:0;background:none;padding:12px 0;border-bottom:1px solid currentColor}.hero{display:grid;grid-template-columns:1.08fr 1fr;max-width:1560px;margin:auto;padding:58px 5% 64px;gap:5%}.hero-copy{align-self:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--ink);display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;border-radius:50%;background:#637a94;display:inline-block;flex-shrink:0}.intro{font-size:16px;line-height:1.8;max-width:440px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}.hero-note{display:flex;gap:15px;align-items:center;margin-top:42px;font-size:11px}.hero-note p{margin:0}.line{width:34px;height:1px;background:#637a94}.portrait-wrap{position:relative;min-height:570px;background:#d7dce2;overflow:hidden}.portrait-lines{position:absolute;inset:23px;border:1px solid #adb8c4;border-radius:220px 220px 0 0}.portrait-lines:after{content:'';position:absolute;inset:17px;border:1px solid #bec6d0;border-radius:220px 220px 0 0}.hero-portrait{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 24%;mix-blend-mode:multiply}.portrait-top{position:absolute;z-index:2;top:27px;left:28px;font-size:9px;letter-spacing:1.8px;line-height:1.8;background:var(--sage);padding:7px}.portrait-label{position:absolute;bottom:50px;left:24px;right:24px;background:rgba(250,250,244,.96);padding:22px 27px}.portrait-label span{font-size:8px;letter-spacing:1.6px}.portrait-label strong{font:30px Georgia;display:block;margin-top:6px}.portrait-label p{font-size:10px;margin:5px 0 0}.portrait-location{position:absolute;bottom:16px;left:28px;font-size:8px;letter-spacing:1.8px}.location-strip{padding:21px 5%;display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);gap:20px}.location-strip>span{font-size:9px;letter-spacing:1.5px}.location-strip p{margin:0;color:var(--ink);font:19px Georgia}.location-strip i{font:12px Arial;margin:0 23px;color:#8696a8}.section{padding:85px 5%;max-width:1560px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:34px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:330px;margin-bottom:4px;font-size:13px;line-height:1.8}.paths{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.path{padding:27px 30px 28px 0}.path+.path{padding-left:30px;border-left:1px solid var(--line)}.path:hover{background:#e6ebf0}.path-number{font-size:11px;color:#65768b;display:flex;justify-content:space-between;margin-bottom:48px}.path-number>span{font-size:23px}.path h3{margin-bottom:16px}.path p{font-size:13px;max-width:290px;min-height:65px}.path-link{display:flex;justify-content:space-between;font-size:11px;margin-top:24px}.compare{background:#e5e9ee;max-width:none}.compare>.section-heading,.compare>.studio,.compare>.studio-top,.compare>.disclosure,.compare>.sharing-note{max-width:1380px;margin-left:auto;margin-right:auto}.studio-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.segmented{display:inline-flex;border:1px solid #c0c8d1;padding:4px}.segmented button{background:none;border:none;padding:11px 20px;font-size:11px;color:var(--ink)}.segmented button.active{background:var(--ink);color:var(--white)}.sample-label{font-size:8px;letter-spacing:1px;display:flex;gap:8px;align-items:center}.studio{display:grid;grid-template-columns:1fr 1fr;border:1px solid #c7ced6;background:var(--white)}.studio-inputs{padding:30px;border-right:1px solid var(--line)}.input-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.input-heading h3{font-size:25px;margin:0}.plain{border:0;background:none;color:var(--muted);font-size:11px;text-decoration:underline}.small-copy{font-size:11px;line-height:1.65;color:var(--muted)}#scenario-inputs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.scenario h4{font-size:11px;letter-spacing:1px;margin:0 0 18px;border-bottom:1px solid var(--line);padding-bottom:13px}.scenario label,.expense-grid label{display:block;font-size:10px;line-height:1.5;margin-bottom:12px;color:#4b5868}.scenario input,.expense-grid input{width:100%;padding:10px 12px;margin-top:5px;border:1px solid #d0d6dd;background:#f7f9fb;color:var(--ink);border-radius:0;font-size:14px;min-height:42px}input:invalid{border-color:#3f6ea6}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}summary::-webkit-details-marker{display:none}.expense-details{margin-top:15px;border-top:1px solid var(--line);padding-top:18px;font-size:11px}.expense-details p{margin-top:15px}.expense-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.studio-results{padding:30px;background:#edf1f5}.result-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;margin:0 0 36px;gap:15px}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.payment-grid>div{font-size:12px}.option-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.a{background:var(--ink)}.b{background:#7690af}.payment{font-size:42px;line-height:1.3;letter-spacing:-1px;margin-top:8px}.bars{margin:26px 0}.bars div{height:7px;margin-bottom:7px;transition:width .25s}.bars div:first-child{background:var(--ink)}.bars div:last-child{background:#7690af}table{width:100%;border-collapse:collapse;font-size:11px}td,th{padding:11px 0;border-bottom:1px solid #d0d6de;text-align:right;font-weight:400;white-space:nowrap}th:first-child,td:first-child{text-align:left;white-space:normal}th{font-size:9px;color:var(--muted)}.insight{border-left:2px solid #6e85a1;padding:3px 0 3px 17px;margin:27px 0}.insight>span{font-size:8px;letter-spacing:1.2px}.insight p{font-size:12px;line-height:1.7;margin:8px 0 0;color:var(--ink)}.result-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.result-actions .button{font-size:11px;padding:12px 17px}.disclosure{font-size:10px;line-height:1.8;margin-top:23px!important;color:#505e6f}.disclosure a{text-decoration:underline}.sharing-note{font-size:10px}.sharing-note summary{justify-content:flex-start;text-decoration:underline}.sharing-note p{max-width:850px}.sharing-note input{width:100%}#form-error{font-size:12px;color:#3064a0;margin-bottom:0}.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:12%;align-items:center}.about-mark{aspect-ratio:1;background:#dce1e7;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);position:relative}.about-mark:before{content:'';position:absolute;inset:20px;border:1px solid #b0bac6}.about-mark>span{font:110px Georgia;letter-spacing:-13px;padding-right:12px;color:#718399}.about-mark p{font-size:8px;letter-spacing:2px;text-align:center;margin-top:22px}.about .intro{max-width:610px;font-size:17px}.about>div>p:not(.intro):not(.eyebrow){font-size:13px;max-width:540px}.process{padding-top:0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;border-block:1px solid var(--line);padding:30px 0}.process-grid span{font-size:9px;letter-spacing:1px;color:#66788d}.process-grid h3{font-size:24px;margin:15px 0}.process-grid p{font-size:12px;max-width:300px;margin:0}.faq{padding-top:10px;display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.faq details{border-bottom:1px solid var(--line);padding:21px 0;font-size:13px}.faq details:first-child{border-top:1px solid var(--line)}.faq details p{font-size:12px;line-height:1.9;margin:16px 24px 0 0}.contact{background:var(--ink);max-width:none;text-align:center;padding:75px 5%}.contact .eyebrow{justify-content:center;color:#bcc8d6}.contact h2{font-size:clamp(40px,4.5vw,65px);color:var(--paper)}.contact h2 em{color:#9eb2c9}.contact p{color:#bfc7d0;font-size:14px}.contact .actions{justify-content:center;margin:25px 0 36px}.button.light{background:var(--paper);color:var(--ink)}.button.light:hover{background:#d2dbe5}.contact .text-link{color:var(--paper)}.contact-details{display:flex;gap:25px;justify-content:center;color:#d5dbe3;font-size:12px;flex-wrap:wrap}.contact small{font-size:9px;color:#b8c1cb;display:block;margin-top:15px}footer{padding:30px 5%}.footer-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;margin-bottom:25px}.footer-top .brand{font-size:13px}footer p{font-size:9px;line-height:1.8;max-width:1000px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:5px;z-index:100;background:white;padding:10px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}@media(min-width:1600px){header,.location-strip,footer{padding-inline:calc((100% - 1400px)/2)}}@media(max-width:1000px){nav{gap:16px}h1{font-size:57px}.hero{gap:4%}.portrait-wrap{min-height:520px}.payment{font-size:34px}.studio-inputs,.studio-results{padding:23px}.expense-grid{grid-template-columns:1fr}.result-actions{gap:12px}.location-strip i{margin:0 12px}}@media(max-width:760px){header{padding:19px 6%}nav{display:none}.brand{font-size:12px;gap:12px}.brand small{font-size:6px}.monogram{width:37px;height:37px;font-size:21px}.button.small{font-size:10px;padding:9px 13px;gap:15px}.preview{font-size:8px;letter-spacing:.5px;padding:7px 10px}.preview span{padding:0 4px}.hero{grid-template-columns:1fr;padding:40px 6%;gap:30px}h1{font-size:56px;letter-spacing:-2.3px}.intro{font-size:15px}.hero-note{margin-top:28px}.portrait-wrap{min-height:450px;max-width:540px;width:100%;margin:auto}.hero-portrait{object-position:center 28%}.location-strip{display:block;padding:20px 6%}.location-strip>span{font-size:8px}.location-strip p{font-size:17px;margin-top:8px}.location-strip i{margin:0 10px}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;max-width:440px}.paths{grid-template-columns:1fr}.path,.path+.path{padding:25px 0;border-left:none}.path+.path{border-top:1px solid var(--line)}.path-number{margin-bottom:17px}.path p{min-height:0;max-width:100%;margin-bottom:10px}.path-link{margin-top:17px}.studio-top{align-items:flex-start;flex-direction:column}.studio{grid-template-columns:1fr}.studio-inputs{border-right:none;border-bottom:1px solid var(--line);padding:22px}.studio-results{padding:25px 22px}.payment{font-size:39px}.expense-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;gap:30px}.about-mark{display:none}.process{padding-top:0}.process-grid{grid-template-columns:1fr;gap:28px}.process-grid p{max-width:100%}.faq{grid-template-columns:1fr;gap:10px;padding-top:0}.contact{padding-top:60px;padding-bottom:60px}.footer-top{align-items:flex-start;flex-direction:column;gap:10px}.sample-label{font-size:7px}.actions{gap:20px}.contact-details{gap:10px}#scenario-inputs{gap:14px}.scenario label{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{body{background:white;color:black;font-size:11px}.preview,header,.hero,.location-strip,#paths,#about,.process,.faq,#contact,footer,.studio-top,.result-actions,.sharing-note,.skip{display:none!important}.section{padding:0}.compare{background:white}.section-heading{margin-bottom:15px}.section-heading h2{font-size:28px}.section-heading h2 br{display:none}.studio{display:block}.studio-inputs{padding:10px;border:0}.studio-results{padding:10px;background:white}.expense-details{display:none}.scenario input{padding:2px;border:0;font-size:11px;margin:0;min-height:0}.scenario label{margin:3px 0}.scenario h4{padding-bottom:3px;margin:0}.input-heading,.studio-inputs>.small-copy{display:none}#scenario-inputs{margin:0}.result-heading{margin-bottom:10px}.payment{font-size:28px}td,th{padding:5px}.bars{margin:10px 0}.insight{margin:12px 0}.disclosure{font-size:8px}.section-heading>p{font-size:10px}.compare:before{content:'Ryan Hanson | Mortgage comparison · Illustrative, not a loan offer';display:block;font-size:11px;margin-bottom:15px}}
/* Keep the compact phone layout comfortable without shrinking the desktop type. */
@media(max-width:480px){h1{font-size:43px;letter-spacing:-1.7px}.hero .intro{font-size:14px}.payment{font-size:28px}.studio-inputs,.studio-results{padding:20px 16px}.result-heading{letter-spacing:.7px}.studio table{font-size:10px}.brand{letter-spacing:1.5px}.button.small{white-space:nowrap;gap:15px}.hero-portrait{object-fit:contain;object-position:center bottom}}
.hero-portrait{mix-blend-mode:normal}
button:disabled{opacity:.5;cursor:not-allowed}
.hero-portrait{object-fit:contain;object-position:center bottom;padding-top:18px}.portrait-location{background:#d7dce2;padding:2px 5px}@media(max-width:480px){.portrait-top{display:none}}

.hero-portrait{mix-blend-mode:normal;object-position:center 25%;background:transparent}.portrait-label{background:rgba(246,250,255,.97)}
@media (max-width: 640px){.button span,.text-link span,.path-link span,.portrait-location{display:none}.button{gap:10px}}