:root{
  --bg:#050b14;
  --bg2:#081421;
  --navy:#14305C;
  --gold:#B8862C;
  --gold2:#E6BD62;
  --gold3:#F3D783;
  --cream:#FAF7F1;
  --muted:rgba(250,247,241,.76);
  --line:rgba(184,134,44,.56);
  --glass:rgba(4,13,24,.66);
  --glass2:rgba(7,18,32,.78);
  --radius:24px;
  --serif:Georgia,'Times New Roman',serif;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--cream);font-family:var(--sans);background:var(--bg);min-width:320px}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}ul{margin:0;padding:0;list-style:none}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 48% 14%,rgba(230,189,98,.20),transparent 280px),radial-gradient(circle at 82% 10%,rgba(20,48,92,.95),transparent 560px),radial-gradient(circle at 5% 55%,rgba(184,134,44,.12),transparent 520px),linear-gradient(180deg,#02050a 0%,#07111d 34%,#06101b 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 50% 0%,black 0 48%,transparent 90%);opacity:.42}.container{width:min(1320px,calc(100% - 56px));margin-inline:auto}.section{position:relative;padding:58px 0}.site-header{position:sticky;top:0;z-index:50;width:min(1320px,calc(100% - 48px));margin:0 auto;min-height:86px;display:grid;grid-template-columns:275px 1fr auto;gap:28px;align-items:center;border-bottom:1px solid rgba(184,134,44,.36);background:linear-gradient(180deg,rgba(3,8,15,.96),rgba(3,8,15,.82));backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:14px;width:max-content}.brand-mark{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(230,189,98,.22))}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-main{font-family:var(--serif);font-size:1.28rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold2);white-space:nowrap;text-shadow:0 0 14px rgba(230,189,98,.28)}.brand-rule{height:1px;margin:7px 0 6px;background:linear-gradient(90deg,transparent,var(--gold2),transparent)}.brand-sub{font-size:.58rem;letter-spacing:.58em;text-transform:uppercase;color:var(--gold2);white-space:nowrap}.primary-nav{display:flex;justify-content:center;gap:30px;font-size:.95rem}.primary-nav a{color:rgba(250,247,241,.86);padding:32px 0 28px;border-bottom:2px solid transparent}.primary-nav a:hover,.primary-nav a:focus{color:#fff;border-color:var(--gold2)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 30px;border-radius:9px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.78rem;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}.btn:hover,.btn:focus{transform:translateY(-1px)}.btn-gold{color:#160f07;background:linear-gradient(180deg,#f7d981 0%,#c9983d 54%,#a87622 100%);border:1px solid rgba(255,236,174,.75);box-shadow:0 14px 35px rgba(184,134,44,.24),inset 0 1px 0 rgba(255,255,255,.5)}.btn-outline{color:var(--gold2);background:rgba(3,10,19,.62);border:1px solid rgba(230,189,98,.58);box-shadow:0 14px 34px rgba(0,0,0,.34)}.header-cta{min-width:260px}.nav-toggle{display:none;width:44px;height:40px;border:1px solid var(--line);background:rgba(5,14,26,.72);border-radius:8px}.nav-toggle span{display:block;width:22px;height:2px;margin:5px auto;background:var(--gold2)}
.hero{min-height:560px;padding-top:70px;padding-bottom:76px;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,11,20,.98) 0%,rgba(5,11,20,.72) 44%,rgba(5,11,20,.32) 72%,rgba(5,11,20,.75) 100%)}.hero-home{position:absolute;right:0;top:0;width:52%;height:100%;background:linear-gradient(90deg,rgba(5,11,20,.96),rgba(5,11,20,.26) 45%,rgba(5,11,20,.36)),url('../images/hero-home.webp') center right/cover no-repeat;opacity:.82;filter:saturate(1.15);mask-image:linear-gradient(90deg,transparent 0,black 22%,black 100%)}.hero-grid{display:grid;grid-template-columns:minmax(420px,.92fr) minmax(420px,1.08fr);gap:74px;align-items:center}.hero-copy{position:relative;z-index:2}.hero h1{font-family:var(--serif);font-size:clamp(2.85rem,5.4vw,5.15rem);line-height:1.04;letter-spacing:-.04em;font-weight:500;margin:0;max-width:720px;text-shadow:0 4px 26px rgba(0,0,0,.72)}.hero h1 span{color:var(--gold2)}.hero p{max-width:620px;margin:28px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.72}.hero-brand{position:relative;display:grid;place-items:center;min-height:390px}.hero-brand:before{content:"";position:absolute;inset:14% 4%;background:radial-gradient(circle,rgba(230,189,98,.18),transparent 58%);filter:blur(6px)}.hero-brand img{position:relative;width:min(620px,100%);filter:drop-shadow(0 24px 35px rgba(0,0,0,.72)) drop-shadow(0 0 16px rgba(230,189,98,.25))}.proof-row{display:grid;grid-template-columns:repeat(3,1fr);max-width:575px;margin-top:35px}.proof-row div{display:grid;justify-items:center;gap:10px;position:relative;color:#fff;font-size:.88rem}.proof-row div:not(:last-child):after{content:"";position:absolute;right:0;top:14px;width:1px;height:54px;background:rgba(184,134,44,.32)}
.audience{padding-top:38px;padding-bottom:70px}.audience-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;position:relative;padding-top:112px}.choice-orb{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:4;width:154px;height:154px;border-radius:50%;display:grid;place-items:center;text-align:center;font-family:var(--serif);font-size:1.55rem;line-height:1.05;color:#fff;background:radial-gradient(circle at 50% 35%,#132a49,#07111d 70%);border:2px solid rgba(230,189,98,.62);box-shadow:0 0 0 8px rgba(184,134,44,.08),0 0 36px rgba(230,189,98,.46),inset 0 0 28px rgba(255,255,255,.07)}.arc{position:absolute;top:80px;width:32%;height:94px;border-top:3px solid rgba(230,189,98,.54);filter:drop-shadow(0 0 12px rgba(230,189,98,.42));z-index:1}.arc:after{content:"";position:absolute;bottom:-4px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:14px solid var(--gold2)}.arc-left{right:50%;border-top-left-radius:100%}.arc-left:after{left:12px}.arc-right{left:50%;border-top-right-radius:100%}.arc-right:after{right:12px}.path-card{position:relative;z-index:2;min-height:318px;border:1px solid rgba(184,134,44,.62);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,rgba(8,20,35,.77),rgba(5,12,22,.91));box-shadow:0 24px 75px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04);display:grid;grid-template-columns:45% 55%}.path-realtor{grid-template-columns:55% 45%}.path-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 50%,rgba(255,255,255,.13),transparent 230px),linear-gradient(90deg,rgba(5,11,20,.18),rgba(5,11,20,.5));pointer-events:none}.path-photo{min-height:318px;background-size:cover;background-position:center;opacity:.82;filter:saturate(1.04) contrast(1.02)}.buyers-photo{background-image:linear-gradient(90deg,rgba(5,11,20,.08),rgba(5,11,20,.55)),url('../images/buyers-sellers.webp')}.realtor-photo{background-image:linear-gradient(90deg,rgba(5,11,20,.55),rgba(5,11,20,.1)),url('../images/realtor-meeting.webp')}.path-text{position:relative;z-index:2;padding:42px 42px 34px}.circle-icon{width:62px;height:62px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:rgba(5,13,24,.86);box-shadow:0 0 22px rgba(184,134,44,.22);color:var(--gold2);margin-bottom:8px}.circle-icon.small{width:58px;height:58px;float:left;margin:0 22px 8px 0}.path-text h2{font-family:var(--serif);font-size:2.05rem;line-height:1.05;margin:0;color:#fff;font-weight:500}.mini-gold{margin:.25rem 0 1.1rem;color:var(--gold2);font-weight:800}.check-list{display:grid;gap:10px;margin-bottom:22px;color:rgba(250,247,241,.88);font-size:.98rem;line-height:1.28}.check-list li{position:relative;padding-left:24px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--gold2);font-weight:900}
.section-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;margin-bottom:32px}.section-title span{height:1px;background:linear-gradient(90deg,transparent,rgba(184,134,44,.72),transparent)}.section-title h2{font-family:var(--serif);letter-spacing:.25em;text-transform:uppercase;color:var(--gold2);font-size:1.18rem;font-weight:600;margin:0;text-align:center}.process{padding-top:70px;padding-bottom:70px}.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:30px;align-items:stretch}.step{position:relative;min-height:132px;border:1px solid rgba(184,134,44,.56);border-radius:12px;background:linear-gradient(180deg,rgba(8,20,35,.86),rgba(4,12,22,.82));display:grid;place-items:center;text-align:center;padding:20px 10px 15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.step:not(:last-child):after{content:"→";position:absolute;right:-24px;top:50%;transform:translateY(-50%);color:var(--gold2);font-size:2rem;text-shadow:0 0 14px rgba(230,189,98,.4)}.step .ico{width:44px;height:44px}.step strong{font-size:.93rem;line-height:1.22;color:#fff}
.benefits{padding-top:52px;padding-bottom:76px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.benefit-card{position:relative;min-height:285px;border:1px solid rgba(184,134,44,.62);border-radius:22px;overflow:hidden;background:linear-gradient(135deg,rgba(8,20,35,.78),rgba(5,12,22,.92));box-shadow:0 22px 60px rgba(0,0,0,.34);display:grid;grid-template-columns:37% 63%;grid-template-rows:1fr auto}.benefit-card:nth-child(2){grid-template-columns:60% 40%}.benefit-photo{background-size:cover;background-position:center;opacity:.82;filter:saturate(1.05)}.family-photo{background-image:linear-gradient(90deg,rgba(5,11,20,.08),rgba(5,11,20,.72)),url('../images/consumer-family.webp')}.dashboard-photo{background-image:linear-gradient(90deg,rgba(5,11,20,.72),rgba(5,11,20,.05)),url('../images/realtor-dashboard.webp')}.benefit-text{padding:38px 38px 24px;position:relative;z-index:2}.benefit-text h2{font-family:var(--serif);font-size:2rem;line-height:1.06;margin:0;font-weight:500}.benefit-text h2 span{color:var(--gold2)}.benefit-text p{color:var(--muted);font-size:1rem;line-height:1.58;margin:18px 0 0}.benefit-points{grid-column:1/-1;border-top:1px solid rgba(184,134,44,.42);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(3,10,18,.48)}.benefit-points span{display:grid;gap:6px;justify-items:center;padding:14px 8px 16px;font-size:.8rem;color:rgba(250,247,241,.86);position:relative}.benefit-points span:not(:last-child):after{content:"";position:absolute;right:0;top:18px;bottom:16px;width:1px;background:rgba(184,134,44,.3)}.benefit-points .ico{width:25px;height:25px}
.foundation{padding-top:78px;padding-bottom:96px}.foundation-layout{display:grid;grid-template-columns:1fr 1.05fr 1.2fr;grid-template-rows:auto auto;gap:38px 54px;align-items:center}.foundation-intro{color:var(--muted);font-size:1.03rem;line-height:1.62;max-width:390px}.pillar h3{font-family:var(--serif);color:var(--gold2);font-size:1.55rem;margin:0 0 10px;font-weight:500}.pillar p{margin:0;color:var(--muted);line-height:1.52}.foundation-diagram{grid-row:1/3;grid-column:2;position:relative;min-height:260px;display:grid;place-items:center}.foundation-diagram img{width:94px;height:94px;object-fit:contain;position:relative;z-index:3;filter:drop-shadow(0 0 15px rgba(230,189,98,.28))}.tri-line{position:absolute;width:250px;height:190px;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg,rgba(230,189,98,.06),rgba(230,189,98,.18));border:1px solid rgba(230,189,98,.44);filter:drop-shadow(0 0 12px rgba(230,189,98,.32))}.node{position:absolute;width:64px;height:64px;border:1px solid rgba(230,189,98,.64);border-radius:50%;display:grid;place-items:center;background:#071421;color:var(--gold2);box-shadow:0 0 22px rgba(184,134,44,.28)}.node .ico{width:31px;height:31px}.n-top{top:12px}.n-left{left:48px;bottom:20px}.n-right{right:48px;bottom:20px}.copy-right.top{align-self:end}.copy-right.bottom{grid-column:3;grid-row:2;align-self:start}.final-cta{padding-top:34px;padding-bottom:76px}.cta-panel{position:relative;overflow:hidden;border:1px solid rgba(184,134,44,.66);border-radius:24px;min-height:265px;text-align:center;padding:56px 40px 46px;background:linear-gradient(180deg,rgba(7,18,32,.85),rgba(4,11,20,.9))}.cta-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,11,20,.2),rgba(5,11,20,.75)),url('../images/skyline-footer.webp') bottom center/cover no-repeat;opacity:.8}.cta-panel>*{position:relative}.cta-panel h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.6rem);font-weight:500;line-height:1.05;margin:0 0 18px}.cta-panel p{max-width:740px;margin:0 auto;color:var(--muted);line-height:1.62}.cta-buttons{display:flex;justify-content:center;gap:34px;margin-top:34px}.cta-buttons .btn{min-width:300px}
.ico{display:inline-grid;place-items:center;width:35px;height:35px;color:var(--gold2)}.ico:before{content:"";display:block;width:100%;height:100%;background:currentColor;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}.ico-target:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 4h-6v8a20 20 0 1 0 23 23h8v-6h-8A20 20 0 0 0 35 12V4Zm-6 14v8h6v-8a14 14 0 1 1-17 17h8v-6h-8A14 14 0 0 1 29 18Zm3 14a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm13-20h7v7h7v6H45V12Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 4h-6v8a20 20 0 1 0 23 23h8v-6h-8A20 20 0 0 0 35 12V4Zm-6 14v8h6v-8a14 14 0 1 1-17 17h8v-6h-8A14 14 0 0 1 29 18Zm3 14a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm13-20h7v7h7v6H45V12Z'/%3E%3C/svg%3E")}.ico-chart:before,.ico-growth:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 54h50v5H3V8h5v46Zm8-5V31h9v18h-9Zm15 0V20h9v29h-9Zm15 0V10h9v39h-9Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 54h50v5H3V8h5v46Zm8-5V31h9v18h-9Zm15 0V20h9v29h-9Zm15 0V10h9v39h-9Z'/%3E%3C/svg%3E")}.ico-shield:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 4 56 14v17c0 15-10 25-24 29C18 56 8 46 8 31V14L32 4Zm0 7-18 7v13c0 11 7 18 18 22 11-4 18-11 18-22V18L32 11Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 4 56 14v17c0 15-10 25-24 29C18 56 8 46 8 31V14L32 4Zm0 7-18 7v13c0 11 7 18 18 22 11-4 18-11 18-22V18L32 11Z'/%3E%3C/svg%3E")}.ico-people:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 31a10 10 0 1 1 0-20 10 10 0 0 1 0 20Zm16 0a9 9 0 1 1 0-18 12 12 0 0 1 0 18ZM8 54c1-12 7-18 16-18s15 6 16 18H8Zm28 0c-.4-6-2-11-5-14 3-3 6-4 10-4 9 0 14 6 15 18H36Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 31a10 10 0 1 1 0-20 10 10 0 0 1 0 20Zm16 0a9 9 0 1 1 0-18 12 12 0 0 1 0 18ZM8 54c1-12 7-18 16-18s15 6 16 18H8Zm28 0c-.4-6-2-11-5-14 3-3 6-4 10-4 9 0 14 6 15 18H36Z'/%3E%3C/svg%3E")}.ico-person:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 30a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm-7 7h14l5 22H20l5-22Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 30a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm-7 7h14l5 22H20l5-22Z'/%3E%3C/svg%3E")}.ico-clipboard:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 4h20l3 6h9v50H10V10h9l3-6Zm4 6-2 4h16l-2-4H26Zm-10 6v38h32V16h-6v4H22v-4h-6Zm8 14h18v4H24v-4Zm0 10h18v4H24v-4Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 4h20l3 6h9v50H10V10h9l3-6Zm4 6-2 4h16l-2-4H26Zm-10 6v38h32V16h-6v4H22v-4h-6Zm8 14h18v4H24v-4Zm0 10h18v4H24v-4Z'/%3E%3C/svg%3E")}.ico-scale:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 9h4v8h20v5h-6l10 18c-2 7-7 10-14 10s-12-3-14-10l10-18h-6v30h13v5H17v-5h13V22h-6l10 18c-2 7-7 10-14 10S8 47 6 40l10-18h-6v-5h20V9ZM20 27l-6 11h12l-6-11Zm24 0-6 11h12l-6-11Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 9h4v8h20v5h-6l10 18c-2 7-7 10-14 10s-12-3-14-10l10-18h-6v30h13v5H17v-5h13V22h-6l10 18c-2 7-7 10-14 10S8 47 6 40l10-18h-6v-5h20V9ZM20 27l-6 11h12l-6-11Zm24 0-6 11h12l-6-11Z'/%3E%3C/svg%3E")}.ico-search:before,.ico-home-search:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 8a19 19 0 1 1 0 38 19 19 0 0 1 0-38Zm0 6a13 13 0 1 0 0 26 13 13 0 0 0 0-26Zm15 28 16 16-4 4-16-16 4-4Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 8a19 19 0 1 1 0 38 19 19 0 0 1 0-38Zm0 6a13 13 0 1 0 0 26 13 13 0 0 0 0-26Zm15 28 16 16-4 4-16-16 4-4Z'/%3E%3C/svg%3E")}.ico-chat:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10h48v33H25L12 55V43H8V10Zm6 6v21h4v5l5-5h27V16H14Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10h48v33H25L12 55V43H8V10Zm6 6v21h4v5l5-5h27V16H14Z'/%3E%3C/svg%3E")}.ico-compass:before,.ico-light:before,.ico-trophy:before,.ico-star:before,.ico-gear:before,.ico-pin:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32' r='22'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32' r='22'/%3E%3C/svg%3E")}
.reveal{opacity:0;transform:translateY(18px);animation:rise .75s ease forwards}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}@keyframes rise{to{opacity:1;transform:none}}
@media (max-width:1180px){.site-header{grid-template-columns:230px 1fr auto}.primary-nav{gap:18px}.header-cta{min-width:auto}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-brand{min-height:260px}.hero-brand img{width:min(520px,75%)}.audience-inner,.benefit-grid{grid-template-columns:1fr}.arc{display:none}.choice-orb{position:relative;left:auto;top:auto;transform:none;margin:0 auto 28px}.audience-inner{padding-top:0}.steps{grid-template-columns:repeat(4,1fr)}.step:not(:last-child):after{display:none}.foundation-layout{grid-template-columns:1fr;gap:30px}.foundation-diagram{grid-column:auto;grid-row:auto}.copy-right.bottom{grid-column:auto;grid-row:auto}}
@media (max-width:860px){.container{width:min(100% - 32px,720px)}.site-header{width:100%;padding:0 18px;grid-template-columns:1fr auto;min-height:76px}.brand-main{font-size:1.05rem}.brand-mark{width:43px;height:43px}.primary-nav{display:none;position:absolute;left:16px;right:16px;top:76px;background:rgba(3,8,15,.98);border:1px solid var(--line);border-radius:16px;padding:12px;flex-direction:column}.primary-nav.is-open{display:flex}.primary-nav a{padding:12px 14px}.nav-toggle{display:block}.header-cta{display:none}.hero{padding-top:46px;min-height:auto}.hero-home{width:100%;opacity:.45}.hero h1{font-size:clamp(2.45rem,10vw,4rem)}.proof-row{grid-template-columns:1fr;gap:20px}.proof-row div:after{display:none!important}.path-card,.path-realtor,.benefit-card,.benefit-card:nth-child(2){grid-template-columns:1fr}.path-photo{min-height:230px;order:-1}.path-text{padding:34px 26px}.steps{grid-template-columns:1fr 1fr;gap:18px}.benefit-photo{min-height:210px;order:-1}.benefit-points{grid-template-columns:1fr 1fr}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:min(100%,340px)}}
@media (max-width:520px){.section{padding:46px 0}.brand-sub{letter-spacing:.36em}.path-text h2,.benefit-text h2{font-size:1.75rem}.steps{grid-template-columns:1fr}.section-title{grid-template-columns:1fr}.section-title span{display:none}.choice-orb{width:132px;height:132px;font-size:1.35rem}.benefit-points{grid-template-columns:1fr}.cta-panel{padding:44px 22px}.btn{width:100%;padding-inline:18px}}

