
/* Reputation Elites v8: final readability, nav, pricing and tier gating polish */
:root{--re-ink:#07111f;--re-navy:#081523;--re-teal:#3fd3b5;--re-gold:#f2c75c;--re-muted:#63708a;}
.site-header{position:sticky;top:0;z-index:80;backdrop-filter:blur(18px);}
.nav{height:82px!important;display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:nowrap!important;}
.brand{min-width:254px!important;display:flex!important;align-items:center!important;}
.brand img{width:250px!important;max-height:64px!important;object-fit:contain!important;}
.nav-links{display:flex!important;align-items:center!important;gap:2px!important;flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;}
.nav-links a{white-space:nowrap!important;line-height:1!important;font-size:14px!important;padding:12px 12px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.nav-links .member-link{padding:13px 16px!important;min-width:auto!important;}
.nav-actions{flex:0 0 auto!important;white-space:nowrap!important;}
.nav-actions .btn{white-space:nowrap!important;padding:14px 22px!important;font-size:14px!important;}
.page-hero{padding:112px 0 76px!important;}
.page-hero .wrap{max-width:1120px!important;}
.page-hero h1{font-size:clamp(46px,5.4vw,84px)!important;line-height:1.01!important;letter-spacing:-.065em!important;max-width:980px!important;}
.page-hero p{font-size:clamp(18px,1.5vw,22px)!important;line-height:1.55!important;max-width:760px!important;}
.compact-hero{padding:92px 0 62px!important;}
.compact-hero h1{font-size:clamp(42px,4.6vw,72px)!important;}
.section-head.center{max-width:920px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;}
.section-head.center h2{font-size:clamp(34px,4vw,58px)!important;line-height:1.05!important;letter-spacing:-.06em!important;max-width:860px!important;margin-left:auto!important;margin-right:auto!important;}
.section-head.center p,.pricing-intro p{font-size:18px!important;line-height:1.6!important;color:var(--re-muted)!important;max-width:760px!important;margin:16px auto 0!important;}
.pricing-card{display:flex!important;flex-direction:column!important;min-height:100%!important;}
.pricing-card .feature-list{margin-bottom:24px!important;}
.pricing-card .btn{width:100%!important;justify-content:center!important;margin-top:auto!important;padding:16px 18px!important;}
.tier-difference-panel{margin-top:38px!important;}
.tier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.tier-card{border:1px solid rgba(7,17,31,.10);background:rgba(255,255,255,.82);border-radius:26px;padding:24px;box-shadow:0 18px 45px rgba(7,17,31,.08);}
.tier-card h3{font-size:24px;margin:14px 0 10px;letter-spacing:-.045em;}
.enhanced-dashboard .dash-head p{margin:8px 0 0;color:var(--re-muted);max-width:680px;}
.sticky-card{position:sticky;top:104px;}
.plan-switcher{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px;}
.plan-switcher button{border:1px solid rgba(7,17,31,.10);background:#fff;border-radius:999px;padding:10px;font-weight:950;cursor:pointer;color:#07111f;}
.plan-switcher button.active{background:linear-gradient(135deg,#f9df88,#c48812);color:#07111f;box-shadow:0 12px 28px rgba(196,136,18,.25);}
.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;}
.access-item{border:1px solid rgba(7,17,31,.10);border-radius:22px;padding:18px;background:#fff;display:grid;gap:6px;position:relative;}
.access-item strong{font-size:18px;letter-spacing:-.03em;}
.access-item span{color:var(--re-muted);line-height:1.45;}
.access-item.locked{opacity:.48;background:#f8fafc;}
.access-item.locked:after{content:'Locked on this tier';display:inline-flex;justify-content:center;align-items:center;margin-top:8px;width:max-content;border-radius:999px;padding:7px 10px;background:#fff0f0;color:#9f1239;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;}
.selected-plan-note{background:#eefdf9;border:1px solid rgba(63,211,181,.32);border-radius:18px;padding:12px 14px;margin:14px 0;color:#0f5f53;font-weight:850;}
.price{white-space:nowrap!important;}
.comparison th,.comparison td{white-space:nowrap;}
@media(max-width:1280px){.brand{min-width:230px!important}.brand img{width:226px!important}.nav-links a{font-size:13px!important;padding:10px 9px!important}.nav-actions .btn{padding:13px 16px!important;font-size:13px!important}.tier-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:1080px){.nav{height:76px!important}.nav-links,.nav-actions{display:none!important}.mobile-toggle{display:inline-flex!important;margin-left:auto}.brand img{width:226px!important}.brand{min-width:auto!important}.nav.open .nav-links{display:grid!important;position:absolute;left:18px;right:18px;top:84px;background:#07111f;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:16px;box-shadow:0 24px 70px rgba(0,0,0,.3)}.nav.open .nav-links a{justify-content:flex-start!important;color:#fff!important}.nav.open .nav-actions{display:flex!important;position:absolute;right:26px;top:calc(84px + 374px)}}
@media(max-width:820px){.page-hero{padding:78px 0 52px!important}.page-hero h1{font-size:clamp(38px,11vw,58px)!important}.section-head.center h2{font-size:clamp(32px,9vw,46px)!important}.tier-grid,.access-grid{grid-template-columns:1fr}.comparison{font-size:13px}.brand img{width:214px!important}}
