/* =========================================================
   Bey & Group Real Estate — design system
   T1 Outfit/DM Sans · P1 Marigold · S2 Soft · W2 Medium · D2 Balanced · H2 Standard
   ========================================================= */
:root{
  --paper:#F8F3E9; --surface:#FFFFFF; --soft:#EFE6D4;
  --ink:#2A2520; --ink-2:#1E1A16;
  --sig:#DFA236; --deep:#B87F1C; --deeper:#8A6318;
  --mute:#797064; --mute-2:#9A9083;
  --line:rgba(42,37,32,.11); --line-2:rgba(42,37,32,.18);
  --clay:#B5674C; --clay-deep:#8A4632; --clay-soft:#F5EAE3; --clay-line:#E5D2C8;

  --display:"Outfit",system-ui,-apple-system,sans-serif;
  --body:"DM Sans",system-ui,-apple-system,sans-serif;
  --dw:500; --dw-strong:600; --track:-.025em;

  --fs-xs:.78rem; --fs-sm:.9375rem; --fs-md:1.0625rem; --fs-lg:1.3125rem;
  --fs-xl:clamp(1.55rem,3vw,2.15rem); --fs-2xl:clamp(2.1rem,4.4vw,3.5rem);
  --lh-display:1.06;

  --rad:14px; --rad-sm:10px; --rad-lg:20px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px;
  --s8:32px; --s10:40px; --s12:52px; --s16:64px; --s20:80px;
  --wrap:1200px;
  --shadow:0 1px 2px rgba(42,37,32,.04),0 14px 32px -20px rgba(42,37,32,.30);
  --shadow-lift:0 2px 4px rgba(42,37,32,.05),0 22px 46px -24px rgba(42,37,32,.40);
  --shadow-sig:0 14px 30px -16px rgba(184,127,28,.55);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);
  font-size:var(--fs-md);line-height:1.68;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--display);font-weight:var(--dw);letter-spacing:var(--track);
  line-height:var(--lh-display);margin:0}
h3,h4{font-weight:var(--dw-strong)}
p{margin:0} a{color:inherit} img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--deep);outline-offset:3px;border-radius:4px}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--s6)}
.band{padding-block:var(--s20)}
@media (max-width:720px){.band{padding-block:var(--s16)}}

.eyebrow{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  color:var(--deeper);background:rgba(223,162,54,.20);display:inline-block;
  padding:6px 13px;border-radius:99px;margin-bottom:var(--s5)}
.eyebrow::before{content:none}
.lede{font-size:var(--fs-lg);line-height:1.6;color:var(--mute);max-width:56ch}
.body-sm{font-size:var(--fs-sm);color:var(--mute);line-height:1.68}
.mono{font-family:var(--display);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:600}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);
  font-family:var(--body);font-size:var(--fs-sm);font-weight:700;padding:14px var(--s6);
  border-radius:var(--rad-sm);border:1px solid transparent;cursor:pointer;text-decoration:none;
  transition:background .18s,border-color .18s,transform .12s,filter .18s}
