/* Product-family refresh. Native links remain available with and without JS. */
:root { --refresh-cyan:#88e9ee; --refresh-silver:#e5edf2; }
.refresh-hero { padding:clamp(2.5rem,6vw,6rem) 0 3rem; background:radial-gradient(ellipse at 80% 30%,#15323d 0,transparent 55%); }
.refresh-hero-grid { display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center; }
.refresh-hero h1 { font-size:clamp(2.7rem,5.2vw,5.5rem);line-height:1.04;letter-spacing:-.055em;margin:1.25rem 0; }
.refresh-hero h1 span { color:var(--refresh-cyan); }
.refresh-hero .lead { max-width:37rem;line-height:1.65; }
.refresh-scope { max-width:34rem;font-size:.85rem;line-height:1.6;color:#a7bcc8;margin-top:1.5rem; }
.family-panel { min-width:0;padding:clamp(1rem,2vw,1.5rem);border:1px solid #34505e;border-radius:1.5rem;background:#0a1924;box-shadow:0 20px 70px #0003; }
.family-panel>.eyebrow { margin:0 0 1.2rem;color:#b5cbd6; }
.family-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem; }
.family-link { display:flex;align-items:center;gap:.7rem;min-width:0;padding:.75rem;border:1px solid #273f4c;border-radius:.85rem;background:#10222e;text-decoration:none;transition:border-color .15s,background .15s; }
.family-link:hover { background:#173440;border-color:#7ddae2; }
.family-link img { width:3.2rem;height:3.2rem;object-fit:contain;flex-shrink:0; }
.family-link>span:first-of-type { min-width:0;flex:1; }
.family-link strong { display:block;color:#f0f6f8;font-size:.95rem;overflow-wrap:anywhere; }
.family-link small { display:block;color:#afc4d0;font-size:.7rem;line-height:1.4;margin-top:.25rem; }
.family-link>span:last-child { color:#8de6eb;font-size:1rem; }
.refresh-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr)); }
.refresh-product .product-card-main { display:flex;flex-direction:column;height:100%;padding:1.6rem; }
.refresh-card-top { display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem;align-items:center;margin-bottom:1.5rem; }
.refresh-card-top img { width:4.5rem;height:4.5rem;object-fit:contain; }
.refresh-card-top .stage { font-size:.65rem;white-space:normal;max-width:12rem;line-height:1.5; }
.refresh-product h3 { font-size:1.55rem;margin:.3rem 0 .8rem; }
.refresh-product p:not(.eyebrow) { line-height:1.65;color:#b8cbd5; }
.refresh-explore { display:block;color:#9eeaf0;margin-top:auto;padding-top:1.5rem;font-size:.85rem; }
.site-header .menu-toggle { display:none!important; }
.site-header #main-navigation { display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #b2f5f4;outline-offset:5px; }
/* Page-level navigation stays outside replaced main content and the brand header. */
.site-page-navigation { display:flex;align-items:center;padding-top:1rem;padding-bottom:.5rem; }
.site-page-navigation[hidden],.guided-mode .site-page-navigation { display:none; }
#site-back { position:static;inset:auto;z-index:auto;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:auto;height:auto;min-width:44px;min-height:44px;padding:.6rem 1rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--signal);font:inherit;font-size:.85rem;font-weight:600;line-height:1.2;opacity:1;box-shadow:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s; }
#site-back svg { width:18px;height:18px;flex:none; }
#site-back:disabled { display:none; }
#site-back:not(:disabled):hover { background:var(--raised);border-color:var(--signal);color:var(--ink);transform:none; }
#site-back:focus-visible { outline:3px solid var(--signal);outline-offset:4px; }
@media(prefers-reduced-motion:reduce) { #site-back { transition:none; } }
@media(max-width:1000px) { .refresh-hero-grid { grid-template-columns:1fr; }.refresh-hero-copy { max-width:47rem; }.family-link img { width:3.6rem;height:3.6rem; } }
@media(max-width:760px) {
 .site-header { position:relative; }.site-header .header-inner { flex-wrap:wrap;gap:1rem;padding-top:1rem;padding-bottom:1rem; }
 .site-header #main-navigation { position:static!important;width:100%;max-height:none!important;padding:0!important;border:0!important;background:transparent!important;flex-wrap:wrap;flex-direction:row!important;justify-content:flex-start;gap:.5rem 1.1rem; }
 .site-header #main-navigation a { padding:.45rem 0;font-size:.78rem; }
 .refresh-hero { padding-top:2rem; }.refresh-hero h1 { font-size:clamp(2.5rem,10vw,4rem); }
 .family-link { padding:.7rem;gap:.5rem; }.family-link img { width:2.8rem;height:2.8rem; }.family-link small { font-size:.68rem; }
}
@media(max-width:600px) { .family-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .family-link { transition:none; } }