.bip-hk{--bip-gold:#d4b77a;--bip-dark:#1c1f24;box-sizing:border-box;width:100%;max-width:1120px;margin:24px auto;padding:42px;background:var(--bip-dark);color:#f4f2ed;border:1px solid #42413d;border-radius:22px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;box-shadow:0 18px 45px #0002;color-scheme:dark}
.bip-hk *{box-sizing:border-box}.bip-hk .bip-hk__eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;color:var(--bip-gold)}
.bip-hk [hidden]{display:none!important}
.bip-hk .bip-hk__heading h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(26px,3.5vw,38px);line-height:1.2;color:#fff;margin:12px 0}
.bip-hk .bip-hk__heading p{color:#c3c3c5;font-size:15px;margin:0 0 26px}
.bip-hk .bip-hk__types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:5px;background:#13161a;border:1px solid #3b3e43;border-radius:12px;margin-bottom:30px}
.bip-hk button.bip-hk__type{flex:1;background:transparent;color:#ddd;border:0;border-radius:8px;font:600 14px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:46px;padding:10px 12px;cursor:pointer;box-shadow:none;letter-spacing:normal;text-transform:none;white-space:normal}
.bip-hk button.bip-hk__type.is-active{background:var(--bip-gold);color:#191b1f}.bip-hk button.bip-hk__type:hover{background:#34363a;color:#fff}.bip-hk button.bip-hk__type.is-active:hover{background:#e0c58f;color:#191b1f}
.bip-hk .bip-hk__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.bip-hk .bip-hk__field{margin-bottom:24px}.bip-hk .bip-hk__field label{display:block;margin:0 0 9px;color:#e6e5e3;font-size:14px;font-weight:600}
.bip-hk .bip-hk__input-wrap{position:relative}.bip-hk input.bip-hk__number{display:block;width:100%;height:54px;min-height:54px;margin:0;padding:10px 56px 10px 16px;background:#13161a;border:1px solid #515359;border-radius:10px;color:#fff;font:600 20px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:none;appearance:textfield;-moz-appearance:textfield}
.bip-hk input.bip-hk__number::-webkit-inner-spin-button,.bip-hk input.bip-hk__number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.bip-hk .bip-hk__input-wrap>span{position:absolute;right:16px;top:14px;color:var(--bip-gold);font-size:16px;pointer-events:none}
.bip-hk input.bip-hk__range{display:block;appearance:none;-webkit-appearance:none;width:100%;height:6px;min-height:0;padding:0;margin:20px 0 13px;border:0;border-radius:9px;background:linear-gradient(to right,var(--bip-gold) 0%,var(--bip-gold) var(--bip-fill,0%),#484b50 var(--bip-fill,0%),#484b50 100%);cursor:pointer;box-shadow:none}
.bip-hk input.bip-hk__range::-webkit-slider-thumb{-webkit-appearance:none;width:21px;height:21px;border:3px solid #f5e6c7;border-radius:50%;background:#b89656;box-shadow:0 2px 6px #0005}
.bip-hk input.bip-hk__range::-moz-range-thumb{width:16px;height:16px;border:3px solid #f5e6c7;border-radius:50%;background:#b89656}
.bip-hk .bip-hk__bounds{display:flex;justify-content:space-between;gap:10px;color:#bfc0c2;font-size:11px}
.bip-hk .bip-hk__result{padding:30px;background:#262a30;border:1px solid #61553e;border-radius:16px;min-width:0}
.bip-hk .bip-hk__result-label{display:block;font-size:14px;color:#e8e1d5}.bip-hk .bip-hk__monthly{margin:14px 0 28px;color:var(--bip-gold);font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bip-hk .bip-hk__per{display:block;font-size:15px;color:#cbc6bd;font-weight:400;margin-top:8px}
.bip-hk .bip-hk__breakdown{border-top:1px solid #4a4c50;padding-top:17px}.bip-hk .bip-hk__breakdown>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin:0 0 14px;font-size:13px;color:#ccced0}.bip-hk .bip-hk__breakdown strong{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.bip-hk p.bip-hk__method,.bip-hk p.bip-hk__note{font-size:12px;color:#c3c4c7;line-height:1.65;margin:18px 0}.bip-hk a.bip-hk__cta{display:block;background:var(--bip-gold);border:1px solid var(--bip-gold);color:#191b1f;text-align:center;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5;border-radius:9px;padding:15px 12px;white-space:normal;transition:background .15s}
.bip-hk a.bip-hk__cta:hover{background:#e4cb99;color:#13161a}.bip-hk .bip-hk__cta-note{display:block;text-align:center;color:#c3c4c7;font-size:11px;margin-top:12px}
.bip-hk p.bip-hk__disclaimer{border-top:1px solid #44464b;margin:30px 0 0;padding-top:22px;font-size:12px;line-height:1.8;color:#c8c9cc;white-space:pre-line}
.bip-hk p.bip-hk__error{font-size:12px;color:#ffb9aa;margin:0}.bip-hk p.bip-hk__error:empty{display:none}.bip-hk input[aria-invalid="true"]{border-color:#ffb9aa}
.bip-hk .bip-hk__family{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px}.bip-hk .bip-hk__family label{display:block;margin:0 0 8px;font-size:13px;font-weight:600;color:#e6e5e3}.bip-hk .bip-hk__family select{display:block;width:100%;min-width:0;min-height:48px;padding:10px 8px;background:#13161a;color:#fff;border:1px solid #515359;border-radius:9px;font:400 14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}.bip-hk .bip-hk__family p{grid-column:1/-1;margin:0;font-size:12px;color:#d8c59f;line-height:1.65}.bip-hk .bip-hk__family-status:empty{display:none}
.bip-hk .bip-hk__fixed-rate{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:16px 0;border-top:1px solid #44464b;margin:6px 0 14px}.bip-hk .bip-hk__fixed-rate>span:first-child{font-size:14px}.bip-hk .bip-hk__fixed-rate strong{margin-left:auto;color:var(--bip-gold);font-size:20px}.bip-hk .bip-hk__fixed-rate>span:last-child{flex-basis:100%;font-size:11px;color:#c3c4c7}
.bip-hk .bip-hk__phase{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 0 22px;padding:14px;background:#1d2025;border-radius:8px;font-size:12px;color:#d8d2c7}.bip-hk .bip-hk__phase strong{color:var(--bip-gold);font-variant-numeric:tabular-nums}.bip-hk p.bip-hk__rules{margin:14px 0 0;font-size:12px;line-height:1.8;color:#c8c9cc}
.bip-hk select:focus-visible{outline:3px solid #f2d8a4;outline-offset:4px}
.bip-hk button:focus-visible,.bip-hk a:focus-visible,.bip-hk input:focus-visible{outline:3px solid #f2d8a4;outline-offset:4px}
@media(max-width:767px){.bip-hk{padding:25px 20px;border-radius:16px}.bip-hk .bip-hk__layout{grid-template-columns:minmax(0,1fr);gap:10px}.bip-hk .bip-hk__types{grid-template-columns:repeat(2,minmax(0,1fr))}.bip-hk .bip-hk__result{padding:24px}.bip-hk .bip-hk__monthly{font-size:42px}.bip-hk .bip-hk__heading h2{font-size:28px}}
@media(min-width:768px) and (max-width:900px){.bip-hk .bip-hk__family{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.bip-hk .bip-hk__family{grid-template-columns:minmax(0,1fr)}}
@media(max-width:370px){.bip-hk{padding:22px 14px}.bip-hk .bip-hk__result{padding:20px}.bip-hk button.bip-hk__type{font-size:12px}.bip-hk .bip-hk__monthly{font-size:36px}}
@media(prefers-reduced-motion:reduce){.bip-hk a.bip-hk__cta{transition:none}}