:root{--green:#123f2a;--deep:#092c20;--gold:#c7a36a;--cream:#f8f7f3;--text:#172820;--muted:#607067}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.15}h1{font-size:clamp(2.5rem,5vw,4.8rem);margin:0 0 22px}h2{font-size:clamp(2rem,3vw,3.1rem);margin:0 0 20px}h3{font-size:1.5rem}p{margin:0 0 20px}.wrap{max-width:1180px;margin:auto;padding:0 28px}.header{background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 15px #0000000a}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:102px}.brand{display:flex;align-items:center;gap:12px;min-width:235px}.brand-mark{width:60px;height:60px;object-fit:contain}.brand-name{font:normal 29px/0.93 Georgia,serif;color:var(--green)}.tagline{font-size:8px;letter-spacing:2px;font-weight:bold;color:var(--green);margin-top:8px}.navlinks{display:flex;gap:23px;align-items:center;font-size:14px;font-weight:600}.navlinks a:hover,.navlinks a.active{color:#37734e}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:5px;background:var(--green);color:#fff;font-weight:700;font-size:14px;border:1px solid var(--green);transition:.2s}.button:hover{background:#256444}.button.outline{background:transparent;border-color:#fff;color:#fff}.button.light{background:white;color:var(--green);border-color:white}.mobile-toggle{display:none;background:none;border:0;font-size:28px;color:var(--green);cursor:pointer}.hero{min-height:540px;background:linear-gradient(90deg,rgba(6,38,27,.95) 0%,rgba(6,38,27,.86) 42%,rgba(6,38,27,.18) 100%),url('assets/homes.jpg') center 44%/cover;display:flex;align-items:center;color:white}.hero .wrap{width:100%}.hero-content{max-width:680px;padding:85px 0}.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:var(--gold);margin-bottom:18px}.hero p{font-size:18px;max-width:550px;color:#e8eee8}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:28px}.features{background:var(--cream);padding:36px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature{padding:10px 20px;border-right:1px solid #d8dfd8}.feature:last-child{border:0}.feature-icon{font-size:29px;color:var(--green);margin-bottom:6px}.feature h3{font-size:21px;margin:4px 0 8px}.feature p{font-size:14px;color:var(--muted);margin:0}.section{padding:85px 0}.section.soft{background:var(--cream)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.panel{background:var(--green);color:white;padding:55px;border-radius:8px}.panel p{color:#dfe9e0}.mini{color:var(--green);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #e1e6e1;padding:30px;border-radius:7px;background:white}.card p{color:var(--muted)}.page-hero{background:linear-gradient(100deg,#0b3022,#22553a);color:white;padding:88px 0}.page-hero h1{font-size:clamp(2.4rem,4.5vw,4rem);max-width:790px}.page-hero p{max-width:670px;color:#e0e9e0;font-size:18px}.contactbox{background:var(--cream);padding:34px;border-radius:8px}.contactbox a{color:var(--green);text-decoration:underline}.footer{background:#09271d;color:#e4ede6;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer a{display:block;margin:7px 0;color:#e4ede6}.footer small{color:#b7c6bc}.footer-bottom{border-top:1px solid #335347;padding-top:18px;margin-top:35px;font-size:12px;color:#b7c6bc}.notice{border-left:4px solid var(--gold);padding:15px 20px;background:#f9f7f0;margin-top:25px;font-size:14px}.imgpanel{height:340px;background:url('assets/homes.jpg') center/cover;border-radius:8px}@media(max-width:850px){.nav{min-height:83px}.brand{min-width:0}.brand-name{font-size:23px}.brand-mark{width:48px;height:48px}.tagline{font-size:6px}.mobile-toggle{display:block}.navlinks{display:none;position:absolute;top:83px;left:0;right:0;background:white;padding:20px 28px;flex-direction:column;align-items:stretch;box-shadow:0 12px 20px #0002}.navlinks.open{display:flex}.hero{min-height:530px;background-position:60% center}.hero-content{padding:65px 0}.feature-grid,.cards,.split,.footer-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #d8dfd8;padding:10px 0 20px}.section{padding:60px 0}.split{gap:30px}.panel{padding:32px}}

/* Version 2: approved original branding and desktop refinements */
.brand{flex:0 0 auto;min-width:0;max-width:305px;display:block}.official-logo{display:block;width:280px;max-width:100%;height:auto;object-fit:contain}.nav{min-height:112px;gap:22px}.navlinks{gap:19px;white-space:nowrap}.navlinks .button{padding:12px 16px}.hero{min-height:585px;background-image:linear-gradient(90deg,rgba(5,40,27,.94) 0%,rgba(5,40,27,.80) 39%,rgba(5,40,27,.13) 100%),url('assets/homes.jpg')}.hero-content{max-width:710px}.hero h1{font-size:clamp(2.8rem,4.7vw,4.9rem);letter-spacing:-.025em}.header{border-bottom:1px solid #e9eee9}.feature-icon{font-family:Georgia,serif}.footer a:hover{text-decoration:underline}
@media(max-width:1050px){.official-logo{width:230px}.navlinks{gap:12px;font-size:12px}}
@media(max-width:850px){.nav{min-height:86px}.official-logo{width:210px}.navlinks{gap:14px;font-size:14px;white-space:normal}.hero{background-position:63% center}.hero h1{font-size:clamp(2.5rem,7vw,4rem)}}
@media(max-width:480px){.wrap{padding:0 20px}.official-logo{width:185px}.hero-content{padding:58px 0}.hero h1{font-size:2.55rem}.hero p{font-size:16px}.hero{min-height:540px}}
[data-copy="about_09"] {
 white-space: pre-line;
}
/* Landlord partnership benefits */
@media (min-width: 701px) {
 .landlord-benefits .cards {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
}
.page-hero p {
   white-space: pre-line;
}
/* Seven Oak Homes - Referral Form */
#housing-referral {
 max-width: 700px;
 display: grid;
 gap: 22px;
 margin-top: 30px;
}
#housing-referral label {
 display: flex;
 flex-direction: column;
 gap: 9px;
 font-size: 15px;
 font-weight: 600;
 color: #243b30;
}
#housing-referral input:not([type="checkbox"]),
#housing-referral select,
#housing-referral textarea {
 box-sizing: border-box;
 width: 100%;
 padding: 15px;
 border: 1px solid #d5ded7;
 border-radius: 7px;
 background: #fff;
 color: #263b30;
 font: inherit;
 font-weight: 400;
}
#housing-referral textarea {
 min-height: 150px;
 resize: vertical;
}
#housing-referral input:focus,
#housing-referral select:focus,
#housing-referral textarea:focus {
 outline: 2px solid #39805c;
 outline-offset: 2px;
}
#housing-referral label:has(input[type="checkbox"]) {
 flex-direction: row;
 align-items: flex-start;
 font-weight: 400;
 line-height: 1.6;
}
#housing-referral input[type="checkbox"] {
 margin-top: 5px;
 width: 18px;
 height: 18px;
 flex-shrink: 0;
}
#housing-referral button[type="submit"] {
 padding: 16px 25px;
 font-size: 16px;
 cursor: pointer;
}
/* Referral process - enhanced cards */
#referral-process .cards {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 18px;
 margin-top: 35px;
}
#referral-process .card {
 position: relative;
 background: #ffffff;
 border: 1px solid #e1e9e2;
 border-top: 5px solid #286747;
 border-radius: 14px;
 padding: 65px 24px 28px;
 box-shadow: 0 8px 25px rgba(22, 65, 43, 0.09);
 transition: transform 0.25s ease, box-shadow 0.25s ease;
}
#referral-process .card:hover {
 transform: translateY(-6px);
 box-shadow: 0 14px 35px rgba(22, 65, 43, 0.16);
}
#referral-process .card::before {
 content: "1";
 position: absolute;
 top: 17px;
 left: 23px;
 width: 38px;
 height: 38px;
 border-radius: 50%;
 background: #286747;
 color: white;
 display: grid;
 place-items: center;
 font-size: 17px;
 font-weight: bold;
}
#referral-process .card:nth-child(2)::before {
 content: "2";
}
#referral-process .card:nth-child(3)::before {
 content: "3";
}
#referral-process .card:nth-child(4)::before {
 content: "4";
}
#referral-process .card h3 {
 font-size: 21px;
 margin-bottom: 14px;
 color: #173e2c;
}
#referral-process .card p {
 line-height: 1.7;
}
@media (max-width: 900px) {
 #referral-process .cards {
   grid-template-columns: repeat(2, 1fr);
 }
}
@media (max-width: 550px) {
 #referral-process .cards {
   grid-template-columns: 1fr;
 }
}
/* Referral choice cards */
.referral-self,
.referral-professional {
 border-radius: 18px;
 padding: 32px;
 border: 1px solid #dce7df;
 transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.referral-self {
 background: #edf5ee;
 border-top: 5px solid #347b56;
}
.referral-professional {
 background: #faf5e9;
 border-top: 5px solid #c3a36a;
}
.referral-self:hover,
.referral-professional:hover {
 transform: translateY(-5px);
 box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}
.referral-self h3,
.referral-professional h3 {
 color: #204c38;
 font-size: 27px;
}
.referral-icon {
 width: 54px;
 height: 54px;
 border-radius: 50%;
 display: grid;
 place-items: center;
 font-size: 25px;
 margin-bottom: 20px;
 background: #d4e7d8;
}
.referral-professional .referral-icon {
 background: #eee0c3;
}
/* Seven Oak Homes - Contact page enhancements */
.contactbox {
 background: linear-gradient(145deg, #f4f7f1, #ffffff);
 border: 1px solid #dce7dc;
 border-radius: 20px;
 padding: 32px;
 box-shadow: 0 12px 35px rgba(25, 61, 46, 0.08);
}
.contactbox h3 {
 color: #24553b;
 font-size: 21px;
 margin-top: 24px;
 margin-bottom: 10px;
}
.contactbox h3:first-child {
 margin-top: 0;
}
.contactbox a {
 color: #24553b;
 font-weight: 600;
 text-decoration: none;
}
.contactbox a:hover {
 text-decoration: underline;
}
.contactbox small {
 display: block;
 margin-top: 24px;
 padding-top: 16px;
 border-top: 1px solid #dce7dc;
 color: #69776e;
 line-height: 1.7;
}
.contact-benefits {
 margin-top: 28px;
 display: grid;
 gap: 12px;
}
.contact-benefits p {
 margin: 0;
 color: #285a3b;
 font-size: 16px;
 font-weight: 600;
}
/* Self-referral homepage section */
.self-referral {
 background: linear-gradient(135deg, #173e32, #32745a);
 color: #ffffff;
 padding: 75px 0;
}
.self-referral-inner {
 max-width: 1100px;
 margin: auto;
}
.self-referral h2 {
 color: #ffffff;
 font-size: clamp(32px, 4vw, 48px);
 line-height: 1.15;
 margin: 12px 0 22px;
 max-width: 650px;
}
.self-referral p {
 color: #f1f6f2;
 max-width: 700px;
 line-height: 1.8;
 margin-bottom: 16px;
}
.self-referral-label {
 font-size: 12px;
 letter-spacing: 2px;
 font-weight: bold;
 color: #d8e8d4 !important;
}
.self-referral-note {
 font-size: 14px;
 opacity: 0.85;
}
.self-referral .button {
 display: inline-block;
 background: #ffffff;
 color: #173e32;
 margin-top: 20px;
 padding: 15px 25px;
 border-radius: 6px;
 text-decoration: none;
 font-weight: bold;
}
.self-referral .button:hover {
 background: #e5efe7;
}
/* Premium self-referral section */
.self-referral {
 position: relative;
 overflow: hidden;
 background: linear-gradient(135deg, #f7f3e9, #e8efe6);
 padding: 90px 24px;
}
/* Decorative circle */
.self-referral::before {
 content: "";
 position: absolute;
 width: 350px;
 height: 350px;
 border-radius: 50%;
 background: rgba(46, 111, 79, 0.08);
 top: -170px;
 right: -100px;
 pointer-events: none;
}
.self-referral-inner {
 position: relative;
 max-width: 1100px;
 margin: 0 auto;
}
/* White content card */
.self-referral-inner > div {
 background: #ffffff;
 border-radius: 20px;
 padding: 55px;
 border-left: 6px solid #2c7654;
 box-shadow: 0 18px 45px rgba(20, 60, 40, 0.10);
 max-width: 850px;
}
/* Heading */
.self-referral h2 {
 color: #193f32;
 font-size: clamp(32px, 4vw, 48px);
 line-height: 1.15;
 margin: 14px 0 24px;
}
/* Description */
.self-referral p {
 color: #46564b;
 line-height: 1.8;
}
/* Small introductory label */
.self-referral .self-referral-label {
 display: inline-block;
 background: #e7f0e8;
 color: #24563e !important;
 padding: 9px 15px;
 border-radius: 30px;
 font-size: 12px;
 letter-spacing: 1.5px;
 font-weight: 700;
}
/* Call to action */
.self-referral .button {
 display: inline-block;
 background: #245c43;
 color: white;
 padding: 17px 28px;
 border-radius: 9px;
 font-weight: 700;
 text-decoration: none;
 margin-top: 22px;
 box-shadow: 0 6px 16px rgba(36, 92, 67, 0.18);
 transition: transform 0.2s ease, background 0.2s ease;
}
.self-referral .button:hover {
 background: #173e32;
 transform: translateY(-3px);
}
/* Mobile layout */
@media (max-width: 700px) {
 .self-referral {
   padding: 50px 18px;
 }
 .self-referral-inner > div {
   padding: 30px 24px;
 }
}
/* =====================================
  SEVEN OAK HOMES
  SELF-REFERRAL SECTION – CREAM DESIGN
  ===================================== */
.self-referral {
   position: relative;
   overflow: hidden;
   background: linear-gradient(
       135deg,
       #f8f1e4 0%,
       #f3e8d5 55%,
       #efe0c6 100%
   );
   padding: 90px 24px;
}
/* Main white card */
.self-referral-card {
   max-width: 950px;
   margin: 0 auto;
   padding: 55px 65px;
   background: rgba(255, 255, 255, 0.94);
   border-left: 5px solid #2f7654;
   border-radius: 22px;
   box-shadow: 0 18px 45px rgba(55, 65, 45, 0.10);
   transition: transform 0.3s ease,
               box-shadow 0.3s ease;
}
/* Subtle hover effect */
.self-referral-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 24px 55px rgba(55, 65, 45, 0.15);
}
/* Small heading badge */
.self-referral-label {
   display: inline-block;
   background: #e8f0e7;
   color: #245c43;
   padding: 9px 18px;
   border-radius: 30px;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   margin-bottom: 22px;
}
/* Main heading */
.self-referral-card h2 {
   color: #244b39;
   font-family: Georgia, serif;
   font-size: clamp(32px, 4vw, 48px);
   line-height: 1.15;
   margin: 0 0 25px;
}
/* Paragraphs */
.self-referral-card p {
   color: #4e554e;
   font-size: 16px;
   line-height: 1.8;
   margin-bottom: 18px;
   max-width: 700px;
}
/* Small eligibility note */
.self-referral-note {
   font-size: 13px !important;
   color: #788075 !important;
   margin-top: 15px;
}
/* Referral button */
.self-referral-card .button {
   display: inline-block;
   background: #245c43;
   color: #ffffff;
   padding: 17px 27px;
   border-radius: 9px;
   font-size: 15px;
   font-weight: 600;
   text-decoration: none;
   margin-top: 15px;
   box-shadow: 0 6px 15px rgba(36, 92, 67, 0.18);
   transition: all 0.3s ease;
}
/* Button hover */
.self-referral-card .button:hover {
   background: #184b35;
   transform: translateY(-2px);
   box-shadow: 0 10px 22px rgba(36, 92, 67, 0.25);
}
/* Mobile responsiveness */
@media (max-width: 768px) {
   .self-referral {
       padding: 55px 18px;
   }
   .self-referral-card {
       padding: 35px 25px;
       border-radius: 16px;
   }
   .self-referral-card h2 {
       font-size: 32px;
   }
   .self-referral-card p {
       font-size: 15px;
   }
   .self-referral-card .button {
       width: 100%;
       text-align: center;
       box-sizing: border-box;
   }
}