/* =========================================================
   v4 spacing + structure correction pass
   - Reduces over-expanded vertical gaps from v3
   - Repairs foundation balance
   - Rebuilds final CTA with a clean skyline background
   ========================================================= */
@media (min-width: 1181px){
  .section{padding:44px 0;}

  .hero{
    min-height:515px;
    padding-top:58px;
    padding-bottom:50px;
  }
  .hero-grid{
    grid-template-columns:minmax(420px,.96fr) minmax(420px,1.04fr);
    gap:48px;
  }
  .hero h1{
    font-size:clamp(2.85rem,4.9vw,4.78rem);
    max-width:680px;
  }
  .hero p{
    margin-top:24px;
    max-width:600px;
  }
  .hero-brand{min-height:340px;}
  .hero-brand img{width:min(540px,92%);}
  .proof-row{margin-top:30px;}

  .audience{
    padding-top:18px;
    padding-bottom:46px;
  }
  .audience-inner{
    padding-top:94px;
    gap:50px;
  }
  .choice-orb{
    width:140px;
    height:140px;
    font-size:1.45rem;
  }
  .arc{
    top:70px;
    height:76px;
    width:30%;
  }
  .path-card{min-height:300px;}
  .path-photo{min-height:300px;}
  .path-text{padding:34px 38px 30px;}
  .path-text h2{font-size:1.95rem;}
  .check-list{gap:8px;margin-bottom:18px;}

  .process{
    padding-top:46px;
    padding-bottom:48px;
  }
  .section-title{margin-bottom:24px;}
  .steps{gap:24px;}
  .step{min-height:118px;padding:16px 10px 13px;}
  .step .ico{width:39px;height:39px;}
  .step:not(:last-child):after{right:-22px;}

  .benefits{
    padding-top:42px;
    padding-bottom:50px;
  }
  .benefit-grid{gap:32px;}
  .benefit-card{min-height:265px;}
  .benefit-text{padding:32px 34px 20px;}
  .benefit-text h2{font-size:1.82rem;}
  .benefit-text p{margin-top:15px;}
  .benefit-points span{padding:12px 8px 14px;}

  .foundation{
    padding-top:48px;
    padding-bottom:52px;
  }
  .foundation .section-title{margin-bottom:26px;}
  .foundation-layout{
    grid-template-columns:minmax(290px,1fr) 330px minmax(310px,1.08fr);
    grid-template-rows:auto auto;
    gap:30px 42px;
    align-items:center;
  }
  .foundation-intro{
    grid-column:1;
    grid-row:1;
    max-width:430px;
    font-size:1.04rem;
  }
  .foundation-diagram{
    grid-column:2;
    grid-row:1 / span 2;
    min-height:245px;
  }
  .foundation-diagram img{
    width:88px;
    height:88px;
  }
  .tri-line{
    width:236px;
    height:178px;
  }
  .node{width:58px;height:58px;}
  .n-left{left:34px;bottom:24px;}
  .n-right{right:34px;bottom:24px;}
  .copy-left{
    grid-column:3;
    grid-row:1;
    align-self:center;
  }
  .copy-right.top{
    grid-column:1;
    grid-row:2;
    align-self:center;
  }
  .copy-right.bottom{
    grid-column:3;
    grid-row:2;
    align-self:center;
  }
  .pillar h3{font-size:1.48rem;}

  .final-cta{
    padding-top:22px;
    padding-bottom:54px;
  }
  .cta-panel{
    min-height:245px;
    padding:54px 40px 42px;
  }
  .cta-panel:before{
    background:
      linear-gradient(180deg,rgba(5,11,20,.16),rgba(5,11,20,.66) 62%,rgba(5,11,20,.88)),
      url('../images/skyline-footer-clean.webp') bottom center/cover no-repeat;
    opacity:.92;
  }
  .cta-panel:after{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 50% 18%,rgba(230,189,98,.14),transparent 360px);
    pointer-events:none;
  }
  .cta-panel h2{font-size:clamp(2.35rem,3.8vw,3.35rem);}
  .cta-buttons{margin-top:30px;}
}

