<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Armstead Technology Partners — Under Construction</title>
<meta name="description" content="Armstead Technology Partners — Security-first managed IT for law firms. Site under construction." />
<style>
:root { --bg:#0b1020; --card:#121a33; --text:#e9ecf7; --muted:#b7c0e3; --accent:#8aa2ff; }
body{ margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:radial-gradient(900px 600px at 30% 20%, #1b2a6a 0%, var(--bg) 55%); color:var(--text); }
.wrap{ min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; }
.card{ max-width:720px; width:100%; background:rgba(18,26,51,.88); border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:28px; box-shadow:0 18px 60px rgba(0,0,0,.35); }
h1{ margin:0 0 6px; font-size:28px; letter-spacing:.4px; }
.tag{ margin:0 0 14px; color:var(--muted); font-weight:600; }
.pill{ display:inline-block; margin:12px 0 16px; padding:6px 10px; border-radius:999px; background:rgba(138,162,255,.12); border:1px solid rgba(138,162,255,.35); color:var(--accent); font-weight:700; font-size:12px; letter-spacing:.6px; text-transform:uppercase; }
p{ margin:10px 0; color:var(--muted); line-height:1.55; }
.grid{ display:grid; gap:10px; margin-top:14px; }
.item{ padding:12px 14px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); }
.item b{ color:var(--text); }
footer{ margin-top:18px; color:rgba(183,192,227,.8); font-size:12px; }
a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }
</style>
</head>
<body>
<div class="wrap">
<main class="card">
<h1>Armstead Technology Partners</h1>
<div class="tag">Security-first managed IT for law firms.</div>
<span class="pill">Site Under Construction</span>
<p>We’re building a secure, operations-first client experience. If you need help now, reach out and we’ll respond promptly.</p>
<div class="grid">
<div class="item"><b>Platform support:</b> Windows • macOS SME (Subject Matter Expert) • Android/iOS SME</div>
<div class="item"><b>Services:</b> Managed IT • Monitoring • Patching • Security baselines • Unlimited remote support (business hours)</div>
</div>
<footer>
© <span id="y"></span> Armstead Technology Partners
</footer>
</main>
</div>
<script>document.getElementById("y").textContent = new Date().getFullYear();</script>
</body>
</html>