*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#18202b;background:#f7f9fc;line-height:1.65}header{display:flex;justify-content:space-between;align-items:center;padding:22px 7%;background:#fff;border-bottom:1px solid #e6e9ef;position:sticky;top:0}a{text-decoration:none;color:inherit}.brand{font-weight:800;letter-spacing:1px}nav{display:flex;gap:24px}.hero{padding:110px 7%;background:linear-gradient(135deg,#111827,#263449);color:white;min-height:520px;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:52px;max-width:700px;margin:5px 0}.hero>p{max-width:650px}.btn{display:inline-block;background:white;color:#111827;padding:12px 20px;border-radius:8px;margin:14px 8px 0 0;font-weight:700}.ghost{background:transparent;color:white;border:1px solid #fff}section:not(.hero){padding:75px 7%;max-width:1200px;margin:auto}h2{font-size:36px;margin:6px 0 25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}article,details{background:white;padding:28px;border:1px solid #e7eaf0;border-radius:12px}details{margin:12px 0}summary{font-weight:700;cursor:pointer}footer{padding:45px 7%;background:#111827;color:white}@media(max-width:760px){header{display:block}nav{margin-top:12px;gap:12px;flex-wrap:wrap}.hero h1{font-size:38px}.grid{grid-template-columns:1fr}}