:root{--bg:#06101b;--panel:#0c1d2d;--line:#1d4058;--cyan:#48c7ff;--text:#edf7ff;--muted:#a9c3d3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#123452 0,#06101b 45%);color:var(--text);font:16px/1.6 Arial,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:24px 7%;border-bottom:1px solid var(--line)}a{color:var(--cyan);text-decoration:none}.brand{font-weight:700;color:#fff;letter-spacing:.08em}nav a{margin-left:28px}.hero{padding:110px 7% 90px;max-width:900px}.eyebrow{color:var(--cyan);font-size:13px;letter-spacing:.18em;font-weight:700}.hero h1{font-size:clamp(42px,8vw,84px);line-height:1.05;margin:18px 0}.hero h1 span{color:var(--cyan)}.lead{font-size:22px;color:var(--muted);max-width:650px}.btn{display:inline-block;margin-top:24px;padding:14px 22px;border:1px solid var(--cyan);border-radius:5px;background:#0b3048;color:#fff;font-weight:700}section{padding:65px 7%}h2{font-size:42px;line-height:1.15}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.grid article,.detail{background:rgba(12,29,45,.9);border:1px solid var(--line);padding:28px;border-radius:8px}.grid h3{font-size:24px;margin-top:0}.detail{max-width:900px;margin:70px auto;padding:45px}.detail li{margin:10px 0;color:var(--muted)}footer{padding:35px 7%;border-top:1px solid var(--line);color:var(--muted)}