/* MirrorNet Labs Landing — obsidian/teal/gold */
:root{
  --bg:#0f1418;
  --panel:#151b21;
  --ink:#e7edf3;
  --muted:#b5c2cf;
  --teal:#1dd7c7;
  --gold:#c8a961;
  --stroke:#22303b;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol";
  background: radial-gradient(1000px 600px at 10% -10%, rgba(29,215,199,.08), transparent 60%), var(--bg);
  color:var(--ink);
  line-height:1.6;
}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:auto;padding:96px 20px 48px}

.site-header, .site-footer{
  max-width:1100px;margin:auto;padding:18px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.site-footer{opacity:.8}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700}
.brand img{filter: drop-shadow(0 2px 6px rgba(0,0,0,.35));}
.nav{display:flex;gap:14px;flex-wrap:wrap}
.nav a{padding:8px 10px;border-radius:8px}
.nav .btn-ghost{border:1px solid var(--stroke)}

.hero{position:relative;overflow:hidden}
.eyebrow{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:.8rem}
h1{font-size: clamp(2rem, 4vw, 3rem);line-height:1.1;margin:.25rem 0 1rem}
.subhead{max-width:60ch;color:var(--muted);margin:0 0 1rem}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:.5rem}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:22px 0}

.card{
  background: linear-gradient(180deg, rgba(200,169,97,.08), transparent 40%) , var(--panel);
  border:1px solid var(--stroke); border-radius:14px; padding:20px; box-shadow:var(--shadow);
}

.btn{
  display:inline-block; padding:10px 14px; border-radius:10px; background:var(--teal);
  color:#06221f; font-weight:700; box-shadow:0 2px 0 #0aa99b; border:1px solid #0aa99b;
}
.btn:hover{text-decoration:none; transform: translateY(-1px)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--stroke);box-shadow:none}

.offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.offer{border:1px dashed var(--stroke);border-radius:12px;padding:16px}
.price{color:var(--gold);font-weight:800}

.micro{opacity:.8;font-size:.9rem;margin-top:.5rem}

.expo{margin-top:16px;padding:12px;border:1px solid var(--stroke);border-radius:10px;background:#11171d}
.d-none{display:none}

.contact-rows{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}

ul.bullets{padding-left:20px}
ul.bullets li{margin:.25rem 0}

@media (prefers-reduced-motion:no-preference){
  .hero::after{
    content:""; position:absolute; inset:-40% -20% auto auto; width:70vmin; height:70vmin;
    background: radial-gradient(closest-side, rgba(29,215,199,.12), transparent);
    filter: blur(30px); transform: rotate(20deg);
  }
}