@media (max-width:1180px){
  .hero{padding-bottom:42px;}
  .audience{padding-top:12px;padding-bottom:42px;}
  .process{padding-top:42px;padding-bottom:44px;}
  .benefits{padding-top:38px;padding-bottom:44px;}
  .foundation{padding-top:42px;padding-bottom:46px;}
  .final-cta{padding-top:24px;padding-bottom:48px;}
  .cta-panel:before{
    background:
      linear-gradient(180deg,rgba(5,11,20,.22),rgba(5,11,20,.72)),
      url('../images/skyline-footer-clean.webp') bottom center/cover no-repeat;
  }
}

/* =========================================================
   v5 alignment pass
   - Moves closer to the original single-image composition
   - Moderates section spacing after v4
   - Tightens benefit and foundation typography/layout
   - Keeps the clean final CTA treatment
   ========================================================= */
@media (min-width:1181px){
  .container{width:min(1360px,calc(100% - 72px));}
  .site-header{min-height:78px;grid-template-columns:300px 1fr auto;}
  .brand-mark{width:46px;height:46px;}
  .brand-main{font-size:1.22rem;letter-spacing:.25em;}
  .brand-sub{font-size:.55rem;letter-spacing:.56em;}
  .primary-nav a{padding:27px 0 24px;}
  .header-cta{min-height:41px;min-width:250px;}

  .hero{min-height:480px;padding-top:48px;padding-bottom:42px;}
  .hero-grid{gap:36px;grid-template-columns:minmax(420px,.98fr) minmax(420px,1.02fr);}
  .hero h1{font-size:clamp(2.75rem,4.55vw,4.45rem);line-height:1.03;max-width:650px;}
  .hero p{font-size:1.02rem;line-height:1.58;margin-top:22px;max-width:610px;}
  .hero-brand{min-height:315px;}
  .hero-brand img{width:min(500px,86%);}
  .proof-row{margin-top:28px;max-width:555px;}

  .audience{padding-top:8px;padding-bottom:30px;}
  .audience-inner{padding-top:78px;gap:48px;}
  .choice-orb{width:128px;height:128px;font-size:1.34rem;}
  .arc{top:62px;height:68px;width:31%;}
  .path-card{min-height:282px;border-radius:19px;}
  .path-photo{min-height:282px;}
  .path-text{padding:30px 34px 26px;}
  .circle-icon{width:52px;height:52px;margin-bottom:8px;}
  .path-text h2{font-size:1.78rem;}
  .mini-gold{font-size:.92rem;margin:.18rem 0 .92rem;}
  .check-list{font-size:.92rem;gap:7px;line-height:1.23;margin-bottom:16px;}
  .path-text .btn{min-height:39px;padding:0 24px;font-size:.72rem;}

  .process{padding-top:30px;padding-bottom:34px;}
  .section-title{margin-bottom:20px;}
  .section-title h2{font-size:1.05rem;letter-spacing:.28em;}
  .steps{gap:22px;}
  .step{min-height:106px;padding:14px 8px 12px;border-radius:10px;}
  .step .ico{width:34px;height:34px;}
  .step strong{font-size:.86rem;line-height:1.14;}
  .step:not(:last-child):after{right:-20px;font-size:1.65rem;}

  .benefits{padding-top:30px;padding-bottom:36px;}
  .benefit-grid{gap:28px;}
  .benefit-card{min-height:235px;border-radius:19px;grid-template-columns:32% 68%;}
  .benefit-card:nth-child(2){grid-template-columns:64% 36%;}
  .benefit-text{padding:28px 28px 16px;}
  .benefit-text h2{font-size:1.48rem;line-height:1.08;letter-spacing:-.02em;max-width:520px;}
  .benefit-text h2 span{display:inline;color:var(--gold2);}
  .benefit-text p{font-size:.95rem;line-height:1.48;margin-top:13px;max-width:480px;}
  .circle-icon.small{width:50px;height:50px;margin:0 18px 6px 0;}
  .benefit-points{min-height:55px;}
  .benefit-points span{font-size:.78rem;padding:10px 6px 12px;}
  .benefit-points .ico{width:24px;height:24px;}

  .foundation{padding-top:34px;padding-bottom:34px;}
  .foundation .section-title{margin-bottom:18px;}
  .foundation-layout{grid-template-columns:minmax(330px,1fr) 300px minmax(420px,1.15fr);grid-template-rows:auto auto;gap:24px 34px;align-items:center;}
  .foundation-intro{font-size:.98rem;line-height:1.5;max-width:470px;}
  .foundation-diagram{min-height:210px;}
  .foundation-diagram img{width:78px;height:78px;}
  .tri-line{width:210px;height:156px;}
  .node{width:50px;height:50px;}
  .node .ico{width:25px;height:25px;}
  .n-left{left:36px;bottom:22px;}
  .n-right{right:36px;bottom:22px;}
  .pillar h3{font-size:1.33rem;margin-bottom:8px;}
  .pillar p{font-size:.96rem;line-height:1.45;}

  .final-cta{padding-top:20px;padding-bottom:44px;}
  .cta-panel{min-height:215px;padding:42px 40px 34px;border-radius:19px;}
  .cta-panel h2{font-size:clamp(2.18rem,3.35vw,3.05rem);}
  .cta-panel p{font-size:.98rem;line-height:1.5;max-width:720px;}
  .cta-buttons{margin-top:24px;gap:34px;}
  .cta-buttons .btn{min-width:300px;min-height:41px;}
}

@media (min-width:1181px) and (max-width:1450px){
  .container{width:min(1260px,calc(100% - 60px));}
  .primary-nav{gap:24px;}
  .hero h1{font-size:clamp(2.65rem,4.35vw,4.12rem);}
  .hero-brand img{width:min(465px,84%);}
  .path-text{padding:28px 28px 24px;}
  .check-list{font-size:.88rem;}
  .benefit-text h2{font-size:1.34rem;}
}

@media (max-width:1180px){
  .audience{padding-bottom:32px;}
  .process{padding-top:32px;padding-bottom:34px;}
  .benefits{padding-top:30px;padding-bottom:34px;}
  .foundation{padding-top:32px;padding-bottom:34px;}
  .final-cta{padding-top:18px;padding-bottom:38px;}
}


/* =========================================================
   v6 icon and hero cleanup pass
   - Uses refined generated metallic-gold image icons
   - Reduces the ghosted wordmark/shadow in the hero
   - Keeps icons topic-specific while preserving page speed
   ========================================================= */
.tm-icon{display:block;object-fit:contain;filter:drop-shadow(0 0 8px rgba(230,189,98,.35)) drop-shadow(0 2px 3px rgba(0,0,0,.42));}
.hero-value-icon{width:38px;height:38px;}
.circle-img{width:32px;height:32px;}
.step-icon-img{width:46px;height:46px;margin-bottom:6px;}
.benefit-mini-icon{width:28px;height:28px;}
.node-icon-img{width:31px;height:31px;}
.proof-row div{align-items:center;}
.step .tm-icon{margin-inline:auto;}
.benefit-points .tm-icon{margin-inline:auto;}
.circle-icon .tm-icon{margin:auto;}
.node .tm-icon{margin:auto;}
.hero-brand{overflow:hidden;}
.hero-brand img{transform:translateY(-12px);opacity:.96;}
.hero-brand:after{content:"";position:absolute;left:3%;right:3%;bottom:0;height:32%;background:linear-gradient(180deg,rgba(5,11,20,0),rgba(5,11,20,.76) 62%,rgba(5,11,20,.94));pointer-events:none;z-index:2;}
.hero-brand img{z-index:1;}

@media (min-width:1181px){
  .hero-brand img{width:min(430px,78%);}
  .hero-brand{min-height:300px;}
  .proof-row{max-width:520px;}
  .hero-value-icon{width:40px;height:40px;}
  .step-icon-img{width:50px;height:50px;}
  .benefit-mini-icon{width:30px;height:30px;}
  .circle-img{width:34px;height:34px;}
  .node-icon-img{width:34px;height:34px;}
  .step{padding-top:13px;}
  .step strong{margin-top:0;}
}

@media (max-width:1180px){
  .hero-brand img{transform:none;width:min(430px,70%);}
  .hero-brand:after{display:none;}
}


/* =========================================================
   v7 artifact removal and footer pass
   - Masks the lower hero-logo wordmark area that was creating
     the stray MATCH artifact above the role selector
   - Adds a discreet branded copyright footer
   ========================================================= */
