:root{ --navy:#1c2b46; --navy-2:#243a5e; --orange:#e8791f; --orange-d:#cc6512; --ink:#22262e; --muted:#5c6672; --bg:#ffffff; --bg-alt:#f4f6f9; --line:#e3e8ef; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.6;background:var(--bg)} .container{max-width:1080px;margin:0 auto;padding:0 20px} h1,h2,h3{color:var(--navy);line-height:1.2} h1{font-size:2.6rem} h2{font-size:2rem;margin-bottom:.5rem} .section{padding:72px 0} .section-alt{background:var(--bg-alt)} .section-sub{color:var(--muted);max-width:640px;margin-bottom:32px} .section-sub.light{color:#c9d3e2} /* Header */ .site-header{position:sticky;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);z-index:50;backdrop-filter:blur(6px)} .nav{display:flex;align-items:center;justify-content:space-between;height:64px} .brand{font-weight:800;font-size:1.15rem;color:var(--navy);text-decoration:none} .brand span{color:var(--orange)} .nav-links{display:flex;align-items:center;gap:22px} .nav-links a{color:var(--navy);text-decoration:none;font-weight:600;font-size:.95rem} .nav-links a:hover{color:var(--orange)} /* Buttons */ .btn{display:inline-block;background:var(--orange);color:#fff;padding:13px 26px;border:none;border-radius:8px;font-weight:700;text-decoration:none;cursor:pointer;font-size:1rem;transition:background .15s} .btn:hover{background:var(--orange-d)}