: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:78px 0 44px;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:44px 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:44px 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:58px 0 34px}.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:49px 0 30px}.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}}


/* Account deletion: extends existing HKO Longevity brand system */
.delete-eyebrow{color:#98731e;font-weight:800;text-transform:uppercase;letter-spacing:1.65px;font-size:12px;margin:0 0 14px}
.deletion-lead{font-size:18px;line-height:1.7;color:#3f494a;max-width:680px}
.deletion-primary{margin:28px 0 12px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.deletion-primary .btn{font-size:15px}
.deletion-mail{font-size:15px;overflow-wrap:anywhere}
.deletion-steps{display:grid;gap:12px;list-style:none;margin:24px 0 0;padding:0!important;counter-reset:delete-step}
.deletion-steps li{border:1px solid var(--line);background:#fff;border-radius:12px;padding:17px 20px 17px 64px;position:relative;counter-increment:delete-step}
.deletion-steps li::before{content:counter(delete-step, decimal-leading-zero);position:absolute;top:18px;left:21px;font-size:13px;letter-spacing:1px;font-weight:800;color:#98731e}
.deletion-steps strong{display:block;color:var(--ink);margin-bottom:2px}
.deletion-steps span{display:block;color:var(--muted)}
.deletion-note{background:#f5f1e6;border:1px solid #e5dac0;border-left:3px solid var(--gold);border-radius:11px;padding:21px 23px;margin:28px 0}
.deletion-note h2{font-size:20px!important;margin:0 0 7px!important}
.deletion-note p{margin:0 0 12px}
.deletion-note p:last-child{margin-bottom:0}
.deletion-note a{font-weight:700;text-underline-offset:3px}
.deletion-secondary{margin-top:36px;padding-top:12px;border-top:1px solid var(--line)}
.deletion-secondary h2{margin-top:19px}
@media(max-width:480px){.deletion-steps li{padding-left:56px}.deletion-steps li::before{left:17px}.deletion-primary .btn{width:100%;text-align:center}}


/* HKO visual rhythm: compact vertical spacing between landing-page sections. */
@media(max-width:790px){section{padding:36px 0}.band{padding:38px 0}}
@media(max-width:480px){section{padding:32px 0}.band{padding:34px 0}}