/* Harry Center UK independent Three-plan information popup v3 */
.three-overlay,.three-overlay *{box-sizing:border-box}
.three-overlay{position:fixed;inset:0;z-index:999999;background:rgba(12,16,33,.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;justify-content:center;align-items:center;padding:12px;overflow-y:auto;overflow-x:hidden}
.three-overlay[hidden]{display:none!important}
.three-card{--pink:#f52787;--violet:#9823f4;position:relative;display:flex;flex-direction:column;width:min(100%,510px);max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:26px;background:#fff;color:#15203a;box-shadow:0 22px 80px #090c1a88;font:inherit;font-family:Inter,Arial,sans-serif}
.three-close{position:absolute;right:14px;top:14px;z-index:4;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#1b2240;box-shadow:0 2px 15px #1b1b2c20;font-size:26px;cursor:pointer}
.three-hero{position:relative;min-height:228px;padding:22px 23px 22px;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#fff 45%,#fff2 100%),radial-gradient(circle at 91% 20%,#ed99ed 0%,#fbe2f5 52%,#fff 78%)}
.three-logo{position:relative;z-index:2;display:flex;align-items:center;gap:8px;max-width:72%;font-size:22px;font-weight:850;letter-spacing:-.04em;color:#141727}
.three-logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#181729;color:#fff;font-size:24px;font-weight:900;letter-spacing:0}
.three-logo-caption{display:block;font-size:10px;font-weight:750;letter-spacing:.13em;color:#65718b;text-transform:uppercase;margin-top:2px}
.three-kicker{position:relative;z-index:2;margin-top:23px;font-size:10px;font-weight:850;letter-spacing:.15em;color:#68738b}
.three-hero h2{position:relative;z-index:2;max-width:62%;font-size:clamp(23px,5vw,30px);line-height:1.1;letter-spacing:-.04em;font-weight:850;margin:9px 0 9px;color:#141b32}
.three-hero h2 em{font-style:normal;color:#d51ba6}
.three-hero p{position:relative;z-index:2;max-width:57%;font-size:12px;line-height:1.5;color:#56637e;margin:0}
.three-phone{position:absolute;right:15px;top:44px;width:34%;height:180px;border:7px solid #19172b;border-radius:25px;transform:rotate(11deg);background:linear-gradient(150deg,#ff3794,#bb2bea 85%);box-shadow:10px 13px 28px #ad2c9240;overflow:hidden}
.three-phone:before{content:'';position:absolute;top:0;left:28%;width:44%;height:12px;border-radius:0 0 12px 12px;background:#19172b}
.three-phone span{position:absolute;top:34%;left:0;right:0;text-align:center;font-size:34px;font-weight:900;color:#fff;letter-spacing:-.07em}
.three-phone small{position:absolute;top:58%;left:0;right:0;text-align:center;font-size:11px;color:#fff;font-weight:700}
.three-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:13px 15px 0}
.three-grid a{display:flex;min-width:0;align-items:center;gap:10px;padding:11px 10px;min-height:78px;border:1px solid #ebe7f1;border-radius:17px;text-decoration:none!important;color:#17203a!important;background:#fff;box-shadow:0 3px 13px #1a133008}
.three-grid .three-icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:39px;border-radius:12px;background:#ffe4f0;color:#e81d82;font-size:20px;font-weight:700}
.three-grid a:nth-child(even) .three-icon{background:#f1e3ff;color:#9124d6}
.three-grid .three-copy{min-width:0;flex:1}.three-grid strong{display:block;font-size:12px;line-height:1.2;font-weight:800}.three-grid small{display:block;font-size:10px;line-height:1.35;color:#67718a;margin-top:4px}.three-grid b{color:#b51ddd;font-size:20px;font-weight:500}
.three-call{position:relative;display:flex;align-items:center;gap:11px;margin:13px 15px 0;padding:12px 14px;min-height:75px;border-radius:18px;background:linear-gradient(105deg,#fc3288 0%,#d31db5 54%,#8725f4 100%);color:#fff!important;text-decoration:none!important;box-shadow:0 8px 20px #c51ca42b}
.three-call-symbol{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;background:#fff;color:#ed2385;border-radius:50%;font-size:23px}.three-call .three-call-text{flex:1;min-width:0}.three-call small{display:block;font-size:10px;line-height:1.3;color:#fff;font-weight:700}.three-call strong{display:block;font-size:clamp(23px,5.6vw,31px);line-height:1.18;letter-spacing:.02em;font-weight:850;color:#fff;white-space:nowrap}.three-arrow{font-size:24px;color:#fff}
.three-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 15px 0}.three-features span{text-align:center;font-size:9px;line-height:1.3;font-weight:700;padding:3px;border-right:1px solid #eee7f1}.three-features span:last-child{border:0}.three-features i{display:block;color:#a329dc;font-size:17px;font-style:normal;margin-bottom:3px}
.three-disclaimer{margin:13px 15px 17px;padding:10px 12px;border-radius:13px;background:#f3f4f8;color:#5a657d;font-size:10px;line-height:1.45;text-align:center}.three-disclaimer strong{color:#25304a}
@media(max-width:420px){.three-overlay{padding:7px}.three-card{width:100%;max-height:calc(100dvh - 14px);border-radius:20px}.three-hero{min-height:210px;padding:18px 15px}.three-logo{font-size:18px}.three-logo-mark{width:32px;height:32px;font-size:20px}.three-kicker{margin-top:18px;font-size:9px}.three-hero h2{font-size:23px;max-width:62%}.three-hero p{font-size:11px;max-width:59%}.three-phone{right:9px;top:52px;width:32%;height:151px;border-width:6px}.three-phone span{font-size:27px}.three-grid{gap:7px;padding:10px 10px 0}.three-grid a{gap:6px;min-height:76px;padding:8px 6px;border-radius:13px}.three-grid .three-icon{flex-basis:30px;width:30px;height:32px;font-size:17px}.three-grid strong{font-size:11px}.three-grid small{font-size:9px}.three-grid b{font-size:16px}.three-call{margin:11px 10px 0;padding:10px 9px;gap:8px;min-height:65px}.three-call-symbol{flex-basis:36px;width:36px;height:36px;font-size:20px}.three-call strong{font-size:clamp(20px,6.1vw,27px)}.three-call small{font-size:9px}.three-arrow{font-size:19px}.three-features{margin:11px 8px 0}.three-features span{font-size:8px}.three-disclaimer{margin:10px 10px 13px;font-size:9px}}
@media(max-width:340px){.three-hero h2{font-size:20px}.three-grid{grid-template-columns:1fr}.three-grid a{min-height:54px}.three-phone{opacity:.6}.three-call strong{font-size:19px}}
@media(max-height:680px) and (min-width:421px){.three-overlay{align-items:flex-start}.three-card{margin:auto 0}.three-hero{min-height:205px}.three-phone{height:150px}.three-kicker{margin-top:13px}.three-grid a{min-height:66px}.three-disclaimer{margin-bottom:12px}}