.hero-brand img{
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.74) 70%,rgba(0,0,0,.18) 82%,transparent 94%);
  mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.74) 70%,rgba(0,0,0,.18) 82%,transparent 94%);
}
.hero-brand:after{
  height:48%;
  left:0;
  right:0;
  background:linear-gradient(180deg,rgba(5,11,20,0),rgba(5,11,20,.86) 54%,rgba(5,11,20,.98) 86%);
}
.hero::before{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:58%;
  height:128px;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(5,11,20,0),rgba(5,11,20,.88) 62%,rgba(5,11,20,.98));
}
.hero-copy{z-index:4;}
.hero-brand{z-index:2;}

.site-footer{
  position:relative;
  padding:18px 0 26px;
  border-top:1px solid rgba(184,134,44,.28);
  background:linear-gradient(180deg,rgba(3,8,15,.35),rgba(3,8,15,.92));
}
.footer-inner{
  text-align:center;
}
.footer-inner p{
  margin:0;
  color:rgba(250,247,241,.58);
  font-size:.78rem;
  letter-spacing:.08em;
}

@media (max-width:1180px){
  .hero::before{display:none;}
  .hero-brand img{-webkit-mask-image:none;mask-image:none;}
}

/* =========================================================
   v8 footer placement pass
   - Pulls copyright directly under the final CTA panel
   - Removes the oversized dark gap after the bordered CTA section
   ========================================================= */
.final-cta{
  padding-bottom:12px !important;
}
.site-footer{
  padding:0 0 18px !important;
  margin-top:0 !important;
  border-top:0 !important;
  background:linear-gradient(180deg,rgba(3,8,15,.12),rgba(3,8,15,.52)) !important;
}
.footer-inner p{
  font-size:.76rem;
  color:rgba(250,247,241,.56);
}

@media (max-width:1180px){
  .final-cta{padding-bottom:10px !important;}
  .site-footer{padding-bottom:16px !important;}
}

/* =========================================================
   v9 return-to-original-design pass
   - Keeps the photo-rich original composition
   - Removes the ghosted MATCH / phantom-logo artifacts by
     eliminating the hero logo masks and using full-color logo display
   - Improves foundation section balance while preserving layout
   ========================================================= */
@media (min-width:1181px){
  .hero{
    min-height:510px;
    padding-top:50px;
    padding-bottom:48px;
  }
  .hero-grid{
    grid-template-columns:minmax(450px,.98fr) minmax(420px,1.02fr);
    gap:48px;
  }
  .hero-home{
    width:56%;
    opacity:.78;
  }
  .hero-brand{
    min-height:330px;
    overflow:visible !important;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-top:4px;
  }
  .hero-brand:before{
    inset:4% 6% 6%;
    background:radial-gradient(circle at 50% 42%,rgba(230,189,98,.20),transparent 56%);
    filter:blur(8px);
  }
  .hero-brand:after,
  .hero::before{
    display:none !important;
    content:none !important;
  }
  .hero-brand img{
    width:min(545px,88%) !important;
    max-height:335px;
    object-fit:contain;
    object-position:center;
    opacity:1 !important;
    transform:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    filter:drop-shadow(0 22px 34px rgba(0,0,0,.68)) drop-shadow(0 0 20px rgba(230,189,98,.24));
  }
  .hero:after{
    background:
      linear-gradient(90deg,rgba(5,11,20,.99) 0%,rgba(5,11,20,.82) 38%,rgba(5,11,20,.50) 66%,rgba(5,11,20,.76) 100%),
      linear-gradient(180deg,rgba(5,11,20,0) 0%,rgba(5,11,20,.18) 72%,rgba(5,11,20,.38) 100%);
  }
  .audience{
    padding-top:10px;
  }
  .audience-inner{
    padding-top:84px;
  }
  .choice-orb{
    z-index:7;
  }
  .arc{
    z-index:3;
    opacity:.96;
  }
  .path-card{
    z-index:4;
  }

  .foundation{
    padding-top:42px;
    padding-bottom:42px;
  }
  .foundation .section-title{
    margin-bottom:24px;
  }
  .foundation-layout{
    grid-template-columns:minmax(330px,1fr) 360px minmax(380px,1fr);
    grid-template-rows:auto auto;
    gap:28px 46px;
    align-items:center;
  }
  .foundation-intro,
  .pillar{
    position:relative;
    padding:18px 20px;
    border-left:1px solid rgba(230,189,98,.34);
    background:linear-gradient(90deg,rgba(7,18,32,.42),rgba(7,18,32,.08));
    box-shadow:inset 18px 0 34px rgba(230,189,98,.035);
  }
  .foundation-intro{
    grid-column:1;
    grid-row:1;
    max-width:500px;
    line-height:1.55;
  }
  .copy-right.top{
    grid-column:3;
    grid-row:1;
    align-self:end;
  }
  .copy-right.bottom{
    grid-column:3;
    grid-row:2;
    align-self:start;
  }
  .copy-left{
    grid-column:1;
    grid-row:2;
    align-self:center;
  }
  .foundation-diagram{
    grid-column:2;
    grid-row:1 / span 2;
    min-height:285px;
  }
  .foundation-diagram:before{
    content:"";
    position:absolute;
    inset:18px -20px 0;
    background:radial-gradient(circle at 50% 48%,rgba(230,189,98,.20),transparent 48%),
               radial-gradient(circle at 50% 80%,rgba(20,48,92,.44),transparent 62%);
    filter:blur(2px);
    pointer-events:none;
  }
  .foundation-diagram:after{
    content:"";
    position:absolute;
    left:50%;
    top:51%;
    width:320px;
    height:1px;
    transform:translate(-50%,-50%);
    background:linear-gradient(90deg,transparent,rgba(230,189,98,.32),transparent);
    box-shadow:0 0 20px rgba(230,189,98,.22);
  }
  .tri-line{
    width:280px;
    height:210px;
    background:linear-gradient(135deg,rgba(230,189,98,.055),rgba(230,189,98,.20));
    border:1px solid rgba(230,189,98,.58);
    box-shadow:0 0 24px rgba(184,134,44,.18), inset 0 0 42px rgba(230,189,98,.035);
  }
  .foundation-diagram > img{
    width:90px !important;
    height:90px !important;
    padding:6px;
    background:rgba(4,12,22,.55);
    border-radius:4px;
    box-shadow:0 0 28px rgba(230,189,98,.20);
  }
  .node{
    width:66px;
    height:66px;
    z-index:4;
    background:radial-gradient(circle at 50% 35%,#132a49,#050d18 72%);
    border-color:rgba(230,189,98,.72);
    box-shadow:0 0 26px rgba(184,134,44,.34), inset 0 0 18px rgba(255,255,255,.045);
  }
  .node .tm-icon,
  .node-icon-img{
    width:38px !important;
    height:38px !important;
  }
  .n-top{top:2px;}
  .n-left{left:18px;bottom:18px;}
  .n-right{right:18px;bottom:18px;}
  .pillar h3{
    font-size:1.46rem;
    color:var(--gold2);
  }
  .pillar p{
    color:rgba(250,247,241,.80);
  }
}

@media (max-width:1180px){
  .hero-brand:after,
  .hero::before{display:none !important;content:none !important;}
  .hero-brand img{-webkit-mask-image:none !important;mask-image:none !important;opacity:1 !important;}
}



/* =========================================================
   v10 original-target realignment pass
   - Removes baked-in hero-home logo/MATCH artifact by using a clean
     luxury-home crop with no embedded wordmark
   - Keeps the photo-rich original design and branching arrows
   - Reworks Foundation closer to the original intended composition:
     text around a centered triangle, no chunky boxes
   ========================================================= */
@media (min-width:1181px){
  .hero-home{
    background:
      linear-gradient(90deg,rgba(5,11,20,.98),rgba(5,11,20,.34) 45%,rgba(5,11,20,.28)),
      url('../images/hero-home-clean.webp') center right/cover no-repeat !important;
    width:58%;
    opacity:.88;
    filter:saturate(1.08) contrast(1.04);
    mask-image:linear-gradient(90deg,transparent 0,black 18%,black 100%);
  }

  .hero-brand{
    min-height:315px;
    align-items:center;
    justify-content:center;
    overflow:hidden !important;
  }

  .hero-brand img{
    width:min(500px,84%) !important;
    max-height:300px !important;
    object-fit:contain;
    object-position:center;
  }

  /* Add a clean dark transition band under the hero so no logo/text can visually bleed toward the orb */
  .hero{
    overflow:hidden !important;
    padding-bottom:42px;
  }
  .hero::before{
    content:"" !important;
    display:block !important;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:88px;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(5,11,20,0),rgba(5,11,20,.86) 72%,rgba(5,11,20,.96));
  }
  .hero-grid{
    position:relative;
    z-index:2;
  }

  .audience{
    padding-top:0;
  }
  .audience-inner{
    padding-top:88px;
  }

  /* Foundation reset: closer to the original design, with elegant text around the triangle */
  .foundation{
    padding-top:48px;
    padding-bottom:54px;
  }
  .foundation .section-title{
    margin-bottom:28px;
  }
  .foundation-layout{
    display:grid;
    grid-template-columns:minmax(285px,1.05fr) minmax(210px,.75fr) minmax(320px,1.05fr);
    grid-template-rows:auto auto;
    gap:26px 52px;
    align-items:center;
  }
  .foundation-intro,
  .pillar{
    padding:0 !important;
    border-left:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .foundation-intro{
    grid-column:1;
    grid-row:1;
    max-width:390px;
    font-size:1.02rem;
    line-height:1.58;
    align-self:center;
  }
  .copy-left{
    grid-column:1;
    grid-row:2;
    align-self:center;
    max-width:390px;
  }
  .copy-right.top{
    grid-column:3;
    grid-row:1;
    align-self:center;
    max-width:420px;
  }
  .copy-right.bottom{
    grid-column:3;
    grid-row:2;
    align-self:center;
    max-width:440px;
  }
  .foundation-diagram{
    grid-column:2;
    grid-row:1 / span 2;
    min-height:265px;
    width:330px;
    justify-self:center;
  }
  .foundation-diagram:before{
    content:"";
    position:absolute;
    inset:6px -18px -2px;
    background:
      radial-gradient(circle at 50% 48%,rgba(230,189,98,.22),transparent 42%),
      radial-gradient(circle at 50% 88%,rgba(20,48,92,.46),transparent 62%);
    filter:blur(3px);
    pointer-events:none;
  }
  .foundation-diagram:after{
    content:"";
    position:absolute;
    left:50%;
    top:52%;
    width:380px;
    height:1px;
    transform:translate(-50%,-50%);
    background:linear-gradient(90deg,transparent,rgba(230,189,98,.45),transparent);
    box-shadow:0 0 22px rgba(230,189,98,.25);
    opacity:.75;
  }
  .tri-line{
    width:285px;
    height:205px;
    clip-path:polygon(50% 0,100% 100%,0 100%);
    background:
      linear-gradient(135deg,rgba(230,189,98,.04),rgba(230,189,98,.16)),
      radial-gradient(circle at 50% 55%,rgba(230,189,98,.16),transparent 52%);
    border:1px solid rgba(230,189,98,.62);
    filter:drop-shadow(0 0 18px rgba(230,189,98,.30));
    box-shadow:none;
  }
  .foundation-diagram > img{
    width:86px !important;
    height:86px !important;
    object-fit:contain;
    background:rgba(4,12,22,.55);
    border-radius:6px;
    padding:5px;
    box-shadow:0 0 24px rgba(230,189,98,.24);
  }
  .node{
    width:62px;
    height:62px;
  }
  .n-top{top:0;}
  .n-left{left:8px;bottom:10px;}
  .n-right{right:8px;bottom:10px;}
  .pillar h3{
    font-size:1.48rem;
    margin-bottom:8px;
    color:var(--gold2);
  }
  .pillar p{
    font-size:1rem;
    line-height:1.56;
    color:rgba(250,247,241,.78);
  }
  .foundation-intro:before,
  .copy-left:before,
  .copy-right.top:before,
  .copy-right.bottom:before{
    content:"";
    display:block;
    width:78px;
    height:1px;
    margin-bottom:16px;
    background:linear-gradient(90deg,var(--gold2),transparent);
    opacity:.6;
  }
  .copy-right.top:before,
  .copy-right.bottom:before{
    width:96px;
  }
}

/* Mobile/tablet should also use the clean hero image */
.hero-home{
  background:
    linear-gradient(90deg,rgba(5,11,20,.98),rgba(5,11,20,.34) 45%,rgba(5,11,20,.28)),
    url('../images/hero-home-clean.webp') center right/cover no-repeat !important;
}


/* =========================================================
   v11 integrated-hero and original-target alignment
   ========================================================= */

/* Keep the hero and the role selector visually connected like the target image */
@media (min-width:1181px){
  .hero{
    min-height:520px !important;
    padding-top:52px !important;
    padding-bottom:28px !important;
    overflow:hidden !important;
  }

  .hero-home{
    background:
      linear-gradient(90deg,rgba(5,11,20,.98),rgba(5,11,20,.34) 44%,rgba(5,11,20,.25)),
      url('../images/hero-home-clean.webp') center right/cover no-repeat !important;
    width:58% !important;
    opacity:.9 !important;
    filter:saturate(1.08) contrast(1.05);
    mask-image:linear-gradient(90deg,transparent 0,black 19%,black 100%);
  }

  .hero::before{
    content:"" !important;
    display:block !important;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:74px;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(5,11,20,0),rgba(5,11,20,.84) 78%,rgba(5,11,20,.96));
  }

  .hero-grid{
    position:relative;
    z-index:2;
  }

  .hero-brand{
    min-height:300px !important;
    overflow:visible !important;
  }

  .hero-brand img{
    width:min(505px,84%) !important;
    max-height:305px !important;
    object-fit:contain;
    opacity:1 !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }

  .hero-brand:after,
  .hero::after .hero-brand:after{
    display:none !important;
  }

  /* Pull the role section upward so it reads as part of one large hero composition */
  .audience{
    margin-top:-8px !important;
    padding-top:0 !important;
    padding-bottom:54px !important;
    background:
      radial-gradient(circle at 50% 0%,rgba(230,189,98,.10),transparent 260px),
      linear-gradient(180deg,rgba(5,11,20,.96),rgba(6,15,26,.98));
  }

  .audience-inner{
    padding-top:78px !important;
    gap:58px !important;
  }

  /* Fancier center circle like the original */
  .choice-orb{
    top:-4px !important;
    width:164px !important;
    height:164px !important;
    z-index:9 !important;
    border:2px solid rgba(245,216,134,.78) !important;
    background:
      radial-gradient(circle at 50% 26%,rgba(255,255,255,.12),transparent 20%),
      radial-gradient(circle at 50% 40%,#18345b 0%,#071420 69%,#03080f 100%) !important;
    box-shadow:
      0 0 0 4px rgba(184,134,44,.20),
      0 0 0 10px rgba(184,134,44,.07),
      0 0 38px rgba(230,189,98,.55),
      inset 0 0 28px rgba(255,255,255,.09),
      inset 0 -10px 20px rgba(0,0,0,.38) !important;
  }
  .choice-orb:before{
    content:"";
    position:absolute;
    inset:9px;
    border-radius:50%;
    border:1px solid rgba(245,216,134,.42);
    box-shadow:inset 0 0 12px rgba(230,189,98,.22);
    pointer-events:none;
  }
  .choice-orb:after{
    content:"";
    position:absolute;
    inset:-14px;
    border-radius:50%;
    border-top:1px solid rgba(245,216,134,.48);
    border-bottom:1px solid rgba(184,134,44,.34);
    filter:drop-shadow(0 0 10px rgba(230,189,98,.30));
    pointer-events:none;
  }

  /* Thicker, glowing curved arrows from the circle to the cards */
  .arc{
    top:78px !important;
    height:118px !important;
    width:36% !important;
    border-top:4px solid rgba(230,189,98,.66) !important;
    filter:drop-shadow(0 0 9px rgba(230,189,98,.65)) drop-shadow(0 0 22px rgba(184,134,44,.30)) !important;
    z-index:3 !important;
  }
  .arc-left{
    right:50% !important;
    border-top-left-radius:120% !important;
    transform:translateX(-2px);
  }
  .arc-right{
    left:50% !important;
    border-top-right-radius:120% !important;
    transform:translateX(2px);
  }
  .arc:after{
    bottom:20px !important;
    border-left:10px solid transparent !important;
    border-right:10px solid transparent !important;
    border-top:18px solid var(--gold2) !important;
    filter:drop-shadow(0 0 9px rgba(230,189,98,.60));
  }
  .arc-left:after{left:10px !important; transform:rotate(18deg);}
  .arc-right:after{right:10px !important; transform:rotate(-18deg);}

  /* Remove hard photo stops in the audience cards using soft mask fade */
  .path-photo{
    position:relative;
    opacity:.92 !important;
    filter:saturate(1.05) contrast(1.05);
  }
  .path-card:not(.path-realtor) .path-photo{
    -webkit-mask-image:linear-gradient(90deg,black 0%,black 58%,rgba(0,0,0,.72) 74%,transparent 100%);
    mask-image:linear-gradient(90deg,black 0%,black 58%,rgba(0,0,0,.72) 74%,transparent 100%);
  }
  .path-realtor .path-photo{
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.72) 22%,black 42%,black 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.72) 22%,black 42%,black 100%);
  }
  .path-card:after{
    background:
      radial-gradient(circle at 15% 50%,rgba(255,255,255,.11),transparent 245px),
      linear-gradient(90deg,rgba(5,11,20,.10),rgba(5,11,20,.44)) !important;
  }

  /* Foundation: full transparent logo inside the triangle, not the square icon */
  .foundation-diagram .foundation-logo-full{
    width:132px !important;
    height:132px !important;
    object-fit:contain !important;
    background:transparent !important;
    border-radius:0 !important;
    padding:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 0 20px rgba(230,189,98,.32)) drop-shadow(0 16px 24px rgba(0,0,0,.45)) !important;
  }

  .foundation-diagram{
    min-height:292px !important;
  }
  .tri-line{
    width:300px !important;
    height:220px !important;
  }
  .n-top{top:-4px !important;}
  .n-left{left:0 !important; bottom:10px !important;}
  .n-right{right:0 !important; bottom:10px !important;}
}

