
:root{--ink:var(--ds-ink);--body:#4a4550;--gold:var(--ds-gold-line);--gold-deep:#7A6446;--ivory:var(--ds-ivory);--line:#ece3d1}
body{font-family:Inter,system-ui,sans-serif;color:var(--body);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.display{font-family:'Manrope',serif;font-weight:300;letter-spacing:-.03em;line-height:1.05;color:var(--ink)}
.wrap{margin:0 auto;width:100%;max-width:1280px;padding-left:20px;padding-right:20px}
@media(min-width:640px){.wrap{padding-left:40px;padding-right:40px}}
.gold-text{background-image:linear-gradient(110deg,#8F7857 0%,var(--ds-gold-line) 30%,#E8D6B3 48%,#F5E9CE 52%,#E8D6B3 56%,var(--ds-gold-line) 70%,#8F7857 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s ease-in-out infinite}
@keyframes sheen{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.btn{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;border-radius:9999px;padding:0 28px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:1px solid rgba(145,113,0,0.85);position:relative;overflow:hidden;
  color:#FFFDE5;text-shadow:0 -1px 0 rgba(178,140,2,0.85);background:linear-gradient(180deg,var(--ds-gold) 0%,#C9A33D 52%,#C58E3A 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),inset 0 -2px 0 rgba(0,0,0,0.08),0 6px 18px -4px rgba(246,197,118,0.45),0 2px 4px rgba(31,26,21,0.12);transition:transform 0.25s cubic-bezier(0.1,0.4,0.2,1),box-shadow 0.25s cubic-bezier(0.1,0.4,0.2,1),filter var(--dur-base) var(--ease-standard)}
.btn::before{content:"";position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(180deg, rgba(255,253,221,0.55) 0%, rgba(133,104,7,0.18) 55%, rgba(255,241,179,0.35) 100%);pointer-events:none;z-index:0}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,0.75) 50%,transparent 65%);transform:translateX(-120%);animation:sweep 3s ease-in-out infinite;pointer-events:none}
@keyframes sweep{0%{transform:translateX(-120%)}60%,100%{transform:translateX(120%)}}
.btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.65),inset 0 -2px 0 rgba(0,0,0,0.06),0 12px 28px -8px rgba(246,197,118,0.55),0 4px 8px rgba(31,26,21,0.14)}
.btn:active{transform:translateY(0) scale(0.98);filter:brightness(0.95);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 2px 4px rgba(31,26,21,0.1)}
.btn-ghost{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;border-radius:9999px;border:1px solid rgba(255,255,255,0.55);padding:0 26px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ds-ink);background:linear-gradient(180deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.25) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;overflow:hidden;position:relative;transition:transform 0.25s cubic-bezier(0.1,0.4,0.2,1),box-shadow 0.25s cubic-bezier(0.1,0.4,0.2,1),color 0.2s ease}
.btn-ghost::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,0.5) 50%,transparent 65%);transform:translateX(-120%);transition:transform 0.6s ease;pointer-events:none}
.btn-ghost:hover{color:#7A6446;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.85),0 8px 20px rgba(0,0,0,0.08)}
.btn-ghost:hover::after{transform:translateX(120%)}
.btn-ghost:active{transform:translateY(0) scale(0.98)}
.header{position:sticky;top:0;z-index:40;transition:background .45s ease,box-shadow .45s ease}
.header.is-stuck{background:rgba(255,255,255,.75);backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);box-shadow:0 .5rem 1.5rem -1rem rgba(143,120,87,.22)}
.headerbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;padding-bottom:22px;transition:padding .45s cubic-bezier(.2,.7,.2,1)}
.headerbar a.btn{display:none}
@media(min-width:640px){.headerbar a.btn{display:inline-flex}}
.header.is-stuck .headerbar{padding-top:12px;padding-bottom:12px}
.hairline{height:1px;opacity:0;transform:scaleX(.4);background:linear-gradient(90deg,transparent,rgba(184,160,126,.65),rgba(245,233,206,.9),rgba(184,160,126,.65),transparent);transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.2,1)}
.header.is-stuck .hairline{opacity:1;transform:scaleX(1)}
.nav-link{position:relative;padding:6px 2px;font-size:14px;color:var(--ink);transition:color .3s,transform .3s}
.nav-link::after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:100%;background:linear-gradient(90deg,#8F7857,#E8D6B3,#8F7857);transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.nav-link:hover{color:var(--gold-deep);transform:translateY(-1px)}
.nav-link:hover::after{transform:scaleX(1);transform-origin:left}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.card:hover{transform:translateY(-4px);box-shadow:0 1rem 2rem -1rem rgba(143,120,87,.18),0 2.5rem 5rem -1.5rem rgba(30,27,36,.14)}
.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-deep)}
.field{width:100%;min-height:52px;border-radius:14px;border:1px solid var(--line);background:#fff;padding:0 16px;font-size:14px;color:var(--ink);outline:none;transition:border-color .3s,box-shadow .3s}
.field:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(184,160,126,.16)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.is-in{opacity:1;transform:none}
details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}
details[open] .chev{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* --- mobile a11y / tap targets (audit fixes) --- */
.mnav-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9999px;border:1px solid var(--line,#eae2d5);background:#fff;color:var(--ink,var(--ds-ink))}
.mdrawer{position:fixed;inset:0;z-index:80;display:none}
.mdrawer[data-open="true"]{display:block}
.mdrawer__scrim{position:absolute;inset:0;background:rgba(26,22,19,.45);backdrop-filter:blur(2px)}
.mdrawer__panel{position:absolute;right:0;top:0;height:100dvh;width:min(86vw,340px);background:#fff;box-shadow:-1rem 0 3rem -1rem rgba(26,22,19,.35);padding:20px;display:flex;flex-direction:column;gap:6px;transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.7,.2,1)}
.mdrawer[data-open="true"] .mdrawer__panel{transform:none}
.mdrawer__panel a{display:flex;align-items:center;min-height:48px;padding:0 8px;border-bottom:1px solid rgba(0,0,0,.05);font-size:16px;color:var(--ink,var(--ds-ink))}
@media(min-width:1024px){.mnav-btn{display:none}.mdrawer{display:none!important}}
footer a,.site-footer a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:639px){
  .eyebrow,.text-\[10px\],.text-\[11px\]{font-size:12px!important}
  .marquee,.logo-track{animation-play-state:paused!important}
}


/* --- mobile-first polish (<=640px) --- */
@media (max-width:640px){
  .text-\[10px\]{font-size:11.5px!important;line-height:1.5!important}
  .text-\[11px\]{font-size:12px!important;line-height:1.55!important}
  .tracking-\[0\.32em\]{letter-spacing:.2em!important}
  .tracking-\[0\.28em\]{letter-spacing:.18em!important}
  .tracking-\[0\.26em\]{letter-spacing:.17em!important}
  p,li{text-wrap:pretty}
  h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere}
  img,video,svg,table{max-width:100%}
}
@media (max-width:900px){
  footer a,nav a,header a{min-height:44px;display:inline-flex;align-items:center}
  label:has(input[type=checkbox]),label:has(input[type=radio]){min-height:44px;display:flex;align-items:center}
  input,select,textarea{font-size:16px!important}
}
/* Mobile-first centering */
@media (max-width: 768px) {
  main section h1,
  main section h2,
  main section h3,
  main section h4,
  main section p,
  main section .eyebrow,
  main section [class*="eyebrow"],
  main section .hero-trust-row,
  main section .display,
  main section dl,
  main section dt,
  main section dd,
  main section li,
  main section h2 .word,
  main section h3 .word,
  main section .reveal-title .word,
  main section .reveal-title {
    text-align: center !important;
  }
  main section .flex:not(.logo-track):not(.marquee):not(.items-start),
  main section .grid {
    justify-content: center !important;
    justify-items: center !important;
    align-items: center !important;
  }
  main section .max-w-xl,
  main section .max-w-lg,
  main section .max-w-2xl,
  main section .max-w-3xl,
  main section .max-w-4xl,
  main section .max-w-5xl,
  main section > div:first-child {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  main section div:not(.logo-track):not(.marquee),
  main section article,
  main section li,
  main section dl > div {
    text-align: center !important;
  }
  main section img:not(.logo-badge):not(.w-full):not([class*="h-full"]) {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  main section .max-w-md,
  main section .max-w-sm,
  main section .max-w-prose,
  main section form {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  main section a.inline-flex,
  main section a[class*="skeuomorphic"],
  main section button {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .skeuomorphic-btn,
  .skeuomorphic-btn-secondary,
  .gold-shimmer,
  .btn-premium,
  .btn {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}



/* clean+bold pairing: Manrope display, Inter body */
h1,h2,h3,h4,h5,.display,.brand-logo{font-family:'Manrope',ui-sans-serif,system-ui,sans-serif!important;font-style:normal!important;letter-spacing:-.02em}
h1,h2{font-weight:600!important}
h3,h4,h5{font-weight:500!important}
body{font-family:'Inter',ui-sans-serif,system-ui,sans-serif}
