/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url("../assets/fonts/archivo-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url("../assets/fonts/archivo-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url("../assets/fonts/archivo-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/hanken-grotesk-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/hanken-grotesk-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/hanken-grotesk-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/hanken-grotesk-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/hanken-grotesk-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/hanken-grotesk-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/hanken-grotesk-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/hanken-grotesk-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/hanken-grotesk-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/hanken-grotesk-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/hanken-grotesk-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/hanken-grotesk-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---- theme tokens ---- */
html {
  --bg:#080808;--bg-rgb:8,8,8;--bg2:#0B0B0B;--card:#121212;--card-2:#171717;
  --ink:#F4F4F2;--ink-rgb:244,244,242;--muted:#9B9B96;--body:#C9C9C4;--placeholder:#8A8A85;
  --gold-ink:#D3BC8D;--gold-display:#D3BC8D;--gold-line:#D3BC8D;--gold-rgb:211,188,141;
  --surf-rgb:11,11,11;--gold-fill:#D3BC8D;--gold-fill-hover:#E0CDA4;--hero-bg:#080808;
  --bar-shadow:inset 0 1px 8px rgba(0,0,0,0.5),0 24px 60px rgba(0,0,0,0.45);
  --bar-shadow-focus:inset 0 1px 12px rgba(0,0,0,0.6),0 0 0 4px rgba(211,188,141,0.08),0 24px 60px rgba(0,0,0,0.5);
  --card-shadow:none;
  color-scheme: dark;
}
html[data-theme="light"] {
  --bg:#F6F2E9;--bg-rgb:246,242,233;--bg2:#EEE8DC;--card:#FBF9F5;--card-2:#FFFDF9;
  --ink:#171717;--ink-rgb:23,23,23;--muted:#5F5B55;--body:#3D3A35;--placeholder:#77726A;
  --gold-ink:#7E6435;--gold-display:#A0824C;--gold-line:#A98B55;--gold-rgb:169,139,85;
  --surf-rgb:251,249,245;--gold-fill:#D3BC8D;--gold-fill-hover:#C9AE7A;
  --hero-bg:radial-gradient(60% 70% at 88% 8%,#FBF9F5 0%,rgba(251,249,245,0) 65%),linear-gradient(180deg,#F6F2E9 0%,#EFE8DA 100%);
  --bar-shadow:inset 0 1px 0 rgba(255,255,255,0.9),0 18px 48px rgba(110,86,44,0.12);
  --bar-shadow-focus:inset 0 1px 0 rgba(255,255,255,0.9),0 0 0 4px rgba(169,139,85,0.16),0 18px 48px rgba(110,86,44,0.16);
  --card-shadow:0 1px 0 rgba(255,255,255,0.8) inset;
  color-scheme: light;
}
/* the hero section always keeps the dark token set, in both themes */
[data-hero] {
  --bg:#080808;--bg-rgb:8,8,8;--bg2:#0B0B0B;--card:#121212;--card-2:#171717;
  --ink:#F4F4F2;--ink-rgb:244,244,242;--muted:#9B9B96;--body:#C9C9C4;--placeholder:#8A8A85;
  --gold-ink:#D3BC8D;--gold-display:#D3BC8D;--gold-line:#D3BC8D;--gold-rgb:211,188,141;
  --surf-rgb:11,11,11;--gold-fill:#D3BC8D;--gold-fill-hover:#E0CDA4;--hero-bg:#080808;
  --bar-shadow:inset 0 1px 8px rgba(0,0,0,0.5),0 24px 60px rgba(0,0,0,0.45);
  --bar-shadow-focus:inset 0 1px 12px rgba(0,0,0,0.6),0 0 0 4px rgba(211,188,141,0.08),0 24px 60px rgba(0,0,0,0.5);
  color-scheme: dark;
  color:#F4F4F2;
}
[data-hero] input::placeholder { color:#8A8A85; }

/* ---- base ---- */
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  transition: background-color .4s;
}
a { color: var(--gold-ink); text-decoration: none; }
a:hover { color: var(--ink); }
input::placeholder { color: var(--placeholder); }
*:focus-visible { outline: 1px solid var(--gold-line); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body { transition: none; }
}

/* ---- layout root ---- */
.page {
  background: var(--bg);
  color: var(--ink);
  overflow-x: hidden;
  min-height: 100vh;
}

/* ---- hero ---- */
.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--hero-bg);
}

.hero-media-wide {
  position: absolute; top:0; right:0; bottom:0; width:66%; z-index:-1; overflow:hidden;
}
.hero-media-wide img {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  object-position:62% 27%; transform:scale(1.04); transform-origin:60% 30%; will-change:transform;
}
.hero-media-wide .hero-glow {
  position:absolute; inset:0;
  background: radial-gradient(40% 50% at 30% 30%, rgba(var(--gold-rgb),0.14), rgba(var(--gold-rgb),0) 70%);
  mix-blend-mode: screen; opacity:.5;
}
.hero-media-wide .hero-fade-l { position:absolute; inset:0; background:linear-gradient(90deg,var(--bg) 0%,rgba(var(--bg-rgb),0.82) 16%,rgba(var(--bg-rgb),0.25) 38%,rgba(var(--bg-rgb),0) 55%); }
.hero-media-wide .hero-fade-b { position:absolute; inset:0; background:linear-gradient(0deg,var(--bg) 0%,rgba(var(--bg-rgb),0.78) 20%,rgba(var(--bg-rgb),0) 46%); }
.hero-media-wide .hero-fade-t { position:absolute; inset:0; background:linear-gradient(180deg,rgba(var(--bg-rgb),0.78) 0%,rgba(var(--bg-rgb),0) 26%); }

.hero-media-narrow {
  position:relative; height:clamp(400px,min(118vw,68vh),640px); overflow:hidden; z-index:-1; display:none;
}
.hero-media-narrow img {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  object-position:66% 22%; transform:scale(1.04); will-change:transform;
}
.hero-media-narrow .hero-fade {
  position:absolute; inset:0;
  background:linear-gradient(0deg,var(--bg) 0%,rgba(var(--bg-rgb),0.7) 22%,rgba(var(--bg-rgb),0) 50%),
             linear-gradient(180deg,rgba(var(--bg-rgb),0.85) 0%,rgba(var(--bg-rgb),0) 26%);
}

@media (max-width: 959px) {
  .hero-media-wide { display: none; }
  .hero-media-narrow { display: block; }
}

.hero-header {
  position:absolute; top:0; left:0; right:0; z-index:3;
  padding: clamp(18px,2.6vw,32px) clamp(20px,4.5vw,72px);
}
@media (min-width: 960px) {
  .hero-header {
    position:relative;
    padding: 0 clamp(64px,6vw,96px);
    min-height: clamp(88px,9vw,104px);
    display:flex;
    align-items:center;
  }
}
.hero-header-row {
  width:100%; max-width:1440px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px;
}
.brand {
  display:flex; flex-direction:column; gap:6px; color:var(--ink);
}
.brand-mark {
  font-family:Archivo,sans-serif; font-weight:800; font-stretch:108%;
  font-size:clamp(30px,3vw,42px); line-height:1; letter-spacing:-0.02em;
}
.brand-mark .gold { color: var(--gold-display); }
.brand-sub {
  display:flex; align-items:center; gap:6px;
  font-family:Archivo,sans-serif; font-size:10px; font-weight:500; letter-spacing:0.32em; color:var(--muted);
}
.brand-logo { display:block; border-radius:50%; flex:none; }

.primary-nav { display:flex; align-items:center; gap:clamp(36px,3vw,48px); }
.primary-nav a {
  font-family:Archivo,sans-serif; font-size:12px; font-weight:500; letter-spacing:0.22em; color:var(--ink);
  transition: color .25s;
}
.primary-nav a:hover { color: var(--gold-ink); }
.primary-nav a { white-space: nowrap; }
@media (max-width: 1179px) { .primary-nav { display: none; } }

.header-actions { display:flex; align-items:center; gap:10px; }

.icon-btn {
  flex:none; width:44px; height:44px; border-radius:999px;
  border:1px solid rgba(var(--ink-rgb),0.2); background:rgba(var(--bg-rgb),0.35);
  backdrop-filter:blur(8px); color:var(--ink);
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  transition: border-color .25s, color .25s;
}
.icon-btn:hover { border-color: var(--gold-line); color: var(--gold-ink); }

.ask-cta {
  display:flex; align-items:center; gap:10px; height:44px; padding:0 clamp(18px,2vw,30px);
  border:1px solid rgba(var(--gold-rgb),0.7); border-radius:999px;
  font-family:Archivo,sans-serif; font-size:12px; font-weight:600; letter-spacing:0.22em; color:var(--gold-ink);
  background: rgba(var(--bg-rgb),0.35); backdrop-filter: blur(8px);
  transition: background .3s, border-color .3s, color .3s;
}
.ask-cta:hover { background: rgba(var(--gold-rgb),0.1); border-color: var(--gold-ink); color: var(--ink); }

.menu-btn { display: none; }
@media (max-width: 1179px) { .menu-btn { display: flex; } }

.mobile-nav {
  position:relative; z-index:10;
  margin-top:16px; display:none; flex-direction:column;
  background: rgba(var(--surf-rgb),0.94); backdrop-filter: blur(14px);
  border: 1px solid rgba(var(--gold-rgb),0.25); border-radius: 20px; padding: 8px 20px;
}
.mobile-nav.is-open { display: flex; }
.mobile-nav a {
  padding:16px 0; border-bottom:1px solid rgba(var(--ink-rgb),0.08);
  font-family:Archivo,sans-serif; font-size:13px; letter-spacing:0.22em; color:var(--ink);
}
.mobile-nav a:last-child { border-bottom: 0; }

.hero-body {
  position:relative; z-index:2;
  max-width:1440px; margin:0 auto; padding:0 clamp(20px,4.5vw,72px) clamp(40px,4vw,64px);
  box-sizing:border-box; min-height: max(100vh, 860px);
  display:flex; flex-direction:column; justify-content:flex-end; margin-top: 0;
}
@media (min-width: 960px) {
  .hero-body {
    min-height: calc(max(100vh, 860px) - clamp(88px,9vw,104px));
    padding-top: clamp(40px,4vw,56px);
  }
}
@media (max-width: 959px) {
  .hero-body { min-height: auto; margin-top: -150px; }
}

.hero-copy { max-width:clamp(520px,42vw,600px); display:flex; flex-direction:column; }
.eyebrow {
  margin:0 0 18px; font-family:Archivo,sans-serif; font-size:clamp(11px,1vw,14px);
  font-weight:500; letter-spacing:0.42em; color:var(--gold-ink);
}
.hero-title {
  margin:0; font-family:Archivo,sans-serif; font-weight:900; font-stretch:112%;
  font-size:clamp(60px,7.6vw,128px); line-height:0.9; letter-spacing:-0.025em; text-wrap:balance;
}
.hero-title span { display:block; }
.hero-title .ink { color: var(--ink); }
.hero-title .gold { color: var(--gold-display); }
.hero-meta {
  margin:28px 0 0; font-family:Archivo,sans-serif; font-size:clamp(11px,1vw,14px);
  font-weight:500; letter-spacing:0.3em; line-height:2; color:var(--ink);
}
.hero-rule { width:56px; height:1px; background: var(--gold-line); margin:26px 0; }
.hero-lede {
  margin:0; max-width:520px; font-size:clamp(16px,1.25vw,18px); line-height:1.65; color:var(--body); text-wrap:pretty;
}

.ask-bar {
  position:relative; z-index:4;
  margin-top: clamp(28px,3vw,40px);
  display:flex; align-items:center; gap:clamp(8px,1.4vw,18px);
  min-height: clamp(64px,6vw,92px);
  padding:0 clamp(10px,1vw,14px) 0 clamp(18px,2vw,30px);
  border-radius:999px; border:1px solid rgba(var(--gold-rgb),0.55);
  background: rgba(var(--surf-rgb),0.72); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  box-shadow: var(--bar-shadow);
  transition: border-color .3s, box-shadow .3s;
}
.ask-bar.is-focused { border-color: var(--gold-line); box-shadow: var(--bar-shadow-focus); }
.ask-bar svg.spark { flex:none; }
.visually-hidden {
  position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);
}
.ask-input {
  flex:1; min-width:0; height:100%; padding:18px 0; background:transparent; border:0; outline:none;
  color: var(--ink); font-family:'Hanken Grotesk',sans-serif; font-size: clamp(16px,1.5vw,21px);
}
.ask-icon-btn {
  flex:none; width:44px; height:44px; border:0; border-radius:999px; background:transparent;
  color: var(--muted); cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition: color .25s;
}
.ask-icon-btn:hover { color: var(--gold-ink); }
.ask-attach { }
@media (max-width: 959px) { .ask-attach { display: none; } }
.ask-submit {
  flex:none; width:clamp(48px,4.6vw,68px); height:clamp(48px,4.6vw,68px);
  border:0; border-radius:999px; background: var(--gold-fill); color:#0B0B0B;
  cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition: background .25s, transform .25s;
}
.ask-submit:hover { background: var(--gold-fill-hover); transform: translateX(1px); }

