/* Existing GHAIR colours, card radii and buttons reused for paid services. */
.ghair-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.ghair-plan-card { padding:2rem; background:#fff; border:1px solid var(--ghair-border); border-radius:var(--radius-xl); box-shadow:var(--shadow-sm); display:flex; flex-direction:column; gap:.75rem; }
.ghair-plan-basic { border:2px solid var(--ghair-navy); }
.ghair-plan-card h2 { color:var(--ghair-navy); }
.ghair-plan-price { font-size:2rem; font-weight:800; color:var(--ghair-navy); }
.ghair-plan-benefits { padding-left:1.3rem; line-height:1.8; margin-bottom:1rem; flex:1; }
.ghair-plan-checkout-form .btn { width:100%; min-height:48px; }
.ghair-plan-checkout-notice { color:#b91c1c; margin-top:.6rem; }
.ghair-plan-unavailable,.ghair-plan-footnote { color:#64748b; line-height:1.6; }
.ghair-plan-footnote { margin-top:1.25rem; }
.ghair-benefits-panel,.ghair-profile-reminder,.ghair-welcome-panel,.ghair-service-confirmation { padding:1.5rem; border:1px solid var(--ghair-border); border-radius:var(--radius-lg); background:#fff; margin-bottom:1.5rem; }
.ghair-welcome-panel { background:linear-gradient(135deg,#031f83,#0b35b0); color:#fff; }
.ghair-welcome-panel h2 { color:#fff; }
.ghair-welcome-panel ul { margin:1rem 0 1.5rem; padding-left:1.2rem; line-height:1.8; }
.ghair-welcome-panel .btn { background:#fff; color:var(--ghair-navy); }
.ghair-benefits-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1rem 0; }
.ghair-benefit-card { background:#eff6ff; border-radius:var(--radius-md); padding:1rem; color:var(--ghair-navy); }
.ghair-benefit-card strong { display:block; font-size:1.05rem; margin-top:.5rem; }
.ghair-profile-reminder { display:flex; align-items:center; justify-content:space-between; gap:1rem; background:#eff6ff; flex-wrap:wrap; }
.ghair-plan-history { display:grid; gap:.75rem; margin:1rem 0; }
.ghair-plan-history .ghair-activity-row { flex-wrap:wrap; gap:1rem; }
.ghair-plan-history .ghair-activity-row > div { min-width:0; overflow-wrap:anywhere; }
.ghair-plan-history-note { margin-top:.5rem; color:#475467; white-space:pre-line; }
body.ghair-portal .ghair-matching-status p { margin:.35rem 0; }
body.ghair-portal .ghair-matching-profile { color:#166534; font-weight:600; }
body.ghair-portal .ghair-recommendation-item { min-width:0; display:flex; flex-direction:column; gap:.5rem; }
body.ghair-portal .ghair-recommendation-item > .opportunity-card { flex:1; }
body.ghair-portal .ghair-recommendation-delivery { padding:.85rem 1rem; border:1px solid var(--ghair-border); border-radius:var(--radius-md); background:#f8fafc; color:#475467; overflow-wrap:anywhere; }
body.ghair-portal .ghair-recommendation-delivery p { margin:0; }
body.ghair-portal .ghair-recommendation-note { white-space:pre-line; margin-top:.4rem!important; }
.ghair-personal-profile { border-top:1px solid var(--ghair-border); margin-top:1rem; padding-top:1rem; }
.ghair-personal-profile textarea { min-height:80px; resize:vertical; }
.ghair-personal-profile .filter-label { margin-top:1rem; }
.ghair-profile-prompt-body { padding:2.5rem 1.5rem; text-align:center; }
.ghair-profile-prompt-body h2 { margin-bottom:1.5rem; color:var(--ghair-navy); }
.ghair-service-confirmation p { margin-bottom:1rem; }
body.ghair-portal .ghair-service-notifications { padding:1rem; margin-bottom:1rem; background:#fff; border:1px solid var(--ghair-border); border-radius:14px; }
body.ghair-portal .ghair-service-notifications summary { cursor:pointer; font-weight:700; color:var(--ghair-navy); }
body.ghair-portal .ghair-service-event { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1.2rem; margin-block:.8rem; border:1px solid var(--ghair-border); border-radius:14px; background:#fff; overflow-wrap:anywhere; }
body.ghair-portal .ghair-service-event h3 { margin:0 0 .5rem; font-size:1.05rem; }
body.ghair-portal .ghair-service-event p { margin:.4rem 0; }
body.ghair-portal .ghair-service-event-note { white-space:pre-line; }
@media(max-width:700px) { body.ghair-portal .ghair-service-event { flex-direction:column; } }
body.ghair-portal .ghair-application-timeline, body.ghair-portal .ghair-consultancy-timeline { padding:1rem; margin:0 0 1.5rem; border:1px solid var(--ghair-border); border-radius:14px; background:#fff; }
body.ghair-portal .ghair-application-timeline summary, body.ghair-portal .ghair-consultancy-timeline summary { cursor:pointer; font-weight:600; }
body.ghair-portal .ghair-application-timeline li, body.ghair-portal .ghair-consultancy-timeline li { margin-block:.75rem; overflow-wrap:anywhere; }
body.ghair-portal [data-ghair-application-notifications] p, body.ghair-portal [data-ghair-consultancy-notifications] p { overflow-wrap:anywhere; }
.ghair-service-confirmation .ghair-form-actions { margin-top:1rem; }
@media(max-width:700px) { .ghair-plan-grid,.ghair-benefits-grid { grid-template-columns:1fr; } .ghair-plan-card { padding:1.5rem; } .ghair-profile-reminder .btn { width:100%; } .ghair-form-actions { flex-wrap:wrap; } .ghair-form-actions .btn { white-space:normal; min-height:44px; } }

/* Membership comparison refresh. Scoped to the plan view so public pages and
   account-service screens retain their existing presentation. */
.ghair-membership-hero{position:relative;overflow:hidden;text-align:center;padding:42px 0 26px;background:radial-gradient(circle at 8% 30%,#e4f7fa 0,transparent 20%),radial-gradient(circle at 94% 45%,#e6f1ff 0,transparent 25%),#fbfdff}
.ghair-membership-hero:after{content:"";position:absolute;width:290px;height:290px;right:-110px;bottom:-180px;border:1px solid #cae4ee;border-radius:50%;box-shadow:0 0 0 32px #edf8fa,0 0 0 64px #f5fbfc;opacity:.75}
.ghair-membership-hero .breadcrumbs{position:relative;z-index:1;text-align:left;margin-bottom:24px}.ghair-membership-eyebrow{display:inline-flex;align-items:center;min-height:29px;padding:0 15px;border:1px solid #a9ddea;border-radius:999px;color:#07516d;background:#effbff;font-size:11px;line-height:1;font-weight:800;letter-spacing:.14em}.ghair-membership-hero h1{position:relative;z-index:1;margin:14px auto 8px;color:#101b34;font-family: var(--font-heading);font-size:clamp(42px,5vw,66px);line-height:1.02}.ghair-membership-lead{position:relative;z-index:1;max-width:780px;margin:0 auto;color:#536480;font-size:18px;line-height:1.45}
.ghair-membership-page{max-width:1190px;padding-top:16px;padding-bottom:44px}.ghair-membership-demo-note{margin:0 auto 18px;max-width:840px;text-align:center;color:#436077;font-size:13px}.ghair-membership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.ghair-membership-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:30px 28px 24px;background:#fff;border:1px solid #dfe7ef;border-radius:20px;box-shadow:0 12px 30px rgba(18,48,89,.08);overflow:visible}.ghair-membership-card.is-current{box-shadow:0 0 0 2px #0a7a9a,0 15px 34px rgba(18,48,89,.12)}
.ghair-membership-basic{border:1.5px solid #62c7e4;background:linear-gradient(180deg,#f2fbff 0,#fff 30%)}.ghair-membership-premium{border-color:#efd395;background:linear-gradient(180deg,#fffcf5 0,#fff 28%)}.ghair-plan-ribbon{position:absolute;top:-15px;left:50%;z-index:1;transform:translateX(-50%);white-space:nowrap;padding:8px 17px;border-radius:9px;color:#fff;background:#096fbc;box-shadow:0 5px 10px rgba(0,95,159,.2);font-size:12px;font-weight:800}.ghair-membership-premium .ghair-plan-ribbon{background:#bd8218;box-shadow:0 5px 10px rgba(149,100,12,.2)}
.ghair-membership-card-head{display:flex;gap:14px;align-items:flex-start;min-height:75px}.ghair-membership-card-head h2{margin:3px 0 2px;color:#101b34;font-size:25px;line-height:1.1}.ghair-membership-card-head p{margin:0;color:#536480;font-size:14px;line-height:1.38}.ghair-plan-icon{display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;border-radius:50%;background:#eaf8f3;color:#159863}.ghair-plan-icon svg{width:29px;height:29px}.ghair-plan-icon-basic{background:#e6f5ff;color:#0879c7}.ghair-plan-icon-premium{background:#fff4d9;color:#bd8218}.ghair-membership-price{display:flex;align-items:baseline;gap:9px;margin:20px 0 17px;padding-bottom:17px;border-bottom:1px solid #e6edf3}.ghair-membership-price strong{color:#101b34;font-family: var(--font-heading);font-size:42px;line-height:1;letter-spacing:-.04em}.ghair-membership-price span{color:#697993;font-size:13px;line-height:1.2}.ghair-membership-features{display:grid;gap:11px;flex:1;margin:0 0 21px;padding:0;list-style:none}.ghair-membership-features li{display:flex;gap:10px;align-items:flex-start;color:#273a56;font-size:14px;line-height:1.35}.ghair-membership-features li.is-unavailable{color:#8794a8}.ghair-plan-feature-icon{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;margin-top:-1px;border-radius:50%;background:#24a96b;color:#fff}.is-unavailable .ghair-plan-feature-icon{background:#e5eaf0;color:#8a96a7}.ghair-plan-feature-icon svg{width:13px;height:13px;stroke-width:2.7}.ghair-membership-card>.btn,.ghair-membership-card>.ghair-plan-checkout-form .btn{width:100%;min-height:46px;border-radius:9px;font-weight:800}.ghair-membership-card>.btn.btn-primary,.ghair-membership-card>.ghair-plan-checkout-form .btn{background:#0679b9;border-color:#0679b9}.ghair-membership-premium>.ghair-plan-checkout-form .btn{background:#b7801c;border-color:#b7801c}.ghair-membership-card>.btn.btn-outline{background:#fff;border-color:#b7c8d9;color:#17315a}.ghair-plan-checkout-form{margin:0}.ghair-plan-checkout-notice{min-height:0;margin:8px 0 0;text-align:center;font-size:13px}.ghair-plan-usage{display:grid;grid-template-columns:1fr 82px auto;gap:12px;align-items:center;margin-top:16px;padding:13px 14px;border:1px solid #d5e9f3;border-radius:12px;background:#eaf8fe;color:#075b8c;text-decoration:none}.ghair-plan-usage:hover{border-color:#57b7da}.ghair-plan-usage-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.ghair-plan-usage strong{display:block;font-size:14px}.ghair-plan-usage-bar{height:9px;overflow:hidden;border-radius:999px;background:#c9e7f4}.ghair-plan-usage-bar i{display:block;height:100%;border-radius:inherit;background:#1689dc}.ghair-plan-usage-arrow{font-size:22px;line-height:1}
.ghair-membership-welcome{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(240px,.75fr);gap:22px;align-items:center;margin-top:22px;padding:23px 28px;border:1px solid #bee7ee;border-radius:19px;background:linear-gradient(120deg,#edfbfb,#f5fbff);box-shadow:0 8px 18px rgba(7,81,109,.04)}.ghair-welcome-illustration{position:relative;display:grid;place-items:center;width:112px;height:82px;border-radius:16px;background:#fff;box-shadow:0 10px 20px rgba(7,81,109,.13);color:#113d5b}.ghair-welcome-illustration>svg{width:42px;height:42px}.ghair-welcome-illustration i{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#22a567;color:#fff}.ghair-welcome-illustration i svg{width:16px;height:16px}.ghair-membership-welcome h2{margin:0 0 5px;color:#142341;font-size:21px}.ghair-membership-welcome p{margin:0 0 13px;color:#526781;font-size:14px;line-height:1.45}.ghair-welcome-actions{display:flex;gap:10px;flex-wrap:wrap}.ghair-welcome-actions .btn{min-height:39px;padding:.55rem 1rem;border-radius:9px;font-size:13px}.ghair-welcome-actions .btn-primary{background:#056f91;border-color:#056f91}.ghair-welcome-usage{display:flex;gap:12px;align-items:center;padding-left:22px;border-left:1px solid #b7dfe8;color:#163b61;text-decoration:none}.ghair-welcome-usage-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e0f6ff;color:#057aaf}.ghair-welcome-usage-icon svg{width:20px;height:20px}.ghair-welcome-usage strong,.ghair-welcome-usage small,.ghair-welcome-usage em{display:block}.ghair-welcome-usage strong{font-size:13px}.ghair-welcome-usage small{margin:2px 0 5px;color:#647894;font-size:12px}.ghair-welcome-usage em{font-style:normal;font-size:13px;font-weight:800}.ghair-welcome-usage>b{margin-left:auto;font-size:23px;font-weight:400}
@media(max-width:980px){.ghair-membership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ghair-membership-free{grid-column:span 2}.ghair-membership-welcome{grid-template-columns:auto 1fr}.ghair-welcome-usage{grid-column:2;padding:12px 0 0;border-top:1px solid #b7dfe8;border-left:0}.ghair-membership-hero{padding-top:34px}}
@media(max-width:650px){.ghair-membership-hero{padding:25px 0 18px;text-align:left}.ghair-membership-hero .breadcrumbs{margin-bottom:20px}.ghair-membership-hero h1{font-size:42px}.ghair-membership-lead{font-size:16px}.ghair-membership-page{padding-top:10px}.ghair-membership-demo-note{text-align:left;font-size:12px}.ghair-membership-grid{grid-template-columns:1fr;gap:26px}.ghair-membership-free{grid-column:auto}.ghair-membership-card{padding:27px 21px 21px;border-radius:18px}.ghair-membership-card-head{min-height:0}.ghair-membership-price strong{font-size:38px}.ghair-plan-ribbon{top:-14px}.ghair-membership-welcome{grid-template-columns:1fr;padding:22px}.ghair-welcome-illustration{width:82px;height:65px}.ghair-welcome-usage{grid-column:auto;padding:14px 0 0;border-top:1px solid #b7dfe8;border-left:0}.ghair-welcome-actions{display:grid;grid-template-columns:1fr}.ghair-welcome-actions .btn{text-align:center}.ghair-plan-usage{grid-template-columns:1fr 70px auto}}

/* Server-verified, once-per-purchase account welcome. */
.ghair-welcome-modal-backdrop{position:fixed;z-index:10010;inset:0;display:grid;place-items:center;padding:22px;background:rgba(11,25,51,.58);backdrop-filter:blur(3px);animation:ghair-welcome-fade .2s ease-out}.ghair-welcome-modal{position:relative;width:min(100%,500px);padding:38px 36px 32px;overflow:hidden;border:1px solid #dbe4ef;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(3,21,55,.3);text-align:center;outline:none;animation:ghair-welcome-rise .25s ease-out}.ghair-welcome-modal:before,.ghair-welcome-modal:after{position:absolute;content:"";width:85px;height:5px;border-radius:999px;background:#d71920;opacity:.16}.ghair-welcome-modal:before{top:0;left:35px}.ghair-welcome-modal:after{right:27px;bottom:0}.ghair-welcome-modal-close{position:absolute;top:14px;right:16px;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f1f5f9;color:#43526a;font-size:24px;line-height:30px;cursor:pointer}.ghair-welcome-modal-close:hover,.ghair-welcome-modal-close:focus-visible{background:#e2e8f0;color:#101d3c}.ghair-welcome-modal-success{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 15px;border-radius:50%;background:#1248b8;color:#fff;box-shadow:0 8px 18px rgba(18,72,184,.2)}.ghair-welcome-modal-success svg{width:31px;height:31px}.ghair-welcome-modal-badge{display:inline-block;margin:0 0 10px;padding:6px 11px;border-radius:999px;background:#eff6ff;color:#1248b8;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ghair-welcome-modal h2{margin:0;color:#101d3c;font-family: var(--font-heading);font-size:34px;line-height:1.15}.ghair-welcome-modal-subtitle{margin:8px 0 5px;color:#1248b8;font-size:17px;font-weight:700}.ghair-welcome-modal-subtitle+#ghair-welcome-modal-description{max-width:380px;margin:0 auto 22px;color:#64748b;font-size:15px;line-height:1.55}.ghair-welcome-modal-actions{display:grid;gap:10px}.ghair-welcome-modal-actions .btn{width:100%;min-height:47px;border-radius:9px;font-weight:800}.ghair-welcome-modal-actions .btn-primary{background:#1248b8;border-color:#1248b8}.ghair-welcome-modal-actions .btn-outline{background:#fff;border-color:#d6dfeb;color:#101d3c}.ghair-welcome-modal button:focus-visible{outline:3px solid #75bce4;outline-offset:3px}@keyframes ghair-welcome-fade{from{opacity:0}to{opacity:1}}@keyframes ghair-welcome-rise{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ghair-welcome-modal-backdrop,.ghair-welcome-modal{animation:none}}@media(max-width:520px){.ghair-welcome-modal-backdrop{align-items:end;padding:12px}.ghair-welcome-modal{padding:31px 22px 24px;border-radius:18px}.ghair-welcome-modal h2{font-size:29px}}

