/* leaflet */
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: none;
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: none;
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: none;
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: none;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

/* Emi HomeLoans — site v2
   Layout: white ground, one 1120px column, charcoal bands for brand moments, yellow only where you tap.
   Brand kit: four colors (yellow, charcoal, aqua, white) + support tints; League Spartan for display, Jost for text. */
:root{
  --yellow:#EBB934; --charcoal:#343534; --aqua:#9FCFCF; --white:#FFFFFF;
  --yellow-hover:#D4A62F;
  --bg:#FFFFFF; --surface:#FFFFFF; --tint:#F4F4F4; --deep:#343534; --deep-2:#3D3E3D;
  --ink:#343534; --ink-soft:#616161; --ink-faint:#8F908F; --hair:#E7E7E7;
  --yellow-text:#8D6F1F; --aqua-text:#5C7878; --aqua-tint:#E4F2F2; --yellow-soft:#FBF1D6;
  --on-deep:#FFFFFF; --on-deep-soft:#D6D6D4;
  --glass:rgba(255,255,255,.74); --glass-edge:rgba(255,255,255,.85);
  --shadow:0 6px 18px rgba(52,53,52,.18); --shadow-lg:0 18px 44px rgba(52,53,52,.2);
  --display:'League Spartan',-apple-system,Helvetica,Arial,sans-serif;
  --text:'Jost',-apple-system,Helvetica,Arial,sans-serif;
  --r-card:14px; --r-tile:12px; --r-field:10px; --r-pill:999px;
  --max:1120px; --ease:cubic-bezier(.2,.7,.2,1);
  --map-bg:#F4F4F4;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#232423; --surface:#2D2E2D; --tint:#282928; --deep:#1A1B1A; --deep-2:#262726;
    --ink:#F4F4F4; --ink-soft:#C9C9C6; --ink-faint:#9A9B99; --hair:rgba(255,255,255,.12);
    --yellow-text:#EBB934; --aqua-text:#9FCFCF; --aqua-tint:rgba(159,207,207,.14); --yellow-soft:rgba(235,185,52,.14);
    --glass:rgba(35,36,35,.74); --glass-edge:rgba(255,255,255,.1);
    --shadow:0 8px 22px rgba(0,0,0,.45); --shadow-lg:0 18px 44px rgba(0,0,0,.5);
    --map-bg:#2B2C2B; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#232423; --surface:#2D2E2D; --tint:#282928; --deep:#1A1B1A; --deep-2:#262726;
  --ink:#F4F4F4; --ink-soft:#C9C9C6; --ink-faint:#9A9B99; --hair:rgba(255,255,255,.12);
  --yellow-text:#EBB934; --aqua-text:#9FCFCF; --aqua-tint:rgba(159,207,207,.14); --yellow-soft:rgba(235,185,52,.14);
  --glass:rgba(35,36,35,.74); --glass-edge:rgba(255,255,255,.1);
  --shadow:0 8px 22px rgba(0,0,0,.45); --shadow-lg:0 18px 44px rgba(0,0,0,.5);
  --map-bg:#2B2C2B; color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}*,*::before,*::after{transition:none!important;animation:none!important;}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--text);font-size:16px;line-height:1.6;transition:background-color .2s ease,color .2s ease;}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg);}
img{max-width:100%;display:block;}
a{color:inherit;}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.12;margin:0;text-wrap:balance;color:var(--ink);}
p{margin:0;}
button{font:inherit;color:inherit;}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:6px;}
.skip{position:absolute;left:-999px;top:8px;background:var(--yellow);color:var(--charcoal);padding:10px 16px;border-radius:var(--r-pill);font-weight:700;z-index:100;}
.skip:focus{left:max(16px, env(safe-area-inset-left,0px));}

/* language + theme visibility */
html[lang="es"] .t-en, html:not([lang="es"]) .t-es{display:none!important;}
.logo-dark{display:none;}
:root[data-theme="dark"] .logo-light{display:none;}
:root[data-theme="dark"] .logo-dark{display:block;}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .logo-light{display:none;} :root:not([data-theme="light"]) .logo-dark{display:block;}}

.wrap{max-width:var(--max);margin:0 auto;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));}
.band{padding-block:72px;}
.band.tint{background:var(--tint);}
.band.deep{background:var(--deep);color:var(--on-deep);}
.band.deep h2,.band.deep h3{color:var(--on-deep);}
.eyebrow{font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--yellow-text);}
.band.deep .eyebrow{color:var(--yellow);}
.sec-head{max-width:46rem;display:grid;gap:10px;margin-bottom:34px;}
.sec-head h2{font-size:clamp(28px,4vw,40px);}
.sec-head p{color:var(--ink-soft);font-size:17px;max-width:40rem;}
.band.deep .sec-head p{color:var(--on-deep-soft);}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--display);font-weight:700;font-size:15.5px;line-height:1;padding:15px 26px 13px;border-radius:var(--r-pill);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap;}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);}
.btn svg{width:17px;height:17px;flex:none;}
.btn-y{background:var(--yellow);color:var(--charcoal);}
.btn-y:hover{background:var(--yellow-hover);}
.btn-o{border-color:var(--ink);color:var(--ink);background:transparent;}
.btn-o:hover{background:var(--ink);color:var(--bg);}
.btn-dark{background:var(--charcoal);color:#FFFFFF;}
.btn-white{background:#FFFFFF;color:var(--charcoal);}
.btn-sm{font-size:14px;padding:11px 18px 9px;}
@media(max-width:820px){.btn{font-size:14.5px;padding:13px 20px 11px;}}

/* progress */
.progress{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;height:4px;z-index:70;pointer-events:none;}
.progress i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--yellow) 0%,var(--yellow) 60%,var(--aqua) 100%);}

