:root{--ink:#131617;--muted:#5a6264;--gold:#aa8127;--bg:#faf9f6;--card:#fff;--line:#e7e4dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);line-height:1.65}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #9e7814;outline-offset:3px}.container{max-width:1060px;margin:auto;padding:0 24px}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{text-decoration:none;display:flex;gap:12px;align-items:center}.brand-mark{font-size:27px;font-weight:850;letter-spacing:-3px;line-height:1}.brand-mark span{color:var(--gold)}.brand-sub{font-size:10px;font-weight:750;letter-spacing:2.7px}.navlinks{display:flex;gap:22px;align-items:center;font-size:14px}.navlinks a{text-decoration:none;color:#454a4b}.navlinks a:hover{color:#a17816}.lang{border:1px solid var(--line);padding:5px 11px;border-radius:20px;font-size:12px;text-decoration:none}.hero{padding:100px 0 92px;background:radial-gradient(ellipse at 85% 18%,#f1e7c5 0%,transparent 35%),linear-gradient(145deg,#fff 0%,#f9f7f0 100%)}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:#98731e}.hero h1{font-size:clamp(43px,6vw,76px);max-width:810px;line-height:1.08;letter-spacing:-2.5px;margin:18px 0 26px}.accent{color:#aa8127}.lead{font-size:20px;max-width:680px;color:#4d5555}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{background:var(--ink);color:#fff;text-decoration:none;padding:14px 23px;border-radius:8px;font-weight:700;display:inline-block}.btn.secondary{background:transparent;color:var(--ink);border:1px solid #bcb7aa}.btn:hover{opacity:.85}.mini{font-size:13px;color:var(--muted);margin-top:18px}section{padding:70px 0}.section-head{max-width:750px}.section-head h2,.content h1{font-size:clamp(32px,4vw,46px);line-height:1.15;letter-spacing:-1.2px;margin:9px 0 18px}.section-head p{color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:35px}.tile{background:#fff;border:1px solid var(--line);border-radius:15px;padding:27px 21px;min-height:245px}.tile .n{font-size:12px;font-weight:800;color:#ad862e}.tile h3{font-size:20px;line-height:1.25;margin:19px 0 10px}.tile p{font-size:14px;color:var(--muted)}.band{background:#151819;color:#fff;padding:65px 0}.band p{color:#c7ccca;max-width:720px;font-size:18px}.band h2{font-size:38px;line-height:1.2;margin:12px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.step{border-top:3px solid var(--gold);padding-top:18px}.step strong{font-size:20px}.step p{color:var(--muted)}.content{max-width:790px;margin:0 auto;padding:75px 24px 100px;min-height:60vh}.content h2{font-size:23px;margin-top:35px}.content p,.content li{color:#3f494a}.content ul{padding-left:22px}.notice{padding:18px;border:1px solid #e5d49c;background:#fff9e5;border-radius:10px;margin:20px 0}.muted{color:var(--muted)}footer{background:#fff;border-top:1px solid var(--line);padding:34px 0;font-size:13px;color:var(--muted)}.footerline{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footerlinks{display:flex;gap:17px;flex-wrap:wrap}.footerlinks a{text-decoration:none}.consent{position:fixed;bottom:18px;left:18px;right:18px;max-width:770px;margin:auto;background:#fff;box-shadow:0 14px 45px #0002;border:1px solid var(--line);border-radius:14px;z-index:20;padding:20px;display:none}.consent.show{display:block}.consent p{margin:7px 0 12px;font-size:14px}.consent button,.cookie-control{cursor:pointer;border-radius:7px;border:1px solid #ccc;background:#fff;color:#111;padding:10px 15px;font-weight:700;margin:3px 5px 0 0}.consent button.accept{background:#151819;color:#fff;border-color:#151819}.cookie-control{font-size:12px;padding:6px 9px}.mobile-menu{display:none}@media(max-width:790px){.nav{min-height:72px}.navlinks{gap:10px;font-size:12px;flex-wrap:wrap;justify-content:flex-end}.navlinks .optional{display:none}.hero{padding:69px 0}.hero h1{letter-spacing:-1.6px}.lead{font-size:18px}.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.tile{min-height:205px}}@media(max-width:480px){.navlinks .optional{display:none}.brand-sub{font-size:8px}.brand-mark{font-size:23px}.grid{grid-template-columns:1fr}.tile{min-height:unset}.hero{padding:55px 0}.hero h1{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Approved HKO Longevity original logo supplied by the brand owner */
.brand-logo{width:112px;height:auto;max-height:63px;object-fit:contain;display:block}
@media(max-width:480px){.brand-logo{width:98px;max-height:56px}}