/* Kadpex approved UK profession screen. Pixel-faithful desktop composition from
   the owner's original 1536 × 1024 reference, with accessible real link regions.
   No external images, fonts, scripts, API calls, credential forms or live features. */
*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;background:#03142c}
body.uk-reference{margin:0;background:#03142c;color:#f7f9ff;font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:absolute;z-index:20;left:12px;top:-70px;padding:12px 20px;background:#f5faff;color:#00172f;border-radius:9px}
.skip-link:focus-visible{top:12px}
.reference-canvas{position:relative;width:100%;aspect-ratio:1536/1024;overflow:hidden;background:linear-gradient(145deg,#02132d,#09234b)}
.reference-image{display:block;width:100%;height:auto;max-width:none}
.reference-hotspots{position:absolute;inset:0;pointer-events:none}
.reference-hotspot{position:absolute;top:45.1%;width:27.1%;height:43.5%;border:2px solid transparent;border-radius:25px;pointer-events:auto;text-decoration:none}
.reference-hotspot.estate{left:8%}
.reference-hotspot.letting{left:36.55%}
.reference-hotspot.mortgage{left:65.2%}
.reference-hotspot:hover,.reference-hotspot:focus-visible{border-color:rgba(146,221,255,.9);background:rgba(7,83,175,.08);box-shadow:0 0 29px rgba(38,160,255,.5);outline:none}
.reference-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px clamp(15px,4vw,60px);font-size:12px;color:#a7c6e9;background:#03152e}
.reference-footer a{color:#d5ecff;text-decoration:underline;text-underline-offset:3px}
.reference-footer a:focus-visible{outline:3px solid #80d1ff;outline-offset:3px}
.mobile-choices{display:none}
@media(max-width:940px){
 .reference-canvas{display:none}
 .mobile-choices{display:block;min-height:100svh;padding:44px 18px 40px;text-align:center;background:radial-gradient(ellipse at 50% 5%,#164a91 0,transparent 47%),linear-gradient(145deg,#02122d,#071d43 75%,#03132c)}
 .mobile-brand strong{display:block;font:normal clamp(3rem,13vw,5rem)/1 Georgia,Times,serif;letter-spacing:.06em}
 .mobile-brand>span{display:block;letter-spacing:.29em;font-size:.8rem;margin-top:10px;color:#c7dafa}
 .mobile-country{font-size:.83rem;letter-spacing:.24em;margin:38px 0 10px;color:#bfd9f2}
 .mobile-country span{font-size:1.5rem;vertical-align:middle;letter-spacing:0}
 .mobile-choices h2{font:normal clamp(2rem,7vw,3rem)/1.2 Georgia,Times,serif;margin:15px 0}
 .mobile-instruction{font-size:.76rem;letter-spacing:.16em;line-height:1.7;text-transform:uppercase;color:#c4d7ec;margin-bottom:28px}
 .mobile-links{display:grid;gap:16px;max-width:470px;margin:auto}
 .mobile-links>a{display:flex;flex-direction:column;align-items:center;padding:24px 20px;border:1px solid #45a0ec;border-radius:19px;background:linear-gradient(135deg,#071c43,#032453);box-shadow:inset 0 0 12px #399eff24;text-decoration:none}
 .mobile-links>a:focus-visible,.mobile-links>a:hover{outline:2px solid #81d7ff;outline-offset:2px}
 .mobile-links strong{font:normal 2rem Georgia,Times,serif}
 .mobile-links span{font-size:.91rem;line-height:1.5;color:#d3e1f4;max-width:300px;margin:13px 0}
 .mobile-links b{background:linear-gradient(#1a96e8,#004b9e);padding:14px 15px;border:1px solid #9aceff;border-radius:30px;width:100%;max-width:345px;font-size:.8rem;letter-spacing:.05em}
 .mobile-links b span{font-size:1.2rem;line-height:0;margin:0 0 0 10px}
 .reference-footer{justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}