/* top bar (frosted glass) */
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--glass);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--hair);}
.bar-in{display:flex;align-items:center;gap:18px;min-height:104px;}
.brand{display:flex;align-items:center;flex:none;}
.brand img{height:82px;width:auto;transition:transform .2s var(--ease);}
.brand:hover img{transform:scale(1.04);}
.nav{display:flex;gap:4px;margin-left:auto;}
.nav a{font-family:var(--display);font-weight:600;font-size:15px;text-decoration:none;color:var(--ink);padding:9px 12px 7px;border-radius:var(--r-pill);transition:background-color .15s ease;}
.nav a:hover{background:var(--tint);}
.nav a[aria-current="page"]{background:var(--yellow-soft);color:var(--ink);box-shadow:inset 0 -2px 0 var(--yellow);}
.bar-actions{display:flex;align-items:center;gap:8px;}
.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--hair);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s var(--ease),border-color .15s ease;}
.icon-btn:hover{border-color:var(--yellow);transform:rotate(-14deg);}
.icon-btn svg{width:18px;height:18px;}
.theme-btn .sun{display:none;color:var(--yellow);}
:root[data-theme="dark"] .theme-btn .sun{display:block;}
:root[data-theme="dark"] .theme-btn .moon{display:none;}
.lang{display:inline-flex;border:1px solid var(--hair);border-radius:var(--r-pill);padding:3px;background:var(--surface);}
.lang button{border:0;background:transparent;font-family:var(--display);font-weight:700;font-size:13px;padding:7px 10px 5px;border-radius:var(--r-pill);cursor:pointer;color:var(--ink-soft);}
.lang button[aria-pressed="true"]{background:var(--charcoal);color:#FFFFFF;}
:root[data-theme="dark"] .lang button[aria-pressed="true"]{background:var(--yellow);color:var(--charcoal);}
.menu-btn{display:none;}
.bar-cta{margin-left:4px;}
@media(max-width:1060px){
  .bar-cta{display:none;}
}
@media(max-width:900px){
  .menu-btn{display:inline-flex;}
  .nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:2px;padding:10px max(16px, env(safe-area-inset-left,0px)) 16px;background:var(--bg);border-bottom:1px solid var(--hair);box-shadow:var(--shadow);display:none;}
  .nav.open{display:flex;}
  .nav a{padding:12px 14px;font-size:17px;}
  .bar-actions{margin-left:auto;}
  .brand img{height:60px;}
  .bar-in{min-height:84px;}
}

/* hero */
.hero{padding-block:56px 64px;position:relative;overflow:hidden;}
.hero::after{content:"";position:absolute;right:-180px;top:-140px;width:560px;height:560px;border-radius:50%;background:radial-gradient(closest-side,var(--aqua-tint),transparent);z-index:-1;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
.hero-grid > *{min-width:0;}
.hero h1{font-size:clamp(38px,5.8vw,64px);letter-spacing:-.01em;margin:14px 0 18px;}
.hero h1 .hl{color:var(--yellow);}
.hero .lede{font-size:clamp(17px,1.6vw,19px);color:var(--ink-soft);max-width:34rem;}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;align-items:center;}
.chip{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:8px 14px;border-radius:var(--r-pill);background:var(--aqua-tint);color:var(--aqua-text);text-decoration:none;}
.chip svg{width:16px;height:16px;}
a.chip:hover{background:var(--aqua);color:var(--charcoal);}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:36px;}}

/* hero stage: the pin with a rotating loan officer */
.stage{display:grid;justify-items:center;gap:18px;}
.pinwrap{position:relative;width:min(340px,80vw);aspect-ratio:340/475;max-width:100%;}
.pinwrap svg.pinshape{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 22px 30px rgba(52,53,52,.18));}
.face{position:absolute;left:50%;top:41%;width:76%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;background:#FFFFFF;}
.face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform .6s var(--ease);}
.face img.out{opacity:0;transform:scale(1.04);}
.idcard{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:max-content;max-width:94%;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:16px;background:var(--glass);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border:1px solid var(--glass-edge);box-shadow:var(--shadow);}
.idcard b{display:block;font-family:var(--display);font-size:18px;line-height:1.1;}
.idcard small{display:block;font-size:12.5px;color:var(--ink-soft);}
.idcard a{flex:none;width:36px;height:36px;border-radius:50%;background:var(--yellow);color:var(--charcoal);display:flex;align-items:center;justify-content:center;}
.idcard a svg{width:16px;height:16px;}
.strip{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:370px;}
.strip button{width:40px;height:40px;border-radius:50%;padding:0;border:2px solid transparent;background:var(--tint);cursor:pointer;overflow:hidden;transition:transform .15s var(--ease),border-color .15s ease;}
.strip button img{width:100%;height:100%;object-fit:cover;}
.strip button:hover{transform:translateY(-2px);}
.strip button[aria-current="true"]{border-color:var(--yellow);transform:scale(1.12);}
.stage-cap{font-size:14px;color:var(--ink-soft);text-align:center;}
.stage-cap b{color:var(--ink);font-family:var(--display);}