.btn:active{transform:translateY(1px)}
.btn-lg{padding:16px var(--s8);font-size:var(--fs-md)}
.btn-primary{background:var(--sig);color:var(--ink);box-shadow:var(--shadow-sig)}
.btn-primary:hover{filter:brightness(1.06)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{background:var(--soft);border-color:var(--mute-2)}
.btn-dark{background:var(--ink);color:var(--paper)}
.btn-onink{background:var(--sig);color:var(--ink)}
.btn-onink:hover{filter:brightness(1.06)}
.btn-outline-onink{background:transparent;color:var(--paper);border-color:rgba(248,243,233,.30)}
.btn-outline-onink:hover{border-color:var(--paper);background:rgba(248,243,233,.08)}
.btn-clay{background:var(--clay);color:#FFF7F2}
.btn-clay:hover{background:var(--clay-deep)}

.ph{position:relative;margin:0;overflow:hidden;border-radius:var(--rad);
  background:linear-gradient(155deg,#F0D9A4,#E6C077 52%,#D2A44F);
  box-shadow:inset 0 0 0 1px rgba(42,37,32,.07)}
.ph.dark{background:linear-gradient(155deg,#3A312A,#2A231D 58%,#1E1A16)}
.ph.clay-tone{background:linear-gradient(155deg,#E6CFC0,#D3A992 54%,#B98368)}
.ph::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(38deg,rgba(255,255,255,.06) 0 2px,transparent 2px 10px)}
.ph img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2;
  transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.ph-spec{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;
  gap:6px;padding:var(--s5);color:#fff;opacity:0;transition:opacity .25s;
  background:linear-gradient(180deg,transparent 42%,rgba(42,37,32,.66) 100%)}
.ph:hover .ph-spec{opacity:1}
.ph-spec b{font-family:var(--display);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.ph-spec span{font-size:var(--fs-sm);line-height:1.45;max-width:34ch}
.r-16-9{aspect-ratio:16/9} .r-4-3{aspect-ratio:4/3} .r-3-2{aspect-ratio:3/2}
.r-1-1{aspect-ratio:1/1} .r-4-5{aspect-ratio:4/5}

.site-head{position:sticky;top:0;z-index:60;background:rgba(248,243,233,.92);
  backdrop-filter:saturate(1.3) blur(10px);border-bottom:1px solid var(--line)}
.head-in{display:flex;align-items:center;gap:var(--s6);height:66px}
.brand{display:flex;align-items:baseline;gap:var(--s3);text-decoration:none;flex:none}
.brand-mark{font-family:var(--display);font-weight:600;font-size:1.25rem;letter-spacing:-.03em}
.brand-mark span{color:var(--deep)}
.brand-lic{color:var(--mute-2);font-size:var(--fs-xs);display:none;letter-spacing:.08em}
@media (min-width:960px){.brand-lic{display:inline}}
.nav{margin-left:auto;display:none;align-items:center;gap:var(--s5)}
@media (min-width:900px){.nav{display:flex}}
.nav a{text-decoration:none;font-size:var(--fs-sm);font-weight:500;color:var(--mute);transition:color .16s}
.nav a:hover{color:var(--ink)}
.head-cta{margin-left:auto}
@media (min-width:900px){.head-cta{margin-left:var(--s5)}}
.lp-head .head-in{height:60px}
.lp-head .head-phone{margin-left:auto;font-size:var(--fs-sm);font-weight:600;text-decoration:none}
.lp-head .head-phone:hover{color:var(--deep)}

.hero{padding-block:var(--s16) var(--s12)}
.hero-grid{display:grid;gap:var(--s12);align-items:center}
@media (min-width:1000px){.hero-grid{grid-template-columns:1.08fr .92fr;gap:var(--s16)}}
.hero h1,.lp-hero h1{font-size:var(--fs-2xl);margin-bottom:var(--s5);max-width:18ch}
.hero h1 .strike,.lp-hero h1 .strike{color:var(--mute);text-decoration:line-through;
  text-decoration-thickness:2px;text-decoration-color:rgba(121,112,100,.45)}
.hero h1 em,.lp-hero h1 em{font-style:normal;color:var(--deep)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s8)}
.hero-trust{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s8)}
.hero-trust span{background:var(--soft);border-radius:99px;padding:8px 15px;font-size:var(--fs-sm);
  font-weight:500;color:var(--mute);display:flex;align-items:center;gap:8px}
.hero-trust span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sig)}

.numbers{background:var(--surface);border-block:1px solid var(--line)}
.num-grid{display:grid;gap:var(--s6)}
@media (min-width:700px){.num-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.num-grid{grid-template-columns:repeat(4,1fr);gap:0}}
.num{padding-right:var(--s6)}
@media (min-width:1000px){.num{border-right:1px solid var(--line);padding-right:var(--s8)}
  .num:last-child{border-right:0;padding-right:0}}
.num b{display:block;font-family:var(--display);font-size:clamp(2.1rem,3.6vw,2.9rem);
  font-weight:var(--dw-strong);letter-spacing:-.04em;line-height:1;color:var(--ink)}
.num b i{font-style:normal;font-size:.5em;color:var(--deep);margin-left:2px}
.num u{display:block;text-decoration:none;font-family:var(--display);font-size:var(--fs-sm);
  font-weight:600;margin:var(--s3) 0 var(--s2)}
.num p{margin:0;font-size:var(--fs-sm);line-height:1.55;color:var(--mute)}
.num p s{color:var(--mute-2)}

.doors{background:var(--paper)}
.doors-head{max-width:58ch;margin-bottom:var(--s10)}
.doors-head h2{font-size:var(--fs-xl);margin-bottom:var(--s4)}
.door-grid{display:grid;gap:var(--s4)}
@media (min-width:660px){.door-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1060px){.door-grid{grid-template-columns:repeat(4,1fr)}}
.door{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--rad);
  background:var(--surface);text-decoration:none;overflow:hidden;
  transition:transform .18s,box-shadow .18s,border-color .18s}
.door:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--sig)}
.door:hover .ph img{transform:scale(1.045)}
.door .ph{border-radius:0}
.door-body{padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3);flex:1}
.door-num{font-family:var(--display);font-size:var(--fs-xs);font-weight:700;color:var(--sig);letter-spacing:.1em}
.door h3{font-size:var(--fs-lg)}
.door p{font-size:var(--fs-sm);color:var(--mute);line-height:1.6}
.door-go{margin-top:auto;padding-top:var(--s2);font-size:var(--fs-sm);font-weight:700;
  color:var(--deep);display:flex;align-items:center;gap:var(--s2)}
