@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600&family=Noto+Serif+Display:wght@400;500&family=Roboto:wght@400;500;700&display=swap");
/* Intake forms: one narrow column, each question a quiet block, tap chips over typing.
   2 Nov 2026: emerald retired. Both looks (DCG and The Agency) wear The Agency palette and type, in dark and light.
   The looks differ only by lockup and contact lines, which the pages switch with data-b="dcg|agency".
   <html data-brand="dcg|agency" data-theme="dark|light"> is set before first paint by the page's boot script.
   The Agency Brand Standards Manual (Mar 2023): black or Plaster ground, flat, square corners,
   Agency Red only on the thin top rule and the logo, The Agency Dallas logo primary, DCG mark at half its height
   in black or white only. The retired emerald values are archived in the project doc claude/theme-standard.md. */
:root{
  --bg:#000000; --panel:#0e0e0e; --chip:#000000; --field:#000000;
  --line:#2e2e2c; --fg:#F7F8F6; --muted:#A9AAA7; --on:#D8D5CC; --onfg:#000000;
  --accent2:#D8D5CC; --hair:#5a5a57; --btn:#D8D5CC; --btnfg:#000000; --warn:#f08a7e;
  --glow:none; --radius:0; --pill:0; --btnr:0;
  --display:"Noto Serif Display",Georgia,"Times New Roman",serif;
  --body:"Roboto",-apple-system,"Segoe UI",sans-serif;
  --label:"Barlow Condensed","Roboto",sans-serif;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#F7F8F6; --panel:#ffffff; --chip:#ffffff; --field:#ffffff;
  --line:#d9dad6; --fg:#000000; --muted:#5A5B58; --on:#1A1A19; --onfg:#F7F8F6;
  --accent2:#1A1A19; --hair:#b9bab6; --btn:#1A1A19; --btnfg:#F7F8F6; --warn:#a8322a;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font:15px/1.55 var(--body);background-image:var(--glow);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;left:0;right:0;top:0;height:3px;background:#ED2127;z-index:20;pointer-events:none}
[hidden]{display:none!important}
:root:not([data-brand="agency"]) [data-b="agency"],:root[data-brand="agency"] [data-b="dcg"]{display:none!important}
:root:not([data-theme="light"]) .on-light,:root[data-theme="light"] .on-dark{display:none!important}

.wrap{max-width:640px;margin:0 auto;padding-inline:18px;padding-block:calc(28px + env(safe-area-inset-top,0px)) calc(64px + env(safe-area-inset-bottom,0px))}
header.row{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
header.row .mark{white-space:nowrap;font-family:var(--display);font-size:19px;letter-spacing:.06em;color:var(--fg);text-transform:none;font-weight:400}
header.row .hair{flex:1;min-width:12px;height:1px;background:var(--hair)}
header.row .lbl{font-family:var(--label);font-size:13px;letter-spacing:.2em;font-weight:500}

/* Agency header lockup: The Agency Dallas logo primary, DCG mark at half its height, same baseline axis */
.logos{display:flex;align-items:center;gap:12px;flex:none;line-height:0}
.logos .ag{height:56px;width:auto;display:block}
.inv{filter:invert(1)}
.agred{display:block;aspect-ratio:270/148;background:#ED2127;-webkit-mask:url(/brand/agency-white.webp) center/contain no-repeat;mask:url(/brand/agency-white.webp) center/contain no-repeat}
.logos .dc{height:28px;width:auto;display:block}
.logos .sep{width:1px;height:32px;background:var(--line)}

.sharewrap{position:relative;flex:none}
button.share,button.mode{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--pill);background:transparent;border:1px solid var(--line);color:var(--fg);font:600 11px var(--body);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
button.mode{padding:7px 9px}
button.share:hover,button.mode:hover{border-color:var(--accent2)}
button.share svg,button.mode svg{color:var(--accent2)}
.sharemenu{position:absolute;right:0;top:calc(100% + 8px);z-index:10;min-width:150px;display:grid;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.sharemenu a,.sharemenu button{display:block;text-align:left;padding:10px 12px;border-radius:0;border:0;background:transparent;color:var(--fg);font:500 14px var(--body);text-decoration:none;letter-spacing:0;text-transform:none;cursor:pointer}
.sharemenu a:hover,.sharemenu button:hover{background:var(--chip)}
@media (max-width:440px){header.row{gap:8px}header.row .mark{font-size:18px}header.row .lbl{display:none}.logos .ag{height:46px}.logos .dc{height:23px}.logos{gap:9px}}

h1{font-family:var(--display);font-weight:400;font-size:clamp(34px,7vw,46px);line-height:1.05;margin:34px 0 10px;text-wrap:balance;letter-spacing:-.005em}
.lede{color:var(--muted);max-width:52ch;margin:0 0 8px}
.time{font-family:var(--label);font-size:14px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--muted);margin:0 0 30px}
form{display:grid;gap:14px}
.q{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 20px;display:grid;gap:12px}
.q h2{font-size:15px;font-weight:500;margin:0;line-height:1.35}
.q h2 small{display:block;font-weight:400;color:var(--muted);font-size:13px;margin-top:3px}
.opt{color:var(--muted);font-weight:500;font-size:11px;margin-left:6px;letter-spacing:.06em;text-transform:uppercase}
.sub{font-size:12px;color:var(--muted);letter-spacing:.03em;margin:2px 0 -4px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;width:100%;height:100%}
.chip span{display:inline-block;padding:8px 13px;border:1px solid var(--line);border-radius:var(--pill);font-size:13.5px;color:var(--fg);background:var(--chip);transition:background .15s,border-color .15s,color .15s}
.chip input:checked+span{background:var(--on);border-color:var(--on);color:var(--onfg)}
.chip input:focus-visible+span{outline:2px solid var(--accent2);outline-offset:2px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
label.f{display:grid;gap:5px;font-size:12px;color:var(--muted);letter-spacing:.03em;min-width:0}
input[type=text],input[type=email],input[type=tel],textarea{width:100%;background:var(--field);border:1px solid var(--line);border-radius:0;color:var(--fg);font:16px var(--body);padding:10px 11px}
input:focus,textarea:focus{outline:none;border-color:var(--accent2)}
textarea{min-height:70px;resize:vertical}
.unit{position:relative}
.unit b{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:500;pointer-events:none}
.unit.pre input{padding-left:24px}
.unit.post input{padding-right:46px}
.unit i{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--muted);font-style:normal;font-size:12px;pointer-events:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.send{margin-top:10px;display:grid;gap:10px}
button.go{font:500 15px var(--label);letter-spacing:.18em;text-transform:uppercase;border-radius:var(--btnr);padding:15px 18px;cursor:pointer;border:1px solid var(--btn);background:var(--btn);color:var(--btnfg)}
button.go[disabled]{opacity:.6;cursor:progress}
button.go:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.err{color:var(--warn);font-size:13.5px;margin:0}
.done{display:grid;gap:14px;padding-top:30px}
.done h2{font-family:var(--display);font-size:clamp(34px,7vw,44px);font-weight:400;margin:0;line-height:1.08}
.done p{color:var(--muted);margin:0;max-width:52ch}
.done a.next{color:var(--fg);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent2)}

/* start page cards: pages set weight 600 inline for the old DCG face; Noto Serif Display reads at 400 */
:root a.card b{font-weight:400}

/* Contact and broker block. TREC: broker name at least half the size of the largest team name;
   IABS and Consumer Protection Notice links on every page. */
.contact{border-top:1px solid var(--line);margin-top:44px;padding-top:26px;text-align:center;color:var(--muted);font-size:12.5px;letter-spacing:.03em;display:grid;gap:4px;justify-items:center}
.contact .who{font-family:var(--display);font-size:22px;color:var(--fg);font-weight:400}
.contact .co{font-family:var(--label);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.contact .broker{font-size:12px;letter-spacing:.06em;color:var(--fg);margin-top:6px}
.contact .fine{font-size:11px;line-height:1.5;max-width:46ch}
.contact .links{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;font-size:11.5px;margin-top:6px}
.contact .links a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.contact a{color:inherit}
.footlogos{display:grid;justify-items:center;gap:10px;margin-bottom:10px;line-height:0}
.footlogos .ag{height:70px;width:auto}
.footlogos .dc{height:35px;width:auto}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}