/* Filed & Sent Studio — shared design language
   Ink #1A1E26 / ink2 #0f1319 · brass #A38B5C · off-white #E0E2E5
   Calm and competent. Text-first. No stock photos, no faces. */
:root{
  --ink:#1A1E26; --ink2:#0f1319; --brass:#A38B5C; --offw:#E0E2E5;
  --body:#B8BEC4; --muted:#8A8F96; --line:#2a303c;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Helvetica,Arial,sans-serif;
  background:var(--ink2); color:var(--offw); line-height:1.65;
  font-size:17px; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:900px; margin:0 auto; padding:0 24px;}
header{border-bottom:1px solid var(--line); padding:72px 0 48px; text-align:center;}
.brand{letter-spacing:.28em; font-size:13px; color:var(--brass); text-transform:uppercase;}
h1{font-size:42px; line-height:1.15; margin:26px auto 18px; max-width:640px; font-weight:700;}
.lede{color:var(--body); font-size:19px; max-width:580px; margin:0 auto;}
nav{position:sticky; top:0; background:rgba(15,19,25,.92); border-bottom:1px solid var(--line);
    backdrop-filter:blur(6px); z-index:10;}
nav .wrap{display:flex; gap:22px; flex-wrap:wrap; overflow-x:auto; padding-top:12px; padding-bottom:12px; justify-content:center;}
nav a{color:var(--body); text-decoration:none; font-size:14px; white-space:nowrap;}
nav a:hover{color:var(--brass);}
main{padding:56px 0 24px;}
h2{font-size:30px; margin:48px 0 8px; color:var(--offw);}
.sub{color:var(--muted); font-size:15px; margin-bottom:26px;}
p{margin:0 0 16px; color:var(--body);}
strong{color:var(--offw);}
a{color:var(--brass);}

/* Product cards */
.grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; margin:26px 0 8px;}
.card{background:linear-gradient(180deg,#1c222c,#161b23); border:1px solid var(--line);
      border-radius:12px; padding:26px 24px; display:flex; flex-direction:column;}
.card .tag{font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-bottom:14px;}
.card .tag.live{color:var(--brass);}
.card h3{font-size:21px; color:var(--offw); margin-bottom:10px;}
.card p{font-size:15px; color:var(--muted); flex-grow:1;}
.card a.btn{margin-top:18px;}
.card.coming{opacity:.82; border-style:dashed;}

.btn{display:inline-block; background:var(--brass); color:var(--ink); font-weight:700;
     text-decoration:none; border-radius:8px; padding:12px 22px; font-size:15px; text-align:center;}
.btn:hover{background:#b49a6c;}
.btn.ghost{background:transparent; color:var(--brass); border:1px solid var(--brass);}
.btn.ghost:hover{background:rgba(163,139,92,.08); color:#c5ab78;}

ul,ol{margin:0 0 20px 24px; color:var(--body);}
li{margin-bottom:8px;}
blockquote{border-left:3px solid var(--brass); margin:24px 0; padding:14px 20px;
           background:#161b23; color:var(--offw); font-style:italic;}
.fine{font-size:13px; color:var(--muted);}
footer{border-top:1px solid var(--line); padding:36px 0 60px; text-align:center; color:var(--muted); font-size:14px;}
footer a{color:var(--body); text-decoration:none;}
footer a:hover{color:var(--brass);}
@media(max-width:600px){ h1{font-size:31px;} .wrap{padding:0 18px;} header{padding:52px 0 36px;}
                        nav .wrap{justify-content:flex-start;} }