/* COUNSEL&Co — Agency & Corporate. Seed signature: §1.4 ARSENAL.md.
   Every px value on the Fibonacci scale: 0,1,2,3,8,13,21,34,55,89,144,233,377,610,987. */
*{box-sizing:border-box;margin:0}
body{font-family:Inter,system-ui,sans-serif;background:#0b0b0d;color:#f2f2f2;overflow-x:hidden}
a{color:inherit}
.k{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:#888}
h1,h2,h3{font-family:Archivo,sans-serif;letter-spacing:-.02em}
.btn{display:inline-block;background:#fff;color:#000;border:0;border-radius:89px;padding:13px 34px;
 font:600 13px Inter;cursor:pointer;text-decoration:none;transition:transform .25s,opacity .25s}
.btn:hover{transform:scale(1.04)}
.btn.ghost{background:none;color:#fff;border:1px solid #333}
.btn.ghost:hover{border-color:#fff}
.wrap{max-width:987px;margin:0 auto;padding:0 5vw}
section{padding:13vh 0}
.card{background:#131316;border:1px solid #232328;overflow:hidden;
 transition:transform .3s,border-color .3s}
.card:hover{transform:translateY(-3px);border-color:#3a3a3f}
.chip{border:1px solid #2a2a2e;background:none;color:#aaa;border-radius:89px;padding:8px 21px;
 font:600 13px Inter;cursor:pointer;transition:.2s}
.chip.on,.chip:hover{background:#fff;color:#000;border-color:#fff}
input,select,textarea{background:#131316;border:1px solid #2a2a2e;color:#f2f2f2;border-radius:13px;
 padding:13px 21px;font:400 13px Inter;outline:none;width:100%}
input:focus,select:focus,textarea:focus{border-color:#fff}
.ph{aspect-ratio:4/3;background:#101013;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.row{display:flex;gap:13px;flex-wrap:wrap;align-items:center}
.topbar{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;
 padding:13px 5vw;background:rgba(11,11,13,.85);backdrop-filter:blur(13px);border-bottom:1px solid #1c1c20}
.topbar b{font-family:Archivo;letter-spacing:.05em}
.topbar b span{color:#666}
.topbar nav{display:flex;gap:21px;font-size:13px;color:#999}
.topbar nav a{text-decoration:none}.topbar nav a:hover{color:#fff}
@media(max-width:610px){.topbar nav{display:none}}
/* hero — editorial single column (signature 1.4) */
.hero{padding:13vh 5vw 8vh}
.hero h1{font-size:clamp(34px,7vw,89px);font-weight:900;line-height:.93}
.hero .lede{color:#999;margin:21px 0 0;max-width:377px}
/* numbered accordion services (signature 1.4) */
.svc{border-top:1px solid #232328;cursor:pointer}
.svc:last-child{border-bottom:1px solid #232328}
.svc .head{display:flex;align-items:center;padding:21px 0;gap:21px}
.svc h3{font-size:clamp(21px,3vw,34px);flex:1}
.svc .num{font-family:'JetBrains Mono';color:#555;font-size:13px}
.svc .x{font-family:'JetBrains Mono';color:#555;transition:transform .3s}
.svc.open .x{transform:rotate(45deg)}
.svc .body{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.2,.8,.2,1);color:#999}
.svc.open .body{max-height:233px}
.svc .body p{max-width:610px;padding-bottom:21px}
/* 4-up animated stat counters (signature 1.4) */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(144px,1fr));gap:34px;text-align:center}
.stats b{font-family:Archivo;font-size:clamp(34px,4.5vw,55px);display:block}
.stats span{font-family:'JetBrains Mono';font-size:13px;letter-spacing:.2em;color:#888;text-transform:uppercase}
/* 3-tier pricing, middle tier white-bordered (signature 1.4) */
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(233px,1fr));gap:21px}
.tier{padding:34px}
.tier h3{font-size:21px}
.tier .pr{font-family:Archivo;font-size:34px;margin:13px 0}
.tier ul{list-style:none;padding:0;color:#999;font-size:13px}
.tier li{padding:8px 0;border-bottom:1px solid #1e1e22}
/* work grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(233px,1fr));gap:21px}
.wk .pad{padding:21px}
.wk h3{font-size:21px}
.wk .meta{display:flex;justify-content:space-between;font-family:'JetBrains Mono';font-size:13px;color:#888;margin-top:8px}
.cats{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 34px}
#count{color:#666;font-family:'JetBrains Mono';font-size:13px;margin:0 0 21px}
/* detail page */
.detail{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start}
@media(max-width:987px){.detail{grid-template-columns:1fr}}
.detail .ph{border:1px solid #232328}
.spec{width:100%;border-collapse:collapse;margin:21px 0}
.spec td{padding:13px 0;border-bottom:1px solid #1e1e22;font-size:13px}
.spec td:first-child{font-family:'JetBrains Mono';font-size:13px;letter-spacing:.2em;
 text-transform:uppercase;color:#888}
.spec td:last-child{text-align:right}
/* forms */
form.stack{display:grid;gap:13px;max-width:377px}
.ok{color:#7a7;font-size:13px}
.err{color:#a66;font-size:13px}
/* testimonials + faq + cta */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(233px,1fr));gap:21px}
.quote{padding:34px}
.quote p{color:#ccc;font-size:13px;line-height:1.7}
.quote .who{font-family:'JetBrains Mono';font-size:13px;color:#888;margin-top:21px;letter-spacing:.2em;text-transform:uppercase}
.faq{border-top:1px solid #232328}
.fq{border-bottom:1px solid #232328}
.fq summary{cursor:pointer;padding:21px 0;font-family:Archivo;font-size:21px;list-style:none;display:flex;justify-content:space-between}
.fq summary::after{content:"+";font-family:'JetBrains Mono';color:#555}
.fq[open] summary::after{content:"–"}
.fq p{color:#999;font-size:13px;padding:0 0 21px;max-width:610px;line-height:1.7}
.cta{text-align:center}
/* developed footer */
footer{border-top:1px solid #1c1c20;padding:55px 5vw 34px;color:#666;font-size:13px}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;max-width:987px;margin:0 auto}
@media(max-width:610px){.fgrid{grid-template-columns:1fr 1fr}}
.fgrid h4{font-family:'JetBrains Mono';font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#888;margin:0 0 13px}
.fgrid>div{min-width:0}
.fgrid a{display:block;color:#999;text-decoration:none;font-size:13px;padding:8px 0;overflow-wrap:anywhere}
.fgrid a:hover{color:#fff}
.fgrid .brand{font-family:Archivo;font-size:21px;color:#f2f2f2}
.fgrid .tag{color:#666;font-size:13px;margin-top:8px;max-width:233px;line-height:1.7}
.fbar{max-width:987px;margin:34px auto 0;padding-top:21px;border-top:1px solid #1c1c20;
 display:flex;justify-content:space-between;flex-wrap:wrap;gap:13px}