/* The homepage stylesheet supplies the shared brand; retain Hangar's tiles. */
:root{--panel:#111a28e8;--line:#aabbd52b}
header{height:auto}
.hero{border-bottom:0;background:none}
.hero h1{font-size:clamp(52px,6.4vw,88px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:0 0 25px}
.hero p.intro{font-size:19px;line-height:1.5;margin:0 0 15px;color:#dce2ec}
.hero p.description{font-size:16px;line-height:1.85;max-width:480px;color:var(--muted);margin:0}
.directory{padding-top:15px}
.small{font-size:12px;color:var(--muted)}
.grid{gap:16px}
.card:hover{border-color:var(--orange)}
.card-description,.sync,.card-footer,.directory-note{color:var(--muted)}
.card-footer .lock{color:var(--muted)}
footer>span:last-child{font:13px monospace;letter-spacing:normal}
@media(max-width:600px){.hero h1{font-size:clamp(48px,12vw,68px)}.hero p.intro{font-size:17px}.hero p.description{font-size:16px}footer>span:last-child{font-size:12px}}