@media (max-width:1180px){
  .hero-home{
    background:
      linear-gradient(90deg,rgba(5,11,20,.98),rgba(5,11,20,.34) 44%,rgba(5,11,20,.25)),
      url('../images/hero-home-clean.webp') center right/cover no-repeat !important;
  }
  .foundation-diagram .foundation-logo-full{
    width:110px !important;
    height:110px !important;
    object-fit:contain !important;
    background:transparent !important;
    padding:0 !important;
  }
}


/* =========================================================
   v12 header + role selector refinement
   - Full-width fixed/sticky header background so page content cannot show
     behind the logo area while scrolling
   - Removes visible top nav links while keeping the early-access CTA
   - Makes role selector/cards closer to the original target:
     larger ornate circle, stronger gold curved arrows, photo fade treatment
   ========================================================= */

/* Full-width header bar */
.site-header{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 clamp(22px,4.6vw,76px) !important;
  grid-template-columns:320px 1fr auto !important;
  background:
    linear-gradient(180deg,rgba(3,8,15,.985),rgba(3,8,15,.94)) !important;
  border-bottom:1px solid rgba(184,134,44,.42) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.38);
}

/* Hide nav links for the single-page version */
.primary-nav-hidden,
.primary-nav{
  display:none !important;
}

.header-cta{
  justify-self:end;
}

/* Keep the brand clean and above any scrolled content */
.brand{
  position:relative;
  z-index:2;
}
.brand:before{
  content:"";
  position:absolute;
  inset:-14px -18px;
  z-index:-1;
  background:linear-gradient(90deg,rgba(3,8,15,.98),rgba(3,8,15,.72),transparent);
  border-radius:2px;
}

/* Desktop role selector improvements */
@media (min-width:1181px){
  .audience{
    margin-top:-24px !important;
    padding-top:0 !important;
    padding-bottom:54px !important;
  }

  .audience-inner{
    padding-top:98px !important;
    gap:64px !important;
  }

  .choice-orb{
    top:-18px !important;
    width:174px !important;
    height:174px !important;
    font-size:1.55rem !important;
    background:
      radial-gradient(circle at 50% 24%,rgba(255,255,255,.22),transparent 18%),
      radial-gradient(circle at 50% 38%,#18385f 0%,#0a2038 44%,#050d18 78%) !important;
    border:2px solid rgba(249,220,142,.82) !important;
    box-shadow:
      0 0 0 3px rgba(184,134,44,.28),
      0 0 0 11px rgba(184,134,44,.09),
      0 0 0 18px rgba(184,134,44,.035),
      0 0 42px rgba(230,189,98,.62),
      inset 0 0 22px rgba(255,255,255,.10),
      inset 0 -16px 22px rgba(0,0,0,.46) !important;
  }
  .choice-orb:before{
    content:"";
    position:absolute;
    inset:10px;
    border-radius:50%;
    border:1px solid rgba(249,220,142,.48);
    box-shadow:
      inset 0 0 14px rgba(230,189,98,.26),
      0 0 10px rgba(230,189,98,.18);
    pointer-events:none;
  }
  .choice-orb:after{
    content:"";
    position:absolute;
    inset:-16px;
    border-radius:50%;
    border-top:2px solid rgba(249,220,142,.56);
    border-bottom:1px solid rgba(184,134,44,.40);
    filter:drop-shadow(0 0 11px rgba(230,189,98,.45));
    pointer-events:none;
  }

  /* More like the target: bright curved branch lines dropping into arrows */
  .arc{
    top:82px !important;
    height:142px !important;
    width:37.8% !important;
    border-top:5px solid rgba(230,189,98,.76) !important;
    filter:
      drop-shadow(0 0 7px rgba(255,226,150,.70))
      drop-shadow(0 0 22px rgba(184,134,44,.50)) !important;
    z-index:5 !important;
    opacity:1 !important;
  }
  .arc-left{
    right:50% !important;
    border-top-left-radius:118% 100% !important;
    transform:translateX(-2px);
  }
  .arc-right{
    left:50% !important;
    border-top-right-radius:118% 100% !important;
    transform:translateX(2px);
  }
  .arc:before{
    content:"";
    position:absolute;
    top:-5px;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,transparent,rgba(255,235,170,.32),transparent);
    filter:blur(4px);
  }
  .arc:after{
    bottom:30px !important;
    border-left:12px solid transparent !important;
    border-right:12px solid transparent !important;
    border-top:20px solid var(--gold2) !important;
    filter:drop-shadow(0 0 8px rgba(255,226,150,.78));
  }
  .arc-left:after{
    left:10px !important;
    transform:rotate(18deg);
  }
  .arc-right:after{
    right:10px !important;
    transform:rotate(-18deg);
  }

  .path-card{
    min-height:342px !important;
    border-color:rgba(184,134,44,.68) !important;
    background:linear-gradient(135deg,rgba(8,20,35,.72),rgba(4,11,20,.94)) !important;
  }

  .path-card:not(.path-realtor){
    grid-template-columns:43% 57% !important;
  }
  .path-realtor{
    grid-template-columns:57% 43% !important;
  }

  .path-photo{
    min-height:342px !important;
  }

  /* Soft fade into text area, no hard photo stop */
  .path-card:not(.path-realtor) .path-photo{
    -webkit-mask-image:linear-gradient(90deg,black 0%,black 55%,rgba(0,0,0,.86) 66%,rgba(0,0,0,.34) 84%,transparent 100%) !important;
    mask-image:linear-gradient(90deg,black 0%,black 55%,rgba(0,0,0,.86) 66%,rgba(0,0,0,.34) 84%,transparent 100%) !important;
  }
  .path-realtor .path-photo{
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.34) 16%,rgba(0,0,0,.86) 34%,black 50%,black 100%) !important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.34) 16%,rgba(0,0,0,.86) 34%,black 50%,black 100%) !important;
  }

  .path-text{
    padding:44px 48px 34px !important;
  }

  .path-card h3{
    font-size:2rem !important;
    margin-top:4px !important;
  }

  .circle-icon{
    width:70px !important;
    height:70px !important;
    border-color:rgba(230,189,98,.70) !important;
    box-shadow:0 0 22px rgba(184,134,44,.28);
  }
}

