:root {
  --bg:#0e1014; --panel:#171a21; --panel-2:#1d212b; --border:#262b35;
  --text:#e7eaf0; --muted:#868f9e; --accent:#6cb6cf; --accent-dim:#3c6c7c;
  --accent-2:#5bb2ff;
  --sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI",
          Roboto, "Helvetica Neue", system-ui, sans-serif;
}
* { box-sizing:border-box; margin:0; padding:0; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior:smooth; } }
body { background:var(--bg); color:var(--text); font-family:var(--sans); line-height:1.6; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }

.wrap { max-width:1060px; margin:0 auto; padding:0 24px; }
[id] { scroll-margin-top:72px; }

header { position:sticky; top:0; z-index:10; background:rgba(14,16,20,.86);
         -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
         border-bottom:1px solid var(--border); }
nav { display:flex; align-items:center; gap:28px; padding:14px 0; flex-wrap:wrap; }
.brand { display:flex; align-items:center; gap:10px; font-weight:800;
         letter-spacing:3px; color:#fff; font-size:15px; }
.brand svg { filter:drop-shadow(0 0 6px rgba(70,165,255,.7)); }
nav .links { margin-left:auto; display:flex; gap:22px; font-size:14px; flex-wrap:wrap; }
nav .links a { color:var(--muted); }
nav .links a:hover { color:var(--text); text-decoration:none; }
@media (max-width:640px) {
  nav { gap:10px; }
  nav .links { flex-basis:100%; margin-left:0; gap:14px; font-size:13px;
               justify-content:center; padding-bottom:4px; }
}

.hero { padding:96px 0 72px; text-align:center;
        background:radial-gradient(900px 480px at 50% -10%, #10141d 0%, var(--bg) 62%); }
.hero h1 { font-size:clamp(30px, 5vw, 52px); line-height:1.15; letter-spacing:-.5px; }
.hero h1 em { font-style:normal; color:var(--accent-2); }
.hero p.tag { color:var(--muted); max-width:660px; margin:18px auto 0; font-size:17px; }
.hero p.mn { color:var(--muted); margin-top:10px; font-size:14.5px; }
.cta { margin-top:34px; display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.btn { display:inline-block; padding:12px 22px; border-radius:10px; font-weight:600;
       font-size:15px; border:1px solid var(--border); color:var(--text); }
.btn.primary { background:var(--accent); border-color:var(--accent); color:#0a1216; }
.btn.primary:hover { background:#82c4da; text-decoration:none; }
.btn:hover { border-color:var(--accent-dim); text-decoration:none; }

section { padding:72px 0; border-top:1px solid var(--border); }
h2 { font-size:26px; margin-bottom:8px; }
.lede { color:var(--muted); max-width:700px; margin-bottom:36px; }

.grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap:18px; }
.card { background:var(--panel); border:1px solid var(--border); border-radius:14px; padding:22px; }
.card h3 { font-size:16.5px; margin-bottom:8px; }
.card p { color:var(--muted); font-size:14.5px; }
.card .ico { margin-bottom:12px; display:block; }
.card .ico svg { width:26px; height:26px; stroke:var(--accent); fill:none;
                 stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.split { display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center; }
.split ul { list-style:none; margin-top:14px; }
.split li { padding:8px 0 8px 28px; position:relative; color:var(--muted); font-size:15px; }
.split li::before { content:"✓"; position:absolute; left:0; color:var(--accent); font-weight:700; }
.tri-big { display:block; margin:0 auto; width:min(240px, 60%);
           filter:drop-shadow(0 0 10px rgba(70,165,255,.8)) drop-shadow(0 0 30px rgba(30,110,255,.45)); }

.apps { display:flex; gap:16px; flex-wrap:wrap; margin-top:20px; }
.apps .chip { background:var(--panel-2); border:1px solid var(--border); border-radius:10px;
              padding:12px 18px; font-size:14px; color:var(--text); }
.apps .chip span { color:#929aa8; display:block; font-size:13px; }

.company dl { display:grid; grid-template-columns:200px 1fr; gap:10px 24px; margin-top:18px; font-size:15px; }
.company dt { color:var(--muted); }
.company dd { color:var(--text); }

article.page { padding:64px 0; }
article.page h1 { font-size:30px; margin-bottom:6px; }
article.page .updated { color:var(--muted); font-size:13.5px; margin-bottom:34px; }
article.page h2 { font-size:20px; margin:34px 0 10px; }
article.page p, article.page li { color:var(--muted); font-size:15px; }
article.page ul { margin:10px 0 10px 22px; }
article.page p + p { margin-top:12px; }

@media (max-width:640px) {
  .split { grid-template-columns:1fr; }
  .company dl { grid-template-columns:1fr; gap:2px 0; }
  .company dt { margin-top:12px; }
}

footer { border-top:1px solid var(--border); padding:34px 0 44px; color:var(--muted);
         font-size:13.5px; text-align:center; }
footer .flinks { display:flex; gap:20px; justify-content:center; margin-bottom:10px; }
footer .flinks a { color:var(--muted); }
footer .flinks a:hover { color:var(--text); }
footer .legal { margin-top:6px; }