/* Certified Spaces identity. Brand pack plus the 27 September dark-first direction.
   Layout remains in the copied page; this file owns brand colours and typography. */
:root {
  /* Earth pass, 11 Oct 2026 (Jordan: sharper, more earthy, less blue). Grounds move from teal to
     warm near-black; text moves to warm paper. Teal-navy stays for the seal; mint is for action only.
     ponytail: --cs-navy keeps its name (now the raised dark ground) so existing rules need no rewrite. */
  --cs-deep:#0D1312; --cs-navy:#172120; --cs-seal:#0E3541; --cs-blue:#1C5A6B;
  --cs-mint:#9FE0DE; --cs-white:#F6F2EA; --cs-soft:#BFB5A3;
  --cs-ink:#20302F; --cs-line:rgba(246,242,234,.14);
  --cs-paper:#F6F2EA; --cs-sand:#EFE8DB; --cs-stone:#D9CFBD;
  --cs-clay:#B08A63;      /* non-text only (2.82:1 on paper) */
  --cs-clay-deep:#7E5C39; /* all clay-coloured type, on paper */
  --cs-rule:#A08F72;      /* functional borders (inputs, controls) */
  --cs-radius:6px; --cs-radius-sm:2px;
  --cs-serif:Georgia,'Times New Roman',serif;
  --cs-sans:'Helvetica Neue',Helvetica,Arial,sans-serif;
}
html { background:var(--cs-deep); }
body.cs-brand { background:var(--cs-deep); color:var(--cs-white); font-family:var(--cs-serif)!important; }
.cs-brand h1,.cs-brand h2,.cs-brand h3,.cs-brand p { font-family:var(--cs-serif)!important; }
.cs-brand h1,.cs-brand h2,.cs-brand h3 { font-weight:400; }
.cs-brand :is(h1,h2,h3) .font-bold { font-weight:400; }
.cs-brand :is(label,input,select,textarea,button),.cs-brand [class~="uppercase"],.cs-brand a[href="#apply"] { font-family:var(--cs-sans); }
.cs-brand [class~="bg-black"],.cs-brand [class~="bg-neutral-950"] { background-color:var(--cs-deep); }
.cs-brand [class~="bg-neutral-900"],.cs-brand [class~="bg-neutral-800"] { background-color:var(--cs-navy); }
.cs-brand [class~="bg-white"] { background-color:var(--cs-white); }
.cs-brand [class~="bg-neutral-200"] { background-color:#D5E2E3; }
.cs-brand [class~="text-black"] { color:var(--cs-ink); }
.cs-brand [class~="text-white"] { color:var(--cs-white); }
.cs-brand [class~="text-neutral-400"],.cs-brand [class~="text-white/70"],.cs-brand [class~="text-white/75"] { color:var(--cs-soft); }
.cs-brand [class~="bg-[#00fffb]"] { background-color:var(--cs-mint); }
.cs-brand [class~="bg-green-300/60"] { background-color:rgba(159,224,222,.6); }
.cs-brand [class~="bg-black/85"] { background-color:rgba(6,26,33,.94); }
.cs-brand [class~="bg-black/[0.39]"] { background-color:rgba(14,53,65,.6); }
.cs-brand [class~="text-[#c30f0f]"] { color:#923F36; }
.cs-brand [class~="border-[#c30f0f]"] { border-color:#923F36; }
.cs-brand [class~="bg-[#c30f0f]/10"] { background-color:rgba(146,63,54,.08); }
.cs-brand a[href="#apply"] { font-weight:500; letter-spacing:.035em; }
.cs-brand a[href="#apply"]:not(.funnel-nav a) { border-radius:999px; }
.funnel-nav { background:var(--cs-deep); border-bottom-color:var(--cs-line); font-family:var(--cs-sans); }
.funnel-nav a:last-child { color:var(--cs-mint); }
.cs-nav-wordmark { display:grid; gap:2px; font:400 21px/1.1 var(--cs-serif); }
.cs-nav-wordmark small { font:400 10px/1.5 var(--cs-sans); letter-spacing:.09em; color:var(--cs-soft); }
.cs-hero-lockup { display:flex; align-items:center; justify-content:center; gap:20px; margin:0 auto 36px; }
.cs-hero-mark { width:104px; height:104px; flex-shrink:0; }
.cs-logo { display:block; width:100%; height:auto; object-fit:contain; }
.cs-hero-wordmark { display:grid; gap:8px; text-align:left; }
.cs-brand-name { font:400 clamp(28px,4vw,42px)/1.1 var(--cs-serif); color:var(--cs-white); }
.cs-brand-founder { font:400 11px/1.5 var(--cs-sans); letter-spacing:.17em; text-transform:uppercase; color:var(--cs-mint); }
#qualify .cs-logo { width:160px; height:160px; margin:0 auto; }
.native-apply { background:var(--cs-navy); }.native-bridge { background:var(--cs-deep); }
.native-apply input,.native-apply select,.native-apply textarea { border-color:var(--cs-line); }
.native-apply button { background:var(--cs-mint);color:var(--cs-deep);font-family:var(--cs-sans); }
.funnel-footer { color:var(--cs-soft);font-family:var(--cs-sans); }
@media(max-width:600px){
  .cs-hero-lockup { gap:14px; margin-bottom:28px; }
  .cs-hero-mark { width:76px; height:76px; }
  .cs-brand-name { font-size:29px; }
  .cs-brand-founder { font-size:9px; letter-spacing:.1em; }
  .cs-nav-wordmark { font-size:17px; }.cs-nav-wordmark small { font-size:8px; }
  .funnel-nav img { width:38px; height:38px; }
}

/* Keep the copied page's fixed-width mobile cards inside narrow screens. */
@media (max-width: 767px) {
  .cs-brand [class~="w-[335px]"] { width:calc(100% - 46px); }
  .cs-brand [class~="w-[322.76px]"] { max-width:100%; }
  .cs-brand [class~="w-[155.91px]"] { width:100%; min-width:0; }
}
@media (max-width: 767px) {
  .cs-brand [class~="grid-cols-[155.91px_155.91px]"] {
    grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-left:0;
  }
}
@media (max-width: 767px) {
  .cs-brand [class~="w-[332.91px]"] { max-width:100%; }
  .cs-brand [class~="w-[321px]"] { width:calc(100% - 52px); }
  .cs-brand [class~="w-[321px]"] > div { flex:1; min-width:0; }
}
@media (max-width: 767px) {
  .cs-brand [class~="w-[238.17px]"] { width:calc(100% - 94px); }
}