.door-go svg{transition:transform .18s}
.door:hover .door-go svg{transform:translateX(4px)}
.door.urgent{background:var(--clay-soft);border-color:var(--clay-line)}
.door.urgent:hover{border-color:var(--clay)}
.door.urgent .door-go{color:var(--clay-deep)}
.door.urgent .door-num{color:var(--clay)}

.ledger{display:grid;gap:var(--s4);margin-top:var(--s10)}
@media (min-width:860px){.ledger{grid-template-columns:1fr 1fr;gap:var(--s5)}}
.col{border-radius:var(--rad-lg);padding:var(--s6) var(--s6) var(--s8)}
.col.bad{background:var(--soft);border:1px solid var(--line)}
.col.good{background:var(--surface);border:2px solid var(--sig);box-shadow:var(--shadow-sig)}
.col h3{font-family:var(--display);font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;margin-bottom:var(--s6)}
.col.bad h3{color:var(--mute)} .col.good h3{color:var(--deeper)}
.col ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4)}
.col li{display:grid;grid-template-columns:20px 1fr;gap:var(--s3);font-size:var(--fs-sm);line-height:1.6}
.col li i{font-style:normal;font-weight:700;font-family:var(--display);line-height:1.35}
.col.bad li{color:var(--mute)} .col.bad li i{color:var(--mute-2)}
.col.good li{color:var(--ink)} .col.good li i{color:var(--sig)}

.mech{background:var(--ink);color:var(--paper)}
.mech h2{font-size:var(--fs-xl);color:var(--paper);max-width:20ch;margin-bottom:var(--s10)}
.mech .eyebrow{color:var(--sig);background:rgba(223,162,54,.16)}
.steps{display:grid;gap:var(--s8)}
@media (min-width:860px){.steps{grid-template-columns:repeat(3,1fr);gap:var(--s10)}}
.step{border-top:2px solid var(--sig);padding-top:var(--s5)}
.step-n{font-family:var(--display);font-size:var(--fs-xs);color:var(--sig);letter-spacing:.12em;
  display:block;margin-bottom:var(--s4);font-weight:700}
.step h3{font-size:var(--fs-lg);color:var(--paper);margin-bottom:var(--s3)}
.step p{font-size:var(--fs-sm);color:rgba(248,243,233,.68);line-height:1.68}
.mech-foot{margin-top:var(--s12);padding:var(--s6);border-radius:var(--rad);
  background:rgba(248,243,233,.06);border:1px solid rgba(248,243,233,.14);
  display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center;justify-content:space-between}
.mech-foot p{font-size:var(--fs-sm);color:rgba(248,243,233,.8);max-width:62ch}
.mech-foot strong{color:var(--paper);font-weight:600}

.aud{border-bottom:1px solid var(--line)}
.aud-alt{background:var(--surface)}
.aud-grid{display:grid;gap:var(--s10)}
@media (min-width:960px){.aud-grid{grid-template-columns:.92fr 1.08fr;gap:var(--s16)}}
.aud h2{font-size:var(--fs-xl);margin-bottom:var(--s5)}
.checklist{list-style:none;padding:0;margin:var(--s6) 0 0;display:grid;gap:var(--s4)}
.checklist li{display:grid;grid-template-columns:24px 1fr;gap:var(--s3);align-items:start}
.checklist svg{margin-top:4px;color:var(--deep);flex:none;background:rgba(223,162,54,.20);
  border-radius:50%;padding:2px;box-sizing:content-box}