/* trust strip */
.trust{background:var(--deep);color:var(--on-deep);}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-block:22px;}
.trust b{display:block;font-family:var(--display);font-size:22px;color:var(--yellow);line-height:1.1;}
.trust .t-item > span{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-deep-soft);}
@media(max-width:820px){.trust .wrap{grid-template-columns:repeat(2,1fr);}}

/* path finder */
.paths{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;}
.pill{border:1.5px solid var(--hair);background:var(--surface);border-radius:var(--r-pill);padding:11px 18px 9px;font-family:var(--display);font-weight:600;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s ease,background-color .15s ease,transform .15s var(--ease);}
.pill:hover{border-color:var(--yellow);transform:translateY(-1px);}
.pill[aria-selected="true"],.pill[aria-pressed="true"]{background:var(--charcoal);border-color:var(--charcoal);color:#FFFFFF;}
:root[data-theme="dark"] .pill[aria-selected="true"],:root[data-theme="dark"] .pill[aria-pressed="true"]{background:var(--yellow);border-color:var(--yellow);color:var(--charcoal);}
.pill .n{font-size:12px;opacity:.7;}
.path-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;background:var(--surface);border:1px solid var(--hair);border-radius:20px;padding:30px;}
.path-panel > *{min-width:0;}
.path-panel h3{font-size:clamp(22px,2.6vw,28px);margin-bottom:10px;}
.path-panel p{color:var(--ink-soft);}
.path-panel .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.mini{display:grid;gap:10px;}
.mini a{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border-radius:var(--r-card);background:var(--tint);text-decoration:none;transition:transform .15s var(--ease),background-color .15s ease;}
.mini a:hover{transform:translateX(4px);background:var(--yellow-soft);}
.mini .nm{display:block;font-family:var(--display);font-weight:700;font-size:17px;}
.mini small b{color:var(--ink);font-weight:600;}
.mini small{display:block;color:var(--ink-soft);font-size:14px;line-height:1.4;}
.mini .go{width:32px;height:32px;border-radius:50%;background:var(--yellow);color:var(--charcoal);display:flex;align-items:center;justify-content:center;}
.mini .go svg{width:15px;height:15px;}
.pinmark{width:20px;height:20px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--yellow);flex:none;}
.path-panel.swap{animation:swap .35s var(--ease);}
@keyframes swap{from{transform:translateY(6px);}to{transform:none;}}
@media(max-width:820px){.path-panel{grid-template-columns:1fr;padding:22px;}}

/* estimator */
.est{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start;}
.est > *{min-width:0;}
.est-in{background:var(--surface);border:1px solid var(--hair);border-radius:20px;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:18px 18px;}
.est-in .full{grid-column:1/-1;}
.est-in label,.est-in .lbl{display:flex;justify-content:space-between;gap:10px;font-family:var(--display);font-weight:700;font-size:14px;margin-bottom:8px;}
.est-in output{font-family:var(--text);font-weight:600;color:var(--ink-soft);font-variant-numeric:tabular-nums;}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--tint);border-radius:var(--r-pill);padding:4px;gap:4px;}
.seg button{border:0;background:transparent;border-radius:var(--r-pill);padding:10px 8px 8px;font-family:var(--display);font-weight:700;font-size:14px;cursor:pointer;color:var(--ink-soft);}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.12);}
.field{width:100%;font:inherit;font-size:17px;color:var(--ink);background:var(--bg);border:1.5px solid var(--hair);border-radius:var(--r-field);padding:12px 14px;font-variant-numeric:tabular-nums;}
.field:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow-soft);}
input[type="range"]{width:100%;accent-color:var(--yellow);margin-top:10px;}
.est-out{background:var(--deep);color:var(--on-deep);border-radius:20px;padding:28px;position:sticky;top:96px;}
.est-out .big{font-family:var(--display);font-weight:800;font-size:clamp(44px,6vw,60px);line-height:1;margin:10px 0 6px;font-variant-numeric:tabular-nums;color:#FFFFFF;}
.est-out .big small{font-size:18px;font-weight:600;color:var(--on-deep-soft);margin-left:4px;}
.est-out .hint{font-size:13.5px;color:var(--on-deep-soft);min-height:20px;}
.stack{display:flex;height:12px;border-radius:var(--r-pill);overflow:hidden;background:rgba(255,255,255,.12);margin:18px 0 16px;}
.stack span{display:block;height:100%;transition:width .35s var(--ease);}
.k-pi{background:var(--yellow);} .k-tax{background:var(--aqua);} .k-ins{background:#FFFFFF;} .k-mi{background:#8F908F;}
.est-out ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px;}
.est-out li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;}
.est-out li span:last-child{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap;}
.est-out .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:1px;}
.est-out .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.est-disc{margin-top:16px;font-size:12.5px;color:var(--ink-faint);max-width:70rem;}
.msg{font-size:13px;color:var(--aqua-text);min-height:0;margin-top:6px;}
@media(max-width:900px){.est{grid-template-columns:1fr;}.est-out{position:static;}}
@media(max-width:520px){.est-in{grid-template-columns:1fr;padding:20px;}}

