:root{--charcoal:#2F2F2F;--obsidian:#1F1D1A;--gold:#C09135;--gold-soft:#D5BC83;--gold-deep:#9F7826;--khaki:#BDB3A2;--silver:#E0E0E0;--ivory:#FCF8F1;--stone:#E9E5DE;--slate:#6E6A63;--listing-green:#5F725C;--teal:#C09135;--teal-dark:#9F7826;--teal-light:#F4EFE6;--amber:#C09135;--amber-dark:#9F7826;--primary:#2F2F2F;--primary-dark:#1F1D1A;--text:#2F2F2F;--text-muted:#6E6A63;--border:#E0E0E0;--bg:#FCF8F1;--bg-soft:#E9E5DE;--card:#FFFFFF}body{background:var(--ivory);color:var(--text)}.featured-tools{background:var(--ivory) !important;background-color:var(--ivory) !important}.affiliate-card-grid .btn-affiliate-card,.affiliate-card-grid a.btn-affiliate-card,.tool-card .btn-affiliate-card,.tool-card a.btn-affiliate-card{background:linear-gradient(135deg,#C09135 0%,#E8C775 55%,#C09135 100%) !important;color:#0D0D0D !important;text-shadow:none !important;text-decoration:none !important;border:1px solid var(--gold-deep) !important;font-weight:700 !important}.affiliate-card-grid .btn-affiliate-card:hover,.affiliate-card-grid a.btn-affiliate-card:hover,.tool-card .btn-affiliate-card:hover,.tool-card a.btn-affiliate-card:hover{filter:brightness(1.06);color:#0D0D0D !important;text-decoration:none !important}.btn-gold,.top-bar-newsletter,.btn-affiliate-card{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;min-height:38px;font-family:'Inter',system-ui,sans-serif;font-weight:700;font-size:0.92rem;letter-spacing:0.01em;color:#1F1D1A !important;text-decoration:none;border:1px solid var(--gold-deep);border-radius:999px;background:linear-gradient( 180deg,#E8C775 0%,#D5BC83 25%,#C09135 60%,#9F7826 100% );box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),inset 0 -1px 0 rgba(0,0,0,0.18),0 2px 6px rgba(31,29,26,0.18);transition:transform 0.18s ease,box-shadow 0.18s ease,filter 0.18s ease;cursor:pointer;white-space:nowrap}.btn-gold:hover,.top-bar-newsletter:hover,.btn-affiliate-card:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,0.65),inset 0 -1px 0 rgba(0,0,0,0.22),0 6px 16px rgba(192,145,53,0.35);color:#1F1D1A !important}.btn-gold:active{transform:translateY(0);filter:brightness(0.96)}.btn-gold-ghost{background:transparent;color:var(--gold) !important;border:1.5px solid var(--gold);border-radius:999px;padding:10px 22px;font-weight:700;text-decoration:none}.btn-gold-ghost:hover{background:var(--gold);color:#1F1D1A !important}.top-bar{background:var(--obsidian);border-bottom:1px solid #2A2622;padding:8px 0}.top-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.top-bar-social{display:flex;align-items:center;gap:6px}.top-bar-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;color:var(--gold-soft) !important;background:rgba(192,145,53,0.08);border:1px solid rgba(192,145,53,0.25);transition:background 0.15s ease,color 0.15s ease,transform 0.15s ease}.top-bar-icon:hover{background:var(--gold);color:#1F1D1A !important;transform:translateY(-1px)}.top-bar-icon svg{width:16px;height:16px}.top-bar-newsletter{font-size:0.85rem;padding:8px 18px;min-height:34px}.trust-bar{background:var(--charcoal);color:var(--ivory);border-bottom:1px solid var(--gold-deep);font-size:0.82rem}.trust-bar-dot{background:var(--gold);box-shadow:0 0 0 0 rgba(192,145,53,0.6)}.trust-bar-text strong{color:#5F725C !important;font-weight:700 !important}.site-header{background:var(--obsidian) !important;border-bottom:1px solid rgba(192,145,53,0.20) !important;box-shadow:0 2px 16px rgba(0,0,0,0.30) !important}.header-inner{padding:12px 24px;display:flex;align-items:center;gap:16px}.main-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.site-header .main-nav .nav-link,.site-header .main-nav a.nav-link,.site-header .mega-menu-wrapper>.nav-link,.site-header .nav-link[aria-haspopup],.site-header .nav-link,.site-header .btn-cta-header,.site-header .btn-cta-header-mobile,.site-header .btn-new-agent,header.site-header a.btn,.site-header a.btn.btn-cta-header{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;height:32px !important;padding:0 14px !important;font-family:'Inter',system-ui,sans-serif !important;font-size:0.78rem !important;font-weight:600 !important;letter-spacing:0.02em !important;color:var(--ivory) !important;text-decoration:none !important;text-transform:none !important;border:1px solid rgba(192,145,53,0.30) !important;border-radius:999px !important;background:var(--charcoal) !important;box-shadow:0 1px 3px rgba(31,29,26,0.18) !important;transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease,transform 0.15s ease !important;white-space:nowrap !important}.site-header .nav-link:hover,.site-header .btn-cta-header:hover,.site-header .btn-cta-header-mobile:hover,.site-header .btn-new-agent:hover{background:var(--obsidian) !important;color:var(--ivory) !important;border-color:var(--gold) !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(31,29,26,0.30) !important}.site-header .nav-link:active,.site-header .btn-cta-header:active{transform:translateY(0) !important;filter:brightness(0.96) !important}.mega-menu-wrapper>.nav-link::after{content:" ▾";font-size:0.65rem;margin-left:2px;opacity:0.85}.site-header .header-inner{display:flex !important;align-items:center !important;gap:10px !important;padding:10px 20px !important;flex-wrap:nowrap !important}.site-header .main-nav{display:flex !important;align-items:center !important;gap:6px !important;flex-wrap:nowrap !important;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.site-header .main-nav::-webkit-scrollbar{display:none}.site-header .logo{flex:0 0 auto}.site-header .logo img{height:32px;width:auto}@media (min-width:769px){body .site-header .main-nav .nav-link.visible-mobile,body .site-header .main-nav a.visible-mobile,body .site-header .main-nav .nav-search-link,body .site-header .btn-cta-header-mobile,html body header.site-header .visible-mobile{display:none !important}}@media (max-width:1280px){.site-header .header-inner{padding:8px 16px !important;gap:8px !important}.site-header .main-nav .nav-link,.site-header .btn-cta-header,.site-header .btn-new-agent{padding:0 12px !important;font-size:0.74rem !important}}@media (max-width:1100px){.site-header .main-nav{flex-wrap:wrap !important;overflow-x:visible !important}}.site-header .logo{display:inline-flex;align-items:center;text-decoration:none;padding:6px 0 !important;overflow:visible !important}.site-header .logo img{height:52px !important;width:auto !important;display:block;max-height:52px !important;overflow:visible !important}.header-inner{overflow:visible !important}.site-header{overflow:visible !important}a.btn.btn-tool,.tool-card a.btn-tool,.featured-tools .btn.btn-tool{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;width:100% !important;height:42px !important;padding:0 22px !important;background:linear-gradient(135deg,#4F5F4D 0%,#5F725C 100%) !important;color:var(--ivory) !important;border:1px solid rgba(95,114,92,0.45) !important;border-radius:999px !important;font-family:'Inter',system-ui,sans-serif !important;font-size:0.92rem !important;font-weight:600 !important;letter-spacing:0.01em !important;text-decoration:none !important;text-transform:none !important;box-shadow:0 1px 3px rgba(31,29,26,0.15) !important;transition:background 0.18s ease,color 0.18s ease,border-color 0.18s ease,transform 0.18s ease,box-shadow 0.18s ease !important}a.btn.btn-tool:hover,.tool-card a.btn-tool:hover,.featured-tools .btn.btn-tool:hover{background:linear-gradient(135deg,#3F4F3D 0%,#4F5F4D 100%) !important;color:var(--ivory) !important;border-color:var(--gold) !important;transform:translateY(-1px) !important;box-shadow:0 6px 16px rgba(95,114,92,0.30) !important}a.btn.btn-tool:active{transform:translateY(0) !important;filter:brightness(0.96) !important}.featured-badge,.tool-badge-featured,[data-theme="dark"] .featured-badge{background:#2F2F2F !important;color:#FCF8F1 !important;font-weight:700 !important;letter-spacing:0.07em !important;text-transform:uppercase !important;padding:5px 14px 5px 12px !important;border-radius:4px 0 0 4px !important;box-shadow:0 2px 6px rgba(31,29,26,0.20) !important}.featured-badge::after,.tool-badge-featured::after{border-color:transparent #1A1A1A transparent transparent !important}.fp-badge--review{background:#2F2F2F !important;color:#FCF8F1 !important}.mega-menu-panel{background:var(--ivory);border:1px solid var(--silver);box-shadow:0 12px 36px rgba(31,29,26,0.18)}.mega-menu-item{color:var(--charcoal);border-radius:10px;transition:background 0.15s ease,transform 0.15s ease}.mega-menu-item:hover{background:var(--stone);transform:translateY(-1px)}.mega-menu-item .mm-title{color:var(--charcoal);font-weight:700}.mega-menu-item .mm-desc{color:var(--slate)}.mega-menu-item:hover .mm-title{color:var(--gold-deep)}.luxury-hero{position:relative;background:var(--obsidian);color:var(--ivory);padding:0;overflow:hidden}.luxury-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,29,26,0.10) 0%,rgba(31,29,26,0.40) 100%),radial-gradient(circle at 74% 42%,rgba(31,29,26,0.70),transparent 52%);z-index:1}.luxury-hero::after{content:"";position:absolute;inset:0;z-index:0}.luxury-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:96px 24px 88px;display:grid;grid-template-columns:1fr 500px;gap:0 32px;min-height:540px;align-content:center}.luxury-hero-inner>*:not(.luxury-hero-image){grid-column:2}.luxury-hero-eyebrow{display:inline-block;font-size:0.78rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold-soft);font-weight:600;margin-bottom:4px}.luxury-hero h1{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:700;letter-spacing:-0.025em;line-height:1.05;color:var(--ivory);margin:0;max-width:18ch}.luxury-hero h1 .gold-line{display:block;color:var(--gold);background:linear-gradient(180deg,#E8C775 0%,#C09135 60%,#9F7826 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.luxury-hero-divider{width:80px;height:2px;background:linear-gradient(90deg,var(--gold) 0%,transparent 100%);margin:8px 0 4px}.luxury-hero-sub{font-size:clamp(1rem,1.4vw,1.15rem);color:var(--silver);max-width:36ch;line-height:1.55;margin:0}.luxury-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px}.luxury-hero-meta{margin-top:28px;display:flex;gap:28px;flex-wrap:wrap;font-size:0.85rem;color:var(--silver);letter-spacing:0.04em}.luxury-hero-meta strong{color:var(--gold-soft);font-weight:700}@media (max-width:720px){.luxury-hero-inner{grid-template-columns:1fr;padding:64px 20px 56px;min-height:460px}.luxury-hero-inner>*{grid-column:1}.luxury-hero h1{max-width:none}.luxury-hero-sub{max-width:none}}.fs-btn-primary,.fs-summary-row .fs-sr-get,.affiliate-card-grid .btn-affiliate-card,button[class*="btn-primary"]:not(.no-luxury){background:linear-gradient( 180deg,#E8C775 0%,#D5BC83 25%,#C09135 60%,#9F7826 100% ) !important;color:#1F1D1A !important;border-color:var(--gold-deep) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),inset 0 -1px 0 rgba(0,0,0,0.18),0 2px 6px rgba(31,29,26,0.18) !important}.site-footer,footer.site-footer{background:var(--obsidian);color:var(--silver)}.site-footer a,footer a{color:var(--gold-soft)}.site-footer a:hover,footer a:hover{color:var(--gold)}.fp-badge,.fp-badge--blog,.fp-badge--review,.tool-card .badge,.featured-badge,.category-badge{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:78px;padding:0 14px;font-family:'Inter',system-ui,sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#FCF8F1 !important;border:1px solid rgba(31,29,26,0.35);border-radius:999px;background:#2F2F2F;box-shadow:0 1px 3px rgba(31,29,26,0.18);text-decoration:none;white-space:nowrap}.fp-cta{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-weight:700;font-size:0.92rem;color:var(--gold-deep) !important;text-decoration:none;letter-spacing:0.01em;transition:color 0.15s ease,transform 0.15s ease}.fp-cta:hover{color:var(--gold) !important;transform:translateX(2px)}.fresh-pick-card{transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease;border:1px solid var(--silver);border-radius:14px;background:var(--card)}.fresh-pick-card:hover{transform:translateY(-3px);border-color:var(--gold-soft);box-shadow:0 12px 30px rgba(192,145,53,0.16)}.hero-nav-bar{background:var(--ivory);padding:24px 0}.hero-search{display:flex;gap:0;max-width:720px;margin:0 auto;border-radius:999px;background:#fff;border:1px solid var(--silver);overflow:hidden;box-shadow:0 4px 16px rgba(31,29,26,0.06)}.hero-search input[type="search"]{flex:1;border:none;outline:none;padding:14px 22px;font-size:1rem;background:transparent;color:var(--charcoal)}.hero-search input[type="search"]::placeholder{color:var(--slate)}.hero-search button[type="submit"]{border:1px solid var(--gold-deep);border-radius:999px;margin:4px;padding:0 26px;height:calc(100% - 8px);min-height:38px;font-family:'Inter',system-ui,sans-serif;font-weight:700;font-size:0.92rem;letter-spacing:0.01em;color:#1F1D1A;cursor:pointer;background:linear-gradient( 180deg,#E8C775 0%,#D5BC83 25%,#C09135 60%,#9F7826 100% );box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),inset 0 -1px 0 rgba(0,0,0,0.18);transition:filter 0.15s ease,transform 0.15s ease}.hero-search button[type="submit"]:hover{filter:brightness(1.08);transform:translateY(-1px)}.section-title .accent,.section-title--hero .accent,h1 .accent,h2 .accent,h3 .accent{color:var(--gold) !important;background:linear-gradient(180deg,#E8C775 0%,#C09135 60%,#9F7826 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.proof-ticker{background:var(--stone);border-top:1px solid var(--silver);border-bottom:1px solid var(--silver)}.proof-ticker-dot{background:var(--gold)}.proof-ticker-text{color:var(--charcoal)}.sticky-cta,.sticky-cta a.cta-btn{background:linear-gradient( 180deg,#E8C775 0%,#D5BC83 25%,#C09135 60%,#9F7826 100% ) !important;color:#1F1D1A !important;border:1px solid var(--gold-deep) !important}.card a[class*="cta"]:not(.btn-gold):not(.btn-charcoal){display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:0.92rem;color:var(--gold-deep) !important;text-decoration:none;letter-spacing:0.01em;transition:color 0.15s ease,transform 0.15s ease;background:transparent !important;padding:0 !important;border:none !important;border-radius:0 !important}.tool-card .price,.fs-price{display:inline-flex;align-items:center;height:22px;padding:0 10px;font-size:0.78rem;font-weight:700;letter-spacing:0.02em;color:var(--charcoal) !important;background:var(--stone) !important;border:1px solid var(--silver);border-radius:999px;white-space:nowrap}section:nth-of-type(even):not(.luxury-hero):not(.site-header):not(.site-footer){background:var(--stone)}.tool-card,.card,article.card{background:var(--card);border:1px solid var(--silver);border-radius:14px;transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease}.tool-card:hover,.card:hover{transform:translateY(-3px);border-color:var(--gold-soft);box-shadow:0 12px 30px rgba(192,145,53,0.16)}p,li,td,dd{color:var(--charcoal)}.muted,.secondary,.meta,.timestamp,.byline,[class*="-muted"],[class*="-secondary"]{color:var(--slate) !important}.article-body a:not(.btn-gold):not(.btn-gold-ghost):not(.btn-charcoal):not(.fp-cta):not(.read-more):not(.fp-badge):not(.recommended-badge):not(.editors-pick):not([class*="badge"]):not([class*="affiliate-text"]),.review-body a:not(.btn-gold):not(.btn-gold-ghost):not(.btn-charcoal):not(.fp-cta):not(.read-more):not(.fp-badge):not(.recommended-badge):not(.editors-pick):not([class*="badge"]):not([class*="affiliate-text"]){color:var(--gold-deep);text-decoration:underline;text-decoration-color:var(--gold-soft);text-underline-offset:3px;transition:color 0.15s ease}.article-body a:hover,.review-body a:hover{color:var(--gold)}.affiliate-text-link{color:var(--gold-deep) !important;font-weight:600;text-decoration:none}.affiliate-text-link:hover{color:var(--gold) !important;text-decoration:underline;text-decoration-color:var(--gold)}h1,h2,h3,h4{color:var(--charcoal)}hr,.divider{border:none;border-top:1px solid var(--silver);margin:2rem 0}input[type="text"],input[type="email"],input[type="search"],textarea,select{background:var(--card);color:var(--charcoal);border:1px solid var(--silver);border-radius:8px;padding:10px 14px;font-family:'Inter',system-ui,sans-serif}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(192,145,53,0.18)}.btn-primary:not(.no-luxury):not(.btn-charcoal):not(.btn-gold-ghost){background:linear-gradient( 180deg,#E8C775 0%,#D5BC83 25%,#C09135 60%,#9F7826 100% ) !important;color:#1F1D1A !important;border-color:var(--gold-deep) !important}.trust-bar-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);display:inline-block;animation:gold-pulse 2s ease-in-out infinite;margin-right:8px;vertical-align:middle}@keyframes gold-pulse{0%,100%{box-shadow:0 0 0 0 rgba(192,145,53,0.6)}50%{box-shadow:0 0 0 6px rgba(192,145,53,0)}}.category-link,.category-card-enhanced .category-link{background:linear-gradient(135deg,#4F5F4D 0%,#5F725C 100%) !important;color:#FCF8F1 !important;border:1px solid rgba(95,114,92,0.45) !important;box-shadow:0 1px 3px rgba(31,29,26,0.15) !important}.category-link:hover,.category-card-enhanced .category-link:hover{background:linear-gradient(135deg,#3F4F3D 0%,#4F5F4D 100%) !important;color:#FCF8F1 !important;border-color:var(--gold) !important;transform:translateY(-1px) !important;box-shadow:0 6px 16px rgba(95,114,92,0.30) !important}.newsletter-cta button[type="submit"],.newsletter button[type="submit"]{background:linear-gradient(135deg,#4F5F4D 0%,#5F725C 100%) !important;color:#F7F3EE !important;border:1px solid rgba(95,114,92,0.45) !important;box-shadow:0 2px 8px rgba(79,95,77,0.25) !important;border-radius:6px !important;font-weight:700 !important;transition:background 0.18s ease,border-color 0.18s ease,transform 0.18s ease !important}.newsletter-cta button[type="submit"]:hover,.newsletter button[type="submit"]:hover{background:linear-gradient(135deg,#3F4F3D 0%,#4F5F4D 100%) !important;border-color:var(--gold,#C09135) !important;box-shadow:0 6px 16px rgba(79,95,77,0.35) !important;opacity:1 !important;transform:translateY(-1px)}.footer-search-wrap button,.footer-search-panel button{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:12px 28px !important;background:linear-gradient(135deg,#4F5F4D 0%,#5F725C 100%) !important;color:#F7F3EE !important;border:1px solid rgba(95,114,92,0.45) !important;border-radius:999px !important;font-family:'Inter',system-ui,sans-serif !important;font-size:0.92rem !important;font-weight:700 !important;cursor:pointer !important;box-shadow:0 2px 8px rgba(79,95,77,0.25) !important;transition:background 0.18s ease,border-color 0.18s ease,transform 0.18s ease !important}.footer-search-wrap button:hover,.footer-search-panel button:hover{background:linear-gradient(135deg,#3F4F3D 0%,#4F5F4D 100%) !important;border-color:var(--gold,#C09135) !important;transform:translateY(-1px) !important;box-shadow:0 6px 16px rgba(79,95,77,0.35) !important}.hero-search button[type="submit"],.hero-search button{background:#111111 !important;color:#FFFFFF !important;border:none !important;box-shadow:none !important;filter:none !important}.hero-search button[type="submit"]:hover,.hero-search button:hover{background:#333333 !important;filter:none !important;transform:translateY(-1px) !important;box-shadow:0 4px 14px rgba(0,0,0,0.30) !important}.keep-reading-pill,a.keep-reading-pill{background:#111111 !important;color:#FFFFFF !important;border:none !important;box-shadow:0 2px 10px rgba(0,0,0,0.20) !important}.keep-reading-pill:hover,a.keep-reading-pill:hover{background:#333333 !important;color:#FFFFFF !important;box-shadow:0 6px 18px rgba(0,0,0,0.30) !important;transform:translateY(-2px) !important}.luxury-page-hero{position:relative;background:#1F1D1A;overflow:hidden;min-height:240px;display:flex;align-items:center;border-bottom:1px solid rgba(192,145,53,0.18)}.luxury-page-hero::before{content:'';position:absolute;top:18px;left:18px;width:44px;height:44px;border-top:1.5px solid rgba(192,145,53,0.55);border-left:1.5px solid rgba(192,145,53,0.55);pointer-events:none;z-index:3}.luxury-page-hero::after{content:'';position:absolute;bottom:18px;right:18px;width:44px;height:44px;border-bottom:1.5px solid rgba(192,145,53,0.55);border-right:1.5px solid rgba(192,145,53,0.55);pointer-events:none;z-index:3}.luxury-ph-watermark{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:280px;height:280px;background:url('../images/house-ghost.svg') center / contain no-repeat;opacity:0.18;pointer-events:none;z-index:1}.luxury-ph-glow{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:320px;height:50px;background:radial-gradient(ellipse at center bottom,rgba(192,145,53,0.22) 0%,transparent 70%);pointer-events:none;z-index:1}.luxury-ph-inner{position:relative;z-index:2;display:flex;align-items:center;max-width:1140px;margin:0 auto;padding:50px 60px;width:100%;box-sizing:border-box}.luxury-ph-content{flex:1;min-width:0}.luxury-ph-eyebrow{font-size:0.70rem;font-weight:800;letter-spacing:0.15em;text-transform:uppercase;color:#C09135;margin:0 0 10px 0;font-family:'Inter',system-ui,sans-serif}.luxury-ph-title{font-size:clamp(1.85rem,3.5vw,2.9rem);font-weight:700;color:#F7F3EE;margin:0 0 10px 0;line-height:1.18;letter-spacing:-0.015em;font-family:'Inter',system-ui,sans-serif}.luxury-ph-subtitle{font-size:1rem;color:#8A8070;margin:0 0 16px 0;max-width:500px;line-height:1.6;font-family:'Inter',system-ui,sans-serif}.luxury-ph-brand{font-size:1rem;font-weight:700;color:#F7F3EE;margin:0;letter-spacing:-0.01em;font-family:'Inter',system-ui,sans-serif}.luxury-ph-brand .luxury-ph-domain{color:#C09135}@media (max-width:768px){.luxury-page-hero{min-height:180px}.luxury-ph-inner{padding:36px 24px}.luxury-ph-title{font-size:1.65rem}.luxury-ph-watermark{right:-20px;opacity:0.08;width:180px;height:180px}.luxury-page-hero::before,.luxury-page-hero::after{width:28px;height:28px}}a.btn.btn-visit,.tool-card a.btn-visit,.tool-card .btn-visit{background:linear-gradient(135deg,#4F5F4D 0%,#5F725C 100%) !important;color:#FCF8F1 !important;border:none !important;border-radius:999px !important;font-weight:700 !important;box-shadow:0 2px 12px rgba(79,95,77,0.28) !important;transition:transform 0.18s ease,box-shadow 0.18s ease !important}a.btn.btn-visit:hover,.tool-card a.btn-visit:hover{background:linear-gradient(135deg,#3F4F3D 0%,#4F5F4D 100%) !important;color:#FCF8F1 !important;transform:translateY(-1px) !important;box-shadow:0 6px 22px rgba(79,95,77,0.42) !important}[data-theme="dark"] body,body[data-theme="dark"]{background-color:var(--ivory) !important;color:var(--text) !important}[data-theme="dark"] .category-intro>p,[data-theme="dark"] .category-intro>p:first-of-type{color:var(--text) !important}[data-theme="dark"] section:not(.luxury-page-hero):not(.luxury-hero):not(.site-footer):not(.newsletter-section),[data-theme="dark"] .tool-grid-section,[data-theme="dark"] .category-intro{background:transparent !important}.tool-card>.review-link,.tool-card .review-link,a.review-link{background:linear-gradient(135deg,#4F5F4D 0%,#5F725C 100%) !important;color:#F7F3EE !important;box-shadow:0 2px 6px rgba(79,95,77,0.28) !important;border:0 !important}.tool-card>.review-link:hover,.tool-card .review-link:hover,a.review-link:hover{background:linear-gradient(135deg,#3d4b3b 0%,#4F5F4D 100%) !important;color:#F7F3EE !important;box-shadow:0 4px 12px rgba(79,95,77,0.38) !important;transform:translateY(-1px) !important}[data-theme="dark"] .tool-card>.review-link,[data-theme="dark"] a.review-link{box-shadow:0 2px 8px rgba(79,95,77,0.35) !important}.footer-seo-block{background:#0d0d0d !important;border-top:1px solid rgba(232,199,117,0.12) !important;color:var(--ivory) !important}.footer-seo-block .fsb-heading{color:#C09135 !important}.footer-seo-block .fsb-col a{color:rgba(252,248,241,0.6) !important}.footer-seo-block .fsb-col a:hover{color:#E8C775 !important}.luxury-hero-image{grid-column:1;grid-row:1 / 99;background:url('../images/hero-luxury-v2.png') center/cover no-repeat;background:image-set(url('../images/hero-luxury-v2-600.webp') 600w,url('../images/hero-luxury-v2-1200.webp') 1200w,url('../images/hero-luxury-v2-1600.webp') 1600w) center/cover no-repeat;border-radius:12px;min-height:420px;opacity:0.92;box-shadow:0 8px 40px rgba(0,0,0,0.45)}@media (max-width:768px){.luxury-hero-image{display:none}}.related-reading a,.related-reading a:link,.related-reading a:visited{color:#C09135 !important;text-decoration:none !important;border-bottom:1px solid rgba(192,145,53,0.35) !important}.related-reading a:hover,.related-reading a:focus{color:#E8C775 !important;border-bottom-color:#E8C775 !important}.related-reading h2,.related-reading h3,.related-reading .section-title{color:var(--charcoal) !important}.faq-section details,.faq-section summary,details.faq-item,summary.faq-question{border-color:rgba(192,145,53,0.3) !important}.faq-section summary,.faq-section .faq-question,details summary{color:var(--charcoal) !important}.faq-section h2,.faq-section .section-title{color:var(--charcoal) !important}.faq-section .section-title .accent,.faq-section h2 .accent{color:var(--gold) !important}.faq-section details[open] summary,.faq-section .faq-answer{color:var(--text) !important}.section-title,h2.section-title,h3.section-title{color:var(--charcoal) !important}.section-title .accent{color:var(--gold) !important}main a:not([class*="btn"]):not([class*="fs-"]):not([class*="affiliate"]):not([class*="review-link"]):not([class*="cta"]):not([class*="sticky"]):not([class*="at-"]):not([class*="tm-"]):not(.nav-link):not([class*="luxury"]):not([class*="footer"]){color:#C09135 !important}main a:not([class*="btn"]):not([class*="fs-"]):not([class*="affiliate"]):not([class*="review-link"]):not([class*="cta"]):not([class*="sticky"]):not([class*="at-"]):not([class*="tm-"]):not(.nav-link):not([class*="luxury"]):not([class*="footer"]):hover{color:#E8C775 !important}a.btn-new-agent,.btn-new-agent{background:linear-gradient(135deg,#C09135 0%,#E8C775 55%,#C09135 100%) !important;color:#1A1612 !important;font-weight:700 !important;border:none !important;border-radius:6px !important;padding:0.45rem 1rem !important;font-size:0.8rem !important;text-decoration:none !important;letter-spacing:0.04em !important;transition:opacity 0.2s ease !important}a.btn-new-agent:hover,.btn-new-agent:hover{opacity:0.88 !important;color:#1A1612 !important}#darkModeToggle{display:none !important}.td-hero{background:var(--obsidian) !important;background-image:none !important}.td-hero::before,.td-hero::after{display:none !important}.td-hero canvas{display:none !important}.td-hero,.td-hero h1,.td-hero h2,.td-hero p,.td-hero a,.td-hero .breadcrumb-back{color:var(--ivory) !important}.td-hero h1{color:var(--ivory) !important}.td-hero a.breadcrumb-back{color:var(--gold-soft) !important}.btn-cta-header,a.btn-cta-header{background:linear-gradient(135deg,#C09135 0%,#E8C775 55%,#C09135 100%) !important;color:#1A1612 !important;border:none !important;border-bottom:none !important;box-shadow:0 2px 8px rgba(192,145,53,0.25) !important}.btn-cta-header:hover,a.btn-cta-header:hover{background:linear-gradient(135deg,#E8C775 0%,#C09135 100%) !important;color:#1A1612 !important;transform:translateY(-1px) !important}.btn-cta-header-mobile,a.btn-cta-header-mobile{background:linear-gradient(135deg,#C09135 0%,#E8C775 55%,#C09135 100%) !important;color:#1A1612 !important;border:none !important}.hamburger,button.hamburger{background:linear-gradient(135deg,#1A1612 0%,#2D2720 100%) !important;border:1px solid rgba(192,145,53,0.4) !important;box-shadow:0 2px 8px rgba(0,0,0,0.35) !important}.hamburger:hover,button.hamburger:hover{background:linear-gradient(135deg,#2D2720 0%,#C09135 100%) !important}.btn-affiliate-ghost,a.btn-affiliate-ghost{color:#C09135 !important;border-color:#C09135 !important;background:transparent !important}.btn-affiliate-ghost:hover,a.btn-affiliate-ghost:hover{background:rgba(192,145,53,0.12) !important;color:#E8C775 !important;border-color:#E8C775 !important}.btn-affiliate-card,a.btn-affiliate-card{background:linear-gradient(135deg,#4F5F4D 0%,#5F725C 100%) !important;color:#FCF8F1 !important;border:1px solid #3F4F3D !important;box-shadow:0 2px 10px rgba(79,95,77,0.3) !important}.btn-affiliate-card:hover,a.btn-affiliate-card:hover{background:linear-gradient(135deg,#3F4F3D 0%,#4F5F4D 100%) !important;color:#FCF8F1 !important;box-shadow:0 4px 16px rgba(79,95,77,0.45) !important;transform:translateY(-1px) !important}.btn-visit,a.btn-visit,.btn.btn-visit,.btn-affiliate-card,a.btn-affiliate-card,.btn-affiliate-pill,a.btn-affiliate-pill,.at-card-try,a.at-card-try,.at-review-link,a.at-review-link,.fs-sticky-build button,#fs-sticky-btn,.btn-primary,a.btn-primary{color:#FCF8F1 !important;text-shadow:none !important}.btn-cta-header,a.btn-cta-header,.btn-cta-header-mobile,a.btn-cta-header-mobile,.btn-new-agent,a.btn-new-agent,.hero-cta-btn,a.hero-cta-btn,.at-price-chip.active{color:#0D0D0D !important;text-shadow:none !important}.btn-visit:hover,a.btn-visit:hover,.btn-affiliate-pill:hover,a.btn-affiliate-pill:hover,.at-card-try:hover,a.at-card-try:hover,.at-review-link:hover,a.at-review-link:hover,.fs-sticky-build button:hover,#fs-sticky-btn:hover,.btn-primary:hover,a.btn-primary:hover{color:#FCF8F1 !important;text-shadow:none !important}.btn-cta-header:hover,a.btn-cta-header:hover,.btn-cta-header-mobile:hover,.btn-new-agent:hover,a.btn-new-agent:hover,.hero-cta-btn:hover,a.hero-cta-btn:hover{color:#0D0D0D !important;text-shadow:none !important}.hero-cta-btn,a.hero-cta-btn{background:linear-gradient(135deg,#E8C775 0%,#C09135 60%,#9F7826 100%) !important;color:#0D0D0D !important;text-shadow:none !important;border:none !important}.hero-cta-btn:hover,a.hero-cta-btn:hover{background:linear-gradient(135deg,#F0D48A 0%,#D5A845 60%,#B08830 100%) !important;color:#0D0D0D !important}.btn-affiliate-card,a.btn-affiliate-card,.btn-affiliate-pill,a.btn-affiliate-pill,.affiliate-card-grid .btn-affiliate-card,.affiliate-card-grid a.btn-affiliate-card,.tool-card .btn-affiliate-card,.tool-card a.btn-affiliate-card,.fs-btn-primary,a.fs-btn-primary,.fs-summary-row .fs-sr-get,.fs-sticky-build button,.sticky-cta,.sticky-cta a.cta-btn,.btn-visit,a.btn-visit,.btn.btn-visit,.at-card-try,a.at-card-try,.btn-tool,a.btn-tool{background:linear-gradient(135deg,#4F5F4D 0%,#5F725C 100%) !important;color:var(--ivory) !important;border:1px solid #3F4F3D !important;text-decoration:none !important;text-shadow:none !important;font-weight:700 !important;box-shadow:0 2px 10px rgba(79,95,77,0.25) !important}.btn-affiliate-card:hover,a.btn-affiliate-card:hover,.btn-affiliate-pill:hover,a.btn-affiliate-pill:hover,.affiliate-card-grid .btn-affiliate-card:hover,.affiliate-card-grid a.btn-affiliate-card:hover,.tool-card .btn-affiliate-card:hover,.tool-card a.btn-affiliate-card:hover,.fs-btn-primary:hover,a.fs-btn-primary:hover,.fs-summary-row .fs-sr-get:hover,.fs-sticky-build button:hover,.sticky-cta:hover,.btn-visit:hover,a.btn-visit:hover,.at-card-try:hover,a.at-card-try:hover,.btn-tool:hover,a.btn-tool:hover{background:linear-gradient(135deg,#3F4F3D 0%,#4F5F4D 100%) !important;color:var(--ivory) !important;filter:brightness(1.04);box-shadow:0 6px 18px rgba(79,95,77,0.40) !important;transform:translateY(-1px)}.btn-affiliate-card,a.btn-affiliate-card,.btn-visit,a.btn-visit,.btn.btn-visit,.btn-affiliate-pill,a.btn-affiliate-pill,.at-card-try,a.at-card-try,.fs-btn-primary,a.fs-btn-primary,.fs-sticky-build button{}section.hero[aria-label*="Blog hero"],section.hero[aria-label*="Submit a Tool"],section.hero[aria-label*="Submit Your"]{background:var(--obsidian) !important;background-image:none !important;color:var(--ivory) !important;min-height:auto !important}section.hero[aria-label*="Blog hero"] picture,section.hero[aria-label*="Submit a Tool"] picture,section.hero[aria-label*="Submit Your"] picture,section.hero[aria-label*="Blog hero"] .hero-bg-img,section.hero[aria-label*="Submit a Tool"] .hero-bg-img,section.hero[aria-label*="Submit Your"] .hero-bg-img,section.hero[aria-label*="Blog hero"] .hero-vignette,section.hero[aria-label*="Submit a Tool"] .hero-vignette,section.hero[aria-label*="Submit Your"] .hero-vignette{display:none !important}section.hero[aria-label*="Blog hero"] .hero-headline,section.hero[aria-label*="Submit a Tool"] .hero-headline,section.hero[aria-label*="Submit Your"] .hero-headline,section.hero[aria-label*="Blog hero"] .hero-subheadline,section.hero[aria-label*="Submit a Tool"] .hero-subheadline,section.hero[aria-label*="Submit Your"] .hero-subheadline,section.hero[aria-label*="Blog hero"] h1,section.hero[aria-label*="Submit a Tool"] h1,section.hero[aria-label*="Submit Your"] h1,section.hero[aria-label*="Blog hero"] p,section.hero[aria-label*="Submit a Tool"] p,section.hero[aria-label*="Submit Your"] p{color:var(--ivory) !important;text-shadow:none !important}.fs-section{background:var(--ivory) !important}.fs-summary-inner{background:var(--ivory) !important;border:1px solid var(--silver) !important}.fs-summary-inner h2,.fs-total{color:var(--charcoal) !important}.fs-summary-row,.fs-total,.fs-email-capture{border-color:var(--silver) !important}.fs-summary-row .fs-sr-price,.fs-price{background:var(--stone) !important;color:var(--charcoal) !important}.fs-btn-ghost{color:var(--charcoal) !important;border-color:var(--charcoal) !important}.fs-btn-ghost:hover{background:var(--stone) !important}.footer-glow-node,[class*="glow-node"],[class*="-glow-node"],[class*="footer-glow"],.td-hero canvas,section.hero canvas,.luxury-hero canvas,.luxury-page-hero canvas,.site-footer canvas,.site-footer .footer-glow-node{display:none !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important}.newsletter-section,section.newsletter-section{color:var(--ivory) !important}.newsletter-section h1,.newsletter-section h2,.newsletter-section h3,.newsletter-section .section-title{color:var(--ivory) !important}.newsletter-section h2 strong,.newsletter-section h2 em,.newsletter-section h2 .accent,.newsletter-section h2 span.gold{color:#E8C775 !important;-webkit-text-fill-color:#E8C775 !important;background:none !important}.newsletter-section p,.newsletter-section .newsletter-subtitle{color:#D4C9B4 !important}.newsletter-section input[type="email"]{background:rgba(252,248,241,0.95) !important;color:#1F1D1A !important;border:1px solid rgba(232,199,117,0.3) !important}.td-hero{padding:72px 0 56px !important;min-height:auto !important;position:relative}.td-hero h1,.td-hero .td-hero-h1{font-size:clamp(2rem,4.2vw,3.2rem) !important;letter-spacing:-0.02em !important;line-height:1.08 !important;font-weight:800 !important;margin-bottom:18px !important}.td-hero .td-hero-eyebrow,.td-hero .label{font-size:0.72rem !important;letter-spacing:0.18em !important;text-transform:uppercase !important;color:var(--gold-soft,#D5BC83) !important;margin-bottom:14px !important;font-weight:700 !important}.td-hero p,.td-hero .lead,.td-hero .td-hero-sub{font-size:1.05rem !important;color:#D4C9B4 !important;max-width:720px !important;line-height:1.55 !important;font-weight:400 !important}.td-hero .meta,.td-hero .byline,.td-hero small{font-size:0.82rem !important;color:rgba(212,201,180,0.7) !important;margin-top:22px !important;font-weight:500 !important;letter-spacing:0.02em !important}.td-hero .breadcrumb-back,.td-hero a.breadcrumb-back{font-size:0.85rem !important;margin-bottom:28px !important;display:inline-block !important;color:var(--gold-soft,#D5BC83) !important;text-decoration:none !important}.td-hero .breadcrumb-back:hover{color:#E8C775 !important}.tool-card .review-link,.tool-card>.review-link,a.review-link,.tool-card .at-review-link,.tool-card>.at-review-link,a.at-review-link,.at-review-link{background:#FFFFFF !important;background-image:none !important;color:#1F1D1A !important;border:1.5px solid #C09135 !important;box-shadow:0 2px 6px rgba(192,145,53,0.18) !important;text-shadow:none !important}.tool-card .review-link:hover,.tool-card>.review-link:hover,a.review-link:hover,.tool-card .at-review-link:hover,.tool-card>.at-review-link:hover,a.at-review-link:hover,.at-review-link:hover{background:#FBF5E6 !important;background-image:none !important;color:#1F1D1A !important;border-color:#A07825 !important;box-shadow:0 4px 12px rgba(192,145,53,0.30) !important;transform:translateY(-1px) !important}.blog-category-pill,span.blog-category-pill{font-weight:700 !important;letter-spacing:0.04em !important;text-transform:none !important;border-radius:999px !important;padding:4px 12px !important;font-size:0.72rem !important}.blog-category-pill.pill-guides,span.pill-guides{background:linear-gradient(135deg,#C09135 0%,#E8C775 55%,#C09135 100%) !important;color:#1F1D1A !important;border:none !important}.blog-category-pill.pill-reviews,span.pill-reviews{background:linear-gradient(135deg,#4F5F4D 0%,#5F725C 100%) !important;color:#FCF8F1 !important;border:none !important}.blog-category-pill.pill-how-to,span.pill-how-to{background:#1F1D1A !important;color:#E8C775 !important;border:1px solid rgba(232,199,117,0.4) !important}.at-card-actions a.at-review-link,.at-card-actions a.at-review-link:visited,.tool-card-actions a.review-link,.tool-card-actions a.review-link:visited,.tool-card .at-card-actions a.at-review-link,.tool-card .tool-card-actions a.review-link,section .at-card-actions a.at-review-link,section .tool-card-actions a.review-link{background:#FFFFFF !important;background-color:#FFFFFF !important;background-image:none !important;color:#1F1D1A !important;border:1.5px solid #C09135 !important;box-shadow:0 2px 6px rgba(192,145,53,0.18) !important;text-shadow:none !important}.at-card-actions a.at-review-link:hover,.tool-card-actions a.review-link:hover,.tool-card .at-card-actions a.at-review-link:hover,.tool-card .tool-card-actions a.review-link:hover,section .at-card-actions a.at-review-link:hover,section .tool-card-actions a.review-link:hover{background:#FBF5E6 !important;background-color:#FBF5E6 !important;background-image:none !important;color:#1F1D1A !important;border-color:#A07825 !important;box-shadow:0 4px 12px rgba(192,145,53,0.30) !important;transform:translateY(-1px) !important}.newsletter-section,section.newsletter-section{background:linear-gradient(180deg,#1F1D1A 0%,#2A2622 100%) !important;background-color:#1F1D1A !important;color:#FCF8F1 !important}nav.nav-menu>a,.nav-menu>a:not(.btn-cta-header):not(.btn-new-agent):not(.btn-cta-header-mobile),.mega-menu-wrapper>a{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:8px 18px !important;background:var(--charcoal,#2A2622) !important;color:var(--ivory,#FCF8F1) !important;border:1px solid rgba(192,145,53,0.30) !important;border-radius:999px !important;font-family:'Inter',system-ui,sans-serif !important;font-weight:600 !important;font-size:0.95rem !important;letter-spacing:0.01em !important;text-decoration:none !important;transition:background 0.18s ease,border-color 0.18s ease,transform 0.18s ease !important;white-space:nowrap !important}nav.nav-menu>a:hover,.nav-menu>a:not(.btn-cta-header):not(.btn-new-agent):not(.btn-cta-header-mobile):hover,.mega-menu-wrapper>a:hover{background:#1F1D1A !important;border-color:var(--gold,#C09135) !important;transform:translateY(-1px) !important}.skip-to-content{position:absolute !important;left:-9999px !important;top:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important}.skip-to-content:focus{position:fixed !important;left:12px !important;top:12px !important;width:auto !important;height:auto !important;clip:auto !important;padding:12px 18px !important;background:var(--charcoal,#2A2622) !important;color:var(--ivory,#FCF8F1) !important;z-index:99999 !important;border-radius:6px !important;text-decoration:none !important}.at-card-actions>a:not(.at-review-link):not([class*="review-link"]),.tool-card-actions>a:not(.review-link):not(.at-review-link):not([class*="review-link"]),.at-card-footer>.at-card-actions>a:not(.at-review-link),.tool-card .at-card-actions>a:not(.at-review-link):not([class*="review-link"]),.tool-card .tool-card-actions>a:not(.review-link):not(.at-review-link),section .at-card-actions>a:not(.at-review-link):not([class*="review-link"]){display:inline-flex !important;align-items:center !important;justify-content:center !important;background:linear-gradient(135deg,#4F5F4D 0%,#5F725C 100%) !important;background-color:#4F5F4D !important;background-image:linear-gradient(135deg,#4F5F4D 0%,#5F725C 100%) !important;color:#FCF8F1 !important;text-decoration:none !important;border:1px solid rgba(95,114,92,0.45) !important;border-radius:999px !important;padding:8px 18px !important;font-family:'Inter',system-ui,sans-serif !important;font-weight:700 !important;font-size:0.9rem !important;letter-spacing:0.01em !important;white-space:nowrap !important;cursor:pointer !important;transition:background 0.18s ease,border-color 0.18s ease,transform 0.18s ease,box-shadow 0.18s ease !important;box-shadow:0 2px 8px rgba(79,95,77,0.25) !important}.at-card-actions>a:not(.at-review-link):not([class*="review-link"]):hover,.tool-card-actions>a:not(.review-link):not(.at-review-link):not([class*="review-link"]):hover,.tool-card .at-card-actions>a:not(.at-review-link):not([class*="review-link"]):hover{background:linear-gradient(135deg,#3F4F3D 0%,#4F5F4D 100%) !important;background-image:linear-gradient(135deg,#3F4F3D 0%,#4F5F4D 100%) !important;border-color:var(--gold,#C09135) !important;transform:translateY(-1px) !important;box-shadow:0 6px 16px rgba(79,95,77,0.35) !important;color:#FCF8F1 !important}footer.site-footer,section.site-footer,.site-footer{background:#1F1D1A !important;background-color:#1F1D1A !important;color:#FCF8F1 !important}main .at-card .at-card-footer .at-card-actions>a:not(.at-review-link):not([class*="review-link"]):not([class*="x-pad-1"]):not([class*="x-pad-2"]):not([class*="x-pad-3"]):not([class*="x-pad-4"]):not([class*="x-pad-5"]):not([class*="x-pad-6"]):not([class*="x-pad-7"]):not([class*="x-pad-8"]):not([class*="x-pad-9"]):not([class*="x-pad-10"]),main .tool-card .tool-card-actions>a:not(.review-link):not(.at-review-link):not([class*="x-pad-1"]):not([class*="x-pad-2"]):not([class*="x-pad-3"]):not([class*="x-pad-4"]):not([class*="x-pad-5"]):not([class*="x-pad-6"]):not([class*="x-pad-7"]):not([class*="x-pad-8"]):not([class*="x-pad-9"]):not([class*="x-pad-10"]){color:#FCF8F1 !important;-webkit-text-fill-color:#FCF8F1 !important}main .at-card .at-card-footer .at-card-actions>a:not(.at-review-link):not([class*="review-link"]):not([class*="x-pad-1"]):not([class*="x-pad-2"]):not([class*="x-pad-3"]):not([class*="x-pad-4"]):not([class*="x-pad-5"]):not([class*="x-pad-6"]):not([class*="x-pad-7"]):not([class*="x-pad-8"]):not([class*="x-pad-9"]):not([class*="x-pad-10"]):hover,main .tool-card .tool-card-actions>a:not(.review-link):not(.at-review-link):not([class*="x-pad-1"]):not([class*="x-pad-2"]):not([class*="x-pad-3"]):not([class*="x-pad-4"]):not([class*="x-pad-5"]):not([class*="x-pad-6"]):not([class*="x-pad-7"]):not([class*="x-pad-8"]):not([class*="x-pad-9"]):not([class*="x-pad-10"]):hover{color:#FCF8F1 !important;-webkit-text-fill-color:#FCF8F1 !important}@media (max-width:768px){body header.site-header nav.main-nav:not(.is-open),body header.site-header .main-nav:not(.is-open){display:none !important}body header.site-header a.btn-new-agent,body header.site-header .btn-new-agent,body header.site-header a.btn-cta-header,body header.site-header .btn-cta-header{display:none !important}body header.site-header .header-inner{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;padding:10px 16px !important}body header.site-header button.hamburger,body header.site-header .hamburger{display:inline-flex !important;flex:0 0 auto !important;margin-left:auto !important}body header.site-header .main-nav.is-open{display:flex !important;flex-direction:column !important;align-items:stretch !important;flex-wrap:nowrap !important;overflow-x:visible !important;overflow-y:auto !important;position:absolute !important;top:100% !important;left:0 !important;right:0 !important;background:var(--obsidian,#1F1D1A) !important;border-top:1px solid rgba(192,145,53,0.20) !important;padding:12px 16px 18px !important;gap:6px !important;z-index:999 !important;max-height:calc(100vh - 64px) !important;box-shadow:0 12px 28px rgba(0,0,0,0.40) !important}body header.site-header .main-nav.is-open>a,body header.site-header .main-nav.is-open>.mega-menu-wrapper>a.nav-link,body header.site-header .main-nav.is-open .visible-mobile,body header.site-header .main-nav.is-open .nav-search-link,body header.site-header .main-nav.is-open .btn-cta-header-mobile{display:block !important;width:100% !important;text-align:left !important;padding:12px 14px !important;margin:0 !important;border-radius:8px !important;font-size:0.95rem !important}body header.site-header .main-nav.is-open .mega-menu-wrapper{display:block !important;width:100% !important}body header.site-header .main-nav.is-open .mega-menu-panel{position:static !important;width:100% !important;box-shadow:none !important;background:transparent !important;margin-top:8px !important;padding:0 !important}body header.site-header .logo img{height:40px !important;max-height:40px !important}}@media (max-width:768px){body header.site-header nav.main-nav:not(.is-open),body header.site-header .main-nav:not(.is-open){display:none !important}body header.site-header a.btn-new-agent,body header.site-header .btn-new-agent,body header.site-header a.btn-cta-header,body header.site-header .btn-cta-header{display:none !important}body header.site-header .header-inner{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;padding:10px 16px !important}body header.site-header button.hamburger,body header.site-header .hamburger{display:inline-flex !important;flex:0 0 auto !important;margin-left:auto !important}body header.site-header .main-nav.is-open{display:flex !important;flex-direction:column !important;align-items:stretch !important;flex-wrap:nowrap !important;overflow-x:visible !important;overflow-y:auto !important;position:absolute !important;top:100% !important;left:0 !important;right:0 !important;background:var(--obsidian,#1F1D1A) !important;border-top:1px solid rgba(192,145,53,0.20) !important;padding:12px 16px 18px !important;gap:6px !important;z-index:999 !important;max-height:calc(100vh - 64px) !important;box-shadow:0 12px 28px rgba(0,0,0,0.40) !important}body header.site-header .main-nav.is-open>a,body header.site-header .main-nav.is-open>.mega-menu-wrapper>a.nav-link,body header.site-header .main-nav.is-open .visible-mobile,body header.site-header .main-nav.is-open .nav-search-link,body header.site-header .main-nav.is-open .btn-cta-header-mobile{display:block !important;width:100% !important;text-align:left !important;padding:12px 14px !important;margin:0 !important;border-radius:8px !important;font-size:0.95rem !important}body header.site-header .main-nav.is-open .mega-menu-wrapper{display:block !important;width:100% !important}body header.site-header .main-nav.is-open .mega-menu-panel{position:static !important;width:100% !important;box-shadow:none !important;background:transparent !important;margin-top:8px !important;padding:0 !important}body header.site-header .logo img{height:40px !important;max-height:40px !important}}@media (max-width:768px){body header.site-header nav.main-nav:not(.is-open),body header.site-header .main-nav:not(.is-open){display:none !important}body header.site-header a.btn-new-agent,body header.site-header .btn-new-agent,body header.site-header a.btn-cta-header,body header.site-header .btn-cta-header{display:none !important}body header.site-header .header-inner{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;padding:10px 16px !important}body header.site-header button.hamburger,body header.site-header .hamburger{display:inline-flex !important;flex:0 0 auto !important;margin-left:auto !important}body header.site-header .main-nav.is-open{display:flex !important;flex-direction:column !important;align-items:stretch !important;flex-wrap:nowrap !important;overflow-x:visible !important;overflow-y:auto !important;position:absolute !important;top:100% !important;left:0 !important;right:0 !important;background:var(--obsidian,#1F1D1A) !important;border-top:1px solid rgba(192,145,53,0.20) !important;padding:12px 16px 18px !important;gap:6px !important;z-index:999 !important;max-height:calc(100vh - 64px) !important;box-shadow:0 12px 28px rgba(0,0,0,0.40) !important}body header.site-header .main-nav.is-open>a,body header.site-header .main-nav.is-open>.mega-menu-wrapper>a.nav-link,body header.site-header .main-nav.is-open .visible-mobile,body header.site-header .main-nav.is-open .nav-search-link,body header.site-header .main-nav.is-open .btn-cta-header-mobile{display:block !important;width:100% !important;text-align:left !important;padding:12px 14px !important;margin:0 !important;border-radius:8px !important;font-size:0.95rem !important}body header.site-header .main-nav.is-open .mega-menu-wrapper{display:block !important;width:100% !important}body header.site-header .main-nav.is-open .mega-menu-panel{position:static !important;width:100% !important;box-shadow:none !important;background:transparent !important;margin-top:8px !important;padding:0 !important}body header.site-header .logo img{height:40px !important;max-height:40px !important}}@media (max-width:768px){body header.site-header a.btn.btn-cta-header,body header.site-header a.btn.btn-cta-header-mobile,html body header.site-header a.btn-cta-header,html body header.site-header .btn.btn-cta-header{display:none !important}body header.site-header a.btn-new-agent,body header.site-header .btn-new-agent.btn-new-agent,html body header.site-header .btn-new-agent{display:none !important}body header.site-header nav.main-nav:not(.is-open),html body header.site-header .main-nav:not(.is-open){display:none !important}}
/* === Session 37 PM-4: verdict-box readability fix === */
/* Lighten the verdict-box gold tint and force a contrasting dark-green link */
.verdict:not(.editorial-rating-card), section[style*="FCF8F1"]:not(.editorial-rating-card), section[style*="C09135"]:not(.editorial-rating-card){background:#FBF3DE !important;color:#1F1D1A}
.verdict:not(.editorial-rating-card) a.inline-aff, section[style*="FCF8F1"]:not(.editorial-rating-card) a.inline-aff, section[style*="C09135"]:not(.editorial-rating-card) a.inline-aff{color:#0F5132 !important; text-decoration-color:#0F5132 !important; text-decoration-thickness:2px !important; font-weight:700 !important}
/* === 2026-05-21 (Session 41): editorial-rating-card luxury dark override === */
/* Dark redesign of Editorial Rating block — has C09135 in border so falls under the cream override above. Force dark + reset color so internal text shows white. */
section.editorial-rating-card.editorial-rating-card{background:#0F0E0C !important;color:#fff !important;border:1px solid #C09135 !important}

/* === Session 38 (2026-05-16): hamburger consolidation + desktop restore === */
/* Replaces 35-block cascade fight (style.css 30 + palette-luxury.css 5) with one canonical state. */
/* Fixes: mobile tap-flash, 769-1023px tablet drawer dead-zone, missing desktop hamburger, ghost .hamburger-menu element. */

/* Canonical hamburger appearance — gold gradient, dark text, no theme conflict */
header.site-header .hamburger,
header.site-header button.hamburger,
body header.site-header .hamburger,
body header.site-header button.hamburger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  height: 40px !important;
  padding: 6px 16px !important;
  margin-left: auto !important;
  background: linear-gradient(135deg, #C09135 0%, #9F7826 100%) !important;
  color: #1F1D1A !important;
  border: 1px solid rgba(232,199,117,0.55) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.30), inset 0 0 0 1px rgba(31,29,26,0.18) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: visible !important;
  cursor: pointer !important;
  transition: background 200ms ease, box-shadow 200ms ease, transform 150ms ease !important;
}
header.site-header .hamburger:hover,
header.site-header button.hamburger:hover {
  background: linear-gradient(135deg, #E8C775 0%, #C09135 100%) !important;
  box-shadow: 0 4px 14px rgba(192,145,53,0.45), inset 0 0 0 1px rgba(31,29,26,0.20) !important;
  transform: translateY(-1px) !important;
}
header.site-header .hamburger:active,
header.site-header button.hamburger:active {
  transform: translateY(0) !important;
  filter: brightness(0.96) !important;
}
header.site-header .hamburger:focus-visible,
header.site-header button.hamburger:focus-visible {
  outline: 2px solid #E8C775 !important;
  outline-offset: 2px !important;
}

/* Hamburger lines + label color override (dark text on gold) */
header.site-header .hamburger .hamburger-lines span,
header.site-header .hamburger-lines span {
  background-color: #1F1D1A !important;
}
header.site-header .hamburger-label,
header.site-header .hamburger .hamburger-label {
  color: #1F1D1A !important;
  background: none !important;
  background-color: transparent !important;
}

/* Kill ghost .hamburger-menu element (separate class — never render) */
.hamburger-menu,
button.hamburger-menu {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Desktop: keep hamburger hidden (style.css already does this at min-width:1024px). */
/* Paul confirmed 2026-05-16 PM-2: the MENU button on desktop was a misread — what */
/* he actually wanted was the Categories megamenu restored (separate fix). The */
/* hamburger is mobile/tablet only. */
@media (min-width: 1024px) {
  header.site-header .hamburger,
  header.site-header button.hamburger,
  body header.site-header .hamburger,
  body header.site-header button.hamburger {
    display: none !important;
  }
}

/* Drawer opens at ALL viewports — closes the 769-1023px tablet dead-zone + enables desktop drawer */
body header.site-header .main-nav.is-open,
body header.site-header .nav-menu.is-open {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  width: min(360px, 100vw) !important;
  max-height: calc(100vh - 64px) !important;
  overflow-y: auto !important;
  background: var(--obsidian, #1F1D1A) !important;
  border: 1px solid rgba(192,145,53,0.20) !important;
  border-top: none !important;
  padding: 12px 16px 18px !important;
  gap: 6px !important;
  z-index: 999 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.40) !important;
}
@media (max-width: 768px) {
  body header.site-header .main-nav.is-open,
  body header.site-header .nav-menu.is-open {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
  }
}

/* Items inside open drawer — readable list of buttons */
body header.site-header .main-nav.is-open > a,
body header.site-header .main-nav.is-open > .mega-menu-wrapper > a.nav-link,
body header.site-header .main-nav.is-open .visible-mobile,
body header.site-header .main-nav.is-open .nav-search-link,
body header.site-header .main-nav.is-open .btn-cta-header-mobile {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  padding: 12px 14px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  font-size: 0.95rem !important;
}

/* Body lock when drawer open — prevents background scroll on phone */
body.menu-open {
  overflow: hidden !important;
}

/* === Session 38 PM-3 (2026-05-16): megamenu overflow-clipping fix === */
/* Root cause: .site-header .main-nav has overflow-x:auto (so nav links scroll */
/* horizontally if they overflow). But that overflow creates a clipping context */
/* that chops off the absolutely-positioned .mega-menu-panel when it tries to */
/* drop down BELOW the nav strip on hover. Same overflow also hides inline nav */
/* items that don't fit on narrow desktop widths. Fix: at desktop (>=1024px), */
/* nav has room for all items, so overflow:visible is safe and lets the */
/* megamenu drop down freely. */
@media (min-width: 1024px) {
  body header.site-header .main-nav,
  header.site-header .main-nav {
    overflow: visible !important;
    overflow-x: visible !important;
  }
  /* Belt-and-suspenders: also ensure header-inner doesn't clip the megamenu */
  body header.site-header .header-inner,
  header.site-header .header-inner {
    overflow: visible !important;
  }
  /* Reinforce the megamenu panel show-on-hover at desktop (in case any !important */
  /* drawer rule from above leaks into desktop viewport — explicit re-assertion) */
  header.site-header .mega-menu-wrapper:hover .mega-menu-panel,
  header.site-header .mega-menu-wrapper.is-open .mega-menu-panel {
    display: grid !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: min(820px, calc(100vw - 32px)) !important;
    background: var(--ivory, #FCF8F1) !important;
    border: 1px solid var(--silver, #E0E0E0) !important;
    box-shadow: 0 12px 36px rgba(31, 29, 26, 0.18) !important;
    border-radius: 16px !important;
    padding: 24px 28px !important;
    z-index: 9999 !important;
    opacity: 1 !important;
  }
  header.site-header .mega-menu-wrapper .mega-menu-panel {
    display: none;  /* default hidden, hover overrides */
  }
}

/* === Session 38 PM-4 (2026-05-16): nav-pill polish + chevron artifact fix === */
/* Two problems consolidated: */
/* (1) The .mega-menu-wrapper>.nav-link::after pseudo-element has TWO conflicting */
/*     definitions — style.css renders a CSS-border chevron (rotate(45deg)+borders), */
/*     palette-luxury.css later sets content:" ▾" text glyph. Both apply, creating */
/*     a stray yellow mark visible below the Categories button. Fix: kill the */
/*     border-chevron, keep one clean text chevron. */
/* (2) Nav pills lost their original "definition" when palette-luxury.css flattened */
/*     them to thin-border charcoal. The earlier look had a 3px gold accent border */
/*     and shadow. Restore subtle depth: 2px gold bottom border + inset highlight */
/*     + soft drop shadow. */

/* Kill the duplicate CSS-border chevron AND the .active gold-underline bar */
/* style.css has `.main-nav a.active::after { position:absolute; bottom:-4px; */
/* left:0; right:0; height:2px; background:gold }` for the active-link indicator. */
/* JS adds .active to Categories because the URL hash matches /#categories. */
/* That gives us a 2px gold bar floating 4px below the Categories button. */
/* Reset position to static + kill background + force chevron text content. */
header.site-header .mega-menu-wrapper > .nav-link::after,
header.site-header .mega-menu-wrapper > a.nav-link::after,
header.site-header .mega-menu-wrapper > .nav-link.active::after,
header.site-header .mega-menu-wrapper > a.nav-link.active::after {
  content: " \25BE" !important;   /* ▾ U+25BE black down-pointing small triangle */
  position: static !important;     /* KILL the .active absolute-positioning */
  bottom: auto !important;         /* KILL bottom:-4px */
  left: auto !important;           /* KILL left:0 */
  right: auto !important;          /* KILL right:0 */
  background: none !important;     /* KILL the gold-gradient bar */
  background-color: transparent !important;
  border-radius: 0 !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  transform: none !important;
  margin: 0 0 0 4px !important;
  padding: 0 !important;
  font-size: 0.7rem !important;
  line-height: 1 !important;
  opacity: 0.9 !important;
  color: var(--gold-soft, #D5BC83) !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}
header.site-header .mega-menu-wrapper:hover > .nav-link::after,
header.site-header .mega-menu-wrapper.is-open > .nav-link::after,
header.site-header .mega-menu-wrapper:hover > a.nav-link.active::after,
header.site-header .mega-menu-wrapper.is-open > a.nav-link.active::after {
  transform: translateY(1px) !important;
  color: var(--gold, #C09135) !important;
  background: none !important;
  background-color: transparent !important;
  position: static !important;
}
/* Also kill the active-bar on ANY nav-link in the megamenu wrapper, just in */
/* case the chevron rule doesn't catch it because of selector specificity. */
header.site-header .main-nav .mega-menu-wrapper a.active::after,
header.site-header .main-nav .mega-menu-wrapper a.nav-link.active::after {
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  height: auto !important;
  background: none !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}

/* Restore button definition: pure box-shadow depth (NO border-bottom) */
/* Border-bottom + border-radius:999px caused the floating-gold-bar artifact */
/* under Categories on the prior patch. Drop the border-bottom entirely; the */
/* gradient + shadow stack provides the "raised pill" feel without artifact. */
/* Treatment extended to ALL header buttons: nav pills + Fast Start + Get Tips. */
body header.site-header .main-nav .nav-link,
body header.site-header .main-nav a.nav-link,
body header.site-header .mega-menu-wrapper > .nav-link,
body header.site-header .nav-link,
body header.site-header .btn-cta-header,
body header.site-header a.btn-cta-header,
body header.site-header .btn-new-agent,
body header.site-header a.btn-new-agent {
  background: linear-gradient(180deg, #3A3530 0%, #2A2622 60%, #1F1D1A 100%) !important;
  border: 1px solid rgba(192, 145, 53, 0.45) !important;
  box-shadow:
    inset 0 1px 0 rgba(232, 199, 117, 0.18),
    inset 0 -1px 0 rgba(0, 0, 0, 0.30),
    0 2px 4px rgba(0, 0, 0, 0.30),
    0 4px 10px rgba(0, 0, 0, 0.22) !important;
  color: var(--ivory, #FCF8F1) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.40) !important;
  transition: background 0.18s ease, border-color 0.18s ease,
              box-shadow 0.18s ease, transform 0.15s ease !important;
}
body header.site-header .main-nav .nav-link:hover,
body header.site-header .main-nav a.nav-link:hover,
body header.site-header .mega-menu-wrapper > .nav-link:hover,
body header.site-header .nav-link:hover,
body header.site-header .btn-cta-header:hover,
body header.site-header a.btn-cta-header:hover,
body header.site-header .btn-new-agent:hover,
body header.site-header a.btn-new-agent:hover {
  background: linear-gradient(180deg, #E8C775 0%, #C09135 60%, #9F7826 100%) !important;
  border-color: var(--gold-soft, #D5BC83) !important;
  color: #1A1612 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.40),
    inset 0 -1px 0 rgba(0, 0, 0, 0.20),
    0 3px 6px rgba(0, 0, 0, 0.30),
    0 8px 18px rgba(192, 145, 53, 0.30) !important;
  transform: translateY(-1px) !important;
}
body header.site-header .main-nav .nav-link:active,
body header.site-header .mega-menu-wrapper > .nav-link:active,
body header.site-header .btn-cta-header:active,
body header.site-header .btn-new-agent:active {
  transform: translateY(0) !important;
  filter: brightness(0.96) !important;
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.40),
    inset 0 -1px 0 rgba(232, 199, 117, 0.10),
    0 1px 2px rgba(0, 0, 0, 0.20) !important;
}

/* === Session 38 PM-5 (2026-05-16): drawer item vertical centering === */
/* Drawer rules use display:block + padding 12px 14px. Block layout leaves text */
/* at baseline rather than visual center, so text looks "low" inside the pill. */
/* Force flex + align-items:center + explicit min-height for guaranteed center */
/* across all browsers/fonts. */
body header.site-header .main-nav.is-open > a,
body header.site-header .main-nav.is-open > a.nav-link,
body header.site-header .main-nav.is-open > .mega-menu-wrapper > a.nav-link,
body header.site-header .main-nav.is-open .visible-mobile,
body header.site-header .main-nav.is-open .nav-search-link,
body header.site-header .main-nav.is-open .btn-cta-header-mobile {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 48px !important;
  line-height: 1.2 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.verdict a.inline-aff:hover, section[style*="FCF8F1"] a.inline-aff:hover{color:#1D9E75 !important}

/* === Session 37 PM-5: verdict inline-aff specificity bump === */
/* Beats the global `main a:not(...):not(...)...` rule (specificity 0,11,2) */
section.verdict a.inline-aff:not(.A):not(.B):not(.C):not(.D):not(.E):not(.F):not(.G):not(.H):not(.I):not(.J):not(.K):not(.L), section[style*="FCF8F1"] a.inline-aff:not(.A):not(.B):not(.C):not(.D):not(.E):not(.F):not(.G):not(.H):not(.I):not(.J):not(.K):not(.L){color:#0F5132 !important; text-decoration-color:#0F5132 !important; text-decoration-thickness:2px !important; font-weight:700 !important}
section.verdict a.inline-aff:not(.A):not(.B):not(.C):not(.D):not(.E):not(.F):not(.G):not(.H):not(.I):not(.J):not(.K):not(.L):hover, section[style*="FCF8F1"] a.inline-aff:not(.A):not(.B):not(.C):not(.D):not(.E):not(.F):not(.G):not(.H):not(.I):not(.J):not(.K):not(.L):hover{color:#1D9E75 !important}


/* === Session 39 (2026-05-20): mobile drawer — Categories button alignment === */
/* Bug: in the .nav-menu mobile drawer, sibling items (Home, Browse All Tools,   */
/* Reviews, Blog, Recommend a Tool) render as full-width centered pills because  */
/* they're direct flex children of .nav-menu.is-open (align-items:stretch).      */
/* Categories sits inside .mega-menu-wrapper — a block container — so the        */
/* display:inline-flex pill rule shrinks it to content width. Force the wrapper  */
/* and its anchor to full width so Categories matches its siblings.              */
@media (max-width: 1023px) {
  body header.site-header .nav-menu.is-open .mega-menu-wrapper,
  body header.site-header .main-nav.is-open .mega-menu-wrapper {
    display: block !important;
    width: 100% !important;
  }
  body header.site-header .nav-menu.is-open .mega-menu-wrapper > a,
  body header.site-header .main-nav.is-open .mega-menu-wrapper > a {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* === Session 44 (2026-05-22): mobile drawer contrast fix === */
/* Bug: when the mobile drawer (.main-nav.is-open / .nav-menu.is-open) is open, */
/* its background is obsidian (#1F1D1A). Mega-menu items inside the drawer */
/* (.mega-menu-item, .mm-title, .mm-desc) keep their light-mode colors */
/* (var(--charcoal) #2F2F2F and var(--slate) #6E6A63), which is charcoal-on-black */
/* — almost unreadable. Force all drawer descendants to ivory/silver text. */

body header.site-header .main-nav.is-open,
body header.site-header .nav-menu.is-open,
body header.site-header .main-nav.is-open *,
body header.site-header .nav-menu.is-open * {
  color: var(--ivory, #FCF8F1);
}

/* Mega-menu panel background reset inside the open drawer */
body header.site-header .main-nav.is-open .mega-menu-panel,
body header.site-header .nav-menu.is-open .mega-menu-panel {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Mega-menu items inside the open drawer: visible pills */
body header.site-header .main-nav.is-open .mega-menu-item,
body header.site-header .nav-menu.is-open .mega-menu-item,
body header.site-header .main-nav.is-open a.mega-menu-item,
body header.site-header .nav-menu.is-open a.mega-menu-item {
  display: block !important;
  padding: 10px 12px !important;
  margin: 2px 0 !important;
  border-radius: 8px !important;
  background: rgba(192, 145, 53, 0.06) !important;
  color: var(--ivory, #FCF8F1) !important;
  text-decoration: none !important;
  transition: background 0.15s ease, transform 0.15s ease !important;
}
body header.site-header .main-nav.is-open .mega-menu-item:hover,
body header.site-header .nav-menu.is-open .mega-menu-item:hover {
  background: rgba(192, 145, 53, 0.16) !important;
  transform: none !important;
}

/* Mega-menu item title + description — force readable colors in dark drawer */
body header.site-header .main-nav.is-open .mega-menu-item .mm-title,
body header.site-header .nav-menu.is-open .mega-menu-item .mm-title {
  color: var(--ivory, #FCF8F1) !important;
  font-weight: 700 !important;
}
body header.site-header .main-nav.is-open .mega-menu-item:hover .mm-title,
body header.site-header .nav-menu.is-open .mega-menu-item:hover .mm-title {
  color: var(--gold-soft, #D5BC83) !important;
}
body header.site-header .main-nav.is-open .mega-menu-item .mm-desc,
body header.site-header .nav-menu.is-open .mega-menu-item .mm-desc {
  color: var(--silver, #E0E0E0) !important;
  opacity: 0.85;
}

/* Catch-all: any anchor inside the open drawer that isn't a styled pill */
body header.site-header .main-nav.is-open a:not(.nav-link):not(.btn-cta-header):not(.btn-cta-header-mobile):not(.btn-new-agent):not(.mega-menu-item),
body header.site-header .nav-menu.is-open a:not(.nav-link):not(.btn-cta-header):not(.btn-cta-header-mobile):not(.btn-new-agent):not(.mega-menu-item) {
  color: var(--ivory, #FCF8F1) !important;
}
body header.site-header .main-nav.is-open a:not(.nav-link):not(.btn-cta-header):not(.btn-cta-header-mobile):not(.btn-new-agent):not(.mega-menu-item):hover,
body header.site-header .nav-menu.is-open a:not(.nav-link):not(.btn-cta-header):not(.btn-cta-header-mobile):not(.btn-new-agent):not(.mega-menu-item):hover {
  color: var(--gold-soft, #D5BC83) !important;
}

/* Plain text nodes (section dividers, helper labels) inside the open drawer */
body header.site-header .main-nav.is-open .nav-section-label,
body header.site-header .nav-menu.is-open .nav-section-label,
/* === 2026-05-26 (S48 PT5) — PT3+PT4 contrast block REMOVED ============== */
/* Per Paul preference (ivory + gold luxury baseline). Gate D contrast       */
/* warnings remain as informational only — see WEBB/INBOX.md for the         */
/* design-decision history.                                                  */

/* === 2026-05-26 (S48 PT8) — Homepage-ONLY layout tweaks per Paul ========== */
/* All rules scoped to body.page-home so they cannot leak to crm-tools,
   reviews, blogs, or anywhere else. Experiment is homepage-only. */

/* (1) Widen the aeo-definition block + tighten its vertical rhythm */
body.page-home section.aeo-definition.aeo-definition--wide{padding-top:2.4rem !important;padding-bottom:1.6rem !important;}
body.page-home section.aeo-definition.aeo-definition--wide>.container{max-width:1180px !important;margin-left:auto !important;margin-right:auto !important;padding-left:1.25rem !important;padding-right:1.25rem !important;}
body.page-home section.aeo-definition.aeo-definition--wide .aeo-definition-text{max-width:none !important;font-size:1.02rem !important;line-height:1.6 !important;}
body.page-home section.aeo-definition.aeo-definition--wide .aeo-definition-heading{margin-bottom:0.6rem !important;}

/* (2) Shrink space between search bar and FTC disclosure (homepage only) */
body.page-home .hero-nav-bar{padding-top:14px !important;padding-bottom:8px !important;}
body.page-home .ftc-disclosure-minimal{margin-top:-2px !important;margin-bottom:6px !important;font-size:0.78rem !important;line-height:1.4 !important;padding:0 1.25rem !important;}

/* (3) "#1 Tool in Every Category" — 4 cards across instead of 3 (homepage only) */
body.page-home section.featured-tools>.container{max-width:1320px !important;}
body.page-home section.featured-tools .tools-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:18px !important;}
@media (max-width:1100px){body.page-home section.featured-tools .tools-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media (max-width:820px){body.page-home section.featured-tools .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:520px){body.page-home section.featured-tools .tools-grid{grid-template-columns:1fr !important;}}
/* End S48 PT8 ============================================================ */

/* === 2026-05-26 (S48 PT11) — Site-wide container width 1200->1320 per Paul =
   Paul liked the wider 4-card width on the homepage tool grid and asked to
   apply the same margin to the whole site. We bump the base .container max
   from 1200px to 1320px and keep the narrow variant for body-text contexts
   that need readability constraints. */
.container{max-width:1320px !important;}
/* Keep .container-narrow narrow for blog/review article body wrappers (readability) */
.container.container-narrow{max-width:760px !important;}
/* End S48 PT11 =========================================================== */

/* === 2026-05-26 (S48 PT12 + PT13) — Gold category badges per Paul ========
   Two class names in use: .tool-category-badge (homepage tool cards) and
   .category-badge (category pages like /listing-tools, /crm-tools, etc.).
   Cover both. Dark text on gold passes WCAG-AA easily. */
.tool-card .tool-category-badge,
span.tool-category-badge,
.tool-card-top-info .tool-category-badge,
.tool-card .category-badge,
span.category-badge,
.tool-card-top-info .category-badge,
article.tool-card .category-badge{
  background: linear-gradient(180deg,#E8C775 0%,#D5BC83 25%,#C09135 60%,#9F7826 100%) !important;
  background-color: #C09135 !important;
  color: #1F1D1A !important;
  border: 1px solid #9F7826 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}
/* End S48 PT12+PT13 ====================================================== */

/* === 2026-05-26 (S48 PT14) — Photo-top category cards per Paul ============
   Replaces flat emoji glyphs with editorial 16:10 photos. Matches the
   Just Published card aesthetic. */
.category-card-enhanced.category-card-photo{
  padding: 0 0 18px !important;
  overflow: hidden !important;
  text-align: left !important;
  align-items: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
/* PT14b 2026-05-26 — pin Browse Category button to card bottom so all
   buttons line up across rows regardless of desc/tool-list length. */
.category-grid{
  align-items: stretch !important;
}
.category-card-enhanced.category-card-photo .cat-tool-list{
  flex-grow: 1 !important;
}
.category-card-enhanced.category-card-photo .category-link{
  margin-top: auto !important;
}
.category-card-enhanced.category-card-photo .category-photo{
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16/10 !important;
  overflow: hidden !important;
  background: #F4EFE6 !important;
  margin: 0 0 16px 0 !important;
  border-radius: 15px 15px 0 0 !important;
}
.category-card-enhanced.category-card-photo .category-photo img,
.category-card-enhanced.category-card-photo .category-photo picture{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.45s ease !important;
}
.category-card-enhanced.category-card-photo:hover .category-photo img{
  transform: scale(1.05) !important;
}
.category-card-enhanced.category-card-photo .category-name,
.category-card-enhanced.category-card-photo .category-count,
.category-card-enhanced.category-card-photo .category-desc,
.category-card-enhanced.category-card-photo .cat-tool-list,
.category-card-enhanced.category-card-photo .category-link{
  padding-left: 18px !important;
  padding-right: 18px !important;
  text-align: left !important;
}
.category-card-enhanced.category-card-photo .category-name{
  margin-top: 0 !important;
  margin-bottom: 4px !important;
}
.category-card-enhanced.category-card-photo .category-count{
  margin-bottom: 8px !important;
}
.category-card-enhanced.category-card-photo .category-link{
  margin: 14px 18px 0 18px !important;
  align-self: flex-start !important;
}
/* End S48 PT14 =========================================================== */

/* === 2026-05-26 (S48 PT15) — Hide redundant FEATURED ribbon on #1-tool ===
   Every card in "The #1 Tool in Every Category" carries the same Featured
   ribbon, so it adds no signal. Per Paul, hide on homepage only. */
body.page-home .tool-badge-featured{
  display: none !important;
}
/* End S48 PT15 =========================================================== */



body header.site-header .main-nav.is-open small,
body header.site-header .nav-menu.is-open small {
  color: var(--gold-soft, #D5BC83) !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
  font-weight: 700;
}