/* AtCom shared static-site style — clean light telecom brand. */
:root{
  --bg:#f5f6f8; --panel:#fff; --ink:#151a22; --muted:#5a6474; --faint:#8b95a5;
  --line:#e6e9ef; --accent:#2f43c9; --accent-d:#232fa0; --ok:#12855a;
  --sans:"Hanken Grotesk",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"Spline Sans Mono","SF Mono",Consolas,ui-monospace,monospace;
}
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Spline+Sans+Mono:wght@400;500&display=swap');
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header.top{border-bottom:1px solid var(--line);background:var(--panel)}
header.top .wrap{display:flex;align-items:center;gap:14px;height:60px}
.brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:18px;letter-spacing:-.3px;color:var(--ink)}
.brand .sig{width:22px;height:22px;color:var(--accent)}
.brand small{color:var(--muted);font-weight:500;font-size:13px}
nav.top-nav{margin-left:auto;display:flex;gap:20px;font-weight:500;font-size:14.5px}
nav.top-nav a{color:var(--muted)}
nav.top-nav a:hover{color:var(--ink);text-decoration:none}
.hero{padding:72px 0 48px}
.hero h1{font-size:40px;line-height:1.15;letter-spacing:-1px;margin:0 0 14px;font-weight:700}
.hero p.lead{font-size:19px;color:var(--muted);max-width:640px;margin:0 0 26px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:600;
  padding:11px 20px;border-radius:9px;font-size:15px}
.btn:hover{background:var(--accent-d);text-decoration:none}
.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:36px 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 22px}
.card h3{margin:0 0 6px;font-size:17px}
.card p{margin:0;color:var(--muted);font-size:14.5px}
.section{padding:20px 0 60px}
.section h2{font-size:26px;letter-spacing:-.5px;margin:0 0 8px}
.muted{color:var(--muted)}
.host{font-family:var(--mono);color:var(--faint);font-size:13px}
footer.foot{border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:14px}
footer.foot .wrap{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;padding-top:22px;padding-bottom:22px}
footer.foot a{color:var(--muted)}
footer.foot .spacer{flex:1}
@media(max-width:640px){.hero h1{font-size:30px}.hero{padding:48px 0 32px}nav.top-nav{display:none}}