:root{
  --bg:#17130f;
  --bg-panel:#211b15;
  --bg-panel-2:#2a231b;
  --cream:#f2e9da;
  --cream-dim:#c9bfae;
  --amber:#e8963b;
  --amber-dim:#c67a2b;
  --rust:#a63d2c;
  --line:rgba(242,233,218,0.14);
  --line-soft:rgba(242,233,218,0.08);
  --max:900px;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--cream);
  font-family:'Inter',sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;}
a:focus-visible, button:focus-visible{outline:3px solid var(--amber);outline-offset:3px;}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px;}
[id]{scroll-margin-top:80px;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:.001ms !important; transition-duration:.001ms !important;}
}
h1,h2,h3{
  font-family:'Oswald',sans-serif;
  text-transform:uppercase;
  letter-spacing:0.02em;
  color:var(--cream);
}
.eyebrow{
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--amber);
  display:flex;
  align-items:center;
  gap:10px;
}
.eyebrow::before{content:"";width:20px;height:1px;background:var(--amber);display:inline-block;}
header{
  position:sticky;top:0;z-index:50;
  background:rgba(23,19,15,.92);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line-soft);
}
.nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 28px;max-width:1120px;margin:0 auto;
}
.logo{
  display:flex;align-items:center;gap:10px;
  font-family:'Oswald',sans-serif;
  font-size:16px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  text-decoration:none;
}
.logo-mark{
  width:28px;height:28px;
  border:2px solid var(--amber);
  border-radius:50%;
  position:relative;
  flex:none;
}
.logo-mark::after{
  content:"";
  position:absolute;
  top:50%;left:50%;
  width:8px;height:8px;
  background:var(--amber);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
@media (min-width:861px){
  .nav-links{
    display:flex;flex-wrap:wrap;gap:24px;
    font-family:'IBM Plex Mono',monospace;
    font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  }
  .nav-links a{color:var(--cream-dim);text-decoration:none;}
  .nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--amber);}
}
.nav-right{display:flex;align-items:center;gap:20px;}
.nav-cta{
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;
  letter-spacing:.05em;
  text-transform:uppercase;
  background:var(--amber);
  color:var(--bg);
  padding:11px 20px;
  text-decoration:none;
  border:1px solid var(--amber);
  font-weight:600;
  transition:background .18s ease, color .18s ease;
}
.nav-cta:hover{background:transparent;color:var(--amber);}
.breadcrumb{
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--cream-dim);
  margin:28px 0 20px;
}
.breadcrumb a{color:var(--amber);text-decoration:underline;}
.page-hero{padding:12px 0 36px;}
.page-hero h1{font-size:clamp(32px,4.5vw,52px);margin:14px 0 16px;line-height:1.05;}
.page-hero .lede{font-size:18px;color:var(--cream-dim);max-width:62ch;}
.page-hero .price-tag{
  font-family:'IBM Plex Mono',monospace;
  font-size:13px;
  color:var(--amber);
  margin:18px 0 24px;
  letter-spacing:.03em;
}
.btn-primary{
  display:inline-block;
  font-family:'IBM Plex Mono',monospace;
  font-size:13px;
  letter-spacing:.05em;
  text-transform:uppercase;
  background:var(--amber);
  color:var(--bg);
  padding:14px 24px;
  text-decoration:none;
  border:1px solid var(--amber);
  font-weight:600;
  transition:transform .15s ease, box-shadow .15s ease;
}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(232,150,59,0.18);}
.btn-ghost{
  display:inline-block;
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--cream-dim);
  text-decoration:underline;
  margin-left:18px;
}
.content-block{padding:40px 0;border-top:1px solid var(--line-soft);}
.content-block h2{font-size:clamp(24px,3vw,36px);margin-bottom:14px;}
.content-block p,.content-block li{color:var(--cream-dim);margin-bottom:12px;max-width:65ch;}
.content-block ul{margin:0 0 16px 1.2rem;}
.work-photo{
  margin:24px auto 0;
  max-width:min(100%,360px);
  padding:0 28px;
  background:transparent;
  border:none;
  overflow:visible;
}
.work-photo img{
  width:100%;
  height:auto;
  max-height:420px;
  object-fit:contain;
  object-position:center;
  display:block;
  margin:0 auto;
  border:1px solid var(--line-soft);
  background:var(--bg-panel);
}
.work-photo-caption{
  max-width:min(100%,360px);
  margin:10px auto 0;
  padding:0 28px;
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--cream-dim);
}
.bench-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
  max-width:560px;
}
.bench-strip figure{
  margin:0;
  background:var(--bg-panel);
  border:1px solid var(--line-soft);
  padding:6px;
}
.bench-strip img{
  width:100%;
  height:auto;
  max-height:160px;
  object-fit:contain;
  object-position:center;
  display:block;
  margin:0 auto;
}
.bench-strip figcaption{
  margin-top:6px;
  font-family:'IBM Plex Mono',monospace;
  font-size:10px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--cream-dim);
  line-height:1.35;
}
@media (max-width:700px){
  .bench-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
  .bench-strip{grid-template-columns:1fr 1fr;}
  .work-photo,.work-photo-caption{padding:0 20px;}
}
.proof-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line-soft);
  margin-top:20px;
}
.proof-card{background:var(--bg-panel);padding:22px 20px;}
.proof-card h3{
  font-family:'Oswald',sans-serif;
  font-size:18px;
  margin-bottom:6px;
}
.proof-card p{font-size:14px;color:var(--cream-dim);line-height:1.5;margin:0;}
.steps-list{counter-reset:step;margin:16px 0 0;padding:0;list-style:none;}
.steps-list li{
  counter-increment:step;
  padding:16px 0 16px 44px;
  border-bottom:1px solid var(--line-soft);
  color:var(--cream-dim);
  position:relative;
  max-width:65ch;
}
.steps-list li::before{
  content:counter(step, decimal-leading-zero);
  position:absolute;left:0;top:16px;
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;color:var(--amber);
}
.faq-list{margin-top:16px;}
.faq-item{border-bottom:1px solid var(--line-soft);padding:18px 0;}
.faq-item h3{
  font-family:'Oswald',sans-serif;
  font-size:18px;
  margin-bottom:8px;
}
.faq-item p{color:var(--cream-dim);margin:0;max-width:65ch;}
.related{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.related a{
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--cream);
  background:var(--bg-panel);
  border:1px solid var(--line);
  padding:8px 14px;
  text-decoration:none;
}
.related a:hover{border-color:var(--amber);color:var(--amber);}
.cta-band{
  margin:48px 0 0;
  padding:32px 28px;
  background:var(--bg-panel);
  border:1px solid var(--line);
}
.cta-band h2{font-size:clamp(22px,3vw,32px);margin-bottom:10px;}
.cta-band p{color:var(--cream-dim);margin-bottom:18px;max-width:58ch;}
.disclaimer{
  margin-top:24px;
  padding:16px 20px;
  border:1px dashed var(--line);
  font-family:'IBM Plex Mono',monospace;
  font-size:11.5px;
  color:var(--cream-dim);
  max-width:65ch;
}
footer{
  padding:28px 0;
  border-top:1px solid var(--line-soft);
  margin-top:56px;
}
.foot-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  font-family:'IBM Plex Mono',monospace;
  font-size:11.5px;
  color:var(--cream-dim);
}
.foot-links{display:flex;flex-wrap:wrap;gap:14px;}
.foot-links a{text-decoration:underline;}
@media (max-width:760px){
  .wrap{padding:0 20px;}
  .nav{padding:16px 20px;}
  .proof-grid{grid-template-columns:1fr;}
  .btn-ghost{display:block;margin:16px 0 0;}
}