/* Canonical shared header. Loaded last on every route. */
html{scrollbar-gutter:stable}
body .nav-shell{position:fixed;top:0;left:0;right:0;z-index:60;width:auto;margin:0;padding:16px 16px 0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;transition:none}
body .nav-shell .nav-card{box-sizing:border-box;width:100%;max-width:1360px;margin:0 auto;border:1px solid #e2e6e3;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 4px 16px #00000008;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body .nav-shell .nav{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:none;height:78px;min-height:78px;margin:0;padding:0 22px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
body .nav-shell .logo{display:block;flex:0 0 auto}body .nav-shell .logo img{width:210px;max-width:100%;height:auto}
body .nav-shell .nav-links{display:flex;align-items:center;gap:20px;min-width:0;margin:0;white-space:nowrap}
body .nav-shell .nav-links>a{display:inline-flex;align-items:center;position:relative;flex-shrink:0;min-height:46px;margin:0;padding:13px 0;border:0;border-radius:0;font-family:var(--font-site);font-size:13px;font-weight:700;line-height:20px;letter-spacing:0;color:#000;background:transparent;box-shadow:none;transform:none;transition:color .15s}
body .nav-shell .nav-links>a.active:not(.nav-guide):not(.nav-invest){color:var(--brand-blue)}
body .nav-shell .nav-links>a.active:not(.nav-guide):not(.nav-invest)::after{content:'';position:absolute;bottom:4px;left:0;width:24px;height:3px;background:var(--brand-blue);border-radius:3px}
body .nav-shell .nav-links>a:is(.nav-invest,.nav-guide){box-sizing:border-box;height:46px;padding:12px 16px;border:1px solid transparent;border-radius:11px;color:#fff;transform:none;box-shadow:none}
body .nav-shell .nav-links>a.nav-invest,body .nav-shell .nav-links>a.nav-invest:is(:hover,.active){background:var(--brand-green);border-color:var(--brand-green);color:#fff}
body .nav-shell .nav-links>a.nav-guide,body .nav-shell .nav-links>a.nav-guide:is(:hover,.active){background:var(--brand-red);border-color:var(--brand-red);color:#fff}
body .nav-shell .nav-links>a:is(.nav-invest,.nav-guide)::after{display:none}
body .nav-shell .nav-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin:0}
body .nav-shell .nav-actions>.btn{display:inline-flex;align-items:center;height:46px;min-height:46px;margin:0;padding:12px 16px;gap:14px;border:1px solid var(--brand-blue);border-radius:11px;background:var(--brand-blue);color:#fff;font-size:13px;line-height:20px;font-weight:700;white-space:nowrap;transform:none;box-shadow:none}
body .nav-shell .menu-toggle{display:grid;place-items:center;flex:0 0 46px;width:46px;min-width:46px;height:46px;min-height:46px;padding:0;margin:0;border:1px solid #e2e6e3;border-radius:11px;background:#fff;color:#000;box-shadow:none;transform:none}
body .nav-shell .mobile-priority-links{display:none}
@media(min-width:1051px) and (max-width:1400px){body .nav-shell .nav{gap:18px;padding:0 18px}body .nav-shell .nav-links{gap:15px}body .nav-shell .nav-links>a{font-size:12px}body .nav-shell .logo img{width:185px}body .nav-shell .nav-actions>.btn{display:none}}
@media(max-width:1050px){body .nav-shell .nav{height:72px;min-height:72px;padding:0 18px;gap:16px}body .nav-shell .nav-links{display:none}body .nav-shell .nav-actions{margin-left:auto}body .nav-shell .mobile-priority-links{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;width:100%;margin:0;padding:0 18px 14px}body .nav-shell .mobile-priority-links>a{display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:44px;margin:0;padding:11px 14px;border-radius:11px;font-size:12px;line-height:1.4;font-weight:800}}
@media(max-width:600px){body .nav-shell{padding:10px 10px 0}body .nav-shell .nav-card{border-radius:14px}body .nav-shell .nav{height:64px;min-height:64px;padding:0 13px;gap:12px}body .nav-shell .logo img{width:180px;max-width:calc(100vw - 125px)}body .nav-shell .nav-actions>.btn{display:none}body .nav-shell .mobile-priority-links{gap:6px;padding:0 12px 12px}body .nav-shell .mobile-priority-links>a{padding:10px 9px;font-size:11px}}

/* Hero backgrounds begin at the viewport top, behind the floating menu.
   Clearance belongs inside the first content section, not to a header strip. */
:root{--header-clearance:96px}
html{scroll-padding-top:calc(var(--header-clearance) + 20px)}
body #main{margin-top:0;padding-top:0}
body .brand-hero .brand-heading{padding-top:calc(var(--header-clearance) + 28px)}
body #main>.wrap:not(.content-hero){padding-top:var(--header-clearance)}
body #main>.content-hero{padding-top:calc(var(--header-clearance) + 36px)}
body #main>section.section:first-child{padding-top:calc(var(--header-clearance) + 36px)}
body .investment-page .iv-hero-grid{padding-top:calc(var(--header-clearance) + 32px)}
body .cashback-guide .cg-hero{margin:0;border-radius:0}
body .cashback-guide .cg-hero-grid{padding-top:calc(var(--header-clearance) + 32px)}
@media(max-width:1050px){:root{--header-clearance:148px}}
@media(max-width:600px){:root{--header-clearance:132px}body .brand-hero .brand-heading{padding-top:calc(var(--header-clearance) + 24px)}body #main>.content-hero{padding-top:calc(var(--header-clearance) + 24px)}}