:root{
  --orange:#f47423;
  --charcoal:#1A1A1A;
  --copper:#B8702E;
  --offwhite:#F5F1EA;
  --gray:#7A7468;
  --line:#E4DFD3;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--offwhite);color:var(--charcoal);font-family:'Inter',sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
a{color:inherit;}
.mono{font-family:'JetBrains Mono',monospace;letter-spacing:0.04em;text-transform:uppercase;}
h1,h2,h3{font-family:'Source Serif 4',serif;font-weight:600;line-height:1.15;}
header{position:sticky;top:0;z-index:50;background:rgba(245,241,234,0.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
header .wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;}
.logo{font-family:'JetBrains Mono',monospace;font-weight:500;font-size:15px;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;display:inline-block;}
.logo span{color:var(--orange);}
nav a{font-size:13px;margin-left:22px;text-decoration:none;color:var(--charcoal);}
.btn{display:inline-block;background:var(--orange);color:#fff;padding:12px 24px;border-radius:2px;text-decoration:none;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:background .15s ease;}
.btn:hover{background:#d9611a;}
.crumb{font-size:12px;color:var(--gray);padding:20px 0 0;}
.crumb a{text-decoration:none;color:var(--gray);}
.crumb a:hover{color:var(--charcoal);}
.page-hero{padding:48px 0 56px;border-bottom:1px solid var(--line);}
.page-hero .eyebrow{color:var(--copper);font-size:12px;margin-bottom:14px;}
.page-hero h1{font-size:clamp(30px,4.5vw,46px);max-width:860px;margin-bottom:16px;}
.page-hero p.lede{font-size:17px;color:#4A453C;max-width:680px;}
section{padding:64px 0;border-bottom:1px solid var(--line);}
.section-head{margin-bottom:36px;}
.section-head .mono{color:var(--copper);font-size:12px;display:block;margin-bottom:10px;}
.section-head h2{font-size:clamp(24px,3.2vw,32px);}
.prose p{color:#4A453C;font-size:16px;margin-bottom:16px;max-width:820px;}
.prose ul{margin:0 0 16px 20px;color:#4A453C;font-size:16px;max-width:820px;}
.prose li{margin-bottom:6px;}
.prose h3{font-size:19px;margin:28px 0 10px;}
.compare{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 20px;border:1px solid var(--line);}
.compare th{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.04em;color:var(--gray);text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);background:#EFE9DB;}
.compare td{padding:12px 14px;border-bottom:1px solid var(--line);color:#4A453C;vertical-align:top;}
.compare tr:last-child td{border-bottom:none;}
.table-scroll{overflow-x:auto;}
.faq-item{border-bottom:1px solid var(--line);padding:22px 0;}
.faq-item h3{font-size:17px;margin-bottom:10px;}
.faq-item p{font-size:15px;color:#4A453C;margin-bottom:8px;max-width:860px;}
.faq-item p:last-child{margin-bottom:0;}
.faq-item .src{font-size:12px;color:var(--gray);}
.note{font-size:13px;color:var(--gray);margin-top:12px;}
.cta{padding:72px 0;text-align:left;}
.cta h2{font-size:clamp(24px,3.2vw,32px);margin-bottom:12px;}
.cta p{color:#4A453C;font-size:16px;margin-bottom:24px;max-width:640px;}
.xlinks{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px;margin-top:20px;}
.xlinks a{text-decoration:none;color:var(--copper);}
.xlinks a:hover{text-decoration:underline;}
footer{padding:40px 0;border-top:1px solid var(--line);}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
footer .mono{font-size:11px;color:var(--gray);}

/* --- contact + conversion surfaces (added 2026-09-02) --- */
.navtel{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:500;color:var(--copper);text-decoration:none;margin-left:22px;white-space:nowrap;}
.navtel:hover{color:var(--orange);}
@media (max-width:820px){.navtel{display:none;}}
.footer-contact{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:baseline;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line);font-size:14px;color:var(--gray);}
.footer-contact a{text-decoration:none;color:var(--charcoal);}
.footer-contact a:hover{text-decoration:underline;}
.footer-contact .fc-phone{font-family:'Source Serif 4',serif;font-size:24px;font-weight:600;color:var(--orange);}
.callbar{display:none;}
@media (max-width:760px){
  body{padding-bottom:66px;}
  .callbar{display:flex;align-items:center;justify-content:center;gap:9px;position:fixed;left:0;right:0;bottom:0;z-index:100;background:var(--orange);color:#fff;font-weight:600;font-size:16px;text-decoration:none;padding:16px 12px;padding-bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:0 -2px 14px rgba(0,0,0,0.14);}
  .callbar svg{flex:none;}
}
.proof{padding:60px 0;border-bottom:1px solid var(--line);}
.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:26px;}
.proof-card{background:var(--offwhite);padding:24px;}
.proof-card .plat{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.04em;color:var(--copper);display:block;margin-bottom:10px;}
.proof-card .score{font-family:'Source Serif 4',serif;font-size:27px;font-weight:600;display:block;line-height:1.1;}
.proof-card p{font-size:13px;color:#4A453C;margin:8px 0 12px;}
.proof-card a{font-size:13px;font-weight:600;color:var(--copper);text-decoration:none;}
.proof-card a:hover{text-decoration:underline;}

/* --- work gallery (added 2026-09-02) --- */
.work{padding:60px 0;border-bottom:1px solid var(--line);}
.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-top:26px;}
.work-grid figure{margin:0;overflow:hidden;background:#EFE9DB;}
.work-grid img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover;transition:transform .45s ease;}
.work-grid figure:hover img{transform:scale(1.04);}
.work-grid figcaption{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.04em;color:var(--gray);padding:8px 2px 0;}
.work-note{font-size:13px;color:var(--gray);margin-top:22px;}
.page-photo{width:100%;max-width:900px;height:auto;display:block;margin:8px 0 26px;}
