.sections-hub-container{width:100%;max-width:1320px;margin:0 auto;padding:32px 20px 40px;box-sizing:border-box}.hub-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:24px;flex-wrap:wrap}[data-hide-breadcrumbs=true] .hub-breadcrumbs,[data-hide-breadcrumbs=true] .hub-breadcrumbs-container,[data-hide-breadcrumbs=true] .hub-hero-breadcrumbs,[data-hide-breadcrumbs=true] .tool-page-breadcrumbs-wrapper,body.hide-breadcrumbs .hub-breadcrumbs,body.hide-breadcrumbs .hub-breadcrumbs-container,body.hide-breadcrumbs .hub-hero-breadcrumbs,body.hide-breadcrumbs .tool-page-breadcrumbs-wrapper{display:none!important}.hub-breadcrumbs a{color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .2s}.hub-breadcrumbs a:hover{color:var(--primary-color)}.hub-breadcrumbs .breadcrumb-separator{opacity:.5;font-size:12px}.hub-breadcrumbs .current-page{color:var(--text-main);font-weight:600}.hub-hero{position:relative;padding:clamp(24px,4vw,44px) clamp(18px,3.5vw,38px);border-radius:clamp(20px,3vw,32px);background:var(--glass-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);margin-bottom:clamp(24px,3.5vw,36px);overflow:hidden}.hub-hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px);opacity:.6;z-index:0}.hub-hero-glow.glow-1{top:-60px;inset-inline-end:-40px;width:320px;height:320px;background:radial-gradient(circle,var(--primary-shadow) 0,color-mix(in srgb,var(--primary-color) 12%,transparent) 60%,transparent 80%);animation:hero-glow-drift 8s ease-in-out infinite alternate}.hub-hero-glow.glow-2{bottom:-60px;inset-inline-start:10%;width:260px;height:260px;background:radial-gradient(circle,color-mix(in srgb,var(--ai-color,#8b5cf6) 22%,transparent) 0,var(--primary-light) 60%,transparent 80%);animation:hero-glow-drift 10s ease-in-out infinite alternate-reverse}@keyframes hero-glow-drift{0%{transform:translateY(0) scale(1)}50%{transform:translateY(18px) scale(1.08)}100%{transform:translateY(-12px) scale(.96)}}.hub-hero-grid-pattern{position:absolute;inset:0;background-image:radial-gradient(var(--primary-color) .9px,transparent .9px);background-size:24px 24px;opacity:.08;pointer-events:none;z-index:0}.hub-hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:36px}.hub-hero-content{flex:1;max-width:720px}.hub-hero-breadcrumbs{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-muted);padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--card-bg) 60%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);margin-bottom:20px;max-width:100%;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.hub-hero-breadcrumbs::-webkit-scrollbar{display:none}.hub-hero-breadcrumbs a{color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color .2s}.hub-hero-breadcrumbs a:hover{color:var(--primary-color)}.hub-hero-breadcrumbs .bc-slash{opacity:.4;font-size:11px}.hub-hero-breadcrumbs .bc-active{color:var(--text-main);font-weight:700}.hub-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:var(--primary-light);color:var(--primary-color);font-size:12.5px;font-weight:700;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--primary-color) 25%,transparent);box-shadow:0 4px 14px var(--primary-shadow)}.hub-badge-pulse{width:8px;height:8px;border-radius:50%;background:var(--success,#10b981);box-shadow:0 0 0 0 color-mix(in srgb,var(--success,#10b981) 70%,transparent);animation:hub-pulse-dot 2s infinite}@keyframes hub-pulse-dot{0%{transform:scale(.95);box-shadow:0 0 0 0 color-mix(in srgb,var(--success,#10b981) 70%,transparent)}70%{transform:scale(1);box-shadow:0 0 0 8px transparent}100%{transform:scale(.95);box-shadow:0 0 0 0 color-mix(in srgb,var(--success,#10b981) 70%,transparent)}}.hub-badge-divider{width:1px;height:12px;background:color-mix(in srgb,var(--primary-color) 25%,transparent)}.hub-badge-sub{color:var(--text-muted);font-weight:500}.hub-hero-title{font-size:clamp(24px, 3.5vw + 10px, 38px);font-weight:950;color:var(--text-main);line-height:1.2;margin:0 0 14px 0;letter-spacing:-.03em}.hero-gradient-text{background:linear-gradient(135deg,var(--primary-color) 0,color-mix(in srgb,var(--primary-color) 70%,#fff) 45%,color-mix(in srgb,var(--primary-color) 80%,var(--ai-color,#8b5cf6)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px var(--primary-shadow))}[data-theme=dark] .hero-gradient-text,[data-theme=sunmoon] .hero-gradient-text{background:linear-gradient(135deg,var(--primary-color) 0,color-mix(in srgb,var(--primary-color) 55%,#fff) 50%,color-mix(in srgb,var(--primary-color) 80%,#fff) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 12px var(--primary-shadow))}.hub-hero-desc{font-size:clamp(14px, 1vw + 10px, 15.5px);color:var(--text-muted);line-height:1.7;margin:0 0 24px 0;max-width:640px}.hub-hero-feature-pills{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hub-feature-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:14px;background:color-mix(in srgb,var(--card-bg) 65%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);font-size:13px;font-weight:600;color:var(--text-main);box-shadow:var(--shadow-sm);transition:all .25s ease}.hub-feature-pill:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 18px var(--primary-shadow)}.hub-feature-pill i,.hub-feature-pill svg{color:var(--primary-color);width:16px;height:16px}.hub-feature-pill span{gap:4px;display:flex}.hub-hero-deck{flex-shrink:0;width:320px}.hub-deck-card{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:24px;padding:24px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:20px;transition:transform .3s cubic-bezier(.16, 1, .3, 1),box-shadow .3s}.hub-deck-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--primary-color) 40%,var(--glass-border))}.hub-deck-header{display:flex;align-items:center;justify-content:space-between}.hub-deck-signal{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--success,#10b981);background:var(--success-light,rgba(34,195,60,.15));padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--success,#10b981) 25%,transparent)}.hub-deck-signal .signal-dot{width:6px;height:6px;border-radius:50%;background:var(--success,#10b981)}.hub-deck-icon{color:var(--primary-color);width:22px;height:22px;opacity:.85}.hub-deck-metrics{display:flex;align-items:center;justify-content:space-around;padding:16px 12px;background:color-mix(in srgb,var(--bg-body) 65%,transparent);border-radius:18px;border:1px solid var(--border-color)}.hub-deck-metric{text-align:center}.hub-deck-metric .metric-num{font-size:28px;font-weight:900;color:var(--text-main);line-height:1;letter-spacing:-.02em}.hub-deck-metric .metric-lbl{font-size:11.5px;font-weight:600;color:var(--text-muted);margin-top:5px}.metric-separator{width:1px;height:32px;background:var(--border-color)}.hub-deck-footer{display:flex;flex-direction:column;gap:12px}.hub-deck-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted)}.hub-deck-status i,.hub-deck-status svg{color:var(--primary-color);width:15px;height:15px}.hub-deck-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px var(--primary-shadow);transition:all .25s ease}.hub-deck-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px var(--primary-shadow)}.hub-deck-btn i,.hub-deck-btn svg{width:15px;height:15px}.hub-section-emblem-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:24px;padding:26px 22px;text-align:center;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:14px;overflow:hidden;transition:transform .3s cubic-bezier(.16, 1, .3, 1),border-color .3s ease,box-shadow .3s ease}.hub-section-emblem-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary-color) 30%,var(--glass-border));box-shadow:var(--shadow-lg)}.hub-emblem-glow{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary-color) 16%,transparent) 0,transparent 70%);filter:blur(36px);opacity:.6;pointer-events:none;z-index:0}.hub-emblem-icon{position:relative;z-index:1;width:64px;height:64px;border-radius:18px;background:color-mix(in srgb,var(--primary-color) 8%,var(--card-bg));color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:28px;border:1px solid color-mix(in srgb,var(--primary-color) 22%,var(--glass-border));box-shadow:0 4px 16px color-mix(in srgb,var(--primary-color) 10%,transparent);transition:transform .3s cubic-bezier(.16, 1, .3, 1),box-shadow .3s ease}.hub-section-emblem-card:hover .hub-emblem-icon{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 24px color-mix(in srgb,var(--primary-color) 18%,transparent)}.hub-emblem-icon i,.hub-emblem-icon svg{width:28px;height:28px}.hub-emblem-info{position:relative;z-index:1}.hub-emblem-info .emblem-title{font-size:17px;font-weight:800;color:var(--text-main)}.hub-emblem-info .emblem-count{font-size:13px;color:var(--text-muted);font-weight:600;margin-top:3px}.hub-emblem-action-btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border-radius:12px;background:color-mix(in srgb,var(--primary-color) 10%,transparent);color:var(--primary-color);border:1px solid color-mix(in srgb,var(--primary-color) 24%,transparent);font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 8%,transparent);transition:all .25s ease;margin-top:2px}.hub-emblem-action-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 14px var(--primary-shadow);transform:translateY(-1px)}.hub-emblem-action-btn i,.hub-emblem-action-btn svg{width:14px;height:14px}.hub-categories-section{margin-bottom:36px}.hub-section-label{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:var(--text-main);margin-bottom:18px}.hub-section-label i,.hub-section-label svg{color:var(--primary-color);width:20px;height:20px}.hub-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.hub-cat-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;background:var(--card-bg);border:1px solid var(--border-color);text-decoration:none;color:var(--text-main);transition:all .25s cubic-bezier(.16, 1, .3, 1);box-shadow:var(--shadow-sm)}.hub-cat-card.active,.hub-cat-card:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 8px 24px var(--primary-shadow)}.hub-cat-icon{width:42px;height:42px;border-radius:12px;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.hub-cat-icon i,.hub-cat-icon svg{width:20px;height:20px}.hub-cat-info{flex:1;min-width:0}.hub-cat-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-cat-count{font-size:12px;color:var(--text-muted);margin-top:2px}.hub-filter-wrapper{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:16px 20px;margin-bottom:28px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.hub-filter-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hub-search-box{position:relative;flex:1;min-width:240px;max-width:400px}.hub-search-icon{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;width:17px;height:17px}.hub-search-input{width:100%;height:44px;padding-inline-start:42px;padding-inline-end:36px;border-radius:14px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-main);font-size:14px;font-weight:500;outline:0;transition:all .2s ease;box-sizing:border-box}.hub-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.hub-search-clear{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-size:14px}.hub-search-clear:hover{color:var(--text-main)}.hub-tabs-container{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.hub-tabs-container::-webkit-scrollbar{display:none}.hub-filter-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;user-select:none;flex-shrink:0}.hub-filter-tab i,.hub-filter-tab svg{width:15px;height:15px}.hub-filter-tab:hover{color:var(--text-main);background:color-mix(in srgb,var(--primary-color) 8%,var(--card-bg));border-color:color-mix(in srgb,var(--primary-color) 25%,var(--border-color))}.hub-filter-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 14px var(--primary-shadow)}.hub-filter-tab.active i,.hub-filter-tab.active svg{color:#fff}.hub-cat-pills-row{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding-top:4px;border-top:1px solid var(--border-color)}.hub-cat-pills-row::-webkit-scrollbar{display:none}.hub-cat-pill{padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--text-muted);background:0 0;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;text-decoration:none}.hub-cat-pill:hover{color:var(--text-main);background:color-mix(in srgb,var(--primary-color) 8%,var(--card-bg))}.hub-cat-pill.active{color:var(--primary-color);background:var(--primary-light);border-color:color-mix(in srgb,var(--primary-color) 30%,transparent)}.hub-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}.hub-tool-card{position:relative;display:flex;flex-direction:column;background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:22px;padding:22px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.16, 1, .3, 1);box-shadow:var(--shadow-sm)}.hub-tool-card:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:0 14px 34px var(--primary-shadow)}.hub-tool-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.hub-tool-icon-wrap{width:48px;height:48px;border-radius:14px;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .3s ease}.hub-tool-card:hover .hub-tool-icon-wrap{transform:scale(1.08) rotate(3deg)}.hub-tool-icon-wrap i,.hub-tool-icon-wrap svg{width:24px;height:24px}.hub-tool-badges{display:flex;align-items:center;gap:6px}.hub-badge-cost{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px;line-height:1}.hub-badge-cost .cost-inline-icon{width:12px;height:12px;display:inline-block;vertical-align:-1px}.hub-badge-cost.free{background:var(--success-light,rgba(16,185,129,.12));color:var(--success,#10b981);border:1px solid rgba(16,185,129,.25)}.hub-badge-cost.pro{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border:1px solid #8b5cf6;box-shadow:0 2px 5px rgba(139,92,246,.35)}.hub-badge-cost.vip{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid #f59e0b;box-shadow:0 2px 5px rgba(245,158,11,.35)}.hub-badge-cost.paid{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #10b981;box-shadow:0 2px 5px rgba(16,185,129,.35)}.hub-badge-cost.demo{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:1px solid #0ea5e9;box-shadow:0 2px 5px rgba(14,165,233,.35)}.hub-badge-new{padding:4px 8px;border-radius:8px;font-size:10.5px;font-weight:800;background:var(--danger,#ef4444);color:#fff;text-transform:uppercase}.hub-badge-lock{padding:4px;color:var(--text-muted);display:flex;align-items:center}.hub-badge-lock i,.hub-badge-lock svg{width:14px;height:14px}.hub-tool-body{flex:1;display:flex;flex-direction:column}.hub-tool-title{font-size:17px;font-weight:800;color:var(--text-main);margin:0 0 8px 0;line-height:1.35;transition:color .2s}.hub-tool-card:hover .hub-tool-title{color:var(--primary-color)}.hub-tool-desc{font-size:13.5px;color:var(--text-muted);line-height:1.6;margin:0 0 16px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:42px}.hub-tool-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border-color);margin-top:auto}.hub-tool-cat-tag{font-size:12px;font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;gap:5px}.hub-tool-cat-tag i,.hub-tool-cat-tag svg{width:13px;height:13px;opacity:.7}.hub-tool-action-btn{font-size:12.5px;font-weight:700;color:var(--primary-color);display:inline-flex;align-items:center;gap:4px;transition:transform .2s}.hub-tool-card:hover .hub-tool-action-btn{transform:translateX(-3px)}[dir=ltr] .hub-tool-card:hover .hub-tool-action-btn{transform:translateX(3px)}.hub-empty-state{grid-column:1/-1;display:none;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--card-bg);border:1px dashed var(--border-color);border-radius:24px}.hub-empty-icon{width:60px;height:60px;border-radius:50%;background:color-mix(in srgb,var(--primary-color) 10%,var(--card-bg));color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.hub-empty-icon i,.hub-empty-icon svg{width:28px;height:28px}.hub-empty-title{font-size:18px;font-weight:800;color:var(--text-main);margin:0 0 6px 0}.hub-empty-desc{font-size:14px;color:var(--text-muted);margin:0 0 18px 0;max-width:360px}.hub-reset-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:12px;background:var(--primary-color);color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px var(--primary-shadow);transition:all .2s ease}.hub-reset-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.hub-tool-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;margin-bottom:40px;width:100%}.tool-nav-card{display:flex;align-items:center;gap:14px;padding:14px 20px;border-radius:18px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);text-decoration:none;color:inherit;transition:all .25s cubic-bezier(.16, 1, .3, 1);box-shadow:var(--shadow-sm);flex:1;min-width:0;max-width:380px}.tool-nav-card.next-tool{justify-content:flex-end;text-align:end}.tool-nav-card:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 8px 24px var(--primary-shadow)}.tool-nav-arrow{color:var(--text-muted);transition:transform .2s ease,color .2s ease;display:flex;align-items:center;flex-shrink:0}.tool-nav-arrow i,.tool-nav-arrow svg{width:18px;height:18px}.tool-nav-card.prev-tool:hover .tool-nav-arrow{color:var(--primary-color);transform:translateX(-4px)}.tool-nav-card.next-tool:hover .tool-nav-arrow{color:var(--primary-color);transform:translateX(4px)}.tool-nav-icon{width:38px;height:38px;border-radius:12px;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;border:1px solid color-mix(in srgb,var(--primary-color) 20%,transparent)}.tool-nav-icon i,.tool-nav-icon svg{width:18px;height:18px}.tool-nav-info{display:flex;flex-direction:column;min-width:0;overflow:hidden}.tool-nav-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.tool-nav-title{font-size:14px;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;transition:color .2s ease}.tool-nav-card:hover .tool-nav-title{color:var(--primary-color)}.tool-nav-hub-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:16px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);font-size:13px;font-weight:700;text-decoration:none;transition:all .2s ease;box-shadow:var(--shadow-sm);flex-shrink:0;white-space:nowrap}.tool-nav-hub-btn i,.tool-nav-hub-btn svg{width:15px;height:15px;color:var(--primary-color)}.tool-nav-hub-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 14px var(--primary-shadow);transform:translateY(-2px)}.tool-nav-hub-btn:hover i,.tool-nav-hub-btn:hover svg{color:#fff}.tool-nav-card-placeholder{flex:1;max-width:380px}@media (max-width:1199px){.hub-hero-inner{gap:28px}.hub-hero-deck{width:280px}.hub-deck-card,.hub-section-emblem-card{padding:22px 18px}}@media (max-width:992px){.hub-hero-inner{flex-direction:column;align-items:stretch;gap:24px}.hub-hero-content{max-width:100%}.hub-hero-deck{width:100%}.hub-hero-deck .hub-deck-card{padding:20px 22px;border-radius:22px;gap:16px}.hub-hero.hub-hero-section .hub-hero-inner{flex-direction:column;align-items:stretch;gap:22px}.hub-section-deck{width:100%}.hub-section-deck .hub-section-emblem-card{flex-direction:row;align-items:center;justify-content:space-between;padding:16px 20px;text-align:start;gap:16px;border-radius:20px}.hub-section-deck .hub-emblem-glow{inset-inline-start:16px;left:auto;top:50%;transform:translateY(-50%);width:90px;height:90px}.hub-section-deck .hub-emblem-icon{width:50px;height:50px;border-radius:14px;font-size:22px;flex-shrink:0}.hub-section-deck .hub-emblem-icon i,.hub-section-deck .hub-emblem-icon svg{width:22px;height:22px}.hub-section-deck .hub-emblem-info{flex:1;min-width:0;text-align:start}.hub-section-deck .hub-emblem-info .emblem-title{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-section-deck .hub-emblem-info .emblem-count{font-size:12px}.hub-section-deck .hub-emblem-action-btn{flex-shrink:0;margin-top:0;padding:8px 18px;font-size:12px}}@media (max-width:768px){.sections-hub-container{padding:16px 14px 20px}.hub-hero{padding:26px 18px;border-radius:22px;margin-bottom:24px}.hub-hero-glow.glow-1{width:220px;height:220px;filter:blur(40px)}.hub-hero-glow.glow-2{width:180px;height:180px;filter:blur(40px)}.hub-hero-title{font-size:26px;line-height:1.25}.hub-hero-desc{font-size:14px;margin-bottom:20px}.hub-hero-feature-pills{gap:8px}.hub-feature-pill{padding:6px 12px;font-size:12px;border-radius:10px}.hub-tools-grid{grid-template-columns:1fr;gap:14px}.hub-filter-wrapper{padding:14px;border-radius:18px}.hub-search-box{max-width:100%}.hub-categories-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.hub-tool-nav-bar{flex-direction:column;gap:12px;margin-top:32px}.tool-nav-card{max-width:100%;width:100%}.tool-nav-card.next-tool{justify-content:flex-start;text-align:start;flex-direction:row-reverse}.tool-nav-hub-btn{width:100%;justify-content:center;order:-1}.tool-nav-card-placeholder{display:none}}@media (max-width:480px){.sections-hub-container{padding:12px 10px 100px}.hub-hero{padding:20px 14px;border-radius:18px}.hub-hero-breadcrumbs{font-size:12px;padding:5px 12px;margin-bottom:14px}.hub-hero-badge{padding:5px 12px;font-size:11.5px;margin-bottom:14px}.hub-badge-sub{display:none}.hub-badge-divider{display:none}.hub-hero-title{font-size:22px;margin-bottom:10px}.hub-hero-desc{font-size:13px;line-height:1.6;margin-bottom:16px}.hub-feature-pill{padding:5px 10px;font-size:11px;border-radius:8px}.hub-feature-pill i,.hub-feature-pill svg{width:13px;height:13px}.hub-section-deck .hub-section-emblem-card{padding:12px 14px;gap:12px;border-radius:16px}.hub-section-deck .hub-emblem-icon{width:40px;height:40px;border-radius:10px;font-size:18px}.hub-section-deck .hub-emblem-icon i,.hub-section-deck .hub-emblem-icon svg{width:18px;height:18px}.hub-section-deck .hub-emblem-info .emblem-title{font-size:14px}.hub-section-deck .hub-emblem-info .emblem-count{font-size:11px}.hub-section-deck .hub-emblem-action-btn{padding:6px 12px;font-size:11px;border-radius:10px}.hub-deck-metrics .metric-num{font-size:22px}.hub-deck-metrics .metric-lbl{font-size:10.5px}.hub-filter-top-row{gap:10px}.hub-search-input{height:40px;font-size:13px}.hub-filter-tab{padding:6px 12px;font-size:12px}}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.w-100,.w-full{width:100%}.flex-1{flex:1;min-width:0}.flex-wrap{flex-wrap:wrap}.m-0{margin:0!important}.c-text-primary{color:var(--primary-color)!important}.c-text-muted{color:var(--text-muted)!important}.c-bg-primary{background:color-mix(in srgb,var(--primary-color) 14%,transparent)!important}.span-2-cols{grid-column:span 2}@media (max-width:1024px){.span-2-cols{grid-column:span 1}}.d-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.04);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.d-card-header{padding:14px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--card-bg) 94%,var(--bg-body));border-top-left-radius:16px;border-top-right-radius:16px;gap:12px}.d-card-header h3{margin:0;font-size:15px;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:8px}.d-card-body{padding:18px 20px}.google-updates-section{margin-bottom:24px;width:100%}.google-quantum-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.04);transition:all .3s ease}.google-radar-compact{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.03);cursor:pointer;transition:all .25s cubic-bezier(.16, 1, .3, 1);position:relative;overflow:hidden}.google-radar-compact:hover{border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color));box-shadow:0 4px 18px rgba(0,0,0,.06);transform:translateY(-1px)}.gr-compact-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.gr-compact-radar-icon{width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--primary-color) 12%,transparent);color:var(--primary-color);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.gr-compact-radar-icon.live{background:rgba(239,68,68,.12);color:#ef4444}.gr-compact-radar-icon i,.gr-compact-radar-icon svg{width:16px;height:16px}.gr-compact-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.gr-compact-title{font-size:13px;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gr-compact-desc{font-size:11.5px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:6px}.gr-compact-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.gr-expand-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:700;color:var(--text-main);background:var(--bg-body);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.gr-expand-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.gr-expand-btn i,.gr-expand-btn svg{width:13px;height:13px}.g-lifecycle-stepper{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg-body);border:1px solid var(--border-color);border-radius:12px;padding:10px 14px;margin-top:14px;position:relative}.g-step-item{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;color:var(--text-muted)}.g-step-item.active{color:var(--text-main)}.g-step-item.completed{color:#10b981}.g-step-item.ongoing{color:#ef4444}.g-step-connector{flex:1;height:2px;background:var(--border-color);border-radius:2px;margin:0 4px}.g-step-connector.active{background:color-mix(in srgb,var(--primary-color) 70%,var(--border-color))}.g-step-connector.ongoing{background:linear-gradient(90deg,#10b981,#ef4444)}.g-step-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);flex-shrink:0}.g-step-item.completed .g-step-dot{background:#10b981;box-shadow:0 0 6px rgba(16,185,129,.4)}.g-step-item.ongoing .g-step-dot{background:#ef4444;box-shadow:0 0 8px #ef4444;animation:pulseDot 1.4s infinite ease-in-out}.gr-status-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:700}.gr-status-tag.status-live{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.25)}.gr-status-tag.status-done{background:rgba(16,185,129,.12);color:#10b981;border:1px solid rgba(16,185,129,.25)}.gr-status-tag i,.gr-status-tag svg{width:12px;height:12px}.gr-impact-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-muted)}.gr-impact-tag i,.gr-impact-tag svg{width:12px;height:12px;color:var(--primary-color)}.gr-dot-separator{color:var(--border-color);font-weight:700}.g-step-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--card-bg) 80%,var(--border-color));flex-shrink:0}.g-step-icon i,.g-step-icon svg{width:12px;height:12px}.g-step-item.completed .g-step-icon{background:rgba(16,185,129,.15);color:#10b981}.g-step-item.ongoing .g-step-icon{background:rgba(239,68,68,.15);color:#ef4444}.g-step-item.active .g-step-icon{background:color-mix(in srgb,var(--primary-color) 18%,transparent);color:var(--primary-color)}.g-step-text{line-height:1.3}.stq-done-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px rgba(16,185,129,.5);flex-shrink:0}@media (max-width:768px){.google-radar-compact{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}.gr-compact-right{width:100%;justify-content:space-between;border-top:1px solid var(--border-color);padding-top:8px}.g-lifecycle-stepper{flex-direction:column;align-items:flex-start;gap:8px}.g-step-connector{width:2px;height:10px;margin-inline-start:10px}}.g-live-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.g-live-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;box-shadow:0 0 6px #ef4444;animation:pulseDot 1.5s infinite ease-in-out}.g-refresh-btn{background:var(--bg-body);border:1px solid var(--border-color);color:var(--text-muted);border-radius:8px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.g-refresh-btn:hover{color:var(--primary-color);border-color:var(--primary-color)}.g-refresh-btn i,.g-refresh-btn svg{width:13px;height:13px}.g-refresh-btn.is-loading i,.g-refresh-btn.is-loading svg{animation:g-spin-refresh .9s linear infinite!important}.g-type-icon{display:inline-flex;align-items:center}.g-type-icon i,.g-type-icon svg{width:12px;height:12px}.spin-anim{animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.serp-quantum-card{display:flex;flex-direction:column;position:relative;overflow:hidden}.serp-header-icon{width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--primary-color) 12%,transparent);color:var(--primary-color);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.serp-header-icon i,.serp-header-icon svg{width:18px;height:18px}.serp-view-mode-tabs{display:inline-flex;align-items:center;background:var(--bg-body);border:1px solid var(--border-color);border-radius:10px;padding:3px;gap:3px}.serp-mode-tab{display:inline-flex;align-items:center;gap:5px;background:0 0;border:none;padding:4px 10px;font-size:11.5px;font-weight:700;color:var(--text-muted);border-radius:7px;cursor:pointer;transition:all .2s ease}.serp-mode-tab:hover{color:var(--text-main)}.serp-mode-tab.active{background:var(--card-bg);color:var(--primary-color);box-shadow:0 2px 6px rgba(0,0,0,.08)}.serp-ribbon-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;border:1px solid color-mix(in srgb,var(--primary-color) 35%,transparent);background:color-mix(in srgb,var(--primary-color) 10%,transparent);color:var(--primary-color);font-size:11px}.serp-ribbon-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 6px var(--primary-color);display:inline-block;flex-shrink:0}.serp-ribbon-pill .lbl{font-weight:600;opacity:.85}.serp-ribbon-pill .val{font-weight:800}.serp-radar-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color)}@media (max-width:991px){.serp-radar-ribbon{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.serp-radar-ribbon{grid-template-columns:1fr}}.serp-radar-item{display:flex;align-items:center;gap:10px;background:var(--bg-body);border:1px solid var(--border-color);border-radius:12px;padding:8px 12px;transition:all .2s ease}.serp-radar-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.06)}.sri-rank-badge{font-size:14px;font-weight:900;min-width:26px;text-align:center;font-family:monospace;padding:3px 6px;border-radius:6px;background:color-mix(in srgb,currentColor 10%,transparent)}.sri-info{display:flex;flex-direction:column;flex:1;min-width:0}.sri-domain-line{display:flex;align-items:center;gap:6px;margin-bottom:2px}.sri-domain{font-size:12px;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sri-metrics{display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--text-muted)}.sri-metrics span{display:inline-flex;align-items:center;gap:3px}.sri-score{display:inline-flex;align-items:center;gap:3px;font-weight:800}.sri-words{display:inline-flex;align-items:center;gap:3px;color:var(--text-muted)}.sri-metrics i,.sri-metrics svg{width:11px;height:11px}.sri-meta-signals{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.sri-meta-tag{font-size:9.5px;font-weight:800;padding:1px 5px;border-radius:4px;background:var(--border-color);color:var(--text-muted)}.sri-meta-tag.on{background:color-mix(in srgb,var(--primary-color) 16%,transparent);color:var(--primary-color)}.serp-bottom-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border-color);font-size:11.5px}.serp-target-corridor-badge{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-weight:600}.serp-zone-icon{display:inline-flex;align-items:center;justify-content:center}.serp-zone-icon i,.serp-zone-icon svg{width:14px;height:14px}.serp-target-corridor-badge .corridor-range{padding:2px 8px;border-radius:12px;border:1px solid;font-weight:800}.serp-insights-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}.serp-micro-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg-body);border:1px solid var(--border-color);border-radius:8px;padding:3px 8px;font-size:11px;color:var(--text-muted)}.serp-micro-chip .dot{width:6px;height:6px;border-radius:50%}.serp-micro-chip strong{color:var(--text-main);font-weight:800}.apexcharts-canvas .apexcharts-tooltip,.apexcharts-tooltip,.apexcharts-tooltip.apexcharts-theme-dark,.apexcharts-tooltip.apexcharts-theme-light{background:0 0!important;background-color:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;overflow:visible!important}.serp-tooltip-quantum{background:var(--card-bg,#fff)!important;border:1px solid var(--border-color,#e2e8f0)!important;border-radius:14px;box-shadow:0 14px 35px rgba(0,0,0,.18);padding:12px 14px;min-width:220px;max-width:275px;font-family:inherit;color:var(--text-main,#1e293b);white-space:normal;word-break:break-word}.dark .serp-tooltip-quantum,[data-theme=dark] .serp-tooltip-quantum,[data-theme=sunmoon] .serp-tooltip-quantum,[data-theme=sunset] .serp-tooltip-quantum{background:var(--card-bg,#1a2234)!important;border:1px solid color-mix(in srgb,var(--border-color,#fff) 25%,transparent)!important;box-shadow:0 16px 40px rgba(0,0,0,.55);color:var(--text-main,#f8fafc)}.stq-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.stq-rank{font-size:11.5px;font-weight:800}.stq-badge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:6px}.stq-domain-row{margin-bottom:10px}.stq-domain{font-size:13.5px;font-weight:800;color:var(--text-main);line-height:1.3}.stq-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:color-mix(in srgb,var(--bg-body,rgba(0,0,0,.03)) 85%,var(--card-bg));padding:10px;border-radius:10px;border:1px solid var(--border-color);margin-bottom:10px}.stq-cell{display:flex;flex-direction:column;gap:2px}.stq-cell .lbl{font-size:10px;color:var(--text-muted);font-weight:600}.stq-cell .val{font-size:12px;font-weight:800;color:var(--text-main)}.stq-links-row{display:flex;align-items:center;gap:12px;padding-top:8px;border-top:1px solid var(--border-color);font-size:11.5px;font-weight:700}.stq-link-item{color:var(--primary-color);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.stq-link-item:hover{text-decoration:underline}.stq-lifecycle{padding:6px 8px;border-radius:8px;font-size:11px;line-height:1.4;margin-bottom:8px;display:flex;align-items:center;gap:6px}.stq-lifecycle.live{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#ef4444}.stq-lifecycle.completed{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);color:#10b981}.stq-live-pulse{width:6px;height:6px;border-radius:50%;background:#ef4444;box-shadow:0 0 6px #ef4444;animation:pulseDot 1.4s infinite ease-in-out;flex-shrink:0}@keyframes g-spin-refresh{from{transform:rotate(0)}to{transform:rotate(360deg)}}.tool-page-holder{position:relative;width:100%;min-height:200px}.tool-page-holder .page-css-loader{display:flex;align-items:center;justify-content:center;min-height:420px;padding:60px 20px}.tool-page-holder .page-body{opacity:0;visibility:hidden;transition:opacity .25s ease-in-out,visibility .25s}.tool-page-holder.page-css-ready .page-css-loader{display:none!important}.tool-page-holder.page-css-ready .page-body{opacity:1!important;visibility:visible!important}.page-content:has(.is-wide-mode),body.has-wide-mode .page-content,body:has(.is-wide-mode) .page-content{max-width:100%!important;width:100%!important;padding-left:clamp(8px,1.5vw,24px)!important;padding-right:clamp(8px,1.5vw,24px)!important;transition:max-width .3s cubic-bezier(.16, 1, .3, 1),padding .3s ease}.tool-page-holder .page-body:has(.is-wide-mode),.tool-page-holder:has(.is-wide-mode){max-width:100%!important;width:100%!important}.is-wide-mode{max-width:100%!important;width:100%!important;padding-left:clamp(10px,1.5vw,28px)!important;padding-right:clamp(10px,1.5vw,28px)!important;box-sizing:border-box!important;transition:max-width .3s cubic-bezier(.16, 1, .3, 1)}.is-wide-mode .analyzer-container,.is-wide-mode .audit-hub-container,.is-wide-mode .audit-hub-toolbar,.is-wide-mode .car-table-quantum,.is-wide-mode .car-table-wrap,.is-wide-mode .ccd-channel-banner,.is-wide-mode .ccd-charts-grid,.is-wide-mode .ccd-data-wrapper,.is-wide-mode .ccd-search-section,.is-wide-mode .ccd-table-card,.is-wide-mode .cd-blueprint-card,.is-wide-mode .cd-charts-grid,.is-wide-mode .cd-data-wrapper,.is-wide-mode .cd-kpi-grid,.is-wide-mode .cd-profile-hub-card,.is-wide-mode .cd-search-section,.is-wide-mode .cd-table-card,.is-wide-mode .charts-grid,.is-wide-mode .charts-split-grid,.is-wide-mode .console-features,.is-wide-mode .cra-channel-banner,.is-wide-mode .cra-command-hub,.is-wide-mode .cra-data-wrapper,.is-wide-mode .cra-kpi-grid,.is-wide-mode .cra-table-section,.is-wide-mode .dvr-channel-banner,.is-wide-mode .dvr-charts-grid,.is-wide-mode .dvr-data-wrapper,.is-wide-mode .dvr-kpi-grid,.is-wide-mode .dvr-results-wrapper,.is-wide-mode .dvr-search-section,.is-wide-mode .hub-header-row,.is-wide-mode .kpi-cluster,.is-wide-mode .kpi-grid,.is-wide-mode .multi-competitor-hub,.is-wide-mode .opportunities-cluster,.is-wide-mode .opportunities-grid,.is-wide-mode .page-container,.is-wide-mode .quantum-table-card,.is-wide-mode .results-dashboard,.is-wide-mode .studio-cards-grid,.is-wide-mode .table-card,.is-wide-mode .table-responsive,.is-wide-mode .table-responsive-wrapper,.is-wide-mode .unified-search-container,.is-wide-mode .video-cards-grid{max-width:100%!important;width:100%!important;box-sizing:border-box!important}.is-wide-mode .col-title,.is-wide-mode .quantum-video-cell{max-width:480px!important}.is-wide-mode .action-plan-pill,.is-wide-mode .col-rec{max-width:440px!important}