.checklist strong{display:block;font-weight:700;font-size:var(--fs-md);margin-bottom:2px}
.checklist span{font-size:var(--fs-sm);color:var(--mute);line-height:1.6}
.callout{background:linear-gradient(90deg,rgba(223,162,54,.16),rgba(223,162,54,.04));
  border-left:3px solid var(--sig);padding:var(--s5) var(--s6);
  border-radius:0 var(--rad) var(--rad) 0;margin-top:var(--s8)}
.callout p{font-size:var(--fs-sm);color:var(--mute);line-height:1.68}
.callout strong{color:var(--ink)}

.lp-hero{padding-block:var(--s12)}
.lp-hero-grid{display:grid;gap:var(--s10)}
@media (min-width:980px){.lp-hero-grid{grid-template-columns:1.05fr .95fr;gap:var(--s12);align-items:start}}
.lp-hero .ph{margin-top:var(--s8)}
.lp-badges{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s6)}
.lp-badges span{font-size:var(--fs-xs);font-weight:600;background:var(--soft);
  border-radius:99px;padding:7px 14px;color:var(--mute)}
.lp-clay .lp-badges span{background:var(--surface);border:1px solid var(--clay-line);color:var(--clay-deep)}
.proof{background:var(--surface);border-block:1px solid var(--line)}
.proof-grid{display:grid;gap:var(--s8)}
@media (min-width:820px){.proof-grid{grid-template-columns:repeat(3,1fr)}}
.proof-item h3{font-size:var(--fs-lg);margin:var(--s4) 0 var(--s3)}
.proof-item p{font-size:var(--fs-sm);color:var(--mute);line-height:1.68}
.proof-item:hover .ph img{transform:scale(1.045)}

.lp-clay{background:var(--clay-soft)}
.lp-clay .eyebrow{color:var(--clay-deep);background:rgba(181,103,76,.16)}
.lp-clay .lede{color:#6B4438}
.opt-grid{display:grid;gap:var(--s4);margin-top:var(--s8)}
@media (min-width:700px){.opt-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){.opt-grid{grid-template-columns:repeat(3,1fr)}}
.opt{background:var(--surface);border:1px solid var(--clay-line);border-radius:var(--rad);
  padding:var(--s5);transition:transform .18s,box-shadow .18s}
.opt:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.opt h3{font-size:var(--fs-md);font-weight:700;margin-bottom:var(--s2)}
.opt p{font-size:var(--fs-sm);color:var(--mute);line-height:1.62}
.two-col{display:grid;gap:var(--s5);margin-top:var(--s10)}
@media (min-width:820px){.two-col{grid-template-columns:repeat(2,1fr);gap:var(--s6)}}
.pledge{background:var(--surface);border:1px solid var(--clay-line);border-radius:var(--rad-lg);padding:var(--s6)}
.pledge h3{font-size:var(--fs-md);font-weight:700;margin-bottom:var(--s5)}
.pledge ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--s3)}
.pledge li{display:grid;grid-template-columns:18px 1fr;gap:var(--s3);font-size:var(--fs-sm);
  color:var(--mute);line-height:1.58}
.pledge li i{font-style:normal;font-weight:700;font-family:var(--display);line-height:1.4}
.pledge.do li i{color:var(--deep)} .pledge.dont li i{color:var(--clay)}
.free-help{margin-top:var(--s8);background:var(--ink);color:var(--paper);border-radius:var(--rad-lg);
  padding:var(--s6);display:flex;flex-wrap:wrap;gap:var(--s5);align-items:center;justify-content:space-between}
