/* lesix.agency — built to the Lesix Interactive + Visual Style Guides (Branding Accelerator).
   Primary blue = headers, nav, primary buttons. Golden yellow = calls to action and highlights.
   Orange/teal = sparing accents. Anton (headlines), Antonio (subheads), Merriweather (body), Farsan (personal touches). */
/* Antonio and Merriweather are variable fonts: one file carries every weight */
@font-face{font-family:'Anton';font-weight:400;font-display:swap;src:url(/assets/fonts/anton-400.woff2) format('woff2')}
@font-face{font-family:'Antonio';font-weight:100 700;font-display:swap;src:url(/assets/fonts/antonio-400.woff2) format('woff2')}
@font-face{font-family:'Merriweather';font-weight:300 900;font-display:swap;src:url(/assets/fonts/merriweather-400.woff2) format('woff2')}
@font-face{font-family:'Farsan';font-weight:400;font-display:swap;src:url(/assets/fonts/farsan-400.woff2) format('woff2')}

:root{
  --blue:#00458c;--blue-dark:#002b59;--blue-deep:#001e3f;--blue-light:#4d8cc2;
  --gold:#c7990b;--gold-soft:#e6c76e;--orange:#ff6b35;--teal:#1eb2a6;
  --ink:#2c3e50;--muted:#4a5a6a;--paper:#f5f5f5;--gray:#ecf0f1;--white:#fff;--line:#d9dee5;
  --ok:#27ae60;--err:#e74c3c;
  --shadow:0 1px 2px rgba(0,43,89,.06),0 4px 14px rgba(0,43,89,.08);
  --shadow-up:0 2px 4px rgba(0,43,89,.08),0 12px 28px rgba(0,43,89,.14);
  --ease:cubic-bezier(.4,0,.2,1);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .33 0 0 0 0 .05 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  --grain-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Merriweather,Georgia,serif}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;z-index:50;background:#fff;padding:8px 12px}

/* links: gold underline that sweeps in from the left */
a{color:var(--blue);text-decoration:none;background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 2px no-repeat;transition:background-size .3s var(--ease),color .2s}
a:hover{background-size:100% 2px}
main p a,main li a{background-size:100% 1px;background-image:linear-gradient(currentColor,currentColor)}
main p a:hover,main li a:hover{background-image:linear-gradient(var(--gold),var(--gold));background-size:100% 2px}

.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
/* every section uses the home page's container width (Robert, standard for the whole site);
   inside it, running text keeps a readable line length */
.narrow{max-width:1120px}
.narrow>p,.narrow .big-copy,.narrow>ul,.narrow>ol,.narrow .lede{max-width:780px}
.preview-note{background:var(--gold-soft);color:var(--blue-deep);text-align:center;font-size:13px;padding:5px 16px}

/* header */
header.site{background:var(--blue);color:var(--white);position:sticky;top:0;z-index:20;box-shadow:0 2px 12px rgba(0,30,63,.25)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.logo{display:block;background:none;padding:10px 0}
.logo img{height:42px;width:auto}
nav.main{display:flex;align-items:center;gap:6px 22px}
nav.main a{color:var(--white);font-family:Antonio,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:16px;padding:6px 0}
nav.main a.cta{background:var(--gold);color:var(--blue-deep);padding:8px 16px;border-radius:999px;transition:background .25s var(--ease),transform .25s var(--ease)}
nav.main a.cta:hover{background:var(--gold-soft);transform:translateY(-2px)}
.menu-btn{display:none;background:none;border:2px solid rgba(255,255,255,.5);color:#fff;border-radius:8px;font:700 15px Antonio,sans-serif;letter-spacing:1px;text-transform:uppercase;padding:6px 12px;cursor:pointer}
@media (max-width:880px){
  .menu-btn{display:block}
  nav.main{position:absolute;left:0;right:0;top:100%;background:var(--blue-dark);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 18px;display:none}
  nav.main.open{display:flex}
  nav.main a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);background:none}
  nav.main a.cta{margin-top:12px;text-align:center}
}

/* type */
/* small date/label line (blog cards) */
.date{font-family:Antonio,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-size:15px;margin:0 0 10px}
h1,h2{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:1px;color:var(--blue);line-height:1.06}
h1{font-size:clamp(36px,6vw,64px);margin:0 0 18px}
h2{font-size:clamp(28px,4vw,42px);margin:0 0 16px}
h3{font-family:Antonio,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--blue);font-size:21px;line-height:1.25;margin:0 0 8px}
.lede{font-size:clamp(17px,2vw,20px);max-width:700px;margin:0 0 26px}
.muted{color:var(--muted)}
.accent{font-family:Farsan,'Trebuchet MS',cursive;font-size:1.25em;color:var(--gold)}

