#housing-page{--ink:#202641;--navy:#25295b;--orange:#db490c;--paper:#f5f4ef;--line:#dedfdc;--muted:#606773;--green:#345b44;--white:#fff}
#housing-page *{box-sizing:border-box}
#housing-page a{color:inherit;text-decoration:none}
#housing-page button,#housing-page input,#housing-page select,#housing-page textarea{font:inherit}
#housing-page button,#housing-page a,#housing-page input,#housing-page select,#housing-page textarea{-webkit-tap-highlight-color:transparent}
#housing-page button{cursor:pointer}
#housing-page button:focus-visible,#housing-page a:focus-visible,#housing-page input:focus-visible,#housing-page select:focus-visible,#housing-page textarea:focus-visible{outline:3px solid #cf6519;outline-offset:4px}
#housing-page button{color:inherit}
#housing-page img{max-width:100%;display:block}
#housing-page h1,#housing-page h2,#housing-page h3,#housing-page p{margin:0}
#housing-page h1,#housing-page h2,#housing-page h3{line-height:1.13;letter-spacing:-.035em}
#housing-page h1{font-size:clamp(38px,4.4vw,64px);font-weight:650}
#housing-page h2{font-size:clamp(29px,3vw,40px);font-weight:650}
#housing-page h3{font-size:23px;font-weight:650}
#housing-page .wrap{width:min(1160px,calc(100% - 64px));margin:auto}
#housing-page .review{background:#eae9e1;color:#494d58;text-align:center;font-size:12px;padding:9px 18px;letter-spacing:.015em}
#housing-page .review b{font-weight:650}
#housing-page .header{background:var(--white);border-bottom:1px solid var(--line)}
#housing-page .header-row{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:105px}
#housing-page .brand img{width:235px;height:auto}
#housing-page .top-nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:550}
#housing-page .top-nav a,#housing-page .menu-toggle{display:flex;align-items:center;gap:8px;min-height:44px}
#housing-page .top-nav a:hover,#housing-page .footer a:hover{color:var(--orange)}
#housing-page .nav-icon{width:22px;height:22px;object-fit:contain}
#housing-page .menu-toggle{background:none;border:0;padding:0;gap:9px;font-size:14px}
#housing-page .menu-toggle img{width:24px}
#housing-page .mega{border-top:1px solid var(--line);padding:24px 0}
#housing-page .mega-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 22px}
#housing-page .mega a{padding:7px 0;font-size:14px}
#housing-page .hero{position:relative;background:var(--navy);color:var(--white);overflow:hidden}
#housing-page .hero-grid{display:grid;grid-template-columns:1.03fr 1fr;min-height:520px}
#housing-page .hero-copy{padding:32px 48px 54px 0;position:relative;z-index:1}
#housing-page .breadcrumb{display:flex;gap:10px;align-items:center;color:#d2d4e6;font-size:12px;margin-bottom:44px}
#housing-page .eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:650;display:flex;align-items:center;gap:10px;margin-bottom:18px}
#housing-page .eyebrow:before{content:"";width:22px;height:2px;background:currentColor}
#housing-page .hero .eyebrow{color:#d3dfb9}
#housing-page .hero h1{max-width:570px}
#housing-page .hero-copy>p{color:#e4e5ee;max-width:450px;margin-top:23px;font-size:17px;line-height:1.7}
#housing-page .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}
#housing-page .btn{border:1px solid transparent;border-radius:7px;min-height:48px;padding:12px 21px;font-weight:600;font-size:14px;display:inline-flex;justify-content:center;align-items:center;gap:13px;text-align:center;transition:background .16s,transform .16s}
#housing-page .btn:hover{transform:translateY(-1px)}
#housing-page .btn-primary{color:white;background:var(--orange)}
#housing-page .btn-primary:hover{background:#bd3e09}
#housing-page .btn-outline{border-color:#777b9b;background:transparent;color:white}
#housing-page .btn-outline:hover{background:#373c71}
#housing-page .btn-navy{background:var(--navy);color:white}
#housing-page .btn-full{width:100%}
#housing-page .hero-photo{position:relative;margin-right:min(-32px,calc((1160px - 100vw)/2));min-width:0}
#housing-page .hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:69% center;position:absolute}
#housing-page .photo-note{position:absolute;bottom:25px;left:25px;right:25px;display:flex;align-items:center;gap:13px;background:rgba(24,31,31,.8);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(9px);padding:14px 18px;border-radius:9px;font-size:13px;line-height:1.5}
#housing-page .photo-note>span:first-child{color:#d3dfb9;font-size:26px}
#housing-page .photo-note small{display:block;color:#ddd;font-size:12px}
#housing-page .benefit-strip{background:white;border-bottom:1px solid var(--line)}
#housing-page .benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;gap:28px}
#housing-page .benefit{display:flex;gap:14px;align-items:center;font-size:14px}
#housing-page .benefit strong{font-weight:600}
#housing-page .benefit p{font-size:12px;color:var(--muted);margin-top:1px}
#housing-page .benefit .number{display:grid;place-items:center;background:#edf1e7;color:var(--green);width:38px;height:38px;border-radius:50%;flex-shrink:0;font-size:17px}
#housing-page .access{padding:75px 0 65px;scroll-margin-top:25px}
#housing-page .access-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:85px;align-items:start}
#housing-page .access-copy{padding-top:20px}
#housing-page .access-copy .eyebrow{color:var(--green)}
#housing-page .access-copy h1{max-width:360px}
#housing-page .access-copy>p{margin:23px 0 30px;color:var(--muted);max-width:370px}
#housing-page .steps{display:grid;gap:20px;list-style:none;padding:0;margin:0}
#housing-page .steps li{display:flex;gap:16px;align-items:flex-start}
#housing-page .step-no{font-size:12px;color:var(--green);border:1px solid #b7c4b8;border-radius:50%;width:27px;height:27px;flex-shrink:0;display:grid;place-items:center;margin-top:2px}
#housing-page .steps strong{font-size:14px;font-weight:650}
#housing-page .steps p{font-size:13px;color:var(--muted);margin-top:2px;max-width:300px}
#housing-page .small-contact{border-top:1px solid var(--line);padding-top:24px;margin-top:32px;font-size:13px}
#housing-page .small-contact p{color:var(--muted);margin-bottom:7px}
#housing-page .small-contact a{font-weight:600}
#housing-page .dot{padding:0 7px;color:#a4a7a9}
#housing-page .account{background:white;border:1px solid var(--line);box-shadow:0 15px 40px rgba(25,31,43,.05);border-radius:16px;overflow:hidden;min-width:0}
#housing-page .tabs{display:grid;grid-template-columns:1fr 1fr;background:#eeeee9;padding:7px;gap:5px;border-bottom:1px solid var(--line)}
#housing-page .tab{padding:13px 9px;min-height:49px;border:0;border-radius:9px;background:transparent;color:#646874;font-weight:600;font-size:14px}
#housing-page .tab[aria-selected=true]{background:white;color:var(--ink);box-shadow:0 2px 7px #0000000a}
#housing-page .panel{padding:32px 35px 30px}
#housing-page .panel h3{font-size:25px}
#housing-page .panel-intro{color:var(--muted);font-size:14px;margin:12px 0 25px}
#housing-page .field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;min-width:0}
#housing-page .field>span,#housing-page .field label{font-size:13px;font-weight:600}
#housing-page .field input,#housing-page .field select,#housing-page .field textarea{width:100%;min-width:0;border:1px solid #cdd0d0;background:#fff;color:var(--ink);padding:12px 13px;min-height:47px;border-radius:6px;font-size:15px}
#housing-page .field input::placeholder,#housing-page .field textarea::placeholder{color:#8b8e96}
#housing-page .field textarea{resize:vertical}
#housing-page .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#housing-page .password-wrap{position:relative}
#housing-page .password-wrap input{padding-right:65px}
#housing-page .password-toggle{position:absolute;right:4px;top:4px;bottom:4px;border:0;background:transparent;font-size:12px;padding:0 10px;color:var(--navy)}
#housing-page .form-foot{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:16px 0 22px;font-size:13px}
#housing-page .text-button{border:0;background:none;padding:6px 0;color:var(--navy);font-size:13px;text-decoration:underline;text-underline-offset:4px}
#housing-page .muted{color:var(--muted)}
#housing-page .demo-note{font-size:11px;color:#777d83;margin-top:18px;line-height:1.6}
#housing-page .demo-note:before{content:"◈ ";color:var(--green)}
#housing-page .status{background:#eff4ed;color:#2c553d;font-size:13px;padding:13px 16px;border-radius:7px;margin-top:16px}
#housing-page .status:empty{display:none}
#housing-page .type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
#housing-page .type-toggle button{display:flex;align-items:center;justify-content:center;border:1px solid #d2d5d2;border-radius:7px;background:white;min-height:47px;font-size:13px;font-weight:550;padding:10px}
#housing-page .type-toggle button[aria-pressed=true]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);color:var(--green);background:#f1f5ed}
#housing-page .type-help{font-size:12px;color:var(--muted);margin-bottom:20px}
#housing-page .optional{font-weight:400;color:var(--muted)}
#housing-page .forgot-box{margin-top:18px;padding-top:20px;border-top:1px solid var(--line)}
#housing-page .forgot-box>p{font-size:13px;margin-bottom:16px}
#housing-page .audiences{padding-bottom:70px}
#housing-page .section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:25px}
#housing-page .section-heading h2{font-size:30px}
#housing-page .section-heading>p{font-size:14px;max-width:330px;color:var(--muted)}
#housing-page .audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
#housing-page .audience{background:#e9ecdf;padding:30px;border-radius:12px;position:relative}
#housing-page .audience:nth-child(2){background:#e8e9ef}
#housing-page .audience .kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-weight:650;margin-bottom:12px}
#housing-page .audience:nth-child(2) .kicker{color:var(--navy)}
#housing-page .audience h3{font-size:25px;margin-bottom:12px}
#housing-page .audience p{font-size:14px;color:#555f62;max-width:430px}
#housing-page .audience button{margin-top:18px;border:0;background:transparent;padding:0;min-height:40px;font-size:14px;font-weight:650;text-align:left}
#housing-page .contact-band{border-top:1px solid #d7dad2;background:#e8ecdf;padding:37px 0}
#housing-page .contact-row{display:flex;justify-content:space-between;gap:25px;align-items:center}
#housing-page .contact-row h2{font-size:27px}
#housing-page .contact-row p{font-size:14px;margin-top:10px;color:#5c665e}
#housing-page .contact-row .actions{margin:0;flex-wrap:nowrap}
#housing-page .contact-row .btn-outline{border-color:#9aab99;color:var(--green)}
#housing-page .partners{background:white;border-top:1px solid var(--line)}
#housing-page .partners-row{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:32px 0}
#housing-page .partners-row>span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);max-width:125px}
#housing-page .partners-row img{width:125px;max-height:45px;object-fit:contain}
#housing-page .footer{background:#1d2340;color:#e1e3ec;padding:46px 0 0}
#housing-page .footer-grid{display:grid;grid-template-columns:1.2fr 2fr 1fr;gap:60px;padding-bottom:40px}
#housing-page .footer-logo{width:205px;filter:invert(1);margin-bottom:18px}
#housing-page .footer p,#housing-page .footer a{font-size:13px}
#housing-page .footer p{color:#bbc0cf;max-width:240px}
#housing-page .footer h3{font-size:13px;letter-spacing:0;margin-bottom:18px;color:white;font-weight:650}
#housing-page .footer-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#housing-page .product-links{grid-template-columns:1fr 1fr;gap:6px 20px}
#housing-page .footer-bottom{border-top:1px solid #42465e;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:19px 0;font-size:11px;color:#bcc0ce}
#housing-page .footer-bottom a{font-size:11px}
#housing-page .footer-bottom div{display:flex;gap:23px}
#housing-page .noscript{padding:20px;background:#fff3dd;color:#4b3200}
#housing-page [hidden]{display:none!important}
@media(min-width:1600px){#housing-page .hero-photo{margin-right:calc((1160px - 100vw)/2)}}
@media(max-width:1050px){#housing-page .wrap{width:calc(100% - 48px)}
#housing-page .top-nav{gap:17px}
#housing-page .top-nav a{font-size:13px}
#housing-page .brand img{width:200px}
#housing-page .access-grid{gap:42px}
#housing-page .hero-copy{padding-right:30px}
#housing-page .hero-photo{margin-right:-24px}
#housing-page .footer-grid{gap:35px}
#housing-page .hero-grid{min-height:520px}}
@media(max-width:800px){#housing-page .top-nav a{display:none}
#housing-page .brand img{width:205px}
#housing-page .header-row{min-height:86px}
#housing-page .hero-grid{grid-template-columns:1.1fr 1fr;min-height:470px}
#housing-page .hero-copy{padding-right:23px}
#housing-page .hero h1{font-size:39px}
#housing-page .hero-copy>p{font-size:15px}
#housing-page .hero .actions{flex-direction:column;align-items:start}
#housing-page .hero .btn{width:100%}
#housing-page .photo-note{left:15px;right:15px;padding:13px}
#housing-page .benefits{gap:16px}
#housing-page .benefit{align-items:flex-start;gap:9px}
#housing-page .benefit .number{width:30px;height:30px}
#housing-page .benefit p{font-size:11px}
#housing-page .benefit strong{font-size:12px}
#housing-page .access-grid{grid-template-columns:.8fr 1.2fr;gap:28px}
#housing-page .panel{padding:27px 24px}
#housing-page .field-row{grid-template-columns:1fr;gap:0}
#housing-page .access-copy h1{font-size:31px}
#housing-page .access{padding:50px 0}
#housing-page .footer-grid{grid-template-columns:1fr 1.4fr}
#housing-page .footer-contact{grid-column:1/-1}
#housing-page .partners-row{gap:20px}
#housing-page .partners-row img{width:95px}
#housing-page .partners-row>span{font-size:10px}
#housing-page .section-heading{align-items:start}
#housing-page .section-heading>p{max-width:260px}
#housing-page .contact-row .actions{flex-direction:column}
#housing-page .footer-contact .footer-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){#housing-page .wrap{width:calc(100% - 36px)}
#housing-page .review{font-size:10px;padding:8px 13px}
#housing-page .review .review-detail{display:none}
#housing-page .header-row{min-height:78px}
#housing-page .brand img{width:185px}
#housing-page .menu-toggle{font-size:12px}
#housing-page .menu-toggle img{width:22px}
#housing-page .mega-links{grid-template-columns:1fr 1fr}
#housing-page .hero-grid{display:flex;flex-direction:column}
#housing-page .hero-copy{padding:23px 0 32px}
#housing-page .breadcrumb{margin-bottom:30px;font-size:11px}
#housing-page .hero h1{font-size:43px;max-width:440px}
#housing-page .hero-copy>p{font-size:16px;max-width:460px}
#housing-page .hero .actions{flex-direction:row;align-items:stretch;gap:10px}
#housing-page .hero .btn{width:auto;flex:1;min-width:0;padding:12px 13px;font-size:13px}
#housing-page .hero-photo{height:265px;margin:0 -18px;flex-shrink:0}
#housing-page .hero-photo>img{object-position:center 49%}
#housing-page .photo-note{bottom:16px;left:18px;right:18px}
#housing-page .benefits{grid-template-columns:1fr;padding:22px 0;gap:17px}
#housing-page .benefit{align-items:center;gap:13px}
#housing-page .benefit .number{width:34px;height:34px}
#housing-page .benefit strong{font-size:14px}
#housing-page .benefit p{font-size:12px}
#housing-page .access-grid{grid-template-columns:1fr;gap:28px}
#housing-page .access-copy{padding-top:0}
#housing-page .access-copy h1{max-width:none;font-size:33px}
#housing-page .access-copy>p{margin:17px 0 22px;max-width:none}
#housing-page .steps{gap:15px}
#housing-page .steps p{max-width:none}
#housing-page .small-contact{display:none}
#housing-page .panel{padding:26px 22px}
#housing-page .field input,#housing-page .field select,#housing-page .field textarea{font-size:16px}
#housing-page .field-row{grid-template-columns:1fr}
#housing-page .section-heading{display:block}
#housing-page .section-heading h2{font-size:30px}
#housing-page .section-heading>p{max-width:none;margin-top:12px}
#housing-page .audience-grid{grid-template-columns:1fr}
#housing-page .audience{padding:25px}
#housing-page .audiences{padding-bottom:45px}
#housing-page .contact-row{display:block}
#housing-page .contact-row .actions{margin-top:22px;flex-direction:row;flex-wrap:wrap}
#housing-page .contact-row .btn{flex:1}
#housing-page .partners-row{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;padding:25px 0}
#housing-page .partners-row>span{grid-column:1/-1;max-width:none;text-align:center}
#housing-page .partners-row img{width:100%;max-height:33px}
#housing-page .footer-grid{grid-template-columns:1fr;gap:29px}
#housing-page .footer-contact{grid-column:auto}
#housing-page .footer-contact .footer-links{grid-template-columns:1fr}
#housing-page .footer-logo{width:185px}
#housing-page .footer-bottom{display:block}
#housing-page .footer-bottom div{margin-top:12px;flex-wrap:wrap;gap:12px 20px}
#housing-page .btn,#housing-page .text-button,#housing-page .audience button,#housing-page .footer a{min-height:44px}
#housing-page .footer-links a{display:flex;align-items:center}
#housing-page .product-links{gap:0 18px}
#housing-page .footer{padding-top:35px}
#housing-page .footer-grid{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){#housing-page .btn{transition:none}
#housing-page .btn:hover{transform:none}}
@media print{#housing-page .review{display:block}
#housing-page .header-row{min-height:70px}
#housing-page .hero{print-color-adjust:exact;-webkit-print-color-adjust:exact}
#housing-page .hero-grid{min-height:400px}
#housing-page .hero-copy{padding-bottom:25px}
#housing-page .hero-photo{margin-right:0}
#housing-page .hero h1{font-size:40px}
#housing-page .hero-copy>p{font-size:14px}
#housing-page .access{padding:30px 0}
#housing-page .account,#housing-page .audience{break-inside:avoid}
#housing-page .footer{print-color-adjust:exact;-webkit-print-color-adjust:exact}
#housing-page .menu-toggle,#housing-page .demo-note{display:none}
#housing-page .wrap{width:94%}
#housing-page .access-grid{gap:30px}
#housing-page .footer-grid{gap:25px}}
#housing-page .access-copy h1{font-size:40px;max-width:410px}
#housing-page .access{padding-top:65px;padding-bottom:75px}
#housing-page .access-copy>p{max-width:390px}
@media(max-width:800px){#housing-page .access-copy h1{font-size:31px}}
@media(max-width:600px){#housing-page .access{padding-top:35px;padding-bottom:45px}
#housing-page .access-copy h1{font-size:33px;max-width:none}
#housing-page .access-copy>p{max-width:none}}
.housing-page .viewport{padding-left:0;padding-right:0;background:#f5f4ef;}
.housing-page .customer_section_1{padding:0;margin:0;}
#housing-page{font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;background:#f5f4ef;color:#202641;}
#housing-page h1,#housing-page h2,#housing-page h3,#housing-page p{margin:0;}
#housing-page .access{padding-top:65px;padding-bottom:75px;}
#housing-page .access-copy>p{margin:23px 0 30px;}
#housing-page .panel-intro{margin:12px 0 25px;}
#housing-page .type-help{margin-bottom:20px;}
#housing-page .demo-note{margin-top:18px;}
#housing-page .status{margin-top:16px;}
#housing-page .steps p{margin-top:2px;}
@media(max-width:600px){#housing-page .access{padding-top:35px;padding-bottom:45px;}#housing-page .access-copy>p{margin:17px 0 22px;}}

#housing-page h1{text-align:left;}

/* Housing page: introduction above two permanently open account panels. */
.housing-page #main{border-top:40px solid #fff;}
#housing-page .access{padding-top:42px;}
#housing-page .access-grid{display:block;}
#housing-page .access-copy{padding-top:0;margin-bottom:34px;}
#housing-page .access-copy h1{max-width:none;}
#housing-page .access-copy>p{max-width:850px;margin:20px 0 28px;}
#housing-page .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
#housing-page .steps p{max-width:none;}
#housing-page .small-contact{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:25px;padding-top:20px;}
#housing-page .small-contact p{margin:0;}
#housing-page .account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;}
#housing-page .account-grid>.account{margin:0;}
#housing-page .panel h2{font-size:25px;font-weight:650;line-height:1.2;text-align:left;}
@media(max-width:820px){#housing-page .account-grid{grid-template-columns:1fr;}#housing-page .steps{grid-template-columns:1fr;gap:17px;}}
@media(max-width:600px){.housing-page #main{border-top-width:26px;}#housing-page .access{padding-top:30px;}#housing-page .access-copy{margin-bottom:27px;}#housing-page .small-contact{display:flex;}}