/* about + anthem */
.about{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.about > *{min-width:0;}
.about h2{font-size:clamp(28px,4vw,40px);margin:10px 0 16px;}
.about p{color:var(--on-deep-soft);margin-bottom:14px;}
.about p b{color:var(--yellow);font-weight:600;}
.about .fine{font-size:12.5px;color:#A9A9A4;}
.about .fine a{color:var(--on-deep-soft);}
.anthem{display:grid;gap:18px;}
.anthem .row{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:var(--r-card);background:var(--deep-2);border:1px solid rgba(255,255,255,.08);transition:transform .15s var(--ease),border-color .15s ease;}
.anthem .row:hover{transform:translateX(4px);border-color:rgba(235,185,52,.5);}
.anthem .row img{width:24px;height:auto;flex:none;margin-top:4px;}
.anthem h3{font-size:clamp(20px,2.4vw,24px);color:#FFFFFF;}
.anthem h3 .L{color:var(--yellow);}
.anthem p{font-size:14.5px;color:var(--on-deep-soft);margin-top:4px;}
.closer{margin-top:6px;background:var(--yellow);color:var(--charcoal);border-radius:var(--r-card);padding:20px 22px;font-family:var(--display);font-weight:800;font-size:clamp(24px,3.4vw,34px);line-height:1.1;}
.closer small{display:block;font-family:var(--text);font-weight:500;font-size:14px;margin-top:6px;}
@media(max-width:860px){.about{grid-template-columns:1fr;gap:30px;}}

/* reviews */
.rating{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.rating .score{font-family:var(--display);font-weight:800;font-size:56px;line-height:1;}
.stars{color:var(--yellow);letter-spacing:2px;font-size:18px;}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.rcard{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);padding:24px;display:flex;flex-direction:column;gap:12px;transition:transform .15s var(--ease),box-shadow .15s ease;}
.rcard:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.rcard blockquote{margin:0;font-size:17px;line-height:1.5;}
.rcard .who{margin-top:auto;font-size:13.5px;color:var(--ink-soft);}
.rcard .who b{color:var(--ink);}
.links-row{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:14.5px;}
.links-row a{color:var(--aqua-text);font-weight:600;text-decoration:none;border-bottom:2px solid var(--yellow);}
@media(max-width:820px){.rev-grid{grid-template-columns:1fr;}}

/* builders */
.builders{text-align:center;padding-block:36px;border-top:1px solid var(--hair);}
.builders .names{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:12px 0 8px;}
.builders a{font-family:var(--display);font-weight:700;font-size:22px;color:var(--ink);text-decoration:none;border-bottom:3px solid var(--yellow);}
.builders p{font-size:12.5px;color:var(--ink-faint);max-width:44rem;margin:0 auto;}

/* CTA band */
.cta{background:var(--yellow);color:var(--charcoal);}
.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;padding-block:44px;}
.cta h2{color:var(--charcoal);font-size:clamp(24px,3.2vw,34px);}
.cta p{color:#4A3E10;margin-top:6px;}
.cta .btns{display:flex;gap:12px;flex-wrap:wrap;}

/* page heads */
.page-head{padding-block:56px 30px;}
.page-head h1{font-size:clamp(34px,5vw,54px);margin:12px 0 14px;max-width:22ch;}
.page-head p{color:var(--ink-soft);font-size:18px;max-width:42rem;}

/* team */
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:24px;}
.search{position:relative;flex:1 1 280px;max-width:380px;}
.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink-faint);}
.search .field{padding-left:42px;border-radius:var(--r-pill);}
.count{font-size:14px;color:var(--ink-soft);font-variant-numeric:tabular-nums;}
.lo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
@media(max-width:1000px){.lo-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.lo-grid{grid-template-columns:1fr;}}
.lo{background:var(--surface);border:1px solid var(--hair);border-radius:20px;padding:24px 18px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;scroll-margin-top:100px;transition:transform .2s var(--ease),box-shadow .2s ease,border-color .2s ease;}
.lo:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--yellow);}
.lo:target{border-color:var(--yellow);box-shadow:0 0 0 4px var(--yellow-soft);}
.lo .ph{width:124px;height:124px;border-radius:50%;padding:4px;background:conic-gradient(var(--yellow),var(--aqua),var(--yellow));margin-bottom:12px;}
.lo .ph img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--surface);}
.lo h3{font-size:20px;}
.lo .role{font-family:var(--display);font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow-text);}
.lo .nmls{font-size:12.5px;color:var(--ink-faint);margin-bottom:10px;}
.lo .contact{display:grid;gap:3px;font-size:13.5px;margin-bottom:16px;width:100%;}
.lo .contact a{text-decoration:none;color:var(--ink);overflow-wrap:anywhere;}
.lo .contact a:hover{color:var(--aqua-text);text-decoration:underline;}
.lo .contact .rev{color:var(--aqua-text);font-weight:600;}
.lo .acts{margin-top:auto;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
.empty{grid-column:1/-1;text-align:center;padding:40px 16px;color:var(--ink-soft);border:1.5px dashed var(--hair);border-radius:20px;}
.note{margin-top:30px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;background:var(--aqua-tint);border-radius:var(--r-card);padding:20px 22px;}
.note .pinmark{margin-top:6px;}
.note b{font-family:var(--display);font-size:18px;display:block;margin-bottom:4px;}
.note p{color:var(--ink-soft);}

/* programs */
.prog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;}
.prog{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);padding:22px 22px 18px;display:flex;flex-direction:column;gap:8px;scroll-margin-top:100px;transition:transform .2s var(--ease),box-shadow .2s ease,border-color .2s ease;}
.prog:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--yellow);}
.prog:target{border-color:var(--yellow);box-shadow:0 0 0 4px var(--yellow-soft);}
.prog.fav{background:var(--deep);border-color:var(--deep);}
.prog.fav h3{color:#FFFFFF;}
.prog.fav .who{color:var(--on-deep-soft);}
.prog.fav .spec{color:#C0C0BB;}
.prog.fav .spec b{color:var(--yellow);}
.prog.fav .tags span{background:rgba(255,255,255,.1);color:var(--on-deep-soft);}
.prog.fav .ask{color:var(--yellow);}
.prog .top{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
.tags span{font-size:11.5px;font-weight:600;letter-spacing:.04em;padding:4px 9px;border-radius:var(--r-pill);background:var(--aqua-tint);color:var(--aqua-text);}
.prog h3{font-size:20px;}
.prog .who{color:var(--ink-soft);font-size:15px;}
.prog .spec{font-size:13.5px;color:var(--ink-soft);line-height:1.5;padding-top:8px;border-top:1px dashed var(--hair);}
.prog .spec b{color:var(--ink);}
.prog .ask{margin-top:auto;padding-top:6px;font-family:var(--display);font-weight:700;font-size:14px;color:var(--aqua-text);text-decoration:none;}
.prog .ask:hover{text-decoration:underline;}

.disc{margin-top:20px;font-size:12.5px;color:var(--ink-faint);max-width:60rem;}

/* resources */
.res-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:start;}
.res-grid > *{min-width:0;}
.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:980px){.res-grid{grid-template-columns:1fr;}}
@media(max-width:640px){.doc-grid{grid-template-columns:1fr;}}
.dcard{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);padding:20px;}
.dcard h3{font-size:18px;display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:12px;}
.dcard h3 small{font-family:var(--text);font-weight:500;font-size:13px;color:var(--ink-faint);font-variant-numeric:tabular-nums;}
.check{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:7px 0;font-size:14.5px;color:var(--ink-soft);cursor:pointer;line-height:1.45;}
.check input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--hair);border-radius:6px;margin:1px 0 0;cursor:pointer;display:grid;place-items:center;background:var(--bg);transition:background-color .15s ease,border-color .15s ease;}
.check input::after{content:"";width:10px;height:6px;border-left:2.5px solid var(--charcoal);border-bottom:2.5px solid var(--charcoal);transform:rotate(-45deg) scale(0);transition:transform .15s var(--ease);margin-top:-2px;}
.check input:checked{background:var(--yellow);border-color:var(--yellow);}
.check input:checked::after{transform:rotate(-45deg) scale(1);}
.check input:checked + span{color:var(--ink);text-decoration:line-through;text-decoration-color:var(--yellow);text-decoration-thickness:2px;}
.meter{position:sticky;top:96px;background:var(--deep);color:var(--on-deep);border-radius:20px;padding:26px;display:grid;gap:14px;justify-items:start;}
.ring{width:132px;height:132px;position:relative;}
.ring svg{width:100%;height:100%;transform:rotate(-90deg);}
.ring circle{fill:none;stroke-width:12;}
.ring .bg{stroke:rgba(255,255,255,.12);}
.ring .fg{stroke:var(--yellow);stroke-linecap:round;transition:stroke-dashoffset .4s var(--ease);}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:30px;font-variant-numeric:tabular-nums;color:#FFFFFF;}
.meter h3{color:#FFFFFF;font-size:22px;}
.meter p{color:var(--on-deep-soft);font-size:14.5px;}
.tip{margin-top:16px;display:grid;grid-template-columns:auto 1fr;gap:12px;background:var(--yellow-soft);border-radius:var(--r-card);padding:16px 18px;font-size:14.5px;}
.tip b{font-family:var(--display);}
.faq{display:grid;gap:10px;max-width:52rem;}
.faq details{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);padding:0 20px;transition:border-color .15s ease;}
.faq details[open]{border-color:var(--yellow);}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0;font-family:var(--display);font-weight:700;font-size:17.5px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary .plus{flex:none;width:28px;height:28px;border-radius:50%;background:var(--tint);display:grid;place-items:center;transition:transform .2s var(--ease),background-color .15s ease;}
.faq summary .plus svg{width:14px;height:14px;}
.faq details[open] .plus{transform:rotate(45deg);background:var(--yellow);color:var(--charcoal);}
.faq details p{padding-bottom:18px;color:var(--ink-soft);}
.faq details a{color:var(--aqua-text);}

