#wraptor-family{--bg:#091425;--panel:#101f33;--border:#2b3d54;--orange:#ff7900;--blue:#17bfff;color:#f3f6fa;font-family:Arial,Helvetica,sans-serif;background:#091425;clear:both}#wraptor-family *{box-sizing:border-box}
#wraptor-family{max-width:1368px;margin:auto;padding:48px 24px 28px}
#wraptor-family .heading{margin-bottom:30px}
#wraptor-family .heading p{color:#9eb1c7;font-weight:700;font-size:13px;letter-spacing:2px;margin:0 0 12px}
#wraptor-family .heading h2{font-size:clamp(28px,3.2vw,44px);letter-spacing:-1px;margin:0 0 12px;line-height:1.07}
#wraptor-family .heading>span{color:#afc0d2;font-size:15px}
#wraptor-family .mobile-break{display:none}
#wraptor-family .grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
#wraptor-family .card{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:border-color .15s}
#wraptor-family .card.current{border:2px solid var(--orange)}
#wraptor-family .card.current:before{content:'YOU ARE HERE';position:absolute;top:0;left:0;right:0;background:var(--orange);color:#101010;font-size:9px;font-weight:800;letter-spacing:1px;text-align:center;height:17px;line-height:17px;pointer-events:none}
#wraptor-family .brand{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;padding:24px 14px 16px;flex:1}
#wraptor-family .brand:hover{background:#14283f}
#wraptor-family .logo{width:100%;height:150px;display:flex;align-items:center;justify-content:center}
#wraptor-family .logo img{width:100%;height:100%;max-width:180px;object-fit:contain}
#wraptor-family .brand h2{font-size:13px;letter-spacing:1px;text-transform:uppercase;margin:12px 0 0;line-height:1.3}
#wraptor-family .brand .private{font-size:10px;margin:6px 0 -6px;color:#a9bacd}
#wraptor-family .socials{border-top:1px solid var(--border);display:flex;gap:9px;align-items:center;justify-content:center;padding:10px;background:#0b192a}
#wraptor-family .socials a,#wraptor-family .socials button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:62px;min-height:36px;padding:7px 11px;border:1px solid #44617d;border-radius:6px;background:#152b43;color:#d9edff;text-decoration:none;font:700 11px Arial,sans-serif}
#wraptor-family .socials a:hover{border-color:var(--blue);background:#1a3b59}
#wraptor-family .socials button:disabled{background:#0e1d2e;border-color:#2e4055;color:#8296ae;cursor:not-allowed}
#wraptor-family .socials svg{width:15px;height:15px;fill:currentColor}
#wraptor-family a:focus-visible,#wraptor-family select:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:1000px){#wraptor-family .grid{gap:12px}
#wraptor-family .logo{height:120px}
#wraptor-family .brand{padding-inline:9px}
#wraptor-family .socials{gap:6px;padding:9px 4px}
#wraptor-family .socials a,#wraptor-family .socials button{min-width:48px;padding:6px 8px}
#wraptor-family .brand h2{font-size:11px;letter-spacing:.5px}
}@media(max-width:760px){#wraptor-family .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#wraptor-family{padding:30px 20px 24px}
#wraptor-family .heading{margin-bottom:24px}
#wraptor-family .logo{height:140px}
#wraptor-family .brand h2{font-size:12px}
#wraptor-family .socials a,#wraptor-family .socials button{min-width:62px;min-height:40px}
#wraptor-family .mobile-break{display:block}
}@media(max-width:360px){#wraptor-family{padding-inline:12px}
#wraptor-family .logo{height:112px}
#wraptor-family .socials{gap:4px}
#wraptor-family .socials a,#wraptor-family .socials button{min-width:54px;padding:7px}
}#wraptor-family .brand{padding:19px 10px 10px}
#wraptor-family .logo{height:108px}
#wraptor-family .logo img{max-width:136px}
#wraptor-family .brand h2{font-size:13px;margin-top:7px}
#wraptor-family .description{font-size:11px;line-height:1.3;color:#b5c7d9;margin:5px 0 0;min-height:29px;text-align:center;max-width:180px}
#wraptor-family .socials{padding:6px 4px}
#wraptor-family .brand .private{margin:3px 0 0;font-size:9px}
#wraptor-family .grid{gap:12px}
#wraptor-family .heading{margin-bottom:22px}
#wraptor-family{padding-top:32px}
@media(max-width:1000px){#wraptor-family .logo{height:100px}
#wraptor-family .description{font-size:10px}
}@media(max-width:760px){#wraptor-family .logo{height:106px}
#wraptor-family .brand{padding:19px 8px 8px}
#wraptor-family .brand h2{font-size:13px}
#wraptor-family .description{font-size:10px;min-height:26px}
#wraptor-family .socials a,#wraptor-family .socials button{min-height:40px}
}#wraptor-family .brand{flex:0;padding-bottom:7px}
#wraptor-family .brand h2{color:#ff7900}
#wraptor-family .description{font-size:10px;line-height:1.3;min-height:0;margin:4px 0 0;white-space:nowrap;max-width:none}
#wraptor-family .brand .private{display:none}
#wraptor-family .socials{margin-top:0}
#wraptor-family .card{align-self:start}
@media(min-width:761px) and (max-width:1000px){#wraptor-family .description{font-size:9px}
}@media(max-width:760px){#wraptor-family .description{font-size:10px;white-space:normal;min-height:0;max-width:100%}
#wraptor-family .card{align-self:stretch}
#wraptor-family .brand{flex:1}
#wraptor-family .socials{flex:none}
}#wraptor-family .socials a[href*="facebook.com"]{background:#1254a4;border-color:#3178ca;color:#fff}
#wraptor-family .socials a[href*="facebook.com"]:hover{background:#0d4489;border-color:#81baff}
#wraptor-family .socials a[href*="instagram.com"]{background:linear-gradient(115deg,#63349a,#a82973);border-color:#ba69ab;color:#fff}
#wraptor-family .socials a[href*="instagram.com"]:hover{background:linear-gradient(115deg,#753db1,#bb2d80);border-color:#efa9db}
#wraptor-family .socials a:focus-visible{outline:3px solid #fff;outline-offset:3px}
#wraptor-family .brand{padding:19px 10px 8px}
#wraptor-family .brand h2{display:none}
#wraptor-family .logo{height:142px}
#wraptor-family .logo img{max-width:174px}
#wraptor-family .description{font-size:11px;margin-top:7px;white-space:normal;line-height:1.3}
#wraptor-family .socials{gap:8px;padding:6px 10px}
#wraptor-family .socials a,#wraptor-family .socials button{flex:1;min-width:0;min-height:29px;padding:5px 10px;font-size:11px}
#wraptor-family .socials svg{width:14px;height:14px}
@media(min-width:761px) and (max-width:1000px){#wraptor-family .logo{height:126px}
#wraptor-family .description{font-size:11px}
}@media(max-width:760px){#wraptor-family .brand{padding:19px 7px 8px}
#wraptor-family .logo{height:134px}
#wraptor-family .logo img{max-width:160px}
#wraptor-family .description{font-size:11px;min-height:29px;margin-top:6px}
#wraptor-family .socials{padding:6px 8px;gap:7px}
#wraptor-family .socials a,#wraptor-family .socials button{min-height:32px;padding:6px 7px}
}#wraptor-family .socials a[href*="youtube.com"]{background:#b51b22;border-color:#da4b51;color:#fff}
#wraptor-family .socials a[href*="youtube.com"]:hover{background:#96141a;border-color:#ff9095}
#wraptor-family .socials:has(> :nth-child(3)){gap:5px;padding-inline:7px}
#wraptor-family .socials:has(> :nth-child(3)) a,#wraptor-family .socials:has(> :nth-child(3)) button{padding-inline:5px;gap:4px}
@media(max-width:760px){#wraptor-family .socials:has(> :nth-child(3)){gap:4px;padding-inline:5px}
#wraptor-family .socials:has(> :nth-child(3)) a,#wraptor-family .socials:has(> :nth-child(3)) button{padding-inline:3px;font-size:10px;gap:3px}
#wraptor-family .socials:has(> :nth-child(3)) svg{width:12px;height:12px}
}#wraptor-family .logo{background:#000;border-radius:5px;height:108px}
#wraptor-family .logo img{max-width:none;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){#wraptor-family .logo{height:100px}
}
/* Isolate existing page brand-panel styles without changing approved family geometry. */
#wraptor-family .brand{border:0;background:transparent}#wraptor-family .brand:hover{background:#14283f}