/* Tablet/mobile: keep header full width and hide nav */
@media (max-width:1180px){
  .site-header{
    width:100% !important;
    padding:0 18px !important;
    grid-template-columns:1fr auto !important;
  }
  .primary-nav,
  .nav-toggle{
    display:none !important;
  }
  .header-cta{
    min-width:auto !important;
    padding-inline:18px !important;
  }
}

@media (max-width:720px){
  .site-header{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:12px 16px !important;
  }
  .header-cta{
    justify-self:start;
    min-height:38px !important;
    font-size:.68rem !important;
  }
  .brand-main{
    font-size:1rem !important;
  }
  .brand-sub{
    font-size:.48rem !important;
  }
  .brand-mark{
    width:42px !important;
    height:42px !important;
  }
}


/* =========================================================
   v13 popup forms + benefit-card height
   ========================================================= */

/* Make the benefit cards taller so the photo areas are more visible */
@media (min-width:1181px){
  .benefit-card{
    min-height:302px !important;
  }
  .benefit-photo{
    min-height:205px !important;
  }
  .benefit-text{
    padding-top:36px !important;
    padding-bottom:30px !important;
  }
}

/* Buttons used where anchors used to be */
button.btn{
  border:0;
  font-family:inherit;
  cursor:pointer;
}
button.btn-outline{
  border:1px solid rgba(230,189,98,.58);
}

/* Modal */
.tm-modal{
  position:fixed;
  inset:0;
  z-index:200;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.tm-modal.is-open{
  display:flex;
}
.tm-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(1,5,10,.78);
  backdrop-filter:blur(10px);
}
.tm-modal-panel{
  position:relative;
  width:min(820px,100%);
  max-height:min(88vh,900px);
  overflow:auto;
  border:1px solid rgba(230,189,98,.64);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 0%,rgba(230,189,98,.13),transparent 320px),
    linear-gradient(145deg,rgba(8,20,35,.98),rgba(3,9,17,.98));
  box-shadow:
    0 34px 90px rgba(0,0,0,.70),
    0 0 42px rgba(184,134,44,.22),
    inset 0 1px 0 rgba(255,255,255,.06);
  padding:34px;
}
.tm-modal-close{
  position:absolute;
  top:18px;
  right:18px;
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(230,189,98,.52);
  background:rgba(5,12,22,.86);
  color:var(--cream);
  font-size:1.7rem;
  line-height:1;
  cursor:pointer;
}
.tm-modal-brand{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
}
.tm-modal-brand img{
  width:46px;
  height:46px;
  object-fit:contain;
}
.tm-modal-brand span{
  display:block;
  font-family:var(--serif);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--gold2);
  font-size:.85rem;
}
.tm-modal-brand strong{
  display:block;
  color:rgba(250,247,241,.74);
  font-size:.82rem;
  font-weight:600;
  margin-top:4px;
}
.tm-modal-panel h2{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(1.9rem,3.2vw,3rem);
  font-weight:500;
}
.tm-modal-panel > p{
  margin:12px 0 24px;
  color:var(--muted);
  line-height:1.55;
}
.tm-request-form{
  display:grid;
  gap:22px;
}
.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.tm-request-form label{
  display:grid;
  gap:7px;
  color:rgba(250,247,241,.88);
  font-size:.88rem;
  font-weight:700;
}
.tm-request-form input,
.tm-request-form select,
.tm-request-form textarea{
  width:100%;
  border:1px solid rgba(230,189,98,.34);
  border-radius:10px;
  background:rgba(2,8,15,.72);
  color:var(--cream);
  padding:12px 13px;
  font:inherit;
  outline:none;
}
.tm-request-form textarea{
  resize:vertical;
}
.tm-request-form input:focus,
.tm-request-form select:focus,
.tm-request-form textarea:focus{
  border-color:rgba(230,189,98,.82);
  box-shadow:0 0 0 3px rgba(184,134,44,.16);
}
.modal-form-section{
  border-top:1px solid rgba(184,134,44,.28);
  padding-top:20px;
}
.modal-form-section h3{
  margin:0 0 16px;
  font-family:var(--serif);
  font-weight:500;
  color:var(--gold2);
  font-size:1.38rem;
}
.full{
  margin-top:16px;
}
.checkbox-group{
  margin:16px 0 0;
  padding:16px;
  border:1px solid rgba(230,189,98,.28);
  border-radius:14px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 18px;
}
.checkbox-group legend{
  padding:0 8px;
  color:var(--gold2);
  font-weight:800;
}
.checkbox-group label{
  display:flex;
  align-items:flex-start;
  gap:9px;
  font-weight:600;
  color:rgba(250,247,241,.80);
}
.checkbox-group input{
  width:auto;
  margin-top:3px;
}
.form-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.form-actions .btn{
  min-width:190px;
}
.form-note{
  margin:0;
  color:rgba(250,247,241,.56);
  font-size:.78rem;
  line-height:1.45;
}
.form-status{
  min-height:1.3em;
  margin:0;
  color:var(--gold2);
  font-weight:700;
}
body.modal-open{
  overflow:hidden;
}

@media (max-width:760px){
  .tm-modal{
    padding:14px;
  }
  .tm-modal-panel{
    padding:26px 18px;
    border-radius:18px;
  }
  .form-grid,
  .checkbox-group{
    grid-template-columns:1fr;
  }
  .form-actions .btn{
    width:100%;
  }
}


/* =========================================================
   v14 form validation, benefits modal, icon scale, arrows,
   and foundation polish
   ========================================================= */

/* Larger custom icons across the page */
.hero-value-icon{
  width:58px !important;
  height:58px !important;
}
.step-icon-img{
  width:76px !important;
  height:76px !important;
}
.benefit-mini-icon{
  width:44px !important;
  height:44px !important;
}
.circle-img{
  width:48px !important;
  height:48px !important;
}
.node-icon-img{
  width:52px !important;
  height:52px !important;
}
.proof-row div{
  gap:12px !important;
}
.step{
  min-height:124px !important;
}
.step strong{
  margin-top:4px;
}

/* More refined circle-arrow treatment. Use small chevrons instead of chunky triangles. */
@media (min-width:1181px){
  .arc{
    border-top-width:4px !important;
    height:128px !important;
    top:90px !important;
  }
  .arc:after{
    content:"" !important;
    position:absolute !important;
    width:18px !important;
    height:18px !important;
    border:0 !important;
    border-right:4px solid var(--gold2) !important;
    border-bottom:4px solid var(--gold2) !important;
    background:transparent !important;
    filter:drop-shadow(0 0 7px rgba(255,226,150,.78)) !important;
  }
  .arc-left:after{
    left:5px !important;
    bottom:25px !important;
    transform:rotate(45deg) !important;
  }
  .arc-right:after{
    right:5px !important;
    bottom:25px !important;
    transform:rotate(45deg) !important;
  }
}

/* Foundation diagram center logo is larger and centered inside the triangle */
@media (min-width:1181px){
  .foundation-diagram{
    min-height:330px !important;
    width:400px !important;
  }
  .tri-line{
    width:330px !important;
    height:245px !important;
  }
  .foundation-diagram .foundation-logo-full{
    width:180px !important;
    height:180px !important;
    max-width:none !important;
    object-fit:contain !important;
    transform:translateY(6px);
  }
  .n-top{top:-4px !important;}
  .n-left{left:16px !important; bottom:18px !important;}
  .n-right{right:16px !important; bottom:18px !important;}
}

/* Required-field and validation UI */
.req{
  color:var(--gold2);
  font-weight:900;
}
.field-error{
  min-height:1.1em;
  color:#f1b6a8;
  font-size:.75rem;
  font-weight:700;
}
.required-hint{
  margin:0;
  color:rgba(250,247,241,.72);
  font-size:.86rem;
  font-weight:700;
}
.form-actions button[disabled]{
  cursor:not-allowed;
  opacity:.46;
  transform:none !important;
  box-shadow:none !important;
  filter:saturate(.55);
}
.tm-request-form input.is-invalid,
.tm-request-form select.is-invalid,
.tm-request-form textarea.is-invalid{
  border-color:rgba(238,126,102,.9) !important;
  box-shadow:0 0 0 3px rgba(238,126,102,.14) !important;
}
.tm-request-form input.is-valid,
.tm-request-form select.is-valid,
.tm-request-form textarea.is-valid{
  border-color:rgba(230,189,98,.62);
}

/* Dynamic Realtor referral fields */
.realtor-referral-fields{
  margin-top:16px;
  border-top:1px solid rgba(184,134,44,.24);
  padding-top:18px;
}

