.reference-home{background:#02070e;color:#fff;font-family:Inter,'Segoe UI',Arial,sans-serif}
.approved-desktop{position:relative;max-width:1800px;margin:0 auto;line-height:0}
.approved-image{display:block;width:100%;height:auto}
.hotspot{display:block;position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border-radius:7px;cursor:pointer}
.hotspot:focus-visible{outline:3px solid #1bb9ff;outline-offset:-3px;background:#13a8ff26}
.approved-mobile{display:none}
.reference-footer{margin:auto;max-width:1800px;background:#02070e;border-top:1px solid #15304c;padding:22px 4%;display:flex;justify-content:space-between;gap:20px;color:#aabbd1;font-size:12px;line-height:1.5}
.reference-footer nav{display:flex;gap:20px;flex-wrap:wrap}.reference-footer a:hover{color:#ffda8d}
@media(max-width:850px){
.approved-desktop{display:none}.approved-mobile{display:block}
.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 18px;background:#020911;border-bottom:1px solid #24547c;position:sticky;top:0;z-index:20;min-height:66px}
.mobile-topbar>a{width:min(68%,260px);height:55px;display:flex;align-items:center}.mobile-topbar img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:screen}
.mobile-topbar .nav-toggle{display:block;border-color:#24547c}.mobile-topbar .nav-links{top:65px;left:0;right:0;background:#061426;border-color:#24547c;z-index:22}
.mobile-hero{background:radial-gradient(circle at 50% 28%,#164879,#041325 65%,#020810);padding:18px 22px 40px;text-align:center}
.mobile-emblem{width:min(80%,340px);height:auto;mix-blend-mode:screen;display:block;margin:auto}
.kicker{font-size:10px;letter-spacing:.17em;color:#f1c778;font-weight:750}
.mobile-hero h1{font-size:clamp(39px,9vw,68px);letter-spacing:-.055em;line-height:1.06;margin:18px auto;background:linear-gradient(#fff,#a6b4c4);background-clip:text;color:transparent}
.mobile-hero h1 em,.mobile-faith h2 em{font-style:normal;color:#f3c774;background:none}
.mobile-hero>p:not(.kicker){max-width:520px;margin:16px auto;color:#d6e0ec;font-size:16px}
.mobile-buttons{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:22px}
.mobile-buttons a{padding:13px 17px;border-radius:9px;border:2px solid #03b9ff;font-weight:750;font-size:13px}
.mobile-buttons a:first-child{background:linear-gradient(160deg,#f8d88d,#bd8535);border-color:#f3ce79;color:#0b1420}
.mobile-products{display:grid;gap:16px;padding:18px 14px 30px;background:#020a14}
.mobile-product{display:block;border:1px solid #1265a3;border-radius:16px;overflow:hidden;box-shadow:0 0 24px #05649a44}.mobile-product img{display:block;width:100%;height:auto}
.mobile-faith{padding:28px 22px 0;background:#030b14}.mobile-faith h2{font-size:clamp(34px,8vw,52px);line-height:1.08;letter-spacing:-.04em;margin:12px 0}.mobile-faith>p:not(.kicker){color:#d4dbe3;line-height:1.6}.mobile-faith>a{display:inline-block;color:#f6c975;font-weight:750;padding:12px 0 20px}.mobile-faith img{width:calc(100% + 44px);max-width:none;height:auto;display:block;margin:0 -22px}
.reference-footer{flex-direction:column;align-items:center;text-align:center}.reference-footer nav{justify-content:center}
}
@media(min-width:851px){.reference-footer{padding-top:32px;padding-bottom:32px}}