/* offices + map */
.visit{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:stretch;}
.visit > *{min-width:0;}
@media(max-width:860px){.visit{grid-template-columns:1fr;}}
.olist{background:var(--surface);border:1px solid var(--hair);border-radius:20px;padding:14px 18px;display:flex;flex-direction:column;}
.office{display:flex;gap:14px;align-items:flex-start;padding:14px 12px;margin:0 -8px;border-radius:var(--r-card);cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease;}
.office:hover,.office.on{background:var(--tint);}
.office.on{box-shadow:inset 4px 0 0 var(--yellow);}
.pinbtn{width:44px;height:44px;flex:none;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:var(--yellow);display:flex;align-items:center;justify-content:center;color:var(--charcoal);transition:transform .2s var(--ease),background-color .15s ease,color .15s ease;}
.pinbtn svg{width:19px;height:19px;transform:rotate(45deg);}
.pinbtn:hover{background:var(--charcoal);color:var(--yellow);transform:rotate(-45deg) scale(1.08);}
.office b{display:block;font-family:var(--display);font-size:18px;line-height:1.2;}
.office span{display:block;font-size:14.5px;color:var(--ink-soft);line-height:1.45;}
.office .hrs{font-size:13px;color:var(--ink-faint);}
.office .go{display:inline-block;margin-top:4px;font-family:var(--display);font-weight:700;font-size:13.5px;color:var(--aqua-text);text-decoration:none;border-bottom:2px solid var(--yellow);}
.map-card{border-radius:20px;overflow:hidden;min-height:480px;background:var(--map-bg);position:relative;border:1px solid var(--hair);}
@media(max-width:860px){.map-card{min-height:340px;}}
#officemap{position:absolute;inset:0;}
.map-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--ink-soft);font-size:14px;}
#officemap.leaflet-container{background:var(--map-bg);font-family:var(--text);}
.mk{width:36px!important;height:auto!important;filter:drop-shadow(0 6px 6px rgba(52,53,52,.35));transition:transform .2s var(--ease);}
.mk.on{transform:scale(1.25) translateY(-4px);}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--surface)!important;color:var(--ink)!important;}
.leaflet-popup-content-wrapper{border-radius:14px!important;}
.leaflet-popup-content{margin:14px 16px!important;font-size:13.5px;line-height:1.45;}
.leaflet-popup-content b{font-family:var(--display);font-size:16px;display:block;margin-bottom:2px;}
.leaflet-popup-content a.dir{display:inline-flex;margin-top:8px;background:var(--yellow);color:var(--charcoal)!important;font-weight:700;font-size:12.5px;padding:7px 12px;border-radius:var(--r-pill);text-decoration:none;}
.leaflet-bar a{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--hair)!important;}
.map-all{background:var(--surface);color:var(--ink);border:0;border-radius:var(--r-pill);padding:9px 14px;font-family:var(--display);font-weight:700;font-size:13px;box-shadow:var(--shadow);cursor:pointer;}
.map-all:hover{background:var(--yellow);color:var(--charcoal);}
.bm-lbl{font-family:var(--display);font-weight:700;color:#343534;white-space:nowrap;text-shadow:0 0 3px #F4F4F4,0 0 3px #F4F4F4,0 0 6px #F4F4F4;transform:translate(-50%,-50%);display:inline-block;}
.bm-lbl.city{font-size:14px;}
.bm-lbl.region{font-size:11px;letter-spacing:.22em;color:#616161;}
:root[data-theme="dark"] .leaflet-tile,:root[data-theme="dark"] .leaflet-basemap-pane{filter:invert(1) hue-rotate(180deg) brightness(.85) contrast(.9) saturate(.6);}
:root[data-theme="dark"] .bm-lbl{color:#F4F4F4;text-shadow:0 0 3px #2B2C2B,0 0 6px #2B2C2B;}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .leaflet-tile,:root:not([data-theme="light"]) .leaflet-basemap-pane{filter:invert(1) hue-rotate(180deg) brightness(.85) contrast(.9) saturate(.6);}
  :root:not([data-theme="light"]) .bm-lbl{color:#F4F4F4;text-shadow:0 0 3px #2B2C2B,0 0 6px #2B2C2B;}
}
.reach{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.reach div{background:var(--tint);border-radius:var(--r-card);padding:20px;}
.reach b{display:block;font-family:var(--display);font-size:18px;margin-bottom:4px;}
.reach p{color:var(--ink-soft);font-size:14.5px;}
@media(max-width:820px){.reach{grid-template-columns:1fr;}}

/* footer */
footer{background:var(--deep);color:var(--on-deep-soft);font-size:13px;line-height:1.7;}
footer .wrap{padding-block:52px 40px;}
.f-top{display:grid;grid-template-columns:auto 1fr auto;gap:36px;align-items:start;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1);}
.f-top > *{min-width:0;}
.f-logo{height:56px;width:auto;}
.eho{display:flex;gap:10px;align-items:center;margin-top:14px;font-size:10.5px;font-weight:700;letter-spacing:.08em;color:#FFFFFF;line-height:1.3;}
.eho img{width:34px;height:auto;}
footer b{color:#FFFFFF;}
footer a{color:var(--on-deep);}
.f-nav{display:grid;gap:4px;}
.f-nav a{text-decoration:none;font-family:var(--display);font-weight:600;font-size:15px;}
.f-nav a:hover{color:var(--yellow);}
.f-off{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0;}
.f-off a{display:block;background:var(--deep-2);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-tile);padding:14px 16px;text-decoration:none;color:var(--on-deep-soft);transition:border-color .15s ease;}
.f-off a:hover{border-color:var(--yellow);}
.f-off b{display:block;color:var(--yellow);font-size:13.5px;}
.legal{font-size:12px;color:#A9A9A4;}
@media(max-width:860px){.f-top{grid-template-columns:1fr;gap:22px;}.f-off{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.f-off{grid-template-columns:1fr;}}

/* toast */
.toast{visibility:hidden;position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,140%);background:var(--charcoal);color:#FFFFFF;padding:12px 18px;border-radius:var(--r-pill);font-weight:600;font-size:14px;z-index:80;transition:transform .3s var(--ease);}
.toast.show{visibility:visible;transform:translate(-50%,0);}
.office .go span{display:inline;}
.lo{padding-inline:12px;}
.lo .contact{font-size:12.5px;}
@media(max-width:640px){
  .paths{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-inline:calc(-1 * max(16px, env(safe-area-inset-left,0px)));padding-inline:max(16px, env(safe-area-inset-left,0px));scrollbar-width:none;}
  .paths::-webkit-scrollbar{display:none;}
  .pill{flex:none;}
  .toolbar .paths{margin-inline:0;padding-inline:0;}
}

.pinwrap svg.pinshape{overflow:visible;}
.lo-g{transition:opacity .25s ease,transform .35s var(--ease);transform-origin:170px 170px;}
.lo-g.swap{opacity:0;transform:translateY(8px);}
.idcard{bottom:14px;}

/* global hidden fix (search/filter) */
[hidden]{display:none!important;}

/* programs v2: simple at rest, details on hover */
.prog{position:relative;height:284px;overflow:hidden;cursor:pointer;gap:0;}
.prog .body{margin-top:auto;display:flex;flex-direction:column;gap:6px;}
.prog h3{font-size:23px;line-height:1.1;}
.prog .hi{font-family:var(--display);font-weight:700;font-size:15px;color:var(--yellow-text);display:flex;gap:8px;align-items:baseline;}
.prog .hi::before{content:"";flex:none;width:18px;height:3px;border-radius:2px;background:var(--yellow);transform:translateY(-4px);}
.prog.fav .hi{color:var(--yellow);}
.prog .more{display:grid;gap:8px;max-height:0;opacity:0;overflow:hidden;transform:translateY(10px);transition:max-height .4s var(--ease),opacity .25s ease,transform .35s var(--ease);}
.prog .peek{position:absolute;left:22px;bottom:16px;font-size:12.5px;font-weight:600;color:var(--ink-faint);display:inline-flex;gap:6px;align-items:center;transition:opacity .2s ease;}
.prog .peek i{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--yellow);color:var(--charcoal);display:grid;place-items:center;font-weight:800;}
.prog.fav .peek{color:var(--on-deep-soft);}
.prog .body{padding-bottom:30px;transition:padding .3s ease;}
.prog::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(closest-side,var(--yellow-soft),transparent);pointer-events:none;transition:transform .4s var(--ease);}
.prog.fav::after{background:radial-gradient(closest-side,rgba(235,185,52,.18),transparent);}
.prog:hover,.prog:focus-within,.prog.open{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--yellow);}
.prog:hover::after,.prog:focus-within::after,.prog.open::after{transform:scale(1.6);}
.prog:hover .more,.prog:focus-within .more,.prog.open .more{max-height:240px;opacity:1;transform:none;}
.prog:hover .peek,.prog:focus-within .peek,.prog.open .peek{opacity:0;}
.prog:hover .body,.prog:focus-within .body,.prog.open .body{padding-bottom:0;}
.prog .spec{border-top:1px dashed var(--hair);}
.prog.fav .spec{border-top-color:rgba(255,255,255,.14);}
.prog .peek .tc{display:none;}
@media (hover:none){.prog .peek .dk{display:none;}.prog .peek .tc{display:inline;}}
@media(max-width:640px){.prog{height:auto;min-height:200px;}}

/* hero: "e" mark first */
.e-g{transition:opacity .35s ease,transform .45s var(--ease);transform-origin:170px 170px;}
.e-g.off{opacity:0;transform:scale(.9);}
.strip button:hover{border-color:var(--yellow);}

/* trust strip: every item is clickable */
.trust .wrap{gap:10px;padding-block:14px;}
.t-item{display:block;text-align:left;background:transparent;border:0;font:inherit;color:inherit;text-decoration:none;padding:10px 12px;border-radius:var(--r-tile);cursor:pointer;transition:background-color .15s ease,transform .15s var(--ease);}
.t-item:hover{background:rgba(255,255,255,.07);transform:translateY(-2px);}
.t-item:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;}
.t-item b{display:flex;align-items:center;gap:8px;}
.t-item .go{font-style:normal;font-size:16px;opacity:0;transform:translateX(-4px);transition:opacity .15s ease,transform .15s var(--ease);}
.t-item:hover .go,.t-item:focus-visible .go{opacity:1;transform:none;}
@media (hover:none){.t-item .go{opacity:.8;transform:none;}}
.t-item{line-height:1.5;align-self:start;}
.trust .t-item > span{display:block;line-height:1.45;margin-top:4px;}
/* keep the corner glow behind the tags and text */
.prog{isolation:isolate;}
.prog::after{z-index:0;}
.prog .top,.prog .body{position:relative;z-index:1;}
.prog .peek{z-index:1;}

/* ===== custom cursor (desktop only) ===== */
.cur-pin,.cur-ring,.cur-dot{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;opacity:0;transition:opacity .2s ease;will-change:transform;}
html.cur-ready .cur-pin,html.cur-ready .cur-ring,html.cur-ready .cur-dot{opacity:1;}
html.cur-hide .cur-pin,html.cur-hide .cur-ring,html.cur-hide .cur-dot{opacity:0!important;}
html.cur-on, html.cur-on *{cursor:none!important;}
html.cur-on input:not([type="checkbox"]):not([type="range"]), html.cur-on textarea, html.cur-on select{cursor:text!important;}
html.cur-on select{cursor:pointer!important;}
.cur-pin{width:22px;height:29px;margin:-29px 0 0 -11px;}
.cur-pin img{width:100%;height:100%;display:block;transform-origin:50% 100%;transition:transform .2s var(--ease);filter:drop-shadow(0 3px 4px rgba(52,53,52,.3));}
.cur-dot{width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--charcoal);box-shadow:0 0 0 2px rgba(255,255,255,.7);}
:root[data-theme="dark"] .cur-dot{background:#FFFFFF;box-shadow:0 0 0 2px rgba(0,0,0,.4);}
.cur-ring{width:0;height:0;}
.cur-ring i{position:absolute;left:0;top:0;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:2px solid var(--yellow);transform:scale(var(--s,0));transition:transform .25s var(--ease),background-color .2s ease,border-color .2s ease;}
.cur-ring b{position:absolute;left:0;top:0;transform:translate(-50%,24px) scale(var(--ls,0));transform-origin:50% 0;white-space:nowrap;font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.04em;background:var(--yellow);color:var(--charcoal);padding:5px 10px 3px;border-radius:999px;box-shadow:0 4px 12px rgba(52,53,52,.2);transition:transform .2s var(--ease);}
/* modes */
html[data-cursor="pin"] .cur-ring,html[data-cursor="pin"] .cur-dot{display:none;}
html[data-cursor="ring"] .cur-pin{display:none;}
html[data-cursor="both"] .cur-dot{display:none;}
html[data-cursor="ring"] .cur-ring i{--s:.55;}
html[data-cursor="ring"].cur-hot .cur-ring i{--s:1.5;background:rgba(235,185,52,.14);}
html[data-cursor="both"].cur-hot .cur-ring i{--s:1.45;background:rgba(235,185,52,.12);}
html[data-cursor="pin"].cur-hot .cur-pin img{transform:scale(1.45) rotate(-8deg);}
html[data-cursor="both"].cur-hot .cur-pin img{transform:scale(1.15);}
html.cur-label .cur-ring b{--ls:1;}
html[data-cursor="pin"] .cur-ring b{display:none;}
.cur-pin.drop img{animation:pindrop .42s var(--ease);}
@keyframes pindrop{0%{transform:translateY(0) scale(1);}35%{transform:translateY(-12px) scale(1.1);}65%{transform:translateY(0) scale(.92,1.08);}100%{transform:translateY(0) scale(1);}}
.cur-ring.pulse i{animation:ringpulse .45s ease-out;}
@keyframes ringpulse{0%{box-shadow:0 0 0 0 rgba(235,185,52,.55);}100%{box-shadow:0 0 0 16px rgba(235,185,52,0);}}

/* cursor style switch removed: ring chosen */
.cur-switch{display:none!important;}
.cur-switch{position:fixed;left:max(16px, env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;align-items:center;gap:4px;padding:5px 5px 5px 12px;border-radius:999px;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--hair);box-shadow:var(--shadow);font-size:12.5px;}
.cur-switch span{font-family:var(--display);font-weight:700;color:var(--ink-soft);margin-right:4px;}
.cur-switch button{border:0;background:transparent;border-radius:999px;padding:7px 11px 5px;font-family:var(--display);font-weight:700;font-size:12.5px;color:var(--ink);}
.cur-switch button[aria-pressed="true"]{background:var(--yellow);color:var(--charcoal);}

/* text a loan officer (phones) */
.lo .txt{display:inline-flex;}
.lo .txt svg{width:16px;height:16px;}
@media (hover:none) and (pointer:coarse){
  .lo .ph,.lo h3{cursor:pointer;}
  .lo .ph{position:relative;}
  .lo .ph::after{content:"";position:absolute;right:2px;bottom:2px;width:32px;height:32px;border-radius:50%;background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23343534' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M21 11.5a8.4 8.4 0 0 1-9 8.4 9 9 0 0 1-3.9-.9L3 20.5l1.5-4.6a8.4 8.4 0 0 1-.9-3.9A8.5 8.5 0 0 1 12 3.5a8.4 8.4 0 0 1 9 8z'/%3E%3C/svg%3E") center/17px no-repeat;border:3px solid var(--surface);}
}

.lo .acts{flex-wrap:nowrap;}
.lo .acts .btn{padding-inline:14px;}
@media(max-width:1180px) and (min-width:1001px){.lo .acts{flex-wrap:wrap;}}