/* VERSION: v01 */
:root{
  --charcoal:#1C1A17;
  --wood:#A9683D;
  --cream:#F5F1EA;
  --grey:#6B6660;
  --line:#DAD3C6;
  --danger:#B3392C;
  --danger-bg:#FBF0EE;
  --font-body:'Inter',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--charcoal);background:var(--cream);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-weight:800;letter-spacing:-0.01em;line-height:1.1}
h1{font-size:clamp(2rem,5vw,3.4rem)}
h2{font-size:clamp(1.6rem,3.4vw,2.4rem);margin-bottom:2rem}
h3{font-size:1.05rem;font-weight:700}
.eyebrow{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wood);margin-bottom:.9rem}
.lede{font-size:1.15rem;color:var(--grey);max-width:640px;text-align:justify;text-justify:inter-word}
.fine-note{font-size:.85rem;color:var(--grey);margin-top:1.2rem;font-style:italic;text-align:justify}
p{text-align:justify;text-justify:inter-word}
.hero-sub,.eyebrow,h1,h2,h3,.trust-indicators,.btn,.evidence-table td,.form-grid label,.ti-label,.logo-text,.site-nav,.project-meta,.footer-inner p{text-align:left}
.hero-sub{max-width:560px}

/* Buttons */
.btn{display:inline-block;padding:.85rem 1.6rem;border-radius:2px;font-weight:600;font-size:.95rem;letter-spacing:.01em;transition:all .15s ease;border:1px solid transparent}
.btn-amber{background:var(--wood);color:var(--cream)}
.btn-amber:hover{background:#8f5631}
.btn-ghost{border-color:var(--charcoal);color:var(--charcoal)}
.btn-ghost:hover{background:var(--charcoal);color:var(--cream)}
.btn-block{width:100%;text-align:center;border:none;cursor:pointer;font-family:var(--font-body)}
.btn-small{padding:.6rem 1.1rem;font-size:.85rem}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(245,241,234,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}
.logo-lockup{display:flex;align-items:center;gap:10px;color:var(--charcoal)}
.logo-icon{width:26px;height:26px;color:var(--charcoal)}
.logo-text{font-weight:800;font-size:1.15rem;letter-spacing:-.02em}
.logo-sub{font-family:var(--font-mono);font-weight:600;font-size:.55rem;letter-spacing:.16em;color:var(--wood);margin-left:4px;vertical-align:middle}
.site-nav{display:flex;gap:2rem;font-size:.92rem;font-weight:500}
.site-nav a:hover{color:var(--wood)}
.nav-toggle{display:none}

/* Hero */
.hero{background:var(--charcoal);color:var(--cream);padding:7rem 0 5rem}
.hero-inner{max-width:820px}
.hero .eyebrow{color:var(--wood)}
.hero h1{color:var(--cream);margin-bottom:1.2rem}
.hero-sub{font-size:1.2rem;color:#C9C3B8;max-width:560px;margin-bottom:2.2rem}
.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}
.hero .btn-ghost{border-color:#5A554D;color:var(--cream)}
.hero .btn-ghost:hover{background:var(--cream);color:var(--charcoal);border-color:var(--cream)}
.trust-indicators{display:flex;gap:2.5rem;flex-wrap:wrap;list-style:none;border-top:1px solid #3A362F;padding-top:1.6rem;font-size:.9rem;color:#C9C3B8}
.ti-label{display:block;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--wood);margin-bottom:.3rem}

/* Sections */
.section{padding:5rem 0}
.section-alt{background:#EFE9DE}

/* Grids */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.card{background:var(--cream);border:1px solid var(--line);transition:box-shadow .2s ease,transform .2s ease}
.card:hover{box-shadow:0 10px 26px rgba(28,26,23,.1);transform:translateY(-2px)}
.card-media{aspect-ratio:4/3;background-size:cover;background-position:center;background-color:#DFD8C9;position:relative}
.card h3{padding:1rem 1.1rem 1.3rem}

.audience-card{background:var(--charcoal);border:1px solid var(--charcoal);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}
.audience-card:hover{box-shadow:0 10px 26px rgba(28,26,23,.18);transform:translateY(-2px)}
.audience-card .card-media{aspect-ratio:5/4;background-color:#3A362F}
.audience-body{padding:1.2rem 1.2rem 1.4rem;border-top:3px solid var(--wood)}
.audience-num{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;color:var(--wood);font-weight:600;margin-bottom:.5rem}
.audience-body h3{color:var(--cream);font-size:1rem}
.project-card{background:var(--cream);border:1px solid var(--line)}
.project-meta{padding:.9rem 1rem;font-size:.85rem;color:var(--grey)}

/* Specs list */
.spec-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1rem 2.5rem;max-width:820px}
.spec-list li{display:flex;align-items:baseline;gap:.9rem;font-size:1.02rem;border-bottom:1px solid var(--line);padding-bottom:.9rem}
.spec-num{font-family:var(--font-mono);font-weight:600;color:var(--wood);font-size:.85rem}

/* Table */
.evidence-table{width:100%;border-collapse:collapse;font-size:.95rem}
.evidence-table th{text-align:left;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);padding:.8rem 1rem;border-bottom:2px solid var(--charcoal)}
.evidence-table td{padding:1rem;border-bottom:1px solid var(--line);vertical-align:top}
.evidence-table td:first-child{font-weight:700;width:32%}

/* Process */
.process-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;counter-reset:step}
.process-steps li{display:flex;align-items:center;gap:.8rem;background:var(--cream);border:1px solid var(--line);padding:1rem 1.2rem;font-weight:600}
.process-steps span{font-family:var(--font-mono);color:var(--wood);font-weight:600}

/* Form */
.section-form{background:var(--charcoal);color:var(--cream)}
.section-form h2{color:var(--cream)}
.lead-form{max-width:760px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.8rem}
.form-grid label{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:#C9C3B8;font-weight:500}
.form-grid input,.form-grid select{background:#26231F;border:1px solid #3A362F;color:var(--cream);padding:.75rem .9rem;border-radius:2px;font-family:var(--font-body);font-size:.95rem}
.form-grid input:focus,.form-grid select:focus{outline:2px solid var(--wood);border-color:var(--wood)}

/* Footer */
.site-footer{background:#15130F;color:#9A948A;padding:3.5rem 0}
.footer-inner{display:flex;flex-direction:column;gap:.6rem}
.footer-logo{color:var(--cream);margin-bottom:.6rem}

/* Scroll popup */
.scroll-popup{position:fixed;bottom:24px;right:24px;background:var(--charcoal);color:var(--cream);padding:1.2rem 1.4rem;max-width:280px;border-top:3px solid var(--wood);box-shadow:0 12px 32px rgba(0,0,0,.25);opacity:0;transform:translateY(16px);pointer-events:none;transition:all .3s ease;z-index:60}
.scroll-popup.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.scroll-popup p{margin-bottom:.8rem;font-weight:600;font-size:.95rem}
.popup-close{position:absolute;top:6px;right:10px;background:none;border:none;color:#9A948A;font-size:1.2rem;cursor:pointer}

@media (max-width:860px){
  .site-nav{display:none}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:1fr}
  .spec-list{grid-template-columns:1fr}
  .process-steps{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .header-cta{display:none}
}