:root{
  --bg:#020617;          /* slate-950 */
  --panel:#0b1220;       /* deep slate */
  --panel-2:#0f172a;     /* slate-900 */
  --text:#e5e7eb;        /* zinc-200 */
  --muted:#94a3b8;       /* slate-400 */
  --border:rgba(255,255,255,.08);
  --ring:rgba(34,197,94,.45); /* emerald subtle */
  --grad-1:#16a34a;      /* emerald-600 (subtle) */
  --grad-2:#21c157;      /* emerald-500 (subtle) */
  --grad-3:#34d399;      /* emerald-400 */
  --radius:18px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
  --max:1120px;
}
html,body{background:var(--bg);color:var(--text);font:16px/1.6 Sanchez,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue","Noto Sans",sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:inherit;text-decoration:none}
footer a:hover, .menu a:hover{text-decoration:underline;text-underline-offset:4px;};
img{max-width:100%;height:auto}
.container{max-width:var(--max);margin-inline:auto;padding:0 24px}
.accent{position:relative}
/* Header */
header{position:relative}
nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:48px;height:48px;object-fit:contain;border-radius:8px;box-shadow:var(--shadow)}
.brand-title{font-weight:800;font-size:clamp(24px,3.2vw,36px);letter-spacing:.03em;color:#e2e8f0}
.menu{display:none;gap:24px;color:#cbd5e1}
.menu a:hover{color:#fff}
/* Hero */
.hero{display:grid;gap:36px;grid-template-columns:1fr;align-items:center;padding:40px 0 64px}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:rgba(255,255,255,.05);backdrop-filter:blur(6px);border-radius:999px;padding:6px 10px;color:#eaeaf0b3;font-size:12px}
.h1{font-weight:700;font-size:38px;line-height:1.15;margin:14px 0}
.lead{color:#cbd5e1;max-width:52ch}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:12px 16px;background-color:#1FB562;color:#fff;border:0;cursor:pointer;box-shadow:var(--shadow);font-weight:600;font-family:Sanchez;font-size:18px;}
.btn.secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--border)}
/* Make the form submit button content-width, not full grid width */
form .btn{justify-self:start;width:auto;padding:10px 16px}
.panel{border:1px solid var(--border);background:rgba(255,255,255,.05);border-radius:16px;padding:20px;box-shadow:var(--shadow)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.chip{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:rgba(2,6,23,.6);border-radius:14px;padding:14px}
/* Trustbar */
.trust{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(15,23,42,.4)}
.trust ul{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;color:#9aa5b1;font-size:12px;padding:14px 0;margin:0}
.trust li{list-style:none}
/* Sections */
section{padding:64px 0}
h2{font-size:24px;font-weight:700;margin:0 0 8px}
p.section-lead{color:#cbd5e1;margin:0;max-width:none;width:100%}
.cards{display:grid;gap:18px;grid-template-columns:1fr}
.card{border:1px solid var(--border);background:rgba(255,255,255,.05);border-radius:16px;padding:18px}
.card h3{margin:0 0 6px;font-size:16px}
.muted{color:#cbd5e1;font-size:14px}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pill2{border:1px solid var(--border);background:rgba(2,6,23,.6);border-radius:999px;padding:6px 10px;font-size:12px;color:#dbeafe}
/* CTA */
.cta-wrap{border:1px solid var(--border);border-radius:24px;padding:1px;background:linear-gradient(90deg,var(--grad-1),var(--grad-2),var(--grad-3))}
.cta-inner{background:var(--bg);border-radius:24px;padding:24px}
.cta-inner form{margin-top:16px}
form{display:grid;gap:12px;grid-template-columns:1fr}
input,textarea{background:rgba(255,255,255,.05);color:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;font-size:14px;outline:none;font-family:Sanchez;font-size:16px;}
input:focus,textarea:focus{box-shadow:0 0 0 3px var(--ring)}
textarea{min-height:140px;resize:vertical}
/* Work */
.work{display:grid;gap:18px}
.work a{display:block;border:1px solid var(--border);background:rgba(255,255,255,.05);border-radius:16px;padding:18px;transition:transform .15s ease}
.work a:hover{transform:translateY(-2px)}
.work .top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.work img {max-width:100%;}
/* Footer */
footer{border-top:1px solid var(--border);padding:28px 0;color:#9aa5b1}
footer .row{display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:space-between}
/* Tiny check icons for Selected Work bullets */
.work ul.muted{list-style:none;padding-left:0}
.work ul.muted li{position:relative;padding-left:18px;margin:4px 0}
.work ul.muted li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0.15em;
  font-size:.9em;
  color:var(--grad-3);
  opacity:.95;
}

/* Responsive */
@media (min-width:768px){
  .menu{display:flex}
  .hero{grid-template-columns:1.1fr .9fr;padding:52px 0 84px}
  .h1{font-size:48px}
  .cards{grid-template-columns:repeat(2,1fr)}
  .work{grid-template-columns:repeat(2,1fr)}
  form{grid-template-columns:1fr 1fr}
  textarea{grid-column:1/-1}
}
@media (min-width:1040px){
  .cards{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}