.free-help p{font-size:var(--fs-sm);color:rgba(248,243,233,.76);max-width:56ch;line-height:1.62}
.free-help strong{color:var(--paper)}
.free-help a.tel{color:var(--sig);text-decoration:none;font-weight:700;white-space:nowrap}
.legal-block{margin-top:var(--s8);padding:var(--s5) var(--s6);border:1px dashed var(--clay-line);
  border-radius:var(--rad);font-size:var(--fs-xs);line-height:1.75;color:#6B4438}
.legal-block strong{color:var(--clay-deep)}

.agents{background:var(--ink-2);color:var(--paper)}
.agents .eyebrow{color:var(--sig);background:rgba(223,162,54,.16)}
.agents h1,.agents h2{color:var(--paper)}
.agents .lede{color:rgba(248,243,233,.66)}
.agent-grid{display:grid;gap:var(--s10);margin-top:var(--s10)}
@media (min-width:940px){.agent-grid{grid-template-columns:1fr 1fr;gap:var(--s12)}}
.panel-title{font-family:var(--display);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;
  color:var(--sig);padding-bottom:var(--s3);border-bottom:1px solid rgba(248,243,233,.18);
  margin-bottom:var(--s5);font-weight:700}
.req{list-style:none;padding:0;margin:0;display:grid;gap:var(--s4)}
.req li{display:grid;grid-template-columns:auto 1fr;gap:var(--s4);align-items:baseline}
.req .k{font-family:var(--display);font-size:var(--fs-xs);color:var(--sig);min-width:52px;font-weight:700}
.req .v{font-size:var(--fs-sm);color:rgba(248,243,233,.8);line-height:1.62}
.req .v b{color:var(--paper);font-weight:600}
.terms{display:grid;gap:var(--s4)}
.term{background:rgba(248,243,233,.06);border:1px solid rgba(248,243,233,.14);
  border-radius:var(--rad);padding:var(--s5)}
.term-k{font-family:var(--display);font-size:var(--fs-xs);color:rgba(248,243,233,.5);
  text-transform:uppercase;letter-spacing:.12em;font-weight:600}
.term-v{font-family:var(--display);font-size:1.55rem;font-weight:600;color:var(--paper);
  margin-block:var(--s2);line-height:1.05;letter-spacing:-.03em}
.term p{font-size:var(--fs-sm);color:rgba(248,243,233,.64);line-height:1.62}

.faq h2{font-size:var(--fs-xl);margin-bottom:var(--s10);max-width:18ch}
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:var(--s5) var(--s4);display:flex;gap:var(--s5);
  align-items:baseline;justify-content:space-between;font-weight:600;font-size:var(--fs-md);
  border-radius:var(--rad-sm);transition:background .16s,color .16s}
summary::-webkit-details-marker{display:none}
summary:hover{background:rgba(223,162,54,.10);color:var(--deeper)}
details[open] summary{color:var(--deeper)}
.chev{flex:none;color:var(--mute-2);transition:transform .2s;margin-top:4px}
details[open] .chev{transform:rotate(45deg);color:var(--sig)}
.faq-body{padding:0 var(--s4) var(--s6);max-width:76ch}
.faq-body p{font-size:var(--fs-sm);color:var(--mute);line-height:1.75}
.faq-body p+p{margin-top:var(--s3)}

.intake{background:var(--surface);border-top:1px solid var(--line)}
.intake-grid{display:grid;gap:var(--s10)}
@media (min-width:980px){.intake-grid{grid-template-columns:.85fr 1.15fr;gap:var(--s16)}}
.intake h2{font-size:var(--fs-xl);margin-bottom:var(--s5)}
.form-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--rad-lg);
  padding:var(--s8);box-shadow:var(--shadow)}
.form-card.on-white{background:var(--surface)}
.lp-clay .form-card{background:var(--surface);border-color:var(--clay-line)}
@media (max-width:520px){.form-card{padding:var(--s5)}}
.form-card h2,.form-card h3{font-size:var(--fs-lg);margin-bottom:var(--s2)}
.form-intro{font-size:var(--fs-sm);color:var(--mute);margin-bottom:var(--s6);line-height:1.62}
.field{margin-bottom:var(--s5)}
.field label{display:block;font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--s2)}
.hint{font-size:var(--fs-xs);color:var(--mute-2);font-weight:400}
.field input,.field select,.field textarea{width:100%;font-family:inherit;font-size:var(--fs-sm);
  color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--rad-sm);
  padding:13px var(--s4);transition:border-color .16s,box-shadow .16s}
.lp-clay .field input,.lp-clay .field select,.lp-clay .field textarea{background:var(--paper)}
.field textarea{min-height:98px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--sig);
  box-shadow:0 0 0 3px rgba(223,162,54,.24)}
.field input[aria-invalid="true"],.field select[aria-invalid="true"]{border-color:var(--clay);
  box-shadow:0 0 0 3px rgba(181,103,76,.16)}
.err{display:none;font-size:var(--fs-xs);color:var(--clay-deep);margin-top:var(--s2)}
.err.show{display:block}
.row{display:grid;gap:var(--s4)}
@media (min-width:560px){.row{grid-template-columns:1fr 1fr}}
.seg{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s2);margin-bottom:var(--s6)}
@media (min-width:560px){.seg{grid-template-columns:repeat(4,1fr)}}
.seg input{position:absolute;opacity:0;width:0;height:0}
.seg label{display:flex;align-items:center;justify-content:center;text-align:center;
  padding:var(--s3) var(--s2);border:1px solid var(--line-2);border-radius:var(--rad-sm);
  background:var(--surface);font-size:var(--fs-xs);font-weight:600;cursor:pointer;line-height:1.3;margin:0;
  transition:background .16s,border-color .16s,color .16s}
