.gwg-dir { max-width: 1000px; margin: 0 auto; padding: 24px 0; }
.gwg-dir-anon-cta {
display: flex; align-items: center; justify-content: space-between; gap: 18px;
background: rgba(16,185,129,0.08);
border: 1px solid rgba(16,185,129,0.25);
border-radius: 8px; padding: 14px 18px;
margin-bottom: 24px;
font-size: 14px; color: rgba(255,255,255,0.8);
}
.gwg-dir-anon-cta span { min-width: 0; }
.gwg-dir-anon-actions { display: inline-flex; align-items: center; gap: 14px; flex-shrink: 0; }
.gwg-dir-anon-cta a:first-of-type {
display: inline-block;
background: #10b981; color: #fff;
padding: 8px 20px; border-radius: 6px;
font-weight: 600; text-decoration: none; white-space: nowrap;
transition: background .15s;
}
.gwg-dir-anon-cta a:first-of-type:hover { background: #059669; }
.gwg-dir-anon-signin { color: rgba(255,255,255,0.5); font-size: 13px; text-decoration: none; white-space: nowrap; }
.gwg-dir-anon-signin:hover { color: #10b981; }
.gwg-dir-member-nudge {
display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap;
margin: 0 0 18px; padding: 14px 18px;
background: rgba(56,189,248,0.07);
border: 1px solid rgba(56,189,248,0.22);
border-radius: 8px;
color: rgba(255,255,255,0.72); font-size: 13px; line-height: 1.5;
}
.gwg-dir-member-nudge strong { color: rgba(255,255,255,0.92); margin-right: 6px; }
.gwg-dir-member-nudge-hint { color: rgba(255,255,255,0.42); font-size: 12px; text-align: right; flex: 1 1 180px; }
.gwg-dir-intro { color: rgba(255,255,255,0.68); margin: -10px 0 28px; font-size: 14px; line-height: 1.6; }
.gwg-dir-intro p { margin: 0; }
.gwg-dir-intro strong { color: rgba(255,255,255,0.9); font-weight: 700; }
.gwg-dir-cat { margin-bottom: 40px; }
.gwg-dir-cat-title {
font-size: 22px; color: #10b981; margin: 0 0 16px;
padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.1);
}
.gwg-dir-list { list-style: none; padding: 0; margin: 0; }
.gwg-dir-item { padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,0.06); }
.gwg-dir-item:last-child { border-bottom: none; }
.gwg-dir-item-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 6px; }
.gwg-dir-support-line { width: 100%; margin-top: 0; }
.gwg-dir-name { font-size: 18px; font-weight: 600; color: #fff; text-decoration: none; transition: color .15s; }
.gwg-dir-name:hover { color: #10b981; }
.gwg-dir-badge { font-size: 11px; padding: 2px 8px; border-radius: 10px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; }
.gwg-dir-badge-csv { background: rgba(16,185,129,0.15); color: #10b981; border: 1px solid rgba(16,185,129,0.3); }
.gwg-dir-badge-paste { background: rgba(56,139,253,0.15); color: #58a6ff; border: 1px solid rgba(56,139,253,0.3); }
.gwg-dir-badge-manual { background: rgba(245,158,11,0.12); color: #f59e0b; border: 1px solid rgba(245,158,11,0.28); }
.gwg-dir-badge-skeleton { background: rgba(168,85,247,0.12); color: #c084fc; border: 1px solid rgba(168,85,247,0.28); }
.gwg-dir-badge-community-fav  { background: rgba(251,191,36,0.12);  color: #fbbf24; border: 1px solid rgba(251,191,36,0.3); }
.gwg-dir-badge-hidden-gem      { background: rgba(56,189,248,0.10);  color: #38bdf8; border: 1px solid rgba(56,189,248,0.25); }
.gwg-dir-badge-steady-earner   { background: rgba(167,139,250,0.10); color: #a78bfa; border: 1px solid rgba(167,139,250,0.25); }
.gwg-dir-badge-payout-fast,
.gwg-dir-badge-payout-standard,
.gwg-dir-badge-payout-slow,
.gwg-dir-badge-payout-variable { background: rgba(148,163,184,0.10); color: #94a3b8; border: 1px solid rgba(148,163,184,0.25); }
.gwg-dir-desc { color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.55; margin: 0; }
.gwg-dir-import-key {
margin-top: 32px;
padding: 18px;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 8px;
background: rgba(255,255,255,0.035);
}
.gwg-dir-import-key h2 {
margin: 0 0 12px;
font-size: 15px;
color: rgba(255,255,255,0.86);
}
.gwg-dir-import-key-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
.gwg-dir-import-key-item {
display: grid;
gap: 7px;
align-content: start;
}
.gwg-dir-import-key-item p {
margin: 0;
color: rgba(255,255,255,0.58);
font-size: 12px;
line-height: 1.45;
}
.gwg-dir-import-key-footnote {
margin: 14px 0 0;
padding-top: 12px;
border-top: 1px solid rgba(255,255,255,0.07);
color: rgba(255,255,255,0.48);
font-size: 12px;
line-height: 1.5;
}
.gwg-dir-footer { margin-top: 32px; padding-top: 24px; color: rgba(255,255,255,0.5); font-size: 13px; text-align: center; }
.gwg-dir-footer a { color: #10b981; }
.gwg-dir-cta { display: inline-block; background: #10b981; color: #fff; padding: 14px 32px; border-radius: 8px; font-weight: 600; text-decoration: none; transition: background .15s, transform .1s; }
.gwg-dir-cta:hover { background: #059669; color: #fff; transform: translateY(-1px); }
.gwg-dir-bottom-cta { margin-top: 40px; padding: 20px; text-align: center; color: rgba(255,255,255,0.55); font-size: 14px; }
.gwg-dir-bottom-cta p { margin: 0 0 10px; }
.gwg-dir-bottom-cta a { color: rgba(255,255,255,0.55); text-decoration: none; font-size: 13px; letter-spacing: 0.02em; transition: color .15s; }
.gwg-dir-bottom-cta a:hover { color: #10b981; }
.gwg-dir-bottom-cta .gwg-dir-cta { color: #fff; }
.gwg-dir-bottom-cta .gwg-dir-cta:hover { color: #fff; }
.gwg-dir-bottom-cta--active a { color: #10b981; font-weight: 500; }
.gwg-ratings-key {
display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
margin-bottom: 14px; padding: 14px 18px;
background: rgba(255,255,255,.04);
border-radius: 8px; border: 1px solid rgba(255,255,255,.08);
font-size: 13px; color: rgba(255,255,255,.55);
}
.gwg-key-hdr {
width: 100%; display: flex; justify-content: space-between;
align-items: center; gap: 8px; margin-bottom: 2px;
}
.gwg-key-label { font-weight: 600; color: rgba(255,255,255,.75); white-space: nowrap; }
.gwg-key-platform-total {
font-size: 12px; color: rgba(255,255,255,.4);
font-variant-numeric: tabular-nums;
}
.gwg-key-items { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.gwg-key-tl-item {
display: inline-flex; align-items: center; gap: 5px;
cursor: pointer; padding: 3px 6px; border-radius: 6px;
transition: background .15s;
}
.gwg-key-tl-item:hover { background: rgba(255,255,255,.06); }
.gwg-key-count-num {
font-size: 17px; font-weight: 700; line-height: 1;
font-variant-numeric: tabular-nums; min-width: 1.5ch; text-align: right;
}
.gwg-key-count-green  { color: #10b981; }
.gwg-key-count-yellow { color: #f59e0b; }
.gwg-key-count-red    { color: #ef4444; }
.gwg-key-count-unrated { color: rgba(255,255,255,.46); }
.gwg-key-tl-label { font-size: 12px; color: rgba(255,255,255,.5); }
.gwg-key-sep { color: rgba(255,255,255,.2); }
.gwg-key-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; vertical-align: middle; }
.gwg-key-dot.green  { background: #10b981; }
.gwg-key-dot.yellow { background: #f59e0b; }
.gwg-key-dot.red    { background: #ef4444; }
.gwg-key-dot.unrated { background: rgba(255,255,255,.26); }
.gwg-key-hint { margin-left: auto; font-size: 11px; color: rgba(255,255,255,.3); line-height: 1.7; text-align: right; }
.gwg-dir-name { text-decoration: none !important; }
.gwg-key-dot { transition: none; }
.gwg-key-tl-item.gwg-key-tl-active[data-tl-color="green"]  { background: rgba(16,185,129,0.12); }
.gwg-key-tl-item.gwg-key-tl-active[data-tl-color="yellow"] { background: rgba(245,158,11,0.12); }
.gwg-key-tl-item.gwg-key-tl-active[data-tl-color="red"]    { background: rgba(239,68,68,0.12); }
.gwg-key-tl-item.gwg-key-tl-active[data-tl-color="none"]   { background: rgba(255,255,255,0.07); }
.gwg-key-tl-item.gwg-key-tl-dimmed { opacity: 0.22; filter: saturate(0.25); }
.gwg-key-clear-wrap { display: none; width: 100%; margin-top: -10px; }
.gwg-key-clear {
background: none; border: none; cursor: pointer; padding: 0;
font-size: 10px; color: rgba(255,255,255,0.35);
text-decoration: underline; font-family: inherit;
}
.gwg-key-clear:hover { color: rgba(255,255,255,0.65); }
.gwg-platform-search {
display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
margin-bottom: 14px; padding: 12px 16px;
background: rgba(255,255,255,.04);
border-radius: 8px; border: 1px solid rgba(255,255,255,.08);
font-size: 13px; position: relative;
}
.gwg-search-label { font-weight: 600; color: rgba(255,255,255,.75); white-space: nowrap; }
.gwg-search-wrap { position: relative; flex: 1; min-width: 200px; }
.gwg-search-input {
width: 100%; box-sizing: border-box;
background: rgba(255,255,255,.09) !important; border: 1px solid rgba(255,255,255,.15);
border-radius: 6px; padding: 7px 12px;
color: #fff !important; -webkit-text-fill-color: #fff !important;
caret-color: #10b981;
font-size: 13px; outline: none;
transition: border-color .15s, box-shadow .15s, background .15s;
}
.gwg-search-input::placeholder { color: rgba(255,255,255,.3); }
.gwg-search-input:focus {
border-color: rgba(16,185,129,.75);
background: rgba(255,255,255,.13) !important;
box-shadow: 0 0 0 3px rgba(16,185,129,.18);
}
.gwg-search-input:focus::placeholder { color: transparent; }
.gwg-search-dropdown {
display: none; position: absolute; top: calc(100% + 4px); left: 0; right: 0;
background: #1e2535; border: 1px solid rgba(255,255,255,.15);
border-radius: 6px; list-style: none; margin: 0; padding: 4px 0;
z-index: 999; max-height: 240px; overflow-y: auto;
}
.gwg-search-dropdown li {
padding: 8px 14px; color: rgba(255,255,255,.8); cursor: pointer;
font-size: 13px; transition: background .1s;
}
.gwg-search-dropdown li:hover { background: rgba(16,185,129,.12); color: #10b981; }
@keyframes gwg-search-flash {
0%   { background: rgba(16,185,129,.34); box-shadow: 0 0 0 2px rgba(16,185,129,.3); }
100% { background: transparent; box-shadow: 0 0 0 2px rgba(16,185,129,0); }
}
.gwg-search-highlight { animation: gwg-search-flash 4s ease-out forwards; border-radius: 6px; }
@media (max-width: 640px) {
.gwg-platform-search { flex-direction: column; align-items: flex-start; gap: 8px; }
.gwg-search-wrap { width: 100%; }
.gwg-dir-cat-title { font-size: 19px; }
.gwg-dir-name { font-size: 16px; }
.gwg-dir-anon-cta { flex-direction: column; align-items: flex-start; gap: 10px; }
} .prp-page { padding: 32px 20px 80px; max-width: 800px; }
.prp-back { margin-bottom: 28px; }
.prp-back a { color: rgba(255,255,255,0.4); font-size: 14px; text-decoration: none; }
.prp-back a:hover { color: #10b981; }
.prp-header { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 28px; }
.prp-favicon { width: 32px; height: 32px; border-radius: 6px; flex-shrink: 0; margin-top: 8px; }
.prp-title-block h1 { font-size: 34px; font-weight: 700; margin: 0 0 10px; }
.prp-badges { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.prp-cat-badge { font-size: 11px; padding: 3px 10px; border-radius: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; background: rgba(255,255,255,0.09); color: rgba(255,255,255,0.6); }
.prp-intro { font-size: 16px; color: rgba(255,255,255,0.78); line-height: 1.7; max-width: 1040px; margin: 0 0 40px; }
.prp-section-title { font-size: 20px; font-weight: 600; margin: 0 0 20px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.prp-field-report-cta { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 32px; padding: 18px 20px; background: rgba(16,185,129,0.07); border: 1px solid rgba(16,185,129,0.22); border-radius: 8px; }
.prp-field-report-cta h2 { margin: 0 0 6px; font-size: 18px; line-height: 1.25; color: rgba(255,255,255,0.94); }
.prp-field-report-cta p { margin: 0; color: rgba(255,255,255,0.64); font-size: 14px; line-height: 1.5; }
.prp-field-report-cta .prp-early-signal { margin-top: 6px; color: rgba(110,231,183,0.78); }
.prp-field-report-btn { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 18px; border-radius: 8px; border: 1px solid rgba(16,185,129,0.38); background: #10b981; color: #09101f; font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer; transition: background .15s, transform .1s, border-color .15s; }
.prp-field-report-btn:hover { background: #34d399; color: #09101f; border-color: #34d399; transform: translateY(-1px); }
.prp-field-report-btn:focus-visible { outline: 2px solid #6ee7b7; outline-offset: 3px; }
.prp-ratings-section { margin-bottom: 40px; }
.prp-rating-summary { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; }
.prp-rating-item { display: flex; align-items: center; gap: 10px; padding: 14px 20px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; }
button.prp-dot-btn { font-family: inherit; font-size: inherit; color: inherit; text-align: left; cursor: pointer; transition: border-color .15s, background .15s; }
button.prp-dot-btn:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.2); }
.prp-dot { display: inline-block; width: 13px; height: 13px; border-radius: 50%; flex-shrink: 0; }
.prp-dot-green  { background: #10b981; box-shadow: 0 0 0 4px rgba(16,185,129,0.18); }
.prp-dot-yellow { background: #f59e0b; box-shadow: 0 0 0 4px rgba(245,158,11,0.18); }
.prp-dot-red    { background: #ef4444; box-shadow: 0 0 0 4px rgba(239,68,68,0.18); }
.prp-count { font-size: 26px; font-weight: 700; }
.prp-label { font-size: 13px; color: rgba(255,255,255,0.5); }
.prp-total { font-size: 13px; color: rgba(255,255,255,0.3); margin: 0; }
.prp-no-data { font-size: 14px; color: rgba(255,255,255,0.35); }
.prp-no-data a { color: #10b981; }
.prp-reports-section { margin-bottom: 40px; }
.prp-reports { display: flex; flex-direction: column; gap: 14px; }
.prp-report { display: flex; gap: 14px; padding: 16px 18px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; }
.prp-report-dot { flex-shrink: 0; margin-top: 6px; }
.prp-report-body p { margin: 0 0 6px; color: rgba(255,255,255,0.8); font-size: 15px; line-height: 1.65; }
.prp-report-body cite { font-size: 12px; color: rgba(255,255,255,0.28); font-style: normal; }
.prp-rate-cta { margin-bottom: 32px; padding: 14px 18px; background: rgba(16,185,129,0.05); border: 1px solid rgba(16,185,129,0.18); border-radius: 8px; font-size: 14px; color: rgba(255,255,255,0.5); }
.prp-rate-cta p { margin: 0; }
.prp-rate-cta a { color: #10b981; }
.prp-cta-row { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 48px; }
.prp-cta-primary { display: inline-block; background: #10b981; color: #1a1a2e; padding: 14px 28px; border-radius: 8px; font-size: 16px; font-weight: 700; text-decoration: none; transition: background .15s, transform .1s; }
.prp-cta-primary:hover { background: #059669; color: #1a1a2e; transform: translateY(-1px); }
.prp-cta-secondary { display: inline-block; border: 1px solid rgba(255,255,255,0.18); color: rgba(255,255,255,0.6); padding: 14px 28px; border-radius: 8px; font-size: 16px; font-weight: 500; text-decoration: none; transition: border-color .15s, color .15s; }
.prp-cta-secondary:hover { border-color: #10b981; color: #10b981; }
.prp-related { margin-bottom: 40px; }
.prp-related-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.prp-related-list li a { color: #10b981; text-decoration: none; padding: 6px 14px; border: 1px solid rgba(16,185,129,0.28); border-radius: 20px; font-size: 14px; transition: background .15s; display: inline-block; }
.prp-related-list li a:hover { background: rgba(16,185,129,0.1); }
.prp-platform-ring {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: stretch;
gap: 14px;
margin: 10px 0 44px;
padding-top: 24px;
border-top: 1px solid rgba(255,255,255,0.08);
}
.prp-ring-link,
.prp-ring-all {
border: 1px solid rgba(255,255,255,0.12);
border-radius: 8px;
color: rgba(255,255,255,0.76);
text-decoration: none;
transition: border-color .15s, background .15s, color .15s;
}
.prp-ring-link {
display: flex;
flex-direction: column;
gap: 4px;
padding: 12px 14px;
min-width: 0;
}
.prp-ring-next { text-align: right; align-items: flex-end; }
.prp-ring-kicker { color: rgba(255,255,255,0.42); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.prp-ring-link strong { color: #fff; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.prp-ring-all { display: inline-flex; align-items: center; justify-content: center; padding: 0 18px; color: #10b981; font-weight: 700; white-space: nowrap; }
.prp-ring-link:hover,
.prp-ring-all:hover { background: rgba(16,185,129,0.08); border-color: rgba(16,185,129,0.35); color: #10b981; }
@media (max-width: 640px) {
.gwg-dir-anon-cta { align-items: stretch; flex-direction: column; }
.gwg-dir-anon-actions { align-items: stretch; flex-direction: column; gap: 10px; }
.gwg-dir-anon-cta a:first-of-type { text-align: center; }
.gwg-dir-import-key-list { grid-template-columns: 1fr; }
.prp-header { gap: 10px; }
.prp-title-block h1 { font-size: 26px; }
.prp-field-report-cta { align-items: stretch; flex-direction: column; padding: 16px; }
.prp-field-report-btn { width: 100%; }
.prp-rating-summary { gap: 10px; }
.prp-rating-item { padding: 12px 14px; }
.prp-count { font-size: 22px; }
.prp-cta-row { flex-direction: column; }
.prp-cta-primary, .prp-cta-secondary { text-align: center; }
.prp-platform-ring { grid-template-columns: 1fr; }
.prp-ring-next { text-align: left; align-items: flex-start; }
.prp-ring-all { padding: 12px 14px; }
} .cmp-page { max-width: 920px; }
.cmp-header { margin-bottom: 32px; }
.cmp-header h1 { font-size: 28px; font-weight: 700; margin: 0 0 8px; }
.cmp-subtitle { color: rgba(255,255,255,0.5); font-size: 15px; margin: 0; }
.cmp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 32px; align-items: start; }
.cmp-col { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.09); border-radius: 14px; padding: 22px; display: flex; flex-direction: column; gap: 18px; }
.cmp-col-header { display: flex; align-items: flex-start; gap: 10px; }
.cmp-col-name { font-size: 20px; font-weight: 700; margin: 0 0 6px; }
.cmp-col-name a { color: #fff; text-decoration: none; }
.cmp-col-name a:hover { color: #10b981; }
.cmp-ratings { display: flex; flex-direction: column; gap: 8px; }
.cmp-ratings .prp-rating-item { width: 100%; box-sizing: border-box; }
.cmp-desc { color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.65; margin: 0; }
.cmp-cta-col { display: flex; flex-direction: column; gap: 10px; margin-top: auto; }
.cmp-cta-btn { font-size: 14px; padding: 10px 16px; text-align: center; }
.cmp-dashboard-cta { text-align: center; margin-bottom: 40px; }
@media (max-width: 640px) {
.cmp-grid { grid-template-columns: 1fr; }
.cmp-header h1 { font-size: 22px; }
}.gwg-rating-dot {
display: inline-flex; align-items: center; justify-content: center;
width: 18px; height: 18px; border-radius: 50%;
border: none; cursor: pointer; padding: 0; margin-left: 8px;
vertical-align: middle; flex-shrink: 0;
transition: transform .15s, opacity .15s;
position: relative; top: -1px;
}
.gwg-rating-dot:hover { transform: scale(1.25); }
.gwg-rating-dot[data-color="green"]  { background: #10b981; box-shadow: 0 0 0 3px rgba(16,185,129,.25); }
.gwg-rating-dot[data-color="yellow"] { background: #f59e0b; box-shadow: 0 0 0 3px rgba(245,158,11,.25); }
.gwg-rating-dot[data-color="red"]    { background: #ef4444; box-shadow: 0 0 0 3px rgba(239,68,68,.25); }
.gwg-rating-dot[data-color="none"]   { background: rgba(255,255,255,.2); box-shadow: 0 0 0 3px rgba(255,255,255,.08); } #gwg-ratings-modal-overlay {
display: none; position: fixed; inset: 0; z-index: 99999;
background: rgba(0,0,0,.65); backdrop-filter: blur(4px);
align-items: center; justify-content: center;
}
#gwg-ratings-modal-overlay.gwg-open { display: flex; }
#gwg-ratings-modal {
background: #1a1a2e; border: 1px solid rgba(255,255,255,.12);
border-radius: 14px; width: 92%; max-width: 520px;
max-height: 80vh; display: flex; flex-direction: column;
overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.5);
}
.gwg-modal-head {
display: flex; align-items: center; justify-content: space-between;
padding: 18px 22px 14px; border-bottom: 1px solid rgba(255,255,255,.08);
}
.gwg-modal-title { color: #fff; font-size: 17px; font-weight: 700; margin: 0; flex: 1; }
.gwg-modal-close {
background: none; border: none; color: rgba(255,255,255,.5);
font-size: 22px; line-height: 1; cursor: pointer; padding: 0 0 0 12px;
transition: color .15s;
}
.gwg-modal-close:hover { color: #fff; } .gwg-modal-body { overflow-y: auto; padding: 18px 22px; flex: 1; }
.gwg-rating-bar {
display: flex; gap: 8px; align-items: center; margin-bottom: 18px;
padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.07);
flex-wrap: wrap;
}
.gwg-rating-chip {
display: flex; align-items: center; gap: 6px;
background: rgba(255,255,255,.06); border-radius: 20px;
padding: 5px 12px; font-size: 13px; color: rgba(255,255,255,.85);
}
.gwg-rating-chip .dot {
width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0;
}
.gwg-rating-chip .dot.green  { background: #10b981; }
.gwg-rating-chip .dot.yellow { background: #f59e0b; }
.gwg-rating-chip .dot.red    { background: #ef4444; }
.gwg-rating-chip-total {
margin-left: auto; font-size: 12px; color: rgba(255,255,255,.4);
white-space: nowrap;
}
.gwg-no-ratings { color: rgba(255,255,255,.4); font-size: 14px; text-align: center; padding: 24px 0; }
.gwg-comment-list { display: flex; flex-direction: column; gap: 12px; }
.gwg-comment-card {
background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
border-radius: 8px; padding: 12px 14px;
}
.gwg-comment-card-head {
display: flex; align-items: center; gap: 8px; margin-bottom: 6px;
}
.gwg-comment-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.gwg-comment-dot.green  { background: #10b981; }
.gwg-comment-dot.yellow { background: #f59e0b; }
.gwg-comment-dot.red    { background: #ef4444; }
.gwg-comment-name { color: rgba(255,255,255,.7); font-size: 12px; font-weight: 600; }
.gwg-comment-date { color: rgba(255,255,255,.3); font-size: 11px; margin-left: auto; }
.gwg-comment-text { color: rgba(255,255,255,.8); font-size: 13px; line-height: 1.5; margin: 0; }
.gwg-modal-rate-link {
display: block; text-align: center; margin-top: 18px;
padding-top: 14px; border-top: 1px solid rgba(255,255,255,.07);
color: #10b981; font-size: 13px; cursor: pointer; text-decoration: none;
background: none; border-left: none; border-right: none; border-bottom: none;
width: 100%;
transition: color .15s;
}
.gwg-modal-rate-link:hover { color: #6ee7b7; }
.gwg-modal-login-prompt {
text-align: center; margin-top: 18px; padding-top: 14px;
border-top: 1px solid rgba(255,255,255,.07);
color: rgba(255,255,255,.35); font-size: 12px;
}
.gwg-modal-login-prompt a { color: #10b981; text-decoration: none; } #gwg-ratings-form-state { display: none; }
#gwg-ratings-form-state.gwg-active { display: block; }
#gwg-ratings-view-state.gwg-hidden { display: none; }
.gwg-form-back {
background: none; border: none; color: rgba(255,255,255,.4);
font-size: 12px; cursor: pointer; padding: 0 0 14px; display: block;
transition: color .15s;
}
.gwg-form-back:hover { color: rgba(255,255,255,.7); }
.gwg-traffic-radios {
display: flex; gap: 12px; margin-bottom: 18px;
}
.gwg-traffic-radio { flex: 1; }
.gwg-traffic-radio input[type=radio] { display: none; }
.gwg-traffic-radio label {
display: flex; flex-direction: column; align-items: center; gap: 6px;
padding: 14px 8px; border-radius: 10px;
border: 2px solid rgba(255,255,255,.1);
cursor: pointer; transition: border-color .15s, background .15s;
user-select: none;
}
.gwg-traffic-radio label .tl-dot {
width: 22px; height: 22px; border-radius: 50%;
}
.gwg-traffic-radio label span { font-size: 11px; color: rgba(255,255,255,.5); text-transform: uppercase; letter-spacing: .5px; }
.gwg-traffic-radio input:checked + label { border-color: currentColor; background: rgba(255,255,255,.06); }
.gwg-traffic-radio.green  label { color: #10b981; }
.gwg-traffic-radio.green  input:checked + label { border-color: #10b981; background: rgba(16,185,129,.1); }
.gwg-traffic-radio.yellow label { color: #f59e0b; }
.gwg-traffic-radio.yellow input:checked + label { border-color: #f59e0b; background: rgba(245,158,11,.1); }
.gwg-traffic-radio.red    label { color: #ef4444; }
.gwg-traffic-radio.red    input:checked + label { border-color: #ef4444; background: rgba(239,68,68,.1); }
.gwg-traffic-radio .tl-dot.green  { background: #10b981; }
.gwg-traffic-radio .tl-dot.yellow { background: #f59e0b; }
.gwg-traffic-radio .tl-dot.red    { background: #ef4444; }
.gwg-form-textarea {
width: 100%; box-sizing: border-box;
background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12);
border-radius: 8px; color: #fff !important; font-size: 13px; line-height: 1.5;
padding: 10px 12px; resize: none; font-family: inherit;
transition: border-color .15s;
}
.gwg-form-textarea:focus { outline: none; border-color: rgba(16,185,129,.5); }
.gwg-form-textarea::placeholder { color: rgba(255,255,255,.25); }
.gwg-char-counter { text-align: right; font-size: 11px; color: rgba(255,255,255,.3); margin-top: 4px; }
.gwg-char-counter.warn { color: #f59e0b; }
.gwg-form-mod-note {
font-size: 13px; color: rgba(255,255,255,.5); font-style: italic;
margin: 6px 0 14px; line-height: 1.5;
}
.gwg-form-row {
display: flex; align-items: center; gap: 10px; margin: 14px 0 18px;
font-size: 13px; color: rgba(255,255,255,.6);
}
.gwg-form-row input[type=checkbox] { accent-color: #10b981; }
.gwg-form-row label { cursor: pointer; }
.gwg-form-submit {
width: 100%; padding: 12px; border-radius: 8px;
background: #10b981; color: #fff; border: none;
font-size: 14px; font-weight: 600; cursor: pointer;
transition: background .15s, transform .1s;
}
.gwg-form-submit:hover { background: #059669; transform: translateY(-1px); }
.gwg-form-submit:disabled { background: rgba(255,255,255,.15); cursor: not-allowed; transform: none; }
.gwg-form-msg { margin-top: 12px; font-size: 13px; text-align: center; color: #10b981; }
.gwg-form-msg.err { color: #ef4444; }
.gwg-my-pending-note {
font-size: 11px; color: rgba(255,255,255,.35);
text-align: center; margin-top: 8px;
} @media (max-width: 480px) {
#gwg-ratings-modal { max-height: 90vh; border-radius: 14px 14px 0 0; }
#gwg-ratings-modal-overlay { align-items: flex-end; }
.gwg-traffic-radios { gap: 8px; }
}body:not(.gwg-app) input[type="text"],body:not(.gwg-app) input[type="password"],body:not(.gwg-app) input[type="email"],body:not(.gwg-app) textarea,body:not(.gwg-app) select{color:#000!important}body:not(.gwg-app) input:-webkit-autofill,body:not(.gwg-app) input:-webkit-autofill:hover,body:not(.gwg-app) input:-webkit-autofill:focus,body:not(.gwg-app) input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:#000!important}:root{--bg-gradient:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);--accent-green:#10b981;--accent-green-hover:#059669;--card-bg:rgba(255,255,255,0.05);--card-border:rgba(255,255,255,0.1);--text-primary:#f3f6fb;--text-secondary:rgba(255,255,255,0.7);--text-muted:rgba(255,255,255,0.5);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;min-height:100vh}a{color:var(--accent-green);text-decoration:none;transition:color 0.2s}a:hover{color:var(--accent-green-hover)}.site-container{max-width:1440px;margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:1000;padding:24px 0;border-bottom:1px solid var(--card-border);background:rgba(26,26,46,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.admin-bar .site-header{top:32px}@media screen and (max-width:782px){.admin-bar .site-header{top:46px}}.header-inner{max-width:1440px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.site-logo{font-size:24px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:12px}.site-logo:hover{color:var(--accent-green)}.logo-icon{width:36px;height:36px;border-radius:6px;display:block;flex-shrink:0}.site-nav ul{list-style:none;display:flex;gap:32px;margin:0}.site-nav a{color:var(--text-secondary);font-weight:500;transition:color 0.2s}.site-nav a:hover{color:var(--text-primary)}.nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.nav-toggle span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .25s,opacity .25s}.ratings-hero{padding:48px 20px 28px;background:linear-gradient(180deg,rgba(11,36,34,0.72) 0%,rgba(26,26,46,0.18) 76%,rgba(26,26,46,0) 100%);overflow:hidden}.ratings-hero-grid{display:grid;grid-template-columns:minmax(0,0.82fr) minmax(520px,1.18fr);align-items:start;gap:44px;max-width:1440px;min-width:0;margin:0 auto}.ratings-hero-copy{max-width:620px;min-width:0}.ratings-hero h1{font-size:58px;line-height:1.05;font-weight:750;margin-bottom:22px;overflow-wrap:break-word}.ratings-hero-subtitle{max-width:540px;color:rgba(255,255,255,0.76);font-size:20px;line-height:1.62;margin-bottom:16px}.ratings-hero-subtitle--secondary{font-size:18px;line-height:1.58;margin-bottom:28px}.ratings-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.ratings-secondary-button{display:inline-block;border:1px solid rgba(255,255,255,0.18);border-radius:8px;color:rgba(255,255,255,0.82);padding:16px 28px;font-size:18px;font-weight:700;text-decoration:none;transition:border-color 0.2s,color 0.2s,transform 0.2s}.ratings-secondary-button:hover{border-color:var(--accent-green);color:var(--accent-green);transform:translateY(-2px)}.ratings-hero-facts{display:flex;flex-wrap:wrap;gap:10px;color:rgba(255,255,255,0.62);font-size:14px}.ratings-hero-facts span,.ratings-hero-facts a{padding:8px 12px;border:1px solid rgba(255,255,255,0.1);border-radius:8px;background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.62);text-decoration:none}.ratings-hero-facts strong{color:#ffffff}.ratings-hero-facts a:hover{border-color:rgba(16,185,129,0.42);color:var(--accent-green);background:rgba(16,185,129,0.08)}.ratings-console{display:block;width:100%;max-width:100%;min-width:0;border:1px solid rgba(255,255,255,0.12);border-radius:12px;background:rgba(17,24,39,0.78);box-shadow:0 22px 50px rgba(0,0,0,0.34);overflow:hidden;color:var(--text-primary);text-decoration:none;transition:border-color 0.2s,box-shadow 0.2s,transform 0.2s}.ratings-console:hover,.ratings-console:focus-visible{color:var(--text-primary);border-color:rgba(16,185,129,0.36);box-shadow:0 26px 60px rgba(0,0,0,0.38);transform:translateY(-2px)}.ratings-console:focus-visible{outline:2px solid var(--accent-green);outline-offset:4px}.ratings-console-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04)}.ratings-console-head span{color:rgba(255,255,255,0.9);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em}.ratings-console-head em{color:var(--accent-green);font-size:13px;font-weight:700;font-style:normal;white-space:nowrap}.ratings-directory-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;border-bottom:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.08)}.ratings-stat-card{display:grid;align-content:center;gap:5px;min-height:78px;padding:14px 18px;color:rgba(255,255,255,0.58);font-size:12px}.ratings-stat-card--platforms{background:radial-gradient(circle at 18% 22%,rgba(16,185,129,0.28),transparent 32%),linear-gradient(135deg,rgba(6,78,59,0.46),rgba(15,23,42,0.82))}.ratings-stat-card--signals{background:radial-gradient(circle at 20% 20%,rgba(245,158,11,0.22),transparent 30%),linear-gradient(135deg,rgba(30,41,59,0.88),rgba(15,23,42,0.82))}.ratings-stat-card--entries{background:radial-gradient(circle at 24% 18%,rgba(56,189,248,0.24),transparent 30%),linear-gradient(135deg,rgba(12,74,110,0.42),rgba(15,23,42,0.82))}.ratings-directory-stats strong{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#f8fafc;font-size:22px;line-height:1}.ratings-directory-stats small{color:rgba(255,255,255,0.66);font-size:12px;line-height:1.25}.ratings-stat-card--signals .ratings-dot{width:11px;height:11px}.ratings-stat-card--entries b{display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;border:1px solid rgba(255,255,255,0.16);border-radius:999px;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.9);font-size:11px;line-height:1}.ratings-platform-list{position:relative;max-height:432px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--accent-green) rgba(255,255,255,0.08);scrollbar-width:thin}.ratings-platform-list::after{content:"";position:sticky;bottom:0;display:block;height:38px;margin-top:-38px;pointer-events:none;background:linear-gradient(180deg,rgba(17,24,39,0),rgba(17,24,39,0.94))}.ratings-platform-track{display:grid}.ratings-platform-row{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(78px,auto);align-items:center;gap:14px;min-height:64px;padding:12px 18px;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,0.08);text-decoration:none;transition:background-color 0.2s}.ratings-platform-row:hover{color:var(--text-primary);background:rgba(255,255,255,0.045)}.ratings-platform-mark{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:8px;background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.2);color:#a7f3d0;font-weight:800}.ratings-platform-name{display:grid;gap:3px;min-width:0}.ratings-platform-name strong{font-size:18px;line-height:1.2}.ratings-platform-name small,.ratings-platform-signal span{color:rgba(255,255,255,0.52);font-size:13px}.ratings-platform-signal{display:inline-flex;justify-self:end;align-items:center;gap:8px;white-space:nowrap}.ratings-module-badge{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:6px 8px;border:1px solid rgba(255,255,255,0.1);border-radius:999px;background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.68);font-size:12px;font-weight:800}.ratings-module-badge--csv{border-color:rgba(16,185,129,0.35);color:#a7f3d0;background:rgba(16,185,129,0.12)}.ratings-module-badge--paste{border-color:rgba(56,189,248,0.32);color:#bae6fd;background:rgba(14,165,233,0.12)}.ratings-module-badge--manual{border-color:rgba(245,158,11,0.32);color:#fde68a;background:rgba(245,158,11,0.12)}.ratings-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex:0 0 auto}.ratings-dot--green{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,0.18)}.ratings-dot--yellow{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,0.18)}.ratings-dot--red{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,0.18)}.ratings-console-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,0.08)}.ratings-detail-label{display:block;margin-bottom:6px;color:rgba(255,255,255,0.5);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em}.ratings-console-detail p{color:rgba(255,255,255,0.78);font-size:15px;line-height:1.55}.ratings-traffic-key{display:grid;gap:9px;min-width:118px;color:rgba(255,255,255,0.62);font-size:13px;font-weight:700}.ratings-traffic-key span{display:inline-flex;align-items:center;gap:8px}.ratings-compare-strip{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;color:var(--text-primary);text-decoration:none;background:rgba(16,185,129,0.08)}.ratings-console:hover .ratings-compare-strip{color:var(--text-primary);background:rgba(16,185,129,0.12)}.ratings-compare-strip span,.ratings-compare-strip em{color:rgba(255,255,255,0.55);font-size:13px;font-style:normal}.ratings-compare-strip strong{font-size:16px}@media (prefers-reduced-motion:no-preference) and (min-width:921px){.ratings-platform-track{animation:ratings-directory-crawl 64s ease-in-out infinite alternate}.ratings-console:hover .ratings-platform-track,.ratings-console:focus-visible .ratings-platform-track{animation-play-state:paused}}@keyframes ratings-directory-crawl{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(calc(-100% + 432px))}}.ratings-signal-band{padding:28px 0 0}.ratings-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ratings-signal-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px 12px;padding:18px;border:1px solid rgba(255,255,255,0.09);border-radius:8px;background:rgba(255,255,255,0.035);color:var(--text-primary);text-decoration:none}.ratings-signal-item:hover,.ratings-signal-item:focus-visible{color:var(--text-primary)}.ratings-signal-dot{grid-row:1 / span 2;margin-top:8px}.ratings-signal-item h2{font-size:18px;line-height:1.25}.ratings-signal-item p{color:rgba(255,255,255,0.6);font-size:14px;line-height:1.55}.hero{text-align:center;padding:28px 20px 80px}.guide-hero{padding-top:52px;padding-bottom:44px}.hero-content{display:flex;align-items:center;justify-content:center;gap:72px;vertical-align:text-top;max-width:1160px;margin:0 auto}.hero-image{flex:0 1 500px;min-width:0;aspect-ratio:3 / 2}.hero-image img{width:100%;max-width:500px;height:auto;display:block;border-radius:8px;box-shadow:0 18px 48px rgba(0,0,0,0.28)}.hero-text{flex:0 1 560px;text-align:center}.hero-icon{font-size:84px;margin-bottom:12px}.hero h1,.hero h2{font-size:50px;font-weight:700;margin-bottom:16px;line-height:1.2;overflow-wrap:break-word;word-break:break-word;max-width:100%}.hero-subtitle{font-size:21px;color:var(--text-secondary);margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;background:var(--accent-green);color:#1a1a2e;padding:16px 48px;border-radius:8px;font-size:18px;font-weight:700;transition:all 0.2s;border:none;cursor:pointer;text-decoration:none}.cta-button:hover{background:var(--accent-green-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,0.3);color:#1a1a2e}.entry-content .cta-button,.entry-content .cta-button:hover{color:#1a1a2e;text-decoration:none}.section{padding:20px 20px}#pick-platforms-track-pay{scroll-margin-top:132px}#platform-directory{scroll-margin-top:132px}.dashboard-showcase{max-width:1120px;margin:0 auto 56px;text-align:center}.showcase-intro{max-width:720px;margin:-24px auto 20px;color:var(--text-secondary);font-size:18px}.showcase-mode-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.showcase-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.showcase-switch{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--card-border);border-radius:8px;background:var(--card-bg)}.showcase-switch label{padding:8px 16px;border-radius:5px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:700;transition:background-color 0.2s,color 0.2s}.showcase-mode-dark:focus-visible ~ .showcase-toolbar label[for="showcase-mode-dark"],.showcase-mode-light:focus-visible ~ .showcase-toolbar label[for="showcase-mode-light"],.showcase-screen-dashboard:focus-visible ~ .showcase-toolbar label[for="showcase-screen-dashboard"],.showcase-screen-platforms:focus-visible ~ .showcase-toolbar label[for="showcase-screen-platforms"]{outline:2px solid var(--accent-green);outline-offset:2px}.showcase-mode-dark:checked ~ .showcase-toolbar label[for="showcase-mode-dark"],.showcase-mode-light:checked ~ .showcase-toolbar label[for="showcase-mode-light"],.showcase-screen-dashboard:checked ~ .showcase-toolbar label[for="showcase-screen-dashboard"],.showcase-screen-platforms:checked ~ .showcase-toolbar label[for="showcase-screen-platforms"]{background:var(--accent-green);color:#1a1a2e}.showcase-frame{overflow:hidden;margin:0;border:1px solid var(--card-border);border-radius:12px;background:var(--card-bg);box-shadow:0 8px 28px rgba(0,0,0,0.28);text-align:left}.showcase-frame::before,.pricing-dashboard-preview picture::before{content:"";display:block;height:34px;border-bottom:1px solid var(--card-border);background:radial-gradient(circle at 18px 50%,#ff5f56 0 5px,transparent 6px),radial-gradient(circle at 38px 50%,#ffbd2e 0 5px,transparent 6px),radial-gradient(circle at 58px 50%,#27c93f 0 5px,transparent 6px),linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02))}.showcase-copy{padding:20px 24px;border-bottom:1px solid var(--card-border)}.showcase-copy h3{margin-bottom:4px;font-size:22px}.showcase-copy p{color:var(--text-secondary)}.showcase-copy--platforms{display:none}.showcase-shot{display:none;width:100%;height:auto}.showcase-mode-dark:checked ~ .showcase-screen-dashboard:checked ~ .showcase-frame .showcase-shot--dashboard.showcase-shot--dark,.showcase-mode-light:checked ~ .showcase-screen-dashboard:checked ~ .showcase-frame .showcase-shot--dashboard.showcase-shot--light,.showcase-mode-dark:checked ~ .showcase-screen-platforms:checked ~ .showcase-frame .showcase-shot--platforms.showcase-shot--dark,.showcase-mode-light:checked ~ .showcase-screen-platforms:checked ~ .showcase-frame .showcase-shot--platforms.showcase-shot--light{display:block}.showcase-frame picture{display:block;max-height:min(1080px,72vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--accent-green) rgba(255,255,255,0.08);scrollbar-width:thin}.showcase-screen-platforms:checked ~ .showcase-frame .showcase-copy--dashboard{display:none}.showcase-screen-platforms:checked ~ .showcase-frame .showcase-copy--platforms{display:block}.section-title{text-align:center;font-size:40px;font-weight:700;margin-bottom:48px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:40px}.dashboard-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:32px;backdrop-filter:blur(10px);transition:transform 0.2s,border-color 0.2s}.card:hover{transform:translateY(-4px);border-color:var(--accent-green)}.card h3{font-size:24px;margin-bottom:12px}.card p{color:var(--text-secondary);line-height:1.6}.home-video-section{padding:72px 20px 80px;background:radial-gradient(circle at 50% 0%,rgba(16,185,129,0.11),transparent 42%),rgba(0,0,0,0.14)}.home-video-heading{max-width:760px;margin:0 auto 30px;text-align:center}.home-video-heading .section-title{margin-bottom:0}.home-video-kicker{margin-bottom:8px;color:var(--accent-green);font-size:13px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase}.home-video-frame{max-width:1040px;margin:0 auto;padding:10px;border:1px solid rgba(255,255,255,0.14);border-radius:18px;background:rgba(7,11,24,0.82);box-shadow:0 24px 70px rgba(0,0,0,0.38)}.home-video-player{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border-radius:11px;background:#080b16;object-fit:contain}@media (max-width:768px){.home-video-section{padding:48px 14px 54px}.home-video-heading{margin-bottom:22px}.home-video-frame{padding:5px;border-radius:12px}.home-video-player{border-radius:8px}}.pricing-cards-wrapper{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;align-items:stretch}.pricing-card{flex:1 1 calc(50% - 12px);min-width:280px;max-width:480px;background:var(--card-bg);border:2px solid var(--accent-green);border-radius:16px;padding:48px 32px;text-align:center;transition:transform 0.2s,box-shadow 0.2s}.pricing-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(16,185,129,0.2)}@media (max-width:767px){.pricing-card{flex:1 1 100%;max-width:100%}}@media (min-width:768px){.pricing-cards-wrapper--triple .pricing-card{flex:1 1 calc(33.333% - 16px)}}.price{font-size:48px;font-weight:700;color:var(--accent-green);margin:24px 0 8px}.price-label{color:var(--text-muted);margin-bottom:32px}.feature-list{text-align:left;list-style:none;margin:32px 0}.feature-list li{padding:12px 0;position:relative;padding-left:32px}.feature-list-spacer{visibility:hidden}.feature-list li::before{content:"\2713";position:absolute;left:0;color:var(--accent-green);font-weight:bold;font-size:18px}.site-footer{border-top:1px solid var(--card-border);padding:48px 20px 24px;margin-top:10px}.footer-content{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{font-size:18px;margin-bottom:16px}.footer-section ul{list-style:none}.footer-section a{color:var(--text-secondary);display:block;padding:6px 0}.footer-bottom{max-width:1440px;margin:0 auto;padding-top:24px;border-top:1px solid var(--card-border);text-align:center;color:var(--text-muted)}@media (max-width:920px){.ratings-hero{padding-top:38px}.ratings-hero-grid{grid-template-columns:1fr;gap:32px}.ratings-hero-copy{max-width:720px}.ratings-console{max-width:760px;width:100%;margin:0 auto}.ratings-signal-grid{grid-template-columns:1fr}.hero-content{flex-direction:column}.hero-image{flex:0 0 auto;width:100%}.dashboard-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.ratings-hero h1{font-size:32px;line-height:1.1}.ratings-hero{padding-left:0;padding-right:0}.ratings-hero-grid,.ratings-hero-copy{width:calc(100vw - 40px);max-width:420px}.ratings-hero-subtitle{width:100%;max-width:420px;font-size:18px}.ratings-hero-actions{width:calc(100vw - 40px);max-width:420px;align-items:stretch;flex-direction:column}.ratings-console{width:calc(100vw - 40px);max-width:420px}.ratings-directory-stats{grid-template-columns:1fr}.ratings-stat-card{min-height:68px}.ratings-platform-list{max-height:286px}.ratings-hero-actions .cta-button,.ratings-secondary-button{width:100%;text-align:center;padding-left:18px;padding-right:18px}.ratings-platform-row{grid-template-columns:38px minmax(0,1fr);min-height:auto;padding:14px}.ratings-platform-mark{width:38px;height:38px}.ratings-platform-signal{grid-column:2;justify-self:start}.ratings-console-detail{grid-template-columns:1fr}.ratings-console-head{align-items:flex-start;flex-direction:column;gap:6px}.ratings-traffic-key{grid-template-columns:repeat(3,auto);min-width:0;justify-content:start;gap:12px}.ratings-compare-strip{grid-template-columns:1fr;gap:4px}.hero h1,.hero h2{font-size:36px}.hero-subtitle{font-size:18px}.nav-toggle{display:flex}.site-nav{position:absolute;top:100%;left:0;right:0;z-index:9999;background:rgba(26,26,46,.98);border-bottom:1px solid var(--card-border);max-height:0;overflow:hidden;transition:max-height .3s ease}body.nav-open{overflow:hidden}body.nav-open .site-nav{overflow-y:auto}.site-nav ul{flex-direction:column;gap:0;padding:8px 0}.site-nav li a{display:block;padding:14px 20px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.06)}body.nav-open .nav-toggle span:first-child{transform:translateY(8px) rotate(45deg)}body.nav-open .nav-toggle span:nth-child(2){opacity:0}body.nav-open .nav-toggle span:last-child{transform:translateY(-8px) rotate(-45deg)}.section-title{font-size:32px}.dashboard-showcase{margin-bottom:40px}.showcase-intro{margin-top:-20px;font-size:16px}.showcase-toolbar{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:16px}.showcase-switch{display:grid;grid-template-columns:1fr 1fr}.showcase-switch label{padding:8px 10px}.showcase-copy{padding:16px}.showcase-copy h3{font-size:18px}.showcase-copy p{font-size:14px}.dashboard-feature-grid{grid-template-columns:1fr}}.founding-banner{background:#b45309;color:#fff;width:100%;font-size:13px;line-height:1;z-index:1100;position:relative}.founding-banner-inner{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 12px;height:32px;max-width:1440px;margin:0 auto;position:relative}.founding-banner-text{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.founding-banner-link{color:#fef3c7;font-weight:600;text-decoration:underline;white-space:nowrap}.founding-banner-link:hover{color:#fff}.founding-banner-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;cursor:pointer;font-size:14px;opacity:0.7;padding:0 4px;line-height:1}.founding-banner-close:hover{opacity:1}@media (max-width:600px){.founding-banner{font-size:11px}.founding-banner-inner{min-height:36px;height:auto;padding:6px 42px 6px 12px}.founding-banner-text{white-space:normal;line-height:1.3;overflow:visible;text-overflow:clip}}.founding-section{background:linear-gradient(135deg,rgba(180,83,9,0.15) 0%,rgba(0,0,0,0) 100%);border-top:2px solid #b45309;border-bottom:2px solid #b45309}.founding-badge{display:block;width:fit-content;margin-left:auto;margin-right:auto;background:#b45309;color:#fff;font-size:13px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:4px 14px;border-radius:20px;margin-bottom:16px}.founding-subtitle{color:var(--text-muted);font-size:16px;margin-bottom:40px;text-align:center}.founding-card{border-color:#f97316!important;position:relative}.founding-card--annual{border-color:#f97316!important}.founding-price{color:#fbbf24!important}.price-was{font-size:12px;color:var(--text-muted);text-decoration:line-through;margin-bottom:20px}.founding-cta{background:#f97316!important;color:#1a1a2e!important}.founding-cta:hover{background:#ea6c0a!important;color:#1a1a2e!important}.founding-fine{margin-top:32px;font-size:12px;color:var(--text-muted);text-align:center;max-width:600px;margin-left:auto;margin-right:auto}