:root{--gold:#f5bd24;--gold-light:#ffd75c;--purple:#2d1767;--purple-deep:#210f51;--paper:#fffaf0;--line:rgba(45,23,103,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--purple);font-family:Arial,Helvetica,sans-serif;background:var(--gold);min-height:100vh;background-image:radial-gradient(circle at 15% 12%,rgba(255,255,255,.25),transparent 32%),radial-gradient(circle at 86% 78%,rgba(255,242,177,.32),transparent 36%),repeating-linear-gradient(110deg,rgba(72,37,103,.025) 0 1px,transparent 1px 5px)}
a{color:inherit}
.wrap{width:min(100% - 34px,620px);margin:auto}
.site-header{padding:31px 0 20px;text-align:center}
.brand-kicker{font-size:11px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;margin:0 0 12px}
.brokerage{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,9vw,54px);line-height:1.06;font-weight:700;letter-spacing:-.035em;text-transform:uppercase;margin:0 auto;max-width:550px;text-wrap:balance}
.brokerage .gold{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.055em;white-space:nowrap}
.rule{display:flex;align-items:center;justify-content:center;gap:10px;margin:25px auto 22px;width:min(100%,360px);color:var(--purple)}
.rule:before,.rule:after{content:"";height:1px;background:var(--purple);flex:1;opacity:.5}
.rule b{font-size:22px;line-height:1;font-family:Georgia,serif;font-weight:400}
.hero{text-align:center}
.eyebrow{margin:0 0 9px;font-size:11px;font-weight:800;letter-spacing:.25em;text-transform:uppercase}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,9vw,54px);line-height:.91;letter-spacing:-.075em;font-weight:700;margin:0;text-transform:uppercase}
.role{font-size:12px;letter-spacing:.21em;text-transform:uppercase;font-weight:800;margin:16px 0 0}
.lede{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,5.8vw,29px);line-height:1.24;max-width:420px;margin:28px auto 9px;font-style:italic}
.sublede{font-size:14px;line-height:1.5;margin:0 auto 27px;max-width:400px}
.panel{background:var(--paper);border:2px solid var(--purple);border-radius:3px;padding:24px;box-shadow:8px 8px 0 var(--purple);position:relative;text-align:left;margin:0 8px 47px 0}
.panel:before,.panel:after{content:"✦";position:absolute;color:var(--purple);font-size:12px;top:9px}.panel:before{left:12px}.panel:after{right:12px}
.panel-title{text-align:center;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.23em;margin:0 0 19px}
.actions{display:grid;gap:10px}
.action{display:flex;align-items:center;gap:13px;min-height:60px;padding:11px 16px;background:var(--purple);color:white;text-decoration:none;border:2px solid var(--purple);border-radius:2px;transition:transform .15s ease,background .15s ease;outline-offset:3px}
.action:hover{transform:translateY(-2px);background:var(--purple-deep)}
.action.secondary{background:transparent;color:var(--purple)}.action.secondary:hover{background:#f7ebcf}
.icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;flex:none}
.icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.action-text{display:flex;flex-direction:column;gap:2px;min-width:0}.action strong{font-size:16px;line-height:1.2}.action small{font-size:11px;line-height:1.3;opacity:.82;overflow-wrap:anywhere}
.arrow{margin-left:auto;font-size:21px;line-height:1}
.office{text-align:center;border-top:1px solid var(--line);padding-top:18px;margin-top:21px}.office-label{font-size:10px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;margin:0 0 8px}.office p{margin:0;font-size:12px;line-height:1.5}
footer{text-align:center;padding:0 0 28px;font-size:11px;line-height:1.6}
footer p{margin:4px 0}.footer-rule{height:1px;background:var(--line);width:80px;margin:0 auto 16px}
@media(max-width:380px){.wrap{width:min(100% - 26px,620px)}.panel{padding:22px 16px}.brokerage{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.action{transition:none}}