.seg label:hover{border-color:var(--mute-2)}
.seg input:checked+label{background:var(--sig);border-color:var(--sig);color:var(--ink)}
.seg input:focus-visible+label{outline:2px solid var(--deep);outline-offset:2px}
.consent{display:grid;grid-template-columns:18px 1fr;gap:var(--s3);align-items:start;margin-block:var(--s6)}
.consent input{margin-top:4px;accent-color:var(--deep);width:16px;height:16px}
.consent p{font-size:var(--fs-xs);color:var(--mute);line-height:1.68}
.form-card .btn{width:100%}
.form-foot{margin-top:var(--s4);font-size:var(--fs-xs);color:var(--mute-2);text-align:center;line-height:1.6}
.sent{display:none;text-align:center;padding:var(--s10) var(--s4)}
.sent.show{display:block;animation:pop .4s cubic-bezier(.2,.8,.3,1)}
@keyframes pop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sent-ring{width:52px;height:52px;border-radius:50%;background:var(--sig);color:var(--ink);
  display:grid;place-items:center;margin:0 auto var(--s5)}
.sent h3{font-size:var(--fs-lg);margin-bottom:var(--s3)}
.sent p{font-size:var(--fs-sm);color:var(--mute);max-width:44ch;margin-inline:auto;line-height:1.65}

.hole{border:1.5px dashed rgba(184,127,28,.45);border-radius:var(--rad);padding:var(--s5) var(--s6);
  background:rgba(223,162,54,.08);margin-top:var(--s10)}
.hole b{font-family:var(--display);font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--deeper);display:block;margin-bottom:var(--s2)}
.hole p{margin:0;font-size:var(--fs-sm);line-height:1.62;color:var(--mute)}

.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:var(--s3) var(--s4);
  background:rgba(248,243,233,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);
  display:flex;gap:var(--s2);box-shadow:0 -8px 24px -12px rgba(42,37,32,.28)}
.sticky-cta .btn{flex:1}
@media (min-width:980px){.sticky-cta{display:none}}
@media (max-width:979px){body.has-sticky{padding-bottom:76px}}

.site-foot{background:var(--ink);color:rgba(248,243,233,.62);padding-block:var(--s16) var(--s10)}
.foot-top{display:grid;gap:var(--s10);padding-bottom:var(--s10);border-bottom:1px solid rgba(248,243,233,.14)}
@media (min-width:840px){.foot-top{grid-template-columns:1.4fr 1fr 1fr}}
.foot-brand .brand-mark{color:var(--paper);font-size:1.375rem}
.foot-brand .brand-mark span{color:var(--sig)}
.foot-brand p{font-size:var(--fs-sm);color:rgba(248,243,233,.55);margin-top:var(--s4);max-width:40ch;line-height:1.65}
.foot-col h4{font-family:var(--display);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;
  color:rgba(248,243,233,.45);margin:0 0 var(--s4);font-weight:600}
.foot-col ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--s3)}
.foot-col a{font-size:var(--fs-sm);color:rgba(248,243,233,.74);text-decoration:none}
.foot-col a:hover{color:var(--sig)}
.foot-legal{padding-top:var(--s8);display:grid;gap:var(--s5)}
.foot-legal p{font-size:var(--fs-xs);line-height:1.78;color:rgba(248,243,233,.5)}
.foot-legal strong{color:rgba(248,243,233,.82);font-weight:600}
.eho{display:flex;align-items:center;gap:var(--s3)}
.eho svg{flex:none;color:rgba(248,243,233,.7)}
.eho span{font-size:var(--fs-xs);color:rgba(248,243,233,.6)}
.placeholder{background:rgba(223,162,54,.20);border-bottom:1px dotted var(--sig);
  padding:0 4px;border-radius:3px;color:rgba(248,243,233,.9)}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.3,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
  .reveal,.ph img,.door,.opt,.sent.show{transition:none!important;animation:none!important;transform:none!important}
}

/* honeypot — visually and semantically hidden, still fillable by bots */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}