:root{--ink:#102c2d;--deep:#082526;--teal:#0f6b68;--mint:#dff3ee;--gold:#c99b3c;--paper:#fbfcf8;--line:#d8e3df;--muted:#5b6c6b;--white:#fff;--radius:22px;--shadow:0 18px 55px rgba(8,37,38,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,Arial,sans-serif}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(2.8rem,6vw,5.6rem);margin-bottom:24px}h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:18px}h3{font-size:1.2rem}p{color:var(--muted)}
.site-header{height:78px;display:flex;align-items:center;gap:30px;padding:0 max(24px,5vw);border-bottom:1px solid var(--line);background:rgba(251,252,248,.95);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--deep);color:#f2d28e;display:grid;place-items:center;font-size:13px;letter-spacing:.08em}.site-header nav{display:flex;gap:26px;margin-left:auto}.site-header nav a{text-decoration:none;color:var(--muted);font-size:14px}.site-header nav a:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid var(--teal);border-radius:999px;background:var(--teal);color:#fff;text-decoration:none;font-weight:750;cursor:pointer;font:inherit}.button:hover{background:#0b5a58}.button-small{min-height:42px;padding:0 18px;font-size:14px}.button-ghost{background:transparent;color:var(--teal)}.button-ghost:hover{background:var(--mint)}
.hero{min-height:680px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:7vw;padding:90px max(24px,8vw);background:radial-gradient(circle at 84% 20%,rgba(201,155,60,.14),transparent 26%),linear-gradient(145deg,#f9fbf6,#edf7f2)}.hero-copy{max-width:760px}.eyebrow{display:inline-block;color:var(--teal);font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}.lead{font-size:clamp(1.05rem,2vw,1.27rem);max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.trust-list{display:flex;flex-wrap:wrap;gap:12px 26px;padding:0;margin:0;list-style:none;color:var(--muted);font-size:14px}.trust-list li:before{content:'✓';color:var(--teal);font-weight:900;margin-right:8px}.pass-visual{width:min(100%,520px);aspect-ratio:1.62;padding:30px;border-radius:28px;background:linear-gradient(145deg,#123f40,#061f20);color:#fff;box-shadow:0 30px 80px rgba(8,37,38,.27);border:1px solid rgba(242,210,142,.45);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.pass-visual:after{content:'';position:absolute;width:260px;height:260px;border:1px solid rgba(242,210,142,.25);border-radius:50%;right:-80px;top:-100px;box-shadow:0 0 0 35px rgba(242,210,142,.05),0 0 0 70px rgba(242,210,142,.04)}.pass-top,.pass-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.pass-logo{width:42px;height:42px;border:1px solid #dfbe74;border-radius:13px;display:grid;place-items:center;color:#f2d28e;font-weight:800}.status{font-size:10px;letter-spacing:.16em;color:#c6d7d3}.pass-visual small{color:#a9c1bd}.pass-visual strong{display:block;font-size:clamp(1.7rem,4vw,2.7rem);color:#f2d28e;line-height:1.1;margin:5px 0}.pass-visual p,.pass-bottom{color:#bad0cc;font-size:12px;margin:0}
.section{padding:100px max(24px,8vw)}.section-tint{background:#eef6f2}.section-heading{max-width:790px;margin-bottom:45px}.cards{display:grid;gap:20px}.cards.three{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}.card .icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--mint);color:var(--teal);font-weight:800;margin-bottom:25px}.notice{margin-top:24px;border-left:4px solid var(--gold);background:#fff8e9;padding:20px 24px;border-radius:0 14px 14px 0;color:#5f512f}.notice strong{color:#3f351e}.comparison{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:20px 24px;border-bottom:1px solid var(--line)}th{background:#f8faf7;font-size:14px}th.premium{background:var(--deep);color:#f2d28e}td:nth-child(2),td:nth-child(3){font-weight:700}.fineprint{font-size:13px;margin-top:18px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;list-style:none}.steps li{display:flex;gap:18px;padding:27px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.steps li>span{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--deep);color:#f2d28e;font-weight:800}.steps h3{margin:4px 0 8px}.steps p{margin:0}.form-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:start}.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);display:grid;gap:18px}.form-card label{display:grid;gap:7px;font-size:14px;font-weight:750}.form-card label>span{color:var(--muted);font-weight:400}.form-card input,.form-card select{width:100%;height:50px;border:1px solid #c9d8d3;border-radius:12px;padding:0 14px;background:#fff;color:var(--ink);font:inherit}.form-card input:focus,.form-card select:focus{outline:3px solid rgba(15,107,104,.15);border-color:var(--teal)}.form-card .consent{grid-template-columns:20px 1fr;align-items:start;font-weight:400}.consent input{width:18px;height:18px;margin-top:4px}.consent a{color:var(--teal)}.faq{max-width:1100px;margin:auto}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:800;cursor:pointer}.faq details p{margin:12px 0 0}
footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;padding:65px max(24px,8vw) 30px;background:var(--deep);color:#fff}footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}footer a{color:#cfe0dc;text-decoration:none}footer p,footer span{color:#9eb7b3}.brand-light{color:#fff}.footer-note{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.13);padding-top:24px;margin:18px 0 0;font-size:13px}.cookie{position:fixed;left:20px;right:20px;bottom:20px;max-width:700px;margin:auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:15px 18px;display:flex;align-items:center;gap:20px;z-index:20}.cookie[hidden]{display:none}.cookie p{margin:0;font-size:13px}.cookie button{margin-left:auto;border:0;border-radius:99px;background:var(--deep);color:#fff;padding:10px 17px;cursor:pointer}
@media(max-width:900px){.site-header nav{display:none}.site-header .button-small{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:70px}.pass-visual{margin:auto}.cards.three,.steps{grid-template-columns:1fr}.form-layout{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.footer-note{grid-column:1/-1}}@media(max-width:560px){h1{font-size:2.65rem}.site-header{padding:0 18px}.site-header .button-small{display:none}.hero,.section{padding-left:20px;padding-right:20px}.pass-visual{padding:22px}.pass-bottom span:last-child{display:none}.form-card{padding:22px}.hero-actions{display:grid}.cards.three{gap:14px}footer{grid-template-columns:1fr}.cookie{align-items:flex-start}.cookie button{flex:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Brighter HGWN visual layer */
.hero{background:radial-gradient(circle at 82% 18%,rgba(255,188,61,.28),transparent 25%),radial-gradient(circle at 10% 75%,rgba(168,239,103,.30),transparent 24%),linear-gradient(145deg,#fbfff7,#dcfaf1)}
.button{background:linear-gradient(135deg,#008f8a,#00b8a9);border-color:#008f8a;box-shadow:0 8px 24px rgba(0,143,138,.22)}
.button:hover{background:linear-gradient(135deg,#007a77,#00a89b)}
.brand-mark{background:linear-gradient(145deg,#073c40,#008f8a);color:#ffe08c;box-shadow:0 0 0 3px rgba(255,190,68,.16)}
.pass-visual{background:radial-gradient(circle at 82% 18%,rgba(255,205,91,.22),transparent 25%),linear-gradient(145deg,#0c5554,#04292c);border-color:#ffd26b;box-shadow:0 30px 80px rgba(0,102,99,.30)}
.card:nth-child(1){border-top:4px solid #00b8a9}.card:nth-child(2){border-top:4px solid #f4b642}.card:nth-child(3){border-top:4px solid #8edb5a}.section-tint{background:linear-gradient(135deg,#e9fff8,#fff8df)}

/* Greener variation for hongkonggatherwisdomnetworktech.com */
:root{--deep:#05382f;--teal:#087f66;--mint:#dcf8e7;--gold:#d6a946;--paper:#f8fdf8;--line:#cee5d7;--shadow:0 18px 55px rgba(5,90,67,.15)}
.hero{background:radial-gradient(circle at 82% 18%,rgba(214,169,70,.20),transparent 24%),radial-gradient(circle at 9% 77%,rgba(105,213,142,.28),transparent 25%),linear-gradient(145deg,#fbfff9,#dcf5e5)}
.brand-mark{background:linear-gradient(145deg,#075541,#0f9873);color:#f6dda0;border-radius:50% 14px 50% 50%}
.button{background:linear-gradient(135deg,#087f66,#10a879);border-color:#087f66;box-shadow:0 8px 24px rgba(8,127,102,.24)}
.button:hover{background:linear-gradient(135deg,#066b57,#0c946b)}
.pass-visual{background:radial-gradient(circle at 80% 16%,rgba(237,202,116,.18),transparent 26%),linear-gradient(145deg,#0a624b,#043129);border-color:#e2c47c;box-shadow:0 30px 80px rgba(4,72,55,.30)}
.card{border-radius:18px}.card:nth-child(1){border-top-color:#17a77a}.card:nth-child(2){border-top-color:#d6a946}.card:nth-child(3){border-top-color:#65b77b}
.section-tint{background:linear-gradient(135deg,#e7f9ed,#f7f5df)}