/* buttons: gold calls to action; blue→gold elevation on hover */
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:var(--blue-deep);font:700 17px/1.2 Merriweather,Georgia,serif;padding:14px 24px;border-radius:10px;border:0;cursor:pointer;box-shadow:var(--shadow);transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.btn:after{content:"";width:18px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M0 6h15M10 1l5 5-5 5' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M0 6h15M10 1l5 5-5 5' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s var(--ease)}
.btn:hover{background:var(--blue);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-up)}
.btn:hover:after{transform:translateX(3px)}
.btn.ghost{background:transparent;color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}
.btn.ghost:hover{background:var(--blue);color:#fff}
.on-blue .btn.ghost{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.on-blue .btn.ghost:hover{background:#fff;color:var(--blue)}
.btn:disabled{opacity:.5;transform:none;cursor:default}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* sections */
section{padding:64px 0}
section.tight{padding:36px 0}
.band{background:var(--blue) var(--grain-light);color:#fff}
.band h2,.band h3{color:#fff}
.band a:not(.btn){color:var(--gold-soft)}
.soft{background:var(--white) var(--grain)}
.rule{height:1px;background:var(--line);border:0;margin:0}

/* hero */
.hero{position:relative;overflow:hidden;background:var(--blue-dark);color:#fff;padding:72px 0 80px}
.hero:before{content:"";position:absolute;inset:0;background:url(/assets/img/hero-sketch.webp) center/cover no-repeat;opacity:.28;mix-blend-mode:luminosity}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,30,63,.92) 0%,rgba(0,43,89,.78) 55%,rgba(0,69,140,.55) 100%)}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .9fr;gap:40px;align-items:center}
.hero h1{color:#fff}
.hero .lede{color:#e6edf5}
.hero.plain{background:var(--white) var(--grain);color:var(--ink);padding:56px 0}
.hero.plain:before,.hero.plain:after{display:none}
.hero.plain h1{color:var(--blue)}.hero.plain .lede{color:var(--ink)}
.hero.plain .wrap{display:block}
.quote-card{background:rgba(255,255,255,.96);color:var(--ink);border-radius:16px;padding:26px;box-shadow:var(--shadow-up);text-align:center}
.quote-card img.head{width:110px;height:110px;border-radius:50%;margin:-70px auto 10px;border:4px solid var(--gold);background:#fff;object-fit:cover}
.quote-card blockquote{margin:0 0 12px;font-size:16px;line-height:1.6}
.quote-card .sig{height:34px;width:auto;margin:6px auto 0;opacity:.85}
.quote-card .who{font-family:Antonio,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--blue);font-size:14px}
@media (max-width:880px){.hero .wrap{grid-template-columns:1fr}.quote-card{margin-top:50px}}

/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px}
.card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
a.card,.card.lift{background-image:none}
a.card:hover,.card.lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-up)}
.card p{margin:0 0 14px}
.card .go{margin-top:auto;font-family:Antonio,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.card.feature{border:2px solid var(--gold)}
.card .badge-img{width:64px;height:auto;margin:0 0 12px}

/* numbered steps (process explanations: numbered circles) */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;counter-reset:s}
.step{position:relative;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:28px 24px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.step:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--blue-deep);font-family:Anton,Impact,sans-serif;font-size:24px;margin:0 0 14px;box-shadow:0 0 0 6px rgba(199,153,11,.15)}
.step.featured{border:2px solid var(--gold)}
.step p{margin:0 0 14px}
.step .go{margin-top:auto;font-family:Antonio,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.band .step{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);box-shadow:none;color:#fff}
.band .step p{color:#dfe7f0}

/* press + testimonials */
.press{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;font-family:Antonio,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:15px}
.press a{color:var(--muted)}.press a:hover{color:var(--blue)}

/* tables, lists, press list */
table.sessions{width:100%;border-collapse:separate;border-spacing:0;background:var(--white);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
table.sessions td{padding:14px 16px;border-bottom:1px solid var(--gray);vertical-align:top}
table.sessions tr:last-child td{border-bottom:0}
table.sessions td:first-child{font-family:Anton,Impact,sans-serif;color:var(--gold);font-size:26px;width:60px;text-align:center}
ul.clean{padding-left:20px}ul.clean li{margin:0 0 8px}
ol.clean{padding-left:22px}ol.clean li{margin:0 0 10px}
.press-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4px 28px;padding:0;list-style:none}
.press-list li{border-bottom:1px solid var(--line);padding:10px 0}
.press-list span{display:block;font-size:13px;color:var(--muted)}

/* forms */
form.qualify{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:var(--shadow)}
form.qualify .field{margin:0 0 20px}
form.qualify label{display:block;font-weight:700;margin:0 0 6px}
form.qualify .explain{font-size:14px;color:var(--muted);margin:0 0 8px}
form.qualify input[type=text],form.qualify input[type=email],form.qualify input[type=tel],form.qualify textarea,form.qualify select{width:100%;max-width:540px;font:16px/1.4 Merriweather,Georgia,serif;padding:12px 14px;border:2px solid var(--line);border-radius:10px;background:#fbfcfd;color:var(--ink);transition:border-color .2s,box-shadow .2s}
form.qualify textarea{min-height:120px}
form.qualify input:focus,form.qualify textarea:focus,form.qualify select:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(0,69,140,.12)}
.choices label{font-weight:400;display:flex;gap:10px;align-items:flex-start;margin:0 0 8px;cursor:pointer}
.consent{font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:flex-start;font-weight:400!important}
.only-agent,.only-broker{display:none}
form.qualify[data-who=agent] .only-agent,form.qualify[data-who=broker] .only-broker{display:block}
.form-result{padding:12px 14px;border-radius:10px;background:var(--gray);color:var(--blue-deep)}

/* footer */
footer.site{background:var(--blue-deep) var(--grain-light);color:#c9d3df;padding:44px 0 32px;font-size:14px}
footer.site .top{display:grid;grid-template-columns:1.1fr 2fr;gap:30px;margin:0 0 26px}
footer.site .logo img{height:40px}
footer.site .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 24px}
footer.site a{color:#e6edf5}
footer.site p{margin:0 0 6px;font-size:13px}
@media (max-width:760px){footer.site .top{grid-template-columns:1fr}}

/* scroll reveal: fade + slide up (skipped when reduced motion is preferred) */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none}}
[id]{scroll-margin-top:84px}

/* ---------- v2: scale contrast, varied rhythm, color blocking ---------- */
:root{--sp-strip:40px;--sp:88px;--sp-xl:136px;
}
h2{font-size:clamp(32px,4.6vw,56px)}
section{padding:var(--sp) 0}
section.tight{padding:var(--sp-strip) 0}
section.roomy{padding:var(--sp-xl) 0}
.soft{background:var(--white)}
/* hero: one oversized line, lots of air */
.hero{padding:var(--sp-xl) 0 calc(var(--sp-xl) - 16px)}
.hero h1{font-size:clamp(48px,8.4vw,112px);line-height:.98;letter-spacing:.5px;margin:0 0 28px;text-transform:uppercase}
.hero .lede{font-size:clamp(17px,1.7vw,20px);max-width:600px}
.hero .wrap{grid-template-columns:1.6fr .8fr;gap:56px}


/* split: big sticky statement left, content right */
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.split .lead{position:sticky;top:120px}
.split .lead h2{font-size:clamp(36px,5.4vw,68px);line-height:1.1}
@media (max-width:880px){.split{grid-template-columns:1fr;gap:28px}.split .lead{position:static}}

/* numbered list rows: big outlined numbers, no boxes */
.rows{counter-reset:r;display:grid;gap:0}
.row{counter-increment:r;display:grid;grid-template-columns:96px 1fr;gap:20px;padding:30px 0;border-top:1px solid var(--line)}
.row:last-child{border-bottom:1px solid var(--line)}
.row:before{content:"0" counter(r);font:400 64px/1 Anton,Impact,sans-serif;color:transparent;-webkit-text-stroke:2px var(--gold)}
.row h3{font-size:24px}
.row p{margin:0 0 12px}
.row .go{font-family:Antonio,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.row.hot{background:var(--blue);color:#fff;border:0;border-radius:18px;padding:34px 30px;margin:14px -30px;box-shadow:var(--shadow-up)}
.row.hot:before{color:var(--gold);-webkit-text-stroke:0}
.row.hot h3{color:#fff}.row.hot a{color:var(--gold-soft)}
.row.hot+.row{border-top:0}
.row .tag{display:inline-block;background:var(--gold);color:var(--blue-deep);font:700 12px Antonio,sans-serif;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:999px;margin:0 0 10px}
@media (max-width:600px){.row{grid-template-columns:1fr;gap:6px}.row:before{font-size:48px}.row.hot{margin:14px -8px;padding:26px 20px}}

/* statement strip: full-bleed gold, one oversized line */
.statement{background:var(--gold);color:var(--blue-deep);padding:calc(var(--sp) * 2) 0;overflow:hidden}
.statement .big{font:400 clamp(36px,5.6vw,72px)/1.02 Anton,Impact,sans-serif;text-transform:uppercase;margin:0;letter-spacing:.5px}
.statement .big em{font-style:normal;color:#fff}

/* broker band: deep navy, timeline instead of cards */
.band.deep{background:var(--blue-deep) var(--grain-light)}
.band.deep h2{font-size:clamp(36px,5.6vw,72px);max-width:900px;line-height:1.05;text-wrap:balance}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:56px;counter-reset:t;position:relative}
.timeline:before{content:"";position:absolute;left:28px;right:28px;top:28px;height:2px;background:linear-gradient(90deg,var(--gold),rgba(199,153,11,.25))}
.tl{counter-increment:t;position:relative}
.tl:before{content:counter(t);position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--gold);color:var(--blue-deep);font:400 28px Anton,Impact,sans-serif;margin:0 0 22px;box-shadow:0 0 0 8px var(--blue-deep)}
.tl p{color:#cfdae7;margin:0 0 12px}
.tl .go{font-family:Antonio,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px}
@media (max-width:760px){.timeline{grid-template-columns:1fr;gap:28px}.timeline:before{left:27px;right:auto;top:0;bottom:0;width:2px;height:auto}.tl{padding-left:78px}.tl:before{position:absolute;left:0;top:0}}

/* how we work: three columns, giant numbers, thin dividers */
.trio{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid var(--blue)}
.trio>div{padding:28px 28px 8px 0}
.trio>div+div{padding-left:28px;border-left:1px solid var(--line)}
.trio b{display:block;font:400 clamp(56px,7vw,88px)/1 Anton,Impact,sans-serif;color:var(--blue);margin:0 0 10px}
@media (max-width:760px){.trio{grid-template-columns:1fr}.trio>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}}


/* closing: blue, huge, left-aligned */
.closer{background:var(--blue);color:#fff;padding:var(--sp-xl) 0}
.closer h2{color:#fff;font-size:clamp(44px,7vw,96px);text-transform:uppercase;line-height:.98;max-width:900px}
.closer .lede{color:#dfe7f0}
@media (max-width:880px){.hero .wrap{grid-template-columns:1fr;gap:24px}.hero{padding:72px 0 80px}section.roomy{padding:var(--sp) 0}:root{--sp:64px;--sp-xl:88px}}

/* ---------- v2.1: header, hero ---------- */
/* header: light blue tint so the primary (full-color) logo reads */
header.site{background:var(--head);color:var(--blue-deep);box-shadow:0 2px 12px rgba(0,30,63,.12)}
:root{--head:#f5f5f5}
nav.main a{color:var(--blue-deep)}
.menu-btn{border-color:rgba(0,30,63,.35);color:var(--blue-deep)}
@media (max-width:880px){nav.main{background:var(--head)}nav.main a{border-bottom-color:rgba(0,30,63,.12)}}

/* the hand-drawn gold underline: draws itself in when it scrolls into view */
.swoosh{position:relative;white-space:nowrap;display:inline-block}
.swoosh svg{position:absolute;left:-3%;width:106%;bottom:-.14em;height:.3em;overflow:visible;pointer-events:none}
.swoosh path{fill:none;stroke:var(--gold);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.hero .swoosh path,.band .swoosh path{stroke:var(--gold-soft)}
.js .swoosh path{stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset 1.1s cubic-bezier(.65,0,.35,1) .45s,opacity .01s .45s}
.js .swoosh.drawn path{opacity:1}
.js .swoosh.drawn path{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.js .swoosh path{stroke-dashoffset:0}}

/* eyebrow: a box with a light that keeps running around it (blue on light backgrounds, gold on dark) */
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.eyebrow{position:relative;display:inline-block;justify-self:start;margin:0 0 22px;padding:10px 20px;border-radius:22px;font:700 clamp(15px,1.5vw,19px)/1.2 Antonio,'Arial Narrow',sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--blue);background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(0,69,140,.22)}
.eyebrow:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2.5px;background:conic-gradient(from var(--ang),transparent 0 50%,rgba(0,69,140,.35) 72%,var(--blue) 86%,var(--gold) 92%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:flag-run 3.2s linear infinite;pointer-events:none}
.band .eyebrow,.closer .eyebrow,.heard .eyebrow,.press-picks .eyebrow,.handoff .eyebrow,.hero:not(.gold):not(.plain) .eyebrow{color:var(--gold-soft);background:rgba(199,153,11,.1);box-shadow:inset 0 0 0 1px rgba(230,199,110,.3)}
.band .eyebrow:before,.closer .eyebrow:before,.heard .eyebrow:before,.press-picks .eyebrow:before,.handoff .eyebrow:before,.hero:not(.gold):not(.plain) .eyebrow:before{background:conic-gradient(from var(--ang),transparent 0 50%,rgba(230,199,110,.6) 72%,#fff1c4 86%,var(--gold) 91%,transparent 100%)}
.hero .eyebrow{margin-bottom:26px}
@keyframes flag-run{to{--ang:360deg}}

/* hero headline: two sentences, one promise; each sentence starts its own line */
.hero{padding:96px 0 104px}
.hero h1{font-size:clamp(44px,5.6vw,80px)}
.hero h1 .ln{display:block;text-wrap:balance}
.hero .wrap{grid-template-columns:1.5fr 1fr;align-items:center}

/* portrait fades into the quote card */
.portrait{position:relative;display:flex;flex-direction:column;align-items:center}
.portrait .cut{width:min(74%,300px);height:auto;margin:0 0 -96px;position:relative;z-index:2;-webkit-mask-image:linear-gradient(#000 72%,transparent 97%);mask-image:linear-gradient(#000 72%,transparent 97%)}
.portrait .quote-card{position:relative;z-index:1;width:100%;padding:112px 30px 28px;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.portrait .quote-card blockquote{font-size:clamp(17px,1.45vw,20px);line-height:1.55}
.portrait .quote-card .who{font-size:15px}
@media (max-width:880px){.hero .wrap{grid-template-columns:1fr}.hero{padding:56px 0 72px}.portrait{margin-top:28px}.portrait .cut{width:min(64%,250px)}}

/* ---------- v2.2: light-gold hero (Rob's suit is blue), box in front of the portrait ---------- */
.hero.gold{background:var(--grain),linear-gradient(160deg,#f5e8c5 0%,#f0dda8 100%);color:var(--ink)}
.hero.gold:before,.hero.gold:after{display:none}
.hero.gold h1{color:var(--blue)}
.hero.gold .lede{color:var(--ink)}
.hero.gold .swoosh path,.hero.plain .swoosh path{stroke:var(--gold)}
.hero.gold .btn{background:var(--blue);color:#fff}
.hero.gold .btn:hover{background:var(--blue-deep)}
.hero.gold .btn.ghost{background:transparent;color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}
.hero.gold .btn.ghost:hover{background:var(--blue);color:#fff}
.portrait .cut{-webkit-mask-image:none;mask-image:none;margin:0 0 -64px;z-index:0;filter:drop-shadow(0 14px 24px rgba(0,30,63,.25))}
.portrait .quote-card{z-index:2;padding:24px 28px 22px;background:#fff;box-shadow:0 18px 40px rgba(0,30,63,.22)}
.portrait .quote-card blockquote{margin:0 0 8px}
.portrait .quote-card .sig{height:28px;margin-top:2px}

/* ---------- v2.3: texture + shape instead of the connected dots ---------- */
/* hero: a big deeper-gold circle behind Rob, a thin blue ring offset from it, grain over all */
.hero.gold:before{display:block;content:"";position:absolute;inset:auto;width:min(62vw,720px);aspect-ratio:1;right:-6%;top:50%;transform:translateY(-46%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#ebd28b,#e2c477);opacity:.75;mix-blend-mode:normal}
.hero.gold:after{display:block;content:"";position:absolute;inset:auto;width:min(48vw,560px);aspect-ratio:1;right:14%;top:-22%;border-radius:50%;border:2px solid rgba(0,69,140,.14);background:none}
@media (max-width:880px){.hero.gold:before{width:120vw;right:-40%;top:auto;bottom:-30%;transform:none}.hero.gold:after{width:90vw;right:-30%;top:-10%}}
/* deep-navy broker band: one large faint ring for shape */
.band.deep{position:relative;overflow:hidden}
.band.deep:before{content:"";position:absolute;width:900px;aspect-ratio:1;left:-320px;bottom:-560px;border-radius:50%;border:90px solid rgba(255,255,255,.035)}
.band.deep>.wrap{position:relative}

/* ---------- "You might have heard Rob on…": card scroller + on-page player ---------- */
.heard{background:var(--blue-deep) var(--grain-light);color:#fff;padding:56px 0}
.heard-grid{display:grid;grid-template-columns:1fr 1.9fr auto;gap:40px;align-items:center}
.heard-lead{text-wrap:balance;color:#fff;font-size:clamp(30px,3.6vw,48px);line-height:1.02;margin:0}
.show-view{height:236px;overflow:hidden;border-radius:16px}
.show-track{position:relative;transition:transform .55s cubic-bezier(.65,0,.35,1)}
.show{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:center;width:100%;height:236px;overflow:hidden;margin:0;padding:14px;border:0;border-radius:16px;background:#fff;color:var(--ink);text-align:left;font:inherit;cursor:pointer;transition:box-shadow .25s var(--ease)}
.show:hover{box-shadow:0 0 0 3px var(--gold)}
.show .thumb{position:relative;display:block;height:auto;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}
.show .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.show:hover .thumb img{transform:scale(1.05)}
.show .thumb:after{content:"";position:absolute;inset:0;background:rgba(0,30,63,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' fill='%23c7990b'/%3E%3Cpath d='M26 20l18 12-18 12z' fill='%23001e3f'/%3E%3C/svg%3E") center/54px no-repeat}
.show .txt{display:flex;flex-direction:column;gap:4px;padding-right:8px}
.show .name{font:400 26px/1.05 Anton,Impact,sans-serif;color:var(--blue);letter-spacing:.5px}
.show .host{font:700 14px Antonio,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}
.show .desc{font-size:15px;line-height:1.5;margin:4px 0 8px}
.show .go{font:700 14px Antonio,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--blue)}
.show .go:after{content:" →"}
.show-ctl{display:flex;flex-direction:column;align-items:center;gap:12px}
.arrow{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s,color .2s,transform .2s}
.arrow:hover{background:var(--gold);border-color:var(--gold);color:var(--blue-deep);transform:scale(1.06)}
.arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.show-ctl .count{font:700 15px Antonio,sans-serif;letter-spacing:2px;color:#b9c6d6}
.show-ctl .count b{color:#fff}
.show-ctl .more{margin-top:8px;background:var(--gold);color:var(--blue-deep);font:700 14px Antonio,sans-serif;letter-spacing:1px;text-transform:uppercase;padding:8px 14px;border-radius:999px;white-space:nowrap}
.show-ctl .more:hover{background:var(--gold-soft)}
dialog.player{width:min(92vw,1040px);padding:0;border:0;border-radius:16px;background:var(--blue-deep);color:#fff;overflow:visible}
dialog.player::backdrop{background:rgba(0,15,32,.82)}
dialog.player .frame{aspect-ratio:16/9;background:#000;border-radius:16px 16px 0 0;overflow:hidden}
dialog.player iframe{width:100%;height:100%;border:0;display:block}
dialog.player .ptitle{margin:0;padding:14px 20px;font:700 16px Antonio,sans-serif;letter-spacing:1px;text-transform:uppercase}
dialog.player .close{position:absolute;top:-16px;right:-16px;width:42px;height:42px;border-radius:50%;border:0;background:var(--gold);color:var(--blue-deep);font:700 26px/1 Arial,sans-serif;cursor:pointer;box-shadow:var(--shadow-up)}
@media (max-width:980px){
  .heard-grid{grid-template-columns:1fr;gap:20px}
  .show-ctl{flex-direction:row;justify-content:center}
  .show-ctl .more{margin:0 0 0 8px}
  .show-ctl .arrow svg{transform:rotate(-90deg)}
}
@media (max-width:640px){
  .show-view,.show{height:392px}
  .show{grid-template-columns:1fr;align-content:start;gap:12px}
  .show .thumb{height:auto;aspect-ratio:16/9}
  .show .name{font-size:22px}
  dialog.player .close{top:-50px;right:0}
}

/* highlighted step: brand orange accent, navy type (white on orange is too faint to read), navy button */
.row.hot{background:var(--orange);color:var(--blue-deep);box-shadow:0 14px 34px rgba(255,107,53,.32)}
.row.hot:before{color:#fff;-webkit-text-stroke:0}
.row.hot h3{color:var(--blue-deep)}
.row.hot .btn{background:var(--blue-deep);color:#fff;margin-top:4px}
.row.hot .btn:hover{background:var(--blue);color:#fff}

/* statement headline: one heading, the second sentence in white */
.statement .big{color:var(--blue-deep);line-height:1.18}

/* broker step 1: the number pulses with a gold glow, to pull the eye to the starting point */
.tl:first-child:before{animation:tl-pulse 2.4s ease-in-out infinite}
@keyframes tl-pulse{0%,100%{box-shadow:0 0 0 8px var(--blue-deep),0 0 0 8px rgba(230,199,110,0)}50%{box-shadow:0 0 0 8px var(--blue-deep),0 0 26px 14px rgba(230,199,110,.55);background:#e6c76e}}

/* broker quote: Rob's photo beside his words, white card on the navy band */
.lead-quote{display:grid;grid-template-columns:minmax(220px,340px) 1fr;margin:88px 0 0;background:#fff;color:var(--ink);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.lead-quote>img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.lead-quote .q{padding:44px 48px;display:flex;flex-direction:column;justify-content:center}
.lead-quote blockquote{margin:0 0 20px;font-size:clamp(18px,1.7vw,22px);line-height:1.6;color:var(--blue-deep)}
.lead-quote figcaption{display:flex;align-items:center;gap:14px;margin:0 0 24px;font:700 15px Antonio,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--blue)}
.lead-quote .sig{height:32px;width:auto}
.lead-quote .btn{align-self:flex-start}
@media (max-width:760px){.lead-quote{grid-template-columns:1fr;margin-top:56px}.lead-quote>img{aspect-ratio:1/1;height:auto;object-position:50% 4%}.lead-quote .q{padding:28px 22px}.lead-quote figcaption{flex-wrap:wrap}}

/* how we work: double padding, gold numbers, larger body copy */
section.double{padding:calc(var(--sp) * 2) 0}
.trio{margin-top:40px}
.trio b{color:var(--gold)}
.trio p{font-size:18px;line-height:1.65;color:var(--ink)}

/* testimonials: same-size cards in a side-to-side scroller; they open in the on-page player */
.vscroll{margin-top:36px}
.vtrack{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * 24px) / 3);column-gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 18px;scrollbar-width:none}
.vtrack::-webkit-scrollbar{display:none}
.vcard{scroll-snap-align:start;display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;color:var(--ink);font:inherit;cursor:pointer;box-shadow:var(--shadow);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.vcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-up)}
.vcard .thumb{position:relative;display:block;aspect-ratio:16/9;background:#000;overflow:hidden}
.vcard .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.vcard:hover .thumb img{transform:scale(1.05)}
.vcard .thumb:after{content:"";position:absolute;inset:0;background:rgba(0,30,63,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' fill='%23c7990b'/%3E%3Cpath d='M26 20l18 12-18 12z' fill='%23001e3f'/%3E%3C/svg%3E") center/58px no-repeat}
.vcard .who{display:block;padding:16px 20px 2px;font:400 28px/1.1 Farsan,'Trebuchet MS',cursive;color:var(--blue)}
.vcard .role{display:block;padding:0 20px 20px;font-size:14px;color:var(--muted);min-height:3.4em}
.vctl{display:flex;gap:12px;margin-top:10px}
.vctl .arrow{border-color:var(--blue);color:var(--blue)}
.vctl .arrow:hover{background:var(--gold);border-color:var(--gold);color:var(--blue-deep)}
.vctl .arrow:disabled{opacity:.3;cursor:default;background:none;transform:none;border-color:var(--blue);color:var(--blue)}
@media (max-width:900px){.vtrack{grid-auto-columns:calc((100% - 24px) / 2)}}
@media (max-width:600px){.vtrack{grid-auto-columns:84%;column-gap:16px}}

/* Home for Dinner: the book photo on a gold block (offset for depth), the story on the right */
.hfd{padding:calc(var(--sp) * 1.5) 0}
.hfd-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}
.hfd-photo{position:relative}
.hfd-photo:before{content:"";position:absolute;inset:28px -24px -24px 28px;background:var(--gold-soft);border-radius:22px}
.hfd-photo img{position:relative;width:100%;border-radius:20px;box-shadow:0 24px 50px rgba(0,30,63,.22);transform:rotate(-1.5deg)}
.hfd-copy h2{line-height:1.08;text-wrap:balance}
.hfd-copy .lede{font-size:18px}
.hfd-turn{font:400 clamp(22px,2.2vw,28px)/1.25 Anton,Impact,sans-serif;color:var(--orange);letter-spacing:.3px;margin:0 0 26px}
.hfd-turn em{font-style:normal;color:var(--blue)}
.hfd-reviews{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 30px}
.hfd-reviews blockquote{margin:0;padding:18px 20px;background:var(--paper);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;font-size:15px;line-height:1.55;font-style:italic}
.hfd-reviews cite{display:block;margin-top:10px;font:700 13px Antonio,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--blue);font-style:normal}
@media (max-width:900px){.hfd-grid{grid-template-columns:1fr;gap:56px}.hfd-photo{max-width:420px;margin:0 24px 0 0}.hfd-reviews{grid-template-columns:1fr}}

/* closing band: a pattern interrupt. Two rows of oversized outlined questions drift in opposite directions behind the
   headline, over grain and a soft gold glow, with a slow-turning dashed gold ring. Motion stops for reduced-motion users. */
.closer{position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 70% at 78% 40%,rgba(199,153,11,.22),transparent 70%),var(--grain-light),var(--blue);padding:calc(var(--sp-xl) + 40px) 0}
.closer .wrap{position:relative;z-index:2}
.closer h2{text-shadow:0 4px 30px rgba(0,30,63,.5);text-wrap:balance}
.ticker{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:22px 0;pointer-events:none;z-index:0}
.tk-row{display:flex;gap:56px;width:max-content;white-space:nowrap;animation:tk 70s linear infinite}
.tk-row.rev{animation-direction:reverse;animation-duration:85s}
.tk-row span{font:400 clamp(44px,6vw,84px)/1 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:1px;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.16)}
.tk-row span:nth-child(3n+2){-webkit-text-stroke-color:rgba(230,199,110,.32)}
@keyframes tk{to{transform:translateX(-50%)}}
.orbit{position:absolute;z-index:1;width:min(70vw,620px);aspect-ratio:1;right:-8%;top:50%;margin-top:calc(min(70vw,620px) / -2);border-radius:50%;border:2px dashed rgba(230,199,110,.45);animation:spin-slow 40s linear infinite;pointer-events:none}
.orbit:after{content:"";position:absolute;top:-9px;left:50%;width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px 6px rgba(230,199,110,.6)}
@keyframes spin-slow{to{transform:rotate(360deg)}}
.closer .btn{box-shadow:0 0 0 0 rgba(230,199,110,.6);animation:btn-pulse 2.6s ease-out infinite}
@keyframes btn-pulse{0%{box-shadow:0 0 0 0 rgba(230,199,110,.55)}70%{box-shadow:0 0 0 16px rgba(230,199,110,0)}100%{box-shadow:0 0 0 0 rgba(230,199,110,0)}}
@media (max-width:760px){.orbit{width:110vw;right:-60%;margin-top:-55vw}.tk-row{gap:32px}}

/* footer: brand + social and three link columns on top; address, legal links and the full small print below */
footer.site{padding:64px 0 36px}
.f-top{display:grid;grid-template-columns:1fr 2.1fr;gap:48px;padding:0 0 40px;border-bottom:1px solid rgba(255,255,255,.12)}
.f-brand p{margin:14px 0 18px;font-size:14px;max-width:280px}
.social{display:flex;gap:10px}
.social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);background-image:none;transition:background .2s,transform .2s}
.social a:hover{background:var(--gold);transform:translateY(-2px)}
.social svg{width:18px;height:18px;fill:#e6edf5}
.social a:hover svg{fill:var(--blue-deep)}
.f-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.f-cols h4{margin:0 0 12px;font:700 14px Antonio,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--gold-soft)}
.f-cols a{display:block;padding:4px 0;font-size:14px;width:fit-content}
.f-legal{padding-top:26px}
.f-addr{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:13px;margin:0 0 20px!important}
.f-fine{columns:2;column-gap:40px;color:#9fb0c4}
.f-fine p{font-size:12px!important;line-height:1.6;margin:0 0 10px;break-inside:avoid}
.f-fine strong{color:#c9d3df}
@media (max-width:900px){.f-top{grid-template-columns:1fr}.f-fine{columns:1}}
@media (max-width:560px){.f-cols{grid-template-columns:1fr 1fr}}

/* animations pause while their section is off screen (saves battery and keeps scrolling smooth on phones) */
.anim-off,.anim-off *,.anim-off *:before,.anim-off *:after{animation-play-state:paused!important}

/* agents headline: second sentence on its own line after a double space; "two minutes." stays together on the
   bottom line and carries the swoosh */
.h2-next{display:block;margin-top:.55em}

/* standard section spacing, site-wide (set by Robert from the home page): double the base step, 176px desktop / 128px phone.
   Sections that state their own spacing (heroes, the podcast strip, the closing band) keep it. */
:root{--sp-std:calc(var(--sp) * 2)}
section,section.roomy,section.double,.hfd{padding:var(--sp-std) 0}
/* brokers: the core-problem section */
.problem{background:var(--white)}
.big-copy{font-size:clamp(18px,1.7vw,21px);line-height:1.7;margin:8px 0 0}
.big-copy strong{color:var(--blue)}
/* light heroes on inner pages get the same breathing room as the home hero */
.hero.plain{padding:96px 0 104px}
@media (max-width:880px){.hero.plain{padding:56px 0 72px}}

/* brokers page */
.split .big-copy p{margin:0 0 18px}
.gets{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.gets li{display:flex;gap:14px;align-items:flex-start;padding:22px 22px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#dfe7f0;font-size:17px;line-height:1.5}
.gets li strong{color:#fff}
.gets svg{flex:0 0 30px;width:30px;height:30px;padding:5px;border-radius:50%;background:var(--gold);fill:none;stroke:var(--blue-deep);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.callout{margin-top:28px;padding:22px 26px;border-radius:16px;background:var(--orange);color:var(--blue-deep);font-size:18px;box-shadow:0 14px 34px rgba(255,107,53,.28)}
.options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
.option{padding:32px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.option h3{font-size:26px;margin:0 0 10px}
.option p{margin:0;font-size:17px}
.option.hot{border:3px solid var(--gold)}
.option .tag{display:inline-block;background:var(--gold);color:var(--blue-deep);font:700 12px Antonio,sans-serif;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:999px;margin:0 0 12px}
@media (max-width:760px){.options{grid-template-columns:1fr}}

/* brokers "what every agent gets": an arrow list. Items slide in one after another, a gold line draws down the arrows,
   each arrow glows and nudges on hover, and the last line closes in the handwritten accent */
.perks{list-style:none;margin:0;padding:0 0 0 0;position:relative}
.perks:before{content:"";position:absolute;left:23px;top:24px;bottom:40px;width:2px;background:linear-gradient(var(--gold),rgba(199,153,11,.15));transform-origin:top;transform:scaleY(1)}
.perks li{position:relative;display:grid;grid-template-columns:48px 1fr;gap:22px;align-items:start;padding:0 0 30px}
.perks .arr{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 7px var(--blue-deep);transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s}
.perks .arr svg{width:22px;height:22px;fill:none;stroke:var(--blue-deep);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.perks li:hover .arr{background:#f0d27a;box-shadow:0 0 0 7px var(--blue-deep),0 0 26px 8px rgba(230,199,110,.45)}
.perks li:hover .arr svg{transform:translateX(3px)}
.perks h3{font:400 clamp(24px,2.4vw,32px)/1.1 Anton,Impact,sans-serif;text-transform:none;letter-spacing:.5px;color:#fff;margin:6px 0 6px}
.perks p{margin:0;color:#cfdae7;font-size:17px;line-height:1.55}
.perks li.more{padding-bottom:0}
.perks li.more h3{font:400 clamp(30px,3vw,40px)/1.1 Farsan,'Trebuchet MS',cursive;color:var(--gold-soft);margin-top:4px}
.js .perks:before{transform:scaleY(0);transition:transform 1.4s cubic-bezier(.65,0,.35,1)}
.js .perks li{opacity:0;transform:translateX(40px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--i) * 140ms + 150ms)}
.js .perks.in:before{transform:scaleY(1)}
.js .perks.in li{opacity:1;transform:none}
.js .perks.in .arr{animation:arr-pop .5s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--i) * 140ms + 300ms)}
@keyframes arr-pop{from{transform:scale(.4)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.js .perks li,.js .perks:before{opacity:1;transform:none}}

/* brokers: "Nothing hidden." closes the recruiting section, full width */
.nothing-hidden{margin-top:96px;padding-top:56px;border-top:3px solid var(--blue);text-align:center}
.nh-big{margin:0;font:400 clamp(56px,9vw,128px)/1 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:1px;color:var(--blue)}
.nh-sub{margin:26px auto 0;max-width:none;font:700 clamp(20px,2.2vw,28px)/1.35 Merriweather,Georgia,serif;color:var(--ink)}
@media (max-width:760px){.nothing-hidden{margin-top:64px;padding-top:40px}}

/* brokers: "Two ways to start" is the page's closing band (same pattern interrupt as the home page's) */
.closer.starts .options{margin:36px 0 34px}
.closer.starts .option{background:rgba(255,255,255,.96);color:var(--ink);border:0;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.closer.starts .option h3{color:var(--blue)}
.closer.starts .option.hot{box-shadow:0 0 0 3px var(--gold),0 18px 40px rgba(0,0,0,.28)}
.closer .fine{margin:26px 0 0;font-size:14px;color:#c9d3df}

/* agents closing band: three step cards, each a link */
.options.three{grid-template-columns:repeat(3,1fr)}
a.option{display:block;background-image:none;color:var(--ink);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
a.option:hover{transform:translateY(-4px)}
.option .num{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--gold);color:var(--blue-deep);font:400 22px Anton,Impact,sans-serif;margin:0 0 14px}
.options.three .option h3{font-size:22px}
.options.three .option.hot .num{animation:tl-pulse 2.4s ease-in-out infinite;box-shadow:none}
@media (max-width:900px){.options.three{grid-template-columns:1fr}}

/* ---------- inner pages: shared pieces ---------- */
.private{font-size:14px;color:var(--muted);margin:0}
.heading-row{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin:0 0 36px}
.heading-row h2{margin:0}

/* ---------- press: every appearance as a card; plays in the on-page player (video or audio) ---------- */
.press-picks{background:var(--blue-deep) var(--grain-light);color:#fff;padding:var(--sp-std) 0}
.press-picks h2{color:#fff}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.pgrid.picks{grid-template-columns:repeat(4,1fr)}
.pgrid.picks .pcard.big{grid-column:span 2;grid-row:span 2}
.pgrid.picks .pcard.big .name{font-size:clamp(28px,3vw,40px)}
.pgrid.picks .pcard.big .desc{font-size:17px}
.pcard{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;background-image:none;color:var(--ink);font:inherit;cursor:pointer;box-shadow:var(--shadow);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.press-picks .pcard{border:0}
.pcard:hover{transform:translateY(-4px);box-shadow:0 0 0 3px var(--gold),var(--shadow-up)}
.pcard .thumb{position:relative;display:block;aspect-ratio:16/9;background:#000;overflow:hidden}
.pcard .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.pcard:hover .thumb img{transform:scale(1.05)}
/* square podcast cover art: shown whole, over a blurred copy of itself */
.pcard .thumb.art:before{content:"";position:absolute;inset:-20px;background:var(--art) center/cover;filter:blur(22px) brightness(.55)}
.pcard .thumb.art img{position:relative;object-fit:contain;padding:10px 0}
.pcard .thumb:after{content:"";position:absolute;inset:0;background:rgba(0,30,63,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' fill='%23c7990b'/%3E%3Cpath d='M26 20l18 12-18 12z' fill='%23001e3f'/%3E%3C/svg%3E") center/52px no-repeat}
a.pcard .thumb:after{background-image:none}
.pbody{display:flex;flex-direction:column;gap:4px;padding:18px 20px 20px;flex:1}
.pmeta{font:700 13px Antonio,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.pcard .name{font:400 24px/1.1 Anton,Impact,sans-serif;letter-spacing:.5px;color:var(--blue)}
.pcard .host{font:700 14px Antonio,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}
.pcard .desc{font-size:15px;line-height:1.55;margin:6px 0 12px}
.pcard .go{margin-top:auto;font:700 14px Antonio,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--blue)}
.pcard .go:after{content:" →"}
.pcard .go.out:after{content:" ↗"}
.pgrid.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:1000px){.pgrid,.pgrid.picks{grid-template-columns:repeat(2,1fr)}.pgrid.picks .pcard.big{grid-row:auto}}
@media (max-width:640px){.pgrid,.pgrid.picks,.pgrid.three{grid-template-columns:1fr}.pgrid.picks .pcard.big{grid-column:auto}}
/* the player, audio mode: cover art over a blurred copy, the show's audio underneath */
dialog.player.is-audio{width:min(92vw,560px)}
dialog.player.is-audio .frame{aspect-ratio:auto;background:var(--blue-deep)}
.aud{display:flex;flex-direction:column;align-items:center;gap:18px;padding:28px 24px 22px}
.aud img{width:min(70%,300px);aspect-ratio:1;object-fit:cover;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.aud audio{width:100%}

/* about: Rob beside his story; license line in small print */
.hfd-copy .big-copy p{margin:0 0 18px}
.license{margin:22px 0 0;font-size:13px;color:var(--muted);max-width:620px}

/* talk: what happens next beside the form */
.form-sec .split{align-items:start}
ol.next{list-style:none;counter-reset:n;margin:8px 0 0;padding:0}
ol.next li{counter-increment:n;position:relative;padding:0 0 26px 70px}
ol.next li:before{content:counter(n);position:absolute;left:0;top:0;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--gold);color:var(--blue-deep);font:400 24px Anton,Impact,sans-serif}
ol.next li:not(:last-child):after{content:"";position:absolute;left:23px;top:56px;bottom:6px;width:2px;background:linear-gradient(var(--gold),rgba(199,153,11,.2))}
ol.next h3{font:400 clamp(24px,2.4vw,30px)/1.1 Anton,Impact,sans-serif;text-transform:none;letter-spacing:.5px;margin:8px 0 6px}
ol.next p{margin:0;font-size:17px}
form.qualify{padding:34px;border-radius:18px;box-shadow:var(--shadow-up)}

/* newsletter: the form beside the promise */
.hero-form{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
@media (max-width:880px){.hero-form{grid-template-columns:1fr;gap:28px}}

/* 404: an oversized outlined number */
.hero.lost .wrap{grid-template-columns:1.4fr 1fr}
.big404{margin:0;font:400 clamp(120px,20vw,300px)/1 Anton,Impact,sans-serif;color:transparent;-webkit-text-stroke:3px var(--blue);text-align:center;position:relative;z-index:1}
@media (max-width:880px){.big404{font-size:140px;text-align:left}}

/* calculators: questions on the left, the answer pinned on the right (below the questions on phones) */
.calc-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:start}
.calc-side{position:sticky;top:96px}
form.tool{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow-up)}
.tool .field{margin:0 0 20px}
.tool label{display:block;font-weight:700;margin:0 0 6px}
.tool .explain{font-size:14px;color:var(--muted);margin:0 0 8px}
.tool .explain b{color:var(--ink)}
.tool .input{position:relative;max-width:280px}
.tool .input span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7b8b}
.tool .input span.suffix{left:auto;right:12px}
.tool input[type=text]{width:100%;font:18px/1.2 Merriweather,Georgia,serif;padding:12px 12px 12px 28px;border:2px solid var(--line);border-radius:10px;background:#fbfcfd;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.tool input.plain{padding-left:12px}
.tool input:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(0,69,140,.12)}
.res{background:var(--blue-deep) var(--grain-light);color:#fff;border-radius:18px;padding:30px;box-shadow:0 24px 50px rgba(0,30,63,.28)}
.res h2,.res h3{font:400 clamp(26px,2.4vw,32px)/1.1 Anton,Impact,sans-serif;text-transform:none;letter-spacing:.5px;color:#fff;margin:0 0 12px}
.res .big{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0}
.res .m,.res .metric{background:rgba(255,255,255,.08);border-radius:12px;padding:16px 18px}
.res .k{font:700 14px Antonio,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:1px;color:var(--gold-soft)}
.res .v{font:400 44px/1.1 Anton,Impact,sans-serif;letter-spacing:1px;color:#fff}
.res .s{font-size:13px;opacity:.85}
.calcpage .res .metric .v{font-size:44px}
@media (max-width:900px){.calc-grid{grid-template-columns:1fr}.calc-side{position:static}form.tool{padding:24px 20px}}
/* the turnover report box: invitation on the left, the form on the right */
.capture-sec{padding:var(--sp) 0}
.capture{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--gold-soft) var(--grain);border-radius:20px;padding:44px}
.capture h2{margin:0 0 10px}
.capture p{margin:0;font-size:17px}
.capture form input[type=text],.capture form input[type=email]{display:block;width:100%;font:16px/1.4 Merriweather,Georgia,serif;padding:12px 14px;border:2px solid rgba(0,30,63,.15);border-radius:10px;margin:0 0 12px;background:#fff}
.capture .consent{color:var(--ink)!important}
@media (max-width:880px){.capture{grid-template-columns:1fr;padding:28px 22px;gap:20px}}

/* ---------- blog: picture-led cards, topic chips, a readable article ---------- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:8px}
.post-grid.first .post-card:first-child{grid-column:span 2;grid-row:span 2}
.post-grid.first .post-card:first-child h3{font-size:clamp(26px,2.6vw,36px)}
.post-card{display:flex;flex-direction:column;background:#fff;background-image:none;color:var(--ink);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.post-card:hover{transform:translateY(-4px);box-shadow:0 0 0 3px var(--gold),var(--shadow-up)}
.pimg{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--gray)}
.post-grid.first .post-card:first-child .pimg{aspect-ratio:auto;flex:1;min-height:260px}
.pimg img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.post-card:hover .pimg img{transform:scale(1.04)}
.pc-body{display:flex;flex-direction:column;padding:20px 22px 22px;flex:1}
.pc-body .date{font-size:13px;margin:0 0 8px}
.post-card h3{font:400 22px/1.15 Anton,Impact,sans-serif;text-transform:none;letter-spacing:.5px;color:var(--blue);margin:0 0 10px}
.pc-body p{margin:0 0 14px;font-size:15px;color:var(--muted)}
.pc-body .go{margin-top:auto;font:700 14px Antonio,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--blue)}
.pc-body .go:after{content:" →"}
@media (max-width:1000px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.post-grid{grid-template-columns:1fr}.post-grid.first .post-card:first-child{grid-column:auto;grid-row:auto}.post-grid.first .post-card:first-child .pimg{aspect-ratio:16/9;min-height:0}}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.chips a{padding:8px 16px;border-radius:999px;background:#fff;background-image:none;box-shadow:inset 0 0 0 1.5px rgba(0,69,140,.3);font:700 14px Antonio,sans-serif;letter-spacing:1px;text-transform:uppercase;transition:background .2s,color .2s,box-shadow .2s}
.chips a:hover{background:var(--blue);color:#fff;box-shadow:none}
.blog-list{padding:var(--sp) 0}
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:48px 0 0}
.pager a,.pager span{min-width:44px;text-align:center;padding:9px 14px;border-radius:999px;background:#fff;background-image:none;box-shadow:inset 0 0 0 1.5px var(--line);font:700 15px Antonio,sans-serif;letter-spacing:1px}
.pager a:hover{box-shadow:inset 0 0 0 2px var(--blue)}
.pager span.on{background:var(--blue);color:#fff;box-shadow:none}
/* article */
.article{max-width:820px}
.post-head{padding:72px 0 40px}
.post-head h1{font-size:clamp(34px,4.6vw,58px);text-wrap:balance}
.crumbs{margin:0 0 18px;font:700 14px Antonio,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.meta{color:var(--muted);font-size:15px;margin:0}
.post-body{padding:0 0 var(--sp)}
.post-img{width:100%;border-radius:18px;margin:-8px 0 40px;box-shadow:var(--shadow-up)}
.prose{font-size:19px;line-height:1.8}
.prose h2{font-size:clamp(26px,3vw,36px);margin:44px 0 14px}
.prose h3{font-size:22px;margin:32px 0 10px}
.prose p{margin:0 0 20px}.prose li{margin:0 0 10px}.prose a{word-break:break-word}
.prose blockquote{margin:28px 0;padding:6px 0 6px 22px;border-left:4px solid var(--gold);font-style:italic}
.prose img{border-radius:12px;margin:24px 0}
.prose table{border-collapse:collapse;width:100%;font-size:15px}.prose td,.prose th{border:1px solid var(--line);padding:8px}
.handoff{position:relative;overflow:hidden;margin:56px 0 0;padding:40px;border-radius:20px;background:radial-gradient(ellipse 70% 80% at 90% 20%,rgba(199,153,11,.25),transparent 70%),var(--grain-light),var(--blue-deep);color:#fff}
.handoff h2{color:#fff;font-size:clamp(28px,3vw,40px);margin:0 0 12px}
.handoff p{color:#dfe7f0;font-size:17px}
.handoff p a{color:var(--gold-soft)}
.back{margin:36px 0 0;font:700 15px Antonio,sans-serif;letter-spacing:1px;text-transform:uppercase}
@media (max-width:640px){.post-head{padding:44px 0 28px}.handoff{padding:28px 22px}.prose{font-size:18px}}
/* light-hero headlines on inner pages: balanced lines, so the last word never sits alone */
.hero.plain h1{text-wrap:balance}
/* the lead pick: its picture grows to fill the double-height card */
.pgrid.picks .pcard.big .thumb{aspect-ratio:auto;flex:1;min-height:260px}
.pgrid.picks .pcard.big .pbody{flex:0 0 auto}
@media (max-width:1000px){.pgrid.picks .pcard.big .thumb{aspect-ratio:16/9;flex:0 0 auto;min-height:0}}
.hero.plain .wrap.hero-form{display:grid}
.capture .btn{background:var(--blue);color:#fff}.capture .btn:hover{background:var(--blue-deep)}
/* the lead post card: the picture takes the extra height, the text stays compact */
.post-grid.first .post-card:first-child .pc-body{flex:0 0 auto}
/* article body continues the white of its header */
.post-body{background:var(--white)}

/* turnover result: months / weeks / days as the headline, hours underneath (Robert 2026-10-28) */
.res .mwd{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 6px}
.res .mwd div{display:flex;flex-direction:column}
.res .mwd b{font:400 44px/1.05 Anton,Impact,sans-serif;letter-spacing:1px;color:#fff}
.res .mwd span{font:700 13px Antonio,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:1px;color:var(--gold-soft)}
.res .hrs{font:700 20px/1.3 Antonio,'Arial Narrow',sans-serif;letter-spacing:.5px;margin:6px 0 4px}

/* About: license disclosure reads as a disclosure, not fine print (Robert 2026-10-28) */
.license{font-size:14px;line-height:1.55;color:var(--ink,#1d2b3a);background:#fbf6e6;border-left:4px solid var(--gold);border-radius:0 10px 10px 0;padding:12px 16px;margin-top:22px}
.license b{display:block;font:700 13px Antonio,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:1px;color:var(--blue);margin-bottom:2px}
/* Turnover report box: "your numbers" note before submit (Robert 2026-10-28) */
.capture .yours,.yours{font-size:14px;line-height:1.5;background:#fbf6e6;border-left:4px solid var(--gold);border-radius:0 10px 10px 0;padding:10px 14px;margin:4px 0 12px;color:var(--ink,#1d2b3a)}
.yours b{display:block;font:700 12.5px Antonio,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:1px;color:var(--blue);margin-bottom:2px}
/* blog list: filters in a quiet left column, cards on the right (Robert, 2026-10-29) */
.blog-layout{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start}
.blog-filter{position:sticky;top:96px;display:flex;flex-direction:column;gap:6px}
.blog-filter label{font:700 13px Antonio,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);margin-top:14px}
.blog-filter label:first-child{margin-top:0}
.blog-filter select{width:100%;padding:11px 36px 11px 14px;border:1.5px solid var(--line);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2300458c' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;font:16px Merriweather,Georgia,serif;color:var(--ink);cursor:pointer}
.blog-filter select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,69,140,.15)}
.blog-main .post-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:1100px){.blog-main .post-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.blog-layout{grid-template-columns:1fr;gap:24px}.blog-filter{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.blog-filter label{margin-top:0;grid-row:1}.blog-filter select{grid-row:2}}
@media (max-width:640px){.blog-main .post-grid{grid-template-columns:1fr}}