/* Shared with Anton's current Britely redesign, inspected 2026-11-11. */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:swap;src:url('/BritelyInsurance/demar/assets/dm-sans-latin.woff2') format('woff2')}
:root{--brand-blue:#003d61;--brand-blue-hover:#0a567e;--brand-green:#94d200;--brand-green-hover:#83bc00;--brand-border:#e0e8ec;--brand-muted:#f0f4f6;--brand-font:"DM Sans",ui-sans-serif,system-ui,sans-serif;--navy:var(--brand-blue);--deep:#002a44;--teal:var(--brand-blue);--lime:var(--brand-green);--ink:var(--brand-blue);--muted:#5c7889;--line:var(--brand-border);--paper:#fff}
body{font-family:var(--brand-font);color:var(--brand-blue);background:#fff}
button,input,select,textarea{font-family:var(--brand-font)}
h1,h2,h3,h4,h5{font-family:var(--brand-font);font-weight:800;letter-spacing:normal}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand-green);outline-offset:3px}
input,select,textarea{border-color:var(--brand-border);border-radius:8px;color:var(--brand-blue);background:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #003d6110}
input::placeholder,textarea::placeholder{color:#86a3b3}
input[type=checkbox]{accent-color:var(--brand-blue)}
.card,.form-card,.jimmy-card{border-color:var(--brand-border);border-radius:24px;box-shadow:0 10px 32px #003d610a;background:#fff}
.btn,button,.button{border-radius:999px}
.btn,.desk-page button:not(.secondary):not(.text),.desk-page .button:not(.secondary),.access-page button{background:var(--brand-blue);color:#fff}
.btn:hover,.desk-page button:not(.secondary):not(.text):hover,.desk-page .button:not(.secondary):hover,.access-page button:hover{background:var(--brand-blue-hover)}
.btn.secondary,.desk-page button.secondary,.desk-page .button.secondary{background:#fff;border-color:var(--brand-border);color:var(--brand-blue)}
.btn.secondary:hover,.desk-page button.secondary:hover,.desk-page .button.secondary:hover{background:var(--brand-muted)}
.referral-page .wrap{width:min(1120px,calc(100% - 48px))}
.referral-page header{height:68px}
.referral-page .logo{width:125px;height:43px}
.referral-page .hero{background:var(--brand-blue)}
.referral-page .hero::before{border-color:#86a3b3}
.referral-page .hero-main{padding-top:38px;padding-bottom:120px;gap:40px}
.referral-page h1{font-size:clamp(40px,4.4vw,60px);line-height:1.08;font-weight:800;letter-spacing:-.025em}
.referral-page h1 em{font:inherit;color:var(--brand-green)}
.referral-page .intro{color:#fff}
.referral-page .hero-meta,.referral-page .partner-tag{color:#e0e8ec}
.referral-page .eyebrow{color:var(--brand-green)}
.referral-page .contact-link{background:var(--brand-green);color:#fff;border-color:transparent;font-size:13px;padding:10px 18px}
.referral-page .contact-link:hover{background:var(--brand-green-hover)}
.referral-page .portal-layout{grid-template-columns:minmax(0,1fr) 286px;gap:28px}
.referral-page .form-title h2,.referral-page .step h3{font-weight:800;letter-spacing:normal}
.referral-page .step-tab{background:transparent;border-radius:0;color:#86a3b3}
.referral-page .step-tab.active{color:var(--brand-blue);border-bottom-color:var(--brand-blue)}
.referral-page .step-tab.active .number{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}
.referral-page .step-tab.done{color:var(--brand-blue)}
.referral-page .step-tab.done .number{background:var(--brand-muted);color:var(--brand-blue)}
.referral-page .state-badge{background:var(--brand-muted);color:var(--brand-blue);border-color:var(--brand-border)}
.referral-page .state-badge::before{background:var(--brand-green)}
.referral-page .jimmy-top{background:#fff;padding:23px}
.referral-page .jimmy-top h3{font-weight:800;letter-spacing:normal}
.referral-page .portrait-frame{height:auto;aspect-ratio:4/5;position:relative;overflow:hidden;background:#fff;border-bottom:1px solid var(--brand-border)}
.referral-page .jimmy-portrait{display:block;position:static;width:100%;height:auto;max-width:100%;transform:none;mask-image:none;-webkit-mask-image:none}
/* The face is rendered from Demar's original, unretouched photograph. */
.referral-page .portrait-original-face{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-mask-image:url('/BritelyInsurance/demar/assets/jimmy-mask.png');mask-image:url('/BritelyInsurance/demar/assets/jimmy-mask.png');-webkit-mask-size:100% 100%;mask-size:100% 100%;mask-mode:alpha;clip-path:polygon(0 0,100% 0,100% 44%,67% 44%,64.5% 49%,60.5% 52%,56% 55%,48.5% 56%,42% 54.5%,36.5% 51%,33.5% 48%,31.5% 44%,0 44%)}
.referral-page .icon-round,.referral-page .doc-icon,.referral-page .file-picker,.referral-page .file-list li{background:var(--brand-muted);color:var(--brand-blue)}
.referral-page .dropzone{background:#fff;border-color:var(--brand-border)}
.referral-page .dropzone.drag{background:var(--brand-muted);border-color:var(--brand-blue)}
.referral-page .unit-note,.referral-page .consent,.referral-page .upload-note{background:var(--brand-muted);color:#5c7889}
.referral-page .success-check{background:var(--brand-muted);color:var(--brand-blue)}
.referral-page .reference{background:var(--brand-muted);color:var(--brand-blue);border-color:var(--brand-border)}
.referral-page .footer{color:#5c7889;border-color:var(--brand-border)}
.desk-page header,.access-page header{background:var(--brand-blue);min-height:68px;padding-top:12px;padding-bottom:12px}
.desk-page header img,.access-page header img{width:125px;height:43px}
.desk-page header a,.access-page header a{color:#fff;border-color:#86a3b3;border-radius:999px}
.desk-page header span{color:#e0e8ec}
.desk-page h1,.access-page h1{font-weight:800;letter-spacing:normal}
.desk-page h2,.desk-page h3{font-weight:800;letter-spacing:normal}
.desk-page .eyebrow,.access-page .eyebrow{color:#5c7889}
.desk-page .number,.desk-page .metric,.desk-page .account-dot,.access-page .verified{background:var(--brand-muted);color:var(--brand-blue)}
.desk-page .account,.desk-page .selection{background:#fff;border-color:var(--brand-border)}
.desk-page .pill:not(.pending),.desk-page .contact-alert:not(.error),.desk-page .message:not(.error){background:var(--brand-muted);color:var(--brand-blue)}
.desk-page .pill:not(.pending)::before{background:var(--brand-green)}
.desk-page .contact-status,.desk-page .connection-row span:last-child,.desk-page .test-result{color:var(--brand-blue)}
.desk-page button.text{background:transparent;color:#5c7889}
.desk-page .contact-form input,.desk-page .contact-search{border-color:var(--brand-border);border-radius:8px}
.desk-page dialog{border-radius:24px;border-color:var(--brand-border)}
.access-page .card{border-radius:24px}
.access-page button{font-family:var(--brand-font)}
.access-page .foot a,.desk-page a{color:var(--brand-blue)}
.desk-page header a{color:#fff}
@media(max-width:1000px){.referral-page .portal-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}}
@media(max-width:780px){.referral-page .wrap{width:calc(100% - 40px)}.referral-page header{height:68px}.referral-page .hero-main{padding:28px 0 108px}.referral-page .portal-layout{grid-template-columns:1fr}.referral-page h1{font-size:46px}.referral-page .sidebar{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.referral-page .wrap{width:calc(100% - 28px)}.referral-page .contact-link{font-size:11px;padding:9px 13px}.referral-page h1{font-size:38px;letter-spacing:-.025em}.referral-page .sidebar{grid-template-columns:1fr}.referral-page .jimmy-card{max-width:380px;margin:auto;width:100%}}