/* PHREVO shared header + footer shell */
nav.top{position:fixed;top:0;left:0;right:0;z-index:800;height:64px;padding:0 2.5rem;display:flex;align-items:center;justify-content:space-between;background:rgba(6,16,31,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--rule)}
.nav-logo{display:flex;align-items:center;gap:.65rem}
.logo-mark{width:28px!important;height:28px!important;border-radius:50%;object-fit:cover;display:block}
.nav-word{font-family:var(--display);font-size:1.2rem;letter-spacing:.18em}
.nav-links{display:flex;gap:1.45rem;list-style:none;position:absolute;left:50%;transform:translateX(-50%)}
.nav-links a{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;opacity:.42;transition:opacity .2s,color .2s;white-space:nowrap}
.nav-links a:hover,.nav-links a.on{opacity:1;color:var(--teal)}
.nav-r{display:flex;align-items:center;gap:.5rem}
.mobile-nav{display:none;position:relative}
.mobile-nav summary{list-style:none;cursor:pointer;border:1px solid rgba(255,255,255,.18);min-width:42px;height:42px;display:grid;place-items:center;color:var(--white);gap:4px}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav summary::before,.mobile-nav summary::after,.mobile-nav summary span{content:"";display:block;width:16px;height:1px;background:currentColor}
.mobile-panel{position:absolute;right:0;top:calc(100% + .7rem);width:min(280px,calc(100vw - 2rem));padding:.7rem;background:rgba(6,16,31,.98);border:1px solid var(--rule);display:grid;gap:.2rem;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.mobile-panel a{display:flex;padding:.8rem .85rem;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.mobile-panel a:hover,.mobile-panel a.on{color:var(--teal);background:rgba(78,205,196,.07)}
.lang-toggle{display:flex;align-items:center;gap:.4rem;margin-right:.6rem;border:0;padding:0}
.lang-toggle button{background:none;border:none;font-family:var(--mono);font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--white);opacity:.32;padding:0}
.lang-toggle button.on{opacity:1;color:var(--teal)}
.lang-toggle .sep{font-size:.5rem;opacity:.22}
footer.site{border-top:1px solid var(--rule);padding:3.5rem 2.5rem 1.8rem;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;background:transparent}
footer.site h5{font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:var(--teal);margin-bottom:1rem;font-weight:400;opacity:.7}
footer.site ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}
footer.site ul a{font-size:.72rem;color:var(--muted);transition:color .2s}
footer.site ul a:hover{color:var(--teal)}
.f-logo{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}
.f-tag{font-family:var(--display);font-size:1rem;letter-spacing:.18em}
.f-desc{font-size:.78rem;color:var(--muted);margin-bottom:1.5rem;max-width:320px;line-height:1.8}
.f-bot{grid-column:1/-1;padding-top:1.5rem;border-top:1px solid var(--rule);display:flex;justify-content:space-between;font-size:.56rem;opacity:.4;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:960px){.nav-links{display:none}.mobile-nav{display:block}}
@media(max-width:720px){nav.top{padding:0 1rem}.nav-word{display:none}.nav-r .btn-solid{display:none}footer.site{grid-template-columns:1fr;padding:3rem 1.2rem 1.5rem}.f-bot{display:grid;gap:.55rem}}