.answer-card {
  margin-top:14px; display:none; flex-wrap:wrap; align-items:center; gap:14px 24px;
  padding:18px 18px 18px 28px; border-radius:28px; border:1px solid rgba(var(--gold-rgb),0.3);
  background: rgba(var(--surf-rgb),0.82); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
}
.answer-card.is-visible { display: flex; }
.answer-tag { flex:none; font-family:Archivo,sans-serif; font-size:11px; font-weight:600; letter-spacing:0.32em; color:var(--gold-ink); }
.answer-line { flex:1 1 300px; margin:0; font-size:16px; line-height:1.55; color:var(--ink); text-wrap:pretty; }
.answer-actions { display:flex; align-items:center; gap:8px; }
.answer-continue {
  display:flex; align-items:center; gap:10px; height:48px; padding:0 24px; border-radius:999px;
  background: var(--gold-fill); color:#0B0B0B; font-family:Archivo,sans-serif; font-size:12px; font-weight:700;
  letter-spacing:0.2em; transition: background .25s;
}
.answer-continue:hover { background: var(--gold-fill-hover); color:#0B0B0B; }
.answer-dismiss {
  width:44px; height:44px; border-radius:999px; border:0; background:transparent; color:var(--muted);
  cursor:pointer; display:flex; align-items:center; justify-content:center;
}
.answer-dismiss:hover { color: var(--ink); }

.quick-actions {
  margin-top:18px; display:flex; gap:12px; flex-wrap: wrap;
  overflow-x:auto; scrollbar-width:none; padding:2px 0 4px;
}
@media (max-width: 959px) {
  .quick-actions {
    flex-wrap: nowrap;
    margin-left: calc(-1 * clamp(20px,4.5vw,72px));
    margin-right: calc(-1 * clamp(20px,4.5vw,72px));
    padding: 2px clamp(20px,4.5vw,72px) 4px;
  }
}
.quick-actions::-webkit-scrollbar { display: none; }
.pill {
  flex:none; display:flex; align-items:center; gap:12px; height:52px; padding:0 24px 0 20px;
  border-radius:999px; border:1px solid rgba(var(--gold-rgb),0.32); background: rgba(var(--surf-rgb),0.6);
  color: var(--ink); font-size:15px; font-weight:500;
  transition: transform .25s, border-color .25s, background .25s;
}
.pill:hover { transform: translateY(-1px); border-color: var(--gold-ink); background: rgba(var(--gold-rgb),0.07); color: var(--ink); }

/* ---- why davy strip ---- */
.why {
  border-top:1px solid rgba(var(--ink-rgb),0.07);
  background: var(--bg2);
}
.why-grid {
  max-width:1440px; margin:0 auto; padding: clamp(28px,3vw,44px) clamp(20px,4.5vw,72px);
  display:grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap:28px 0;
}
@media (min-width: 560px) { .why-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (min-width: 1100px) { .why-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
.why-item {
  display:flex; gap:22px; padding:6px clamp(16px,2.4vw,36px); border-left:1px solid rgba(var(--ink-rgb),0.09);
}
.why-item svg { flex:none; }
.why-item h3 {
  margin:0 0 12px; font-family:Archivo,sans-serif; font-size:13px; font-weight:600;
  letter-spacing:0.26em; line-height:1.7; color:var(--ink);
}
.why-item p { margin:0; font-size:15px; line-height:1.55; color:var(--muted); }

.gold-hairline {
  height:1px;
  background: linear-gradient(90deg,rgba(211,188,141,0) 0%,rgba(211,188,141,0.75) 50%,rgba(211,188,141,0) 100%);
}

/* ---- shared section layout ---- */
.section { background: var(--bg); }
.section--alt { background: var(--bg2); border-top:1px solid rgba(var(--ink-rgb),0.06); }
.section-inner { max-width:1440px; margin:0 auto; padding: clamp(80px,9vw,140px) clamp(20px,4.5vw,72px); }
.kicker { margin:0 0 20px; font-family:Archivo,sans-serif; font-size:12px; font-weight:500; letter-spacing:0.38em; color:var(--gold-ink); }
.section-title {
  margin:0 0 clamp(48px,5vw,72px); max-width:780px; font-family:Archivo,sans-serif; font-weight:800;
  font-stretch:110%; font-size:clamp(34px,4vw,60px); line-height:1; letter-spacing:-0.02em; text-wrap:balance;
}

/* ---- how it works ---- */
.steps {
  list-style:none; margin:0; padding:0; display:grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap:0;
}
@media (min-width: 560px) { .steps { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (min-width: 1100px) { .steps { grid-template-columns: repeat(4,minmax(0,1fr)); } }
.steps li {
  padding:28px 28px 8px 0; border-top:1px solid rgba(var(--gold-rgb),0.4); margin-right:24px;
}
.step-num { display:block; font-family:Archivo,sans-serif; font-size:13px; letter-spacing:0.2em; color:var(--gold-ink); margin-bottom:28px; }
.steps h3 { margin:0 0 10px; font-family:Archivo,sans-serif; font-size:22px; font-weight:700; font-stretch:105%; }
.steps p { margin:0; font-size:16px; line-height:1.6; color:var(--muted); }

/* ---- examples ---- */
.examples-head {
  display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:24px;
  margin-bottom: clamp(40px,4vw,60px);
}
.examples-head h2 { margin:0; font-family:Archivo,sans-serif; font-weight:800; font-stretch:110%; font-size:clamp(34px,4vw,60px); line-height:1; letter-spacing:-0.02em; }
.examples-sub { margin:0; max-width:340px; font-size:16px; line-height:1.6; color:var(--muted); }
.examples-grid { display:grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap:14px; }
@media (min-width: 640px) { .examples-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (min-width: 1100px) { .examples-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
.example-card {
  display:flex; flex-direction:column; justify-content:space-between; gap:36px; min-height:170px; padding:28px;
  border-radius:22px; border:1px solid rgba(var(--ink-rgb),0.08); background: var(--card); color: var(--ink);
  transition: border-color .3s, transform .3s, background .3s;
}
.example-card:hover { border-color: rgba(var(--gold-rgb),0.55); transform: translateY(-2px); background: var(--card-2); color: var(--ink); }
.example-quote {
  font-family:Archivo,sans-serif; font-size:clamp(19px,1.5vw,22px); font-weight:600; font-stretch:104%; line-height:1.3; text-wrap:pretty;
}
.example-dest {
  display:flex; align-items:center; gap:10px; font-family:Archivo,sans-serif; font-size:11px; font-weight:600; letter-spacing:0.26em; color:var(--gold-ink);
}

/* ---- what davy can do ---- */
.capabilities {
  display:grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,340px),1fr)); column-gap: clamp(24px,4vw,64px);
}
.capability { display:grid; grid-template-columns: 120px 1fr; gap:20px; padding:30px 0; border-top:1px solid rgba(var(--ink-rgb),0.1); }
.capability-label { font-family:Archivo,sans-serif; font-size:13px; font-weight:600; letter-spacing:0.28em; color:var(--gold-ink); padding-top:6px; }
.capability h3 { margin:0 0 8px; font-family:Archivo,sans-serif; font-size:21px; font-weight:700; font-stretch:104%; }
.capability p { margin:0; font-size:16px; line-height:1.6; color:var(--muted); }

/* ---- network ---- */
.network-head {
  display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:24px 64px;
  margin-bottom: clamp(56px,6vw,88px);
}
.network-head h2 { margin:0; font-family:Archivo,sans-serif; font-weight:800; font-stretch:110%; font-size:clamp(34px,4vw,60px); line-height:1; letter-spacing:-0.02em; text-wrap:balance; max-width:760px; }
.network-sub { margin:0; max-width:420px; font-size:17px; line-height:1.65; color:var(--muted); text-wrap:pretty; }
.network-hub { display:flex; flex-direction:column; align-items:center; }
.network-hub-pill {
  display:flex; align-items:center; gap:18px; padding:16px 30px; border:1px solid rgba(var(--gold-rgb),0.7);
  border-radius:999px; background: var(--bg);
}
.network-hub-pill .brand-mark-sm { font-family:Archivo,sans-serif; font-weight:800; font-stretch:108%; font-size:24px; letter-spacing:-0.02em; color:var(--ink); }
.network-hub-pill .divider { width:1px; height:22px; background: rgba(var(--gold-rgb),0.4); }
.network-hub-pill .tag { font-family:Archivo,sans-serif; font-size:11px; font-weight:600; letter-spacing:0.3em; color:var(--gold-ink); }
.network-hub-line { width:1px; height:56px; background: linear-gradient(180deg,var(--gold-line),rgba(var(--gold-rgb),0.35)); }
.network-list {
  list-style:none; margin:0; padding:0; display:grid; grid-template-columns: repeat(1,minmax(0,1fr));
  border-top:1px solid rgba(var(--gold-rgb),0.35);
}
@media (min-width: 560px) { .network-list { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (min-width: 1100px) { .network-list { grid-template-columns: repeat(4,minmax(0,1fr)); } }
.network-list li { display:flex; border-bottom:1px solid rgba(var(--ink-rgb),0.08); }
.network-card {
  flex:1; display:flex; flex-direction:column; gap:14px; padding:36px clamp(20px,2.2vw,32px) 32px;
  border-left:1px solid rgba(var(--ink-rgb),0.08); color: var(--ink); transition: background .3s;
}
.network-card:hover { background: var(--card); color: var(--ink); }
.network-card .role { font-family:Archivo,sans-serif; font-size:11px; font-weight:600; letter-spacing:0.3em; color:var(--gold-ink); }
.network-card .domain { font-family:Archivo,sans-serif; font-size:clamp(18px,1.5vw,22px); font-weight:700; font-stretch:112%; letter-spacing:0.06em; }
.network-card .body { font-size:16px; line-height:1.55; color:var(--muted); flex:1; }
.network-card .visit { margin-top:12px; display:flex; align-items:center; gap:8px; font-family:Archivo,sans-serif; font-size:11px; font-weight:600; letter-spacing:0.26em; color:var(--gold-ink); }

/* ---- final cta ---- */
.final-cta {
  position:relative; overflow:hidden; background: var(--bg); border-top:1px solid rgba(var(--gold-rgb),0.18);
}
.final-cta-glow {
  position:absolute; inset:0;
  background: radial-gradient(60% 80% at 50% 120%, rgba(var(--gold-rgb),0.14), rgba(var(--bg-rgb),0) 70%);
}
.final-cta-inner {
  position:relative; max-width:1440px; margin:0 auto; padding: clamp(96px,11vw,170px) clamp(20px,4.5vw,72px);
  display:flex; flex-direction:column; align-items:center; text-align:center;
}
.final-cta-title {
  margin:0; font-family:Archivo,sans-serif; font-weight:900; font-stretch:112%;
  font-size:clamp(52px,8vw,132px); line-height:0.9; letter-spacing:-0.025em;
}
.final-cta-btn {
  margin-top:48px; display:flex; align-items:center; gap:14px; height:60px; padding:0 40px;
  border-radius:999px; background: var(--gold-fill); color:#0B0B0B;
  font-family:Archivo,sans-serif; font-size:13px; font-weight:700; letter-spacing:0.24em;
  transition: background .25s;
}
.final-cta-btn:hover { background: var(--gold-fill-hover); color:#0B0B0B; }
.final-cta-note { margin:22px 0 0; max-width:460px; font-size:14px; line-height:1.6; color:var(--muted); }

/* ---- footer ---- */
.site-footer { background: var(--bg); border-top:1px solid rgba(var(--ink-rgb),0.06); }
.site-footer-inner {
  max-width:1440px; margin:0 auto; padding:32px clamp(20px,4.5vw,72px);
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px;
}
.footer-brand { font-family:Archivo,sans-serif; font-weight:800; font-stretch:108%; font-size:22px; letter-spacing:-0.02em; color:var(--ink); }
.footer-brand .gold { color: var(--gold-display); }
.footer-brand .sub { display:inline-flex; align-items:center; gap:6px; font-size:10px; font-weight:500; letter-spacing:0.3em; color:var(--muted); margin-left:10px; }
.footer-copy { font-size:13px; color:var(--muted); }