/* Benefits rich modal */
.benefit-modal-panel{
  width:min(940px,100%);
}
.benefit-rich-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:8px;
}
.benefit-rich-card{
  position:relative;
  overflow:hidden;
  min-height:168px;
  padding:22px;
  border:1px solid rgba(230,189,98,.34);
  border-radius:18px;
  background:
    radial-gradient(circle at 8% 10%,rgba(230,189,98,.12),transparent 120px),
    linear-gradient(145deg,rgba(9,24,43,.82),rgba(3,10,18,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.benefit-rich-card img{
  width:58px;
  height:58px;
  object-fit:contain;
  margin-bottom:14px;
}
.benefit-rich-card h3{
  margin:0 0 9px;
  font-family:var(--serif);
  font-weight:500;
  color:var(--gold2);
  font-size:1.34rem;
}
.benefit-rich-card p{
  margin:0;
  color:rgba(250,247,241,.76);
  line-height:1.5;
}
.benefit-modal-actions{
  margin-top:22px;
}
@media (max-width:760px){
  .benefit-rich-grid{
    grid-template-columns:1fr;
  }
  .hero-value-icon{width:46px !important;height:46px !important;}
  .step-icon-img{width:58px !important;height:58px !important;}
}


/* =========================================================
   v15 foundation, hero icon, circle arrow, and photo-crop polish
   ========================================================= */

/* Main hero three-value icons: increase size without changing the process icons */
.hero .proof-row .hero-value-icon{
  width:78px !important;
  height:78px !important;
  max-width:78px !important;
  max-height:78px !important;
}
.hero .proof-row div{
  gap:14px !important;
}
.hero .proof-row strong{
  font-size:1rem !important;
}

/* Foundation triangle refinement */
@media (min-width:1181px){
  .foundation-diagram{
    min-height:342px !important;
    width:420px !important;
  }

  .foundation-diagram .foundation-logo-full{
    width:180px !important;
    height:180px !important;
    transform:translateY(26px) !important;
  }

  .tri-line{
    width:344px !important;
    height:252px !important;
  }

  .node{
    width:78px !important;
    height:78px !important;
  }

  .node-icon-img{
    width:60px !important;
    height:60px !important;
  }

  .n-top{
    top:-10px !important;
  }

  .n-left{
    left:-4px !important;
    bottom:0 !important;
  }

  .n-right{
    right:-4px !important;
    bottom:0 !important;
  }
}

/* Make audience photos less top-cropped and more like the target panels */
@media (min-width:1181px){
  .buyers-photo{
    background-position:center top !important;
  }

  .realtor-photo{
    background-position:center top !important;
  }

  .path-card,
  .path-photo{
    min-height:366px !important;
  }

  .path-text{
    padding-top:52px !important;
  }
}

/* Rebuild the Who-are-you arcs so the arrowheads are clean, curved, and refined */
@media (min-width:1181px){
  .audience-inner{
    padding-top:110px !important;
  }

  .choice-orb{
    top:-24px !important;
    z-index:12 !important;
  }

  .arc{
    top:78px !important;
    width:36.8% !important;
    height:154px !important;
    border-top:0 !important;
    filter:none !important;
    pointer-events:none;
    overflow:visible !important;
    z-index:6 !important;
  }

  .arc:before{
    content:"" !important;
    position:absolute;
    inset:auto !important;
    top:0 !important;
    width:100% !important;
    height:100% !important;
    background:transparent !important;
    border-top:5px solid rgba(230,189,98,.72) !important;
    filter:
      drop-shadow(0 0 5px rgba(255,226,150,.88))
      drop-shadow(0 0 16px rgba(184,134,44,.55)) !important;
  }

  .arc-left:before{
    right:0 !important;
    border-top-left-radius:100% 88% !important;
    border-left:0 !important;
  }

  .arc-right:before{
    left:0 !important;
    border-top-right-radius:100% 88% !important;
    border-right:0 !important;
  }

  .arc:after{
    content:"" !important;
    position:absolute !important;
    width:34px !important;
    height:34px !important;
    border:0 !important;
    background:transparent !important;
    clip-path:polygon(50% 100%, 0 0, 100% 0) !important;
    background-color:var(--gold2) !important;
    filter:
      drop-shadow(0 0 5px rgba(255,226,150,.9))
      drop-shadow(0 0 14px rgba(184,134,44,.55)) !important;
  }

  .arc-left:after{
    left:-2px !important;
    right:auto !important;
    bottom:24px !important;
    transform:rotate(-28deg) !important;
  }

  .arc-right:after{
    right:-2px !important;
    left:auto !important;
    bottom:24px !important;
    transform:rotate(28deg) !important;
  }

  /* Soft gold glow at the drop point of each arrow */
  .arc-left{
    background:
      radial-gradient(circle at 2% 86%,rgba(230,189,98,.24),transparent 46px) !important;
  }

  .arc-right{
    background:
      radial-gradient(circle at 98% 86%,rgba(230,189,98,.24),transparent 46px) !important;
  }
}

@media (max-width:760px){
  .hero .proof-row .hero-value-icon{
    width:58px !important;
    height:58px !important;
  }
}


/* =========================================================
   v16 source-code polish: form label alignment + SVG branch arrows
   ========================================================= */

/* Fix required asterisk alignment by making labels block-level instead of grid rows */
.tm-request-form label{
  display:block !important;
  color:rgba(250,247,241,.88);
  font-size:.88rem;
  font-weight:700;
}
.tm-request-form label input,
.tm-request-form label select,
.tm-request-form label textarea{
  display:block;
  margin-top:8px;
}
.tm-request-form .req,
.checkbox-group .req{
  display:inline !important;
  margin-left:3px;
  color:var(--gold2);
  font-weight:900;
}
.required-note{
  margin:-8px 0 22px !important;
  color:rgba(250,247,241,.70) !important;
  font-size:.88rem;
  font-weight:700;
}
.required-note span{
  color:var(--gold2);
  font-weight:900;
}
.field-error{
  display:block;
  margin-top:6px;
}
.checkbox-group label{
  display:flex !important;
}

/* Replace CSS arrowheads with a polished SVG overlay */
@media (min-width:1181px){
  .audience-inner{
    overflow:visible;
  }
  .arc{
    display:none !important;
  }
  .branch-arrows{
    position:absolute;
    left:50%;
    top:52px;
    width:min(1180px,100%);
    height:250px;
    transform:translateX(-50%);
    pointer-events:none;
    z-index:5;
    overflow:visible;
  }
  .branch-line{
    fill:none;
    stroke:url(#branchGold);
    stroke-width:5.5;
    stroke-linecap:round;
    filter:url(#branchGlow);
    opacity:.98;
  }
  .branch-head{
    fill:#e6bd62;
    filter:url(#branchGlow);
    opacity:.98;
  }
  .choice-orb{
    z-index:12 !important;
  }
  .path-card{
    z-index:6 !important;
  }
}
@media (max-width:1180px){
  .branch-arrows{display:none !important;}
}


/* =========================================================
   v17 benefits + foundation polish
   ========================================================= */

/* Foundation intro copy should read as the section-level explanation */
.foundation-intro{
  font-size:1.28rem !important;
  line-height:1.62 !important;
  font-weight:600 !important;
  color:rgba(250,247,241,.86) !important;
}

@media (min-width:1181px){
  .foundation-intro{
    max-width:470px !important;
  }

  /* Make the Consumer/Realtor benefit cards taller and more cinematic */
  .benefit-card{
    min-height:390px !important;
    grid-template-rows:1fr 92px !important;
  }

  .benefit-photo{
    min-height:298px !important;
    height:100% !important;
    margin:0 !important;
    align-self:stretch !important;
    background-position:center top !important;
    background-size:cover !important;
  }

  .family-photo,
  .dashboard-photo{
    background-position:center top !important;
  }

  .benefit-text{
    min-height:298px !important;
    padding-top:56px !important;
    padding-bottom:44px !important;
    align-content:center !important;
  }

  /* Remove the floating icon in the main text/photo area for this section */
  .benefit-text > .circle-icon{
    display:none !important;
  }

  /* Bottom-row benefit icons: substantially larger */
  .benefit-points{
    min-height:92px !important;
    align-items:center !important;
  }

  .benefit-mini-icon{
    width:74px !important;
    height:74px !important;
    max-width:74px !important;
    max-height:74px !important;
    margin-bottom:2px !important;
  }

  .benefit-points span{
    gap:4px !important;
    font-size:.88rem !important;
  }
}

/* Fix the image inset/gap at the top of the Who-are-you cards and benefit cards */
.path-photo,
.benefit-photo{
  display:block !important;
  border-top-left-radius:inherit;
  border-top-right-radius:inherit;
  overflow:hidden;
}

.path-card,
.benefit-card{
  overflow:hidden !important;
}

/* Force the image panels to touch the top border cleanly */
.path-card .path-photo,
.benefit-card .benefit-photo{
  transform:translateY(-1px);
}

/* Prevent the text-panel gradients from creating a visible top seam over images */
.path-card:after,
.benefit-card:after{
  inset:0 !important;
}

@media (max-width:1180px){
  .foundation-intro{
    font-size:1.15rem !important;
  }

  .benefit-text > .circle-icon{
    display:none !important;
  }

  .benefit-card{
    min-height:auto !important;
  }

  .benefit-photo{
    min-height:240px !important;
    background-position:center top !important;
  }

  .benefit-mini-icon{
    width:58px !important;
    height:58px !important;
  }
}


/* =========================================================
   v18 benefit text + photo top-edge fix
   ========================================================= */

/* Use top-cropped photo assets to remove the visible top inset/band in all four photo panels */
.buyers-photo{
  background-image:
    linear-gradient(90deg,rgba(5,11,20,.08),rgba(5,11,20,.55)),
    url('../images/buyers-sellers-topfix.webp') !important;
}
.realtor-photo{
  background-image:
    linear-gradient(90deg,rgba(5,11,20,.55),rgba(5,11,20,.1)),
    url('../images/realtor-meeting-topfix.webp') !important;
}
.family-photo{
  background-image:
    linear-gradient(90deg,rgba(5,11,20,.08),rgba(5,11,20,.72)),
    url('../images/consumer-family-topfix.webp') !important;
}
.dashboard-photo{
  background-image:
    linear-gradient(90deg,rgba(5,11,20,.72),rgba(5,11,20,.05)),
    url('../images/realtor-dashboard-topfix.webp') !important;
}

/* Force all photo panels to begin at the top edge of their card with no inset */
.path-photo,
.benefit-photo{
  margin-top:0 !important;
  padding-top:0 !important;
  align-self:stretch !important;
  transform:none !important;
  background-position:center top !important;
  background-size:cover !important;
}
.path-card .path-photo,
.benefit-card .benefit-photo{
  min-height:100% !important;
}

/* Benefit cards: taller, larger text, and enough bottom-row height for icon + label */
@media (min-width:1181px){
  .benefit-card{
    min-height:455px !important;
    grid-template-rows:minmax(320px,1fr) 142px !important;
  }

  .benefit-photo{
    min-height:320px !important;
    height:100% !important;
  }

  .benefit-text{
    min-height:320px !important;
    padding-top:62px !important;
    padding-bottom:50px !important;
  }

  .benefit-text h2{
    font-size:2.36rem !important;
    line-height:1.07 !important;
  }

  .benefit-text p{
    font-size:1.22rem !important;
    line-height:1.55 !important;
    margin-top:22px !important;
    max-width:660px;
  }

  .benefit-points{
    min-height:142px !important;
    display:grid !important;
    align-items:stretch !important;
  }

  .benefit-points span{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:14px 8px 16px !important;
    font-size:1rem !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    text-align:center !important;
    color:rgba(250,247,241,.90) !important;
    overflow:visible !important;
  }

  .benefit-mini-icon{
    width:76px !important;
    height:76px !important;
    max-width:76px !important;
    max-height:76px !important;
    flex:0 0 auto !important;
    display:block !important;
    margin:0 !important;
  }

  .benefit-points span:not(:last-child):after{
    top:24px !important;
    bottom:24px !important;
  }
}

@media (max-width:1180px){
  .benefit-points{
    min-height:auto !important;
  }
  .benefit-points span{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    text-align:center !important;
  }
}


/* =========================================================
   v19 final polish: foundation text position, auto-year support,
   CTA consistency, and benefit modal visual
   ========================================================= */

/* Move Data-Driven Analysis callout closer to its triangle icon */
@media (min-width:1181px){
  .foundation-layout .copy-right.top{
    transform:translateX(-78px) !important;
    max-width:440px !important;
  }
}

/* Benefit modal: add a branded checklist/document visual */
.benefit-visual-wrap{
  margin:18px 0 18px;
}

.benefit-paper-visual{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(230,189,98,.38);
  border-radius:20px;
  padding:22px;
  background:
    linear-gradient(120deg,rgba(250,247,241,.10),rgba(250,247,241,.035)),
    radial-gradient(circle at 88% 0%,rgba(230,189,98,.17),transparent 220px),
    rgba(8,18,31,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 18px 42px rgba(0,0,0,.32);
}

.benefit-paper-visual:after{
  content:"";
  position:absolute;
  top:-70px;
  right:34px;
  width:220px;
  height:320px;
  background:linear-gradient(180deg,rgba(230,189,98,.10),transparent);
  transform:rotate(-18deg);
  opacity:.72;
}

.paper-brand{
  display:flex;
  align-items:center;
  gap:14px;
  position:relative;
  z-index:2;
  margin-bottom:18px;
}

.paper-brand img{
  width:48px;
  height:48px;
  object-fit:contain;
}

.paper-brand strong{
  display:block;
  font-family:var(--serif);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--gold2);
  font-size:1rem;
}

.paper-brand span{
  display:block;
  color:rgba(250,247,241,.68);
  font-size:.82rem;
  margin-top:3px;
}

.paper-section-title{
  position:relative;
  z-index:2;
  color:rgba(250,247,241,.86);
  font-weight:800;
  border-top:1px solid rgba(230,189,98,.24);
  padding-top:14px;
  margin-bottom:10px;
}

.paper-check-row{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:26px 1fr auto;
  align-items:center;
  gap:10px;
  padding:8px 0;
  border-bottom:1px solid rgba(250,247,241,.08);
}

.paper-check-row span{
  width:18px;
  height:18px;
  border-radius:5px;
  border:1px solid rgba(230,189,98,.72);
  position:relative;
}

.paper-check-row span:after{
  content:"✓";
  position:absolute;
  left:3px;
  top:-4px;
  color:var(--gold2);
  font-weight:900;
  font-size:1rem;
}

.paper-check-row em{
  font-style:normal;
  color:rgba(250,247,241,.80);
}

.paper-check-row b{
  color:var(--gold2);
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.paper-score{
  position:relative;
  z-index:2;
  margin-top:16px;
  padding:14px 16px;
  border-radius:14px;
  background:rgba(3,10,18,.54);
  border:1px solid rgba(230,189,98,.24);
}

.paper-score small{
  display:block;
  color:rgba(250,247,241,.60);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.68rem;
  margin-bottom:6px;
}

.paper-score strong{
  display:block;
  color:rgba(250,247,241,.88);
  font-size:1rem;
}

@media (min-width:860px){
  .benefit-visual-wrap + .benefit-rich-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:1180px){
  .foundation-layout .copy-right.top{
    transform:none !important;
  }
}


/* =========================================================
   v20 access chooser modal + main-page benefit copy alignment
   ========================================================= */

/* Header CTA is now a button, not a jump link */
.header-cta{
  border:0;
  cursor:pointer;
}

/* Keep the two Who-are-you CTA buttons vertically aligned */
@media (min-width:1181px){
  .path-text{
    display:flex !important;
    flex-direction:column !important;
  }

  .path-text .check-list{
    margin-bottom:20px !important;
  }

  .path-text > .btn{
    margin-top:auto !important;
    align-self:flex-start;
    min-width:330px;
  }
}

/* Access chooser popup */
.access-modal-panel{
  width:min(1050px,100%);
}

.access-intro{
  max-width:760px;
}

.access-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}

.access-choice{
  position:relative;
  min-height:390px;
  overflow:hidden;
  border:1px solid rgba(230,189,98,.42);
  border-radius:22px;
  background:rgba(4,11,20,.88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 20px 50px rgba(0,0,0,.35);
}

.access-choice:before{
  content:"";
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center top;
  opacity:.58;
  filter:saturate(1.05) contrast(1.04);
  transform:scale(1.02);
}

.access-choice:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(4,11,20,.20),rgba(4,11,20,.84) 58%,rgba(4,11,20,.96)),
    radial-gradient(circle at 28% 18%,rgba(230,189,98,.20),transparent 190px);
}

.access-consumer:before{
  background-image:url('../images/buyers-sellers-topfix.webp');
}

.access-realtor:before{
  background-image:url('../images/realtor-meeting-topfix.webp');
}

.access-choice-content{
  position:relative;
  z-index:2;
  min-height:390px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:28px;
}

.access-choice .circle-icon{
  width:74px;
  height:74px;
  margin-bottom:18px;
  box-shadow:0 0 28px rgba(184,134,44,.32);
}

.access-choice h3{
  margin:0;
  font-family:var(--serif);
  font-weight:500;
  color:var(--cream);
  font-size:clamp(1.8rem,2.7vw,2.55rem);
  line-height:1.05;
}

.access-choice p{
  margin:14px 0 24px;
  color:rgba(250,247,241,.78);
  line-height:1.5;
  max-width:430px;
}

.access-choice .btn{
  align-self:flex-start;
  min-width:260px;
}

@media (max-width:820px){
  .access-choice-grid{
    grid-template-columns:1fr;
  }

  .access-choice,
  .access-choice-content{
    min-height:330px;
  }
}

@media (max-width:540px){
  .access-choice .btn{
    width:100%;
    min-width:0;
  }
}


/* =========================================================
   v21 Who-are-you bullets and CTA button correction
   ========================================================= */

/* Keep the new bullets on one line and allow them to visually extend over the photo area. */
@media (min-width:1181px){
  .path-card{
    overflow:hidden !important;
  }

  .path-card .path-text{
    overflow:visible !important;
    z-index:8 !important;
  }

  .path-card .check-list{
    width:max-content !important;
    max-width:none !important;
    overflow:visible !important;
    gap:11px !important;
  }

  .path-card .check-list li{
    white-space:nowrap !important;
    max-width:none !important;
    overflow:visible !important;
  }

  /* Give the consumer text a little more usable room while still preserving the photo-first layout. */
  .path-card:not(.path-realtor){
    grid-template-columns:37% 63% !important;
  }

  /* Give the realtor text a little more usable room while preserving the right-side photo. */
  .path-realtor{
    grid-template-columns:63% 37% !important;
  }

  /* Fix the role-card CTA buttons after the v20 alignment change. */
  .path-text > .btn{
    margin-top:auto !important;
    align-self:flex-start !important;
    width:360px !important;
    max-width:100% !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    box-sizing:border-box !important;
  }

  .path-realtor .path-text > .btn{
    width:385px !important;
    max-width:100% !important;
  }

  .path-card:not(.path-realtor) .path-text{
    padding-right:36px !important;
  }

  .path-realtor .path-text{
    padding-right:36px !important;
  }
}

@media (max-width:1180px){
  .path-card .check-list li{
    white-space:normal !important;
  }

  .path-text > .btn{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
}


/* =========================================================
   v22 access modal photo edge fix
   ========================================================= */

/* Make the access chooser photo backgrounds reach the exact card edges */
.access-choice{
  overflow:hidden !important;
}

.access-choice:before{
  inset:-1px !important;
  width:calc(100% + 2px) !important;
  height:calc(100% + 2px) !important;
  transform:none !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
}

/* Consumer card photo should start flush at the left border */
.access-consumer:before{
  left:-1px !important;
  right:auto !important;
  background-position:left center !important;
}

/* Realtor card photo should extend flush to the right border */
.access-realtor:before{
  left:auto !important;
  right:-1px !important;
  background-position:right center !important;
}

/* Keep the dark overlay full-bleed as well */
.access-choice:after{
  inset:-1px !important;
}


/* =========================================================
   v23 benefit heading line breaks
   ========================================================= */
.benefit-text h2 span{
  display:inline-block;
  margin-bottom:4px;
}

@media (min-width:1181px){
  .benefit-text h2{
    line-height:1.08 !important;
  }
}


/* =========================================================
   v24 realtor request form checkbox alignment
   ========================================================= */

/* Align checkbox controls with the first text baseline in the realtor capabilities list */
.checkbox-group{
  align-items:start !important;
}

.checkbox-group label{
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr) !important;
  align-items:start !important;
  column-gap:14px !important;
  line-height:1.25 !important;
}

.checkbox-group input[type="checkbox"]{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  margin:0 !important;
  transform:translateY(4px) !important;
  accent-color:#d8ae46;
}


/* =========================================================
   v25 access chooser final photo edge fix
   ========================================================= */

/*
   Final fix for the access chooser cards:
   - Uses access-specific cropped assets so the image itself reaches the outside edge.
   - Makes the image layer bleed slightly beyond the card border.
   - Keeps the overlay full-bleed so no dark strip appears at the left/right edge.
*/
.access-choice{
  position:relative !important;
  overflow:hidden !important;
  background-color:#050d18 !important;
}

.access-choice:before{
  content:"" !important;
  position:absolute !important;
  inset:-10px !important;
  width:auto !important;
  height:auto !important;
  transform:none !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  opacity:.62 !important;
  filter:saturate(1.08) contrast(1.06) !important;
}

.access-consumer:before{
  background-image:url('../images/access-consumer-edge.webp') !important;
  background-position:left center !important;
}

.access-realtor:before{
  background-image:url('../images/access-realtor-edge.webp') !important;
  background-position:right center !important;
}

.access-choice:after{
  content:"" !important;
  position:absolute !important;
  inset:-10px !important;
  background:
    linear-gradient(180deg,rgba(4,11,20,.18),rgba(4,11,20,.80) 58%,rgba(4,11,20,.96)),
    radial-gradient(circle at 28% 18%,rgba(230,189,98,.20),transparent 190px) !important;
  pointer-events:none !important;
}

/* Make sure content stays above the corrected full-bleed image layer */
.access-choice-content{
  position:relative !important;
  z-index:2 !important;
}