/* Agent profile page in the nowfoursale.com brand system: navy and green, Montserrat headings, Inter text, white cards. Fonts are declared in ask-nat.css. */
:root{--gutter:clamp(20px,5vw,80px);--n4s-navy:#0f2d46;--n4s-navy-80:#3a5570;--n4s-green:#10b981;--n4s-green-dark:#0d9668;--n4s-neutral:#f6f7f5;--n4s-grey:#6b7280;--n4s-line:#e3e5e2;--n4s-head:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;--n4s-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--n4s-navy);font-family:var(--n4s-body);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%}
.small-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--n4s-green-dark);margin:0 0 14px}
h1,h2{font-family:var(--n4s-head);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0;color:var(--n4s-navy)}h1{font-size:clamp(38px,5.4vw,64px)}h2{font-size:clamp(28px,3.2vw,40px)}
.agent-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--gutter);border-bottom:1px solid var(--n4s-line);background:#fff}.n4s-brand img{height:44px;width:auto;display:block}
.back-link{font-size:13px;font-weight:500;text-decoration:none;padding:10px 16px;border:1px solid var(--n4s-line);border-radius:8px;transition:background .2s,border-color .2s}.back-link:hover{background:var(--n4s-neutral);border-color:var(--n4s-green)}
.agent-hero{display:grid;grid-template-columns:minmax(260px,400px) 1fr;gap:clamp(30px,5vw,72px);align-items:center;padding:56px var(--gutter) 72px;max-width:1200px;margin:0 auto}.agent-portrait{margin:0}.agent-portrait img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 12px 35px #0002}
.agent-title{font-size:15px;color:var(--n4s-navy-80);line-height:1.5;margin:14px 0 12px}.agent-rating{font-size:13px;color:var(--n4s-grey);margin:0 0 26px}.agent-rating strong{font-family:var(--n4s-head);font-size:22px;font-weight:700;margin-right:8px;color:var(--n4s-navy)}
.agent-contact-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;margin-bottom:18px}.contact-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 14px 12px;background:#fff;border:1px solid var(--n4s-line);border-radius:8px;text-decoration:none;transition:border-color .2s,background .2s}.contact-tile:hover{border-color:var(--n4s-green);background:var(--n4s-neutral)}.contact-tile svg{color:var(--n4s-green-dark)}.contact-tile span{font-size:13px;font-weight:600}.contact-tile small{font-size:11px;color:var(--n4s-grey);word-break:break-all}
.agent-office{font-size:13px;color:var(--n4s-grey);margin:0 0 22px}.agent-office a{color:var(--n4s-navy)}
.agent-cta{display:flex;flex-wrap:wrap;align-items:center;gap:22px 30px}.n4s-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;background:var(--n4s-green);color:var(--n4s-navy);border:0;border-radius:8px;font-family:var(--n4s-body);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s}.n4s-button:hover{background:var(--n4s-green-dark)}.agent-agency{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--n4s-grey);text-decoration:none}.agent-agency img{width:130px;height:auto;display:block}
.agent-section{padding:64px var(--gutter)}.agent-section-alt{background:var(--n4s-neutral)}.agent-grid{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:clamp(30px,6vw,80px);max-width:1200px;margin:0 auto}
.agent-copy p{font-size:16px;line-height:1.75;color:var(--n4s-navy-80);max-width:62ch;margin:0 0 18px}.agent-copy a{color:var(--n4s-navy);font-weight:500}.agent-note{font-size:13px;line-height:1.6;color:var(--n4s-grey);margin-top:14px}.agent-note a{color:var(--n4s-navy);font-weight:500}
.agent-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.text-link{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--n4s-line);border-radius:8px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s}.text-link:hover{background:#fff;border-color:var(--n4s-green)}
.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.review{margin:0;padding:22px;background:#fff;border:1px solid var(--n4s-line);border-radius:12px;box-shadow:0 3px 15px #0f2d4606;display:flex;flex-direction:column;gap:14px}.review blockquote{margin:0}.review blockquote p{font-size:15px;line-height:1.65;color:var(--n4s-navy);margin:0}.review figcaption{display:flex;flex-direction:column;gap:3px;font-size:12px}.review figcaption strong{font-weight:600;color:var(--n4s-navy)}.review figcaption span{color:var(--n4s-grey);font-size:11px}
.agent-footer{padding:36px var(--gutter) 56px;border-top:1px solid var(--n4s-line);background:#fff}.footer-brands{display:flex;flex-wrap:wrap;gap:36px;align-items:center;margin:0 0 18px}.footer-brands a{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--n4s-grey);text-decoration:none}.footer-brands img{height:22px;width:auto;display:block}.footer-brands .footer-nfs img{height:34px}.agent-footer p{font-size:12px;line-height:1.6;color:var(--n4s-grey);max-width:90ch;margin:0}.agent-footer p a{color:var(--n4s-navy);font-weight:500}
@media(max-width:900px){.agent-hero{grid-template-columns:1fr;gap:28px;padding:36px var(--gutter) 48px}.agent-portrait{max-width:340px}.agent-grid{grid-template-columns:1fr;gap:22px}.agent-section{padding:48px var(--gutter)}.review-grid{grid-template-columns:1fr}}
@media(max-width:600px){.agent-header{padding:14px 20px}.n4s-brand img{height:36px}.back-link{font-size:12px;padding:8px 12px}.agent-contact-row{grid-template-columns:1fr}.contact-tile{flex-direction:row;align-items:center;gap:12px}.contact-tile small{margin-left:auto}h1{font-size:38px}.agent-copy p{font-size:15px}}