/* Frosted-glass logo tiles: the logo itself is the tile (assets/tile-*.png), with a glass rim, sheen, grain and soft halo. Visual-only. */
.bk-card .lt,.hero-brand .lt,.bk-tile .lt{position:relative;isolation:isolate;box-sizing:border-box!important;width:56px!important;height:56px!important;padding:0!important;border:0!important;border-radius:13px!important;background:none!important;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgba(23,25,29,.08),0 1px 1px rgba(23,25,29,.06),0 10px 20px -10px rgba(23,25,29,.40)!important;transition:box-shadow .2s ease,transform .2s ease}
.hero-brand .lt{width:72px!important;height:72px!important;border-radius:17px!important}
.calc-cards .bk-tile .lt{width:64px!important;height:64px!important;border-radius:15px!important;margin-inline:auto}
.bk-card .lt img,.hero-brand .lt img,.bk-tile .lt img{display:block;position:relative;z-index:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border-radius:inherit;mix-blend-mode:normal!important}
.bk-card .lt::before,.hero-brand .lt::before,.bk-tile .lt::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .13 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),linear-gradient(150deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.07) 38%,rgba(255,255,255,0) 56%,rgba(0,0,0,.14) 100%);background-size:120px 120px,100% 100%}
.bk-card .lt::after,.hero-brand .lt::after,.bk-tile .lt::after{content:"";position:absolute;inset:0;z-index:2;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.10) 45%,rgba(255,255,255,.34) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
@media(hover:hover){a:hover .bk-card .lt,a:hover .hero-brand .lt,a:hover .bk-tile .lt,a:focus-visible .bk-card .lt,a:focus-visible .hero-brand .lt,a:focus-visible .bk-tile .lt{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(49,94,145,.28),0 1px 1px rgba(23,25,29,.06),0 14px 24px -10px rgba(23,25,29,.48)!important}}
/* dark theme: brighter hairline + faint outer halo ring */
[data-theme=dark] .bk-card .lt,[data-theme=dark] .hero-brand .lt,[data-theme=dark] .bk-tile .lt{box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 0 5px rgba(255,255,255,.045),0 12px 26px -10px rgba(0,0,0,.85)!important}
@media(hover:hover){[data-theme=dark] a:hover .bk-card .lt,[data-theme=dark] a:hover .hero-brand .lt,[data-theme=dark] a:hover .bk-tile .lt,[data-theme=dark] a:focus-visible .bk-card .lt,[data-theme=dark] a:focus-visible .hero-brand .lt,[data-theme=dark] a:focus-visible .bk-tile .lt{box-shadow:0 0 0 1px rgba(124,155,255,.55),0 0 0 6px rgba(124,155,255,.12),0 14px 28px -10px rgba(0,0,0,.9)!important}}
@media(prefers-reduced-motion:reduce){.bk-card .lt,.hero-brand .lt,.bk-tile .lt{transition:none}a:hover .bk-card .lt,a:hover .hero-brand .lt,a:hover .bk-tile .lt{transform:none}}
/* v25 bug: brokers list cards were pure white in dark mode, hiding the (light) broker name. Match the home bk-card look. */
[data-theme=dark] .pg-in main[data-p=brokers] .card.bk-tile{background:var(--surface,#141A2E);border-color:var(--line,#232B45)}

/* site logo: glass rim + soft halo (the PNG itself carries grain, sheen and edge highlight) */
.brand img,.hf-brand .brand img,.fbrand .brand img{border-radius:9px;box-shadow:0 0 0 1px rgba(23,25,29,.08),0 1px 1px rgba(23,25,29,.06),0 8px 14px -8px rgba(45,84,232,.55)!important;transition:box-shadow .2s ease,transform .2s ease}
[data-theme=dark] .brand img,[data-theme=dark] .hf-brand .brand img,[data-theme=dark] .fbrand .brand img{box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 0 4px rgba(255,255,255,.04),0 8px 18px -8px rgba(0,0,0,.85)!important}
@media(hover:hover){.brand:hover img{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.brand img{transition:none}.brand:hover img{transform:none}}