:root{--cream:#f7edcf;--paper:#fff9e8;--ink:#211b18;--red:#c83d2f;--blue:#315c82;--yellow:#f1b92e;--muted:#685e52;--dark-muted:#d9cda9;--s4:4px;--s8:8px;--s12:12px;--s16:16px;--s24:24px;--s32:32px;--s40:40px;--s64:64px;--max:1180px;--shadow:8px 8px 0 var(--ink)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background-color:var(--cream);background-image:radial-gradient(#c8ae72 1px,transparent 1px),linear-gradient(90deg,rgba(200,61,47,.04) 50%,transparent 50%);background-size:12px 12px,8px 8px;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration-thickness:2px;text-underline-offset:3px}
button,input,textarea,select{font:inherit}
h1,h2,h3,p{overflow-wrap:anywhere}
h1,h2,h3{font-family:Georgia,serif;line-height:1.05;margin:0 0 var(--s16)}
h1{font-size:clamp(2.5rem,7vw,6.5rem);letter-spacing:-.06em}
h2{font-size:clamp(2rem,4vw,4rem)}
h3{font-size:1.55rem}
p{margin:0 0 var(--s16)}
.container{width:min(calc(100% - var(--s32)),var(--max));margin-inline:auto}
.skip-link{position:absolute;left:var(--s16);top:-100px;background:var(--ink);color:var(--paper);padding:var(--s8) var(--s16);z-index:20}
.skip-link:focus{top:var(--s8)}
.site-header{border-bottom:3px solid var(--ink);background:var(--paper)}
.header-row{min-height:64px;display:flex;align-items:center;gap:var(--s24)}
.brand{display:flex;align-items:center;gap:var(--s8);font-weight:800;text-decoration:none;white-space:nowrap;flex-shrink:0}
.brand svg{width:28px;height:28px}
.main-nav{display:flex;gap:var(--s16);justify-content:center;flex:1}
.main-nav a,.header-cta{font-size:.875rem;font-weight:700;white-space:nowrap}
.header-cta,.button{display:inline-block;background:var(--red);color:#fff9e8;border:3px solid var(--ink);padding:var(--s8) var(--s16);font-weight:800;text-decoration:none;box-shadow:4px 4px 0 var(--ink)}
.menu-toggle{display:none;margin-left:auto;background:var(--yellow);border:3px solid var(--ink);padding:var(--s8)}
.mobile-menu{position:absolute;z-index:10;top:64px;left:0;right:0;background:var(--blue);color:var(--paper);border-bottom:3px solid var(--ink);padding:var(--s24);overflow-y:auto}
.mobile-menu nav{display:flex;flex-direction:column;gap:var(--s16);margin-block:auto}
.mobile-menu a{font-size:1.2rem;font-weight:700}
.hero{padding-block:var(--s64);border-bottom:3px solid var(--ink)}
.eyebrow{color:var(--red);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--s12)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s40);align-items:center}
.hero-copy{max-width:68ch}
.hero-art{border:3px solid var(--ink);box-shadow:var(--shadow);background:var(--yellow);padding:var(--s12)}
.hero-art img{display:block;width:100%;height:300px;object-fit:cover}
.section{padding-block:var(--s64)}
.index-rows{display:grid;gap:var(--s12)}
.index-rows>*{min-width:0}
.index-row{display:grid;grid-template-columns:70px 1fr 170px 120px;gap:var(--s16);align-items:center;border-top:3px solid var(--ink);padding:var(--s24) var(--s12);background:var(--paper)}
.index-row:last-child{border-bottom:3px solid var(--ink)}
.index-number{font:700 2.5rem Georgia,serif;color:var(--red)}
.index-row h3{margin:0}
.metric{font-size:.85rem;color:var(--muted)}
.row-link{font-weight:800;text-align:right}
.support{background:var(--blue);color:var(--paper);padding:var(--s40);border:3px solid var(--ink);box-shadow:var(--shadow)}
.article{max-width:780px;margin-inline:auto;padding-block:var(--s64)}
.article h1{font-size:clamp(2.5rem,6vw,5rem)}
.article section{border-top:2px solid var(--ink);padding-top:var(--s24);margin-top:var(--s40)}
.article ul{padding-left:var(--s24)}
.article-image{border:3px solid var(--ink);padding:var(--s12);background:var(--yellow);margin-block:var(--s32)}
.article-image img{display:block;width:100%;height:300px;object-fit:cover}
.site-footer{background:var(--ink);color:var(--dark-muted);padding-block:var(--s40)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--s32)}
.site-footer h2{font-size:1.4rem;color:var(--paper)}
.site-footer a{color:var(--paper)}
.site-footer ul{list-style:none;margin:0;padding:0}
.footer-note{border-top:1px solid #8a8068;margin-top:var(--s32);padding-top:var(--s16);font-size:.9rem}
.contact-form{display:grid;gap:var(--s16);max-width:680px}
.field{display:grid;gap:var(--s8)}
.field label{font-weight:800}
.field input,.field textarea{width:100%;border:3px solid var(--ink);background:var(--paper);padding:var(--s12);color:var(--ink)}
.field textarea{min-height:160px;resize:vertical}
.cookie-banner{position:fixed;z-index:30;bottom:0;left:0;right:0;background:var(--ink);color:var(--paper);border-top:3px solid var(--yellow);padding:var(--s16)}
.cookie-inner{width:min(calc(100% - var(--s32)),var(--max));margin:auto;display:flex;align-items:center;gap:var(--s16)}
.cookie-inner p{margin:0;flex:1}
.cookie-actions{display:flex;gap:var(--s8);justify-content:flex-end}
.cookie-actions button{flex:1 1 auto;border:2px solid var(--paper);background:transparent;color:var(--paper);padding:var(--s8) var(--s12);font-weight:700}
.cookie-actions button:first-child{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.cookie-preferences{margin-top:var(--s12);border-top:1px solid #8a8068;padding-top:var(--s12)}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.site-footer :focus-visible,.mobile-menu :focus-visible,.cookie-banner :focus-visible{outline-color:var(--yellow)}
@media(max-width:1023px){.main-nav,.header-cta{display:none}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr}.mobile-menu{top:64px}}
@media(max-width:767px){.container{width:min(calc(100% - var(--s32)),var(--max))}.header-row{min-height:52px}.mobile-menu{top:52px}.hero{padding-block:var(--s40)}.hero-art img{height:220px}.index-row{grid-template-columns:48px 1fr;gap:var(--s12)}.metric,.row-link{text-align:left;grid-column:2}.support{padding:var(--s24)}.article{padding-block:var(--s40)}.footer-grid{grid-template-columns:1fr}.cookie-inner{display:block}.cookie-actions{margin-top:var(--s12)}}
@media(max-width:479px){.cookie-actions{display:grid;grid-template-columns:1fr}.hero-art img,.article-image img{height:180px}}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}
/* image references use descriptive names: housing-ai-overview.png, eliseai-workflow.png, appfolio-platform.png, realpage-operations.png, entrata-property-stack.png, yardi-rentcafe-platform.png */