:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;background:#f8f9fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:32px;width:min(1180px,100% - 48px);margin:0 auto;padding:28px 0;display:flex;position:relative}.site-header:after{content:"";background:var(--color-accent);width:72px;height:2px;position:absolute;bottom:-1px;left:0}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:var(--color-brand);color:#fff;letter-spacing:.04em;width:42px;height:42px;box-shadow:inset 0 -3px 0 var(--color-accent), 0 2px 8px #18212b14;border-radius:10px;place-items:center;font-size:.9rem;font-weight:700;display:grid}.brand h1{margin:0;font-size:1.15rem;line-height:1.2}.brand p{color:var(--color-text-secondary);margin:3px 0 0;font-size:.78rem}.main-nav{gap:26px;display:flex}.main-nav a{color:var(--color-text-secondary);font-size:.9rem;font-weight:600;text-decoration:none}main{flex:1}.hero{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:80px;width:min(1180px,100% - 48px);margin:0 auto;padding:96px 0 84px;display:grid}.hero-copy{max-width:760px}.eyebrow{color:var(--color-accent);text-transform:uppercase;letter-spacing:.13em;margin:0 0 18px;font-size:.82rem;font-weight:700}.hero h2{max-width:800px;color:var(--color-text-primary);letter-spacing:-.05em;margin:0;font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.02}.hero-description{max-width:660px;color:var(--color-text-secondary);margin:26px 0 0;font-size:1.05rem;font-weight:500;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border-radius:8px;padding:12px 18px;font-size:.9rem;font-weight:600;text-decoration:none}.button-primary{background:var(--color-brand);color:#fff;border:1px solid var(--color-brand);box-shadow:inset 0 -2px 0 var(--color-accent)}.button-primary:hover{background:var(--color-brand-hover);color:#fff}.button-secondary{border:1px solid var(--color-border);color:var(--color-text-primary);background:var(--color-surface)}.button-secondary:hover{border-color:var(--color-accent-soft);background:var(--color-accent-light);color:var(--color-text-primary)}.status-card{border:1px solid var(--color-border);border-top:3px solid var(--color-accent);background:var(--color-surface);border-radius:14px;padding:24px;box-shadow:0 8px 24px #18212b0d}.status-label{color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.status-value{align-items:center;gap:9px;margin-top:14px;font-size:1.05rem;font-weight:700;display:flex}.status-dot{background:var(--color-text-neutral);border-radius:50%;width:9px;height:9px}.status-value.online .status-dot{background:var(--color-positive)}.status-value.offline .status-dot{background:var(--color-negative)}.status-card p{color:var(--color-text-neutral);margin:18px 0 0;font-size:.8rem;font-weight:500;line-height:1.6}.feature-grid{border-top:1px solid var(--color-accent-soft);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);width:min(1180px,100% - 48px);margin:0 auto 90px;display:grid}.feature-grid article{padding:36px 32px 42px 0}.feature-number{color:var(--color-accent);font-family:var(--font-data);font-size:.75rem;font-weight:700}.feature-grid p{color:var(--color-text-secondary);margin:0;font-size:.9rem;font-weight:500;line-height:1.65}footer{width:min(1180px,100% - 48px);color:var(--color-text-neutral);justify-content:space-between;gap:24px;margin:0 auto;padding:28px 0 36px;font-size:.78rem;display:flex}@media (width<=800px){.site-header{flex-direction:column;align-items:flex-start}.main-nav{gap:18px;width:100%;overflow-x:auto}.hero{grid-template-columns:1fr;gap:40px;padding-top:64px}.status-card{max-width:320px}.feature-grid{grid-template-columns:1fr}.feature-grid article{padding:30px 0}.feature-grid article+article{border-left:0;border-top:1px solid var(--color-border);padding-left:0}footer{flex-direction:column}}.members-section{width:min(1180px,100% - 48px);margin:0 auto 96px}.section-heading{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:24px;display:flex}.section-heading h2{letter-spacing:-.03em;margin:0;font-size:2rem}.section-heading>p{color:var(--color-text-secondary);margin:0 0 4px;font-size:.85rem}.member-controls{justify-content:space-between;gap:16px;padding:22px 0;display:flex}.member-search{gap:8px;width:min(520px,100%);display:flex}.member-search input{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;color:var(--color-text-primary);border-radius:7px;flex:1;padding:11px 13px}.member-search button,.member-controls select,.pagination button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);border-radius:7px;padding:10px 14px}.member-search button,.pagination button:not(:disabled){cursor:pointer}.member-search button:hover,.pagination button:not(:disabled):hover{border-color:var(--color-text-neutral)}.member-controls select{min-width:150px}.member-table-wrap{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;min-height:280px;overflow-x:auto}.member-table{border-collapse:collapse;width:100%}.member-table th,.member-table td{border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap;padding:15px 18px}.member-table th{color:var(--color-text-secondary);background:var(--color-background);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:700}.member-table tbody tr:last-child td{border-bottom:0}.member-table tbody tr:hover{background:var(--color-background)}.member-table td{color:var(--color-text-secondary);font-size:.9rem}.member-table .numeric{text-align:right}.member-name{color:var(--color-text-primary);font-weight:650}.member-id{color:var(--color-text-neutral);margin-top:3px;font-size:.72rem}.table-message{min-height:280px;color:var(--color-text-secondary);place-items:center;font-size:.9rem;display:grid}.table-message.error{color:var(--color-negative)}.pagination{justify-content:flex-end;align-items:center;gap:14px;padding-top:18px;display:flex}.pagination span{color:var(--color-text-secondary);font-size:.82rem}.pagination button:disabled{opacity:.45}@media (width<=700px){.section-heading{flex-direction:column;align-items:flex-start}.member-controls{flex-direction:column}.member-search,.member-controls select{width:100%}.pagination{justify-content:space-between}}.main-nav a.active{color:var(--color-text-primary);font-weight:700}.page-section{width:min(1180px,100% - 48px);margin:0 auto;padding:72px 0 96px}.page-title{letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,4vw,3.5rem)}.page-description{max-width:680px;color:var(--color-text-secondary);margin:20px 0 30px;line-height:1.7}.member-link{color:inherit;text-decoration:none;display:block}.member-link:hover .member-name{text-decoration:underline}.back-link{color:var(--color-text-secondary);margin-bottom:30px;font-size:.85rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--color-text-primary)}.profile-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:32px;display:flex}.profile-meta{color:var(--color-text-secondary);margin:14px 0 0;font-size:.9rem}.profile-total{text-align:right;min-width:160px}.profile-total span,.summary-card span,.performance-card>span{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:700;display:block}.profile-total strong{margin-top:4px;font-size:2rem;display:block}.summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;display:grid}.summary-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;padding:20px}.summary-card strong{margin-top:8px;font-size:1.5rem;display:block}.profile-section{margin-top:64px}.section-heading.compact{align-items:flex-end}.section-heading.compact h3{letter-spacing:-.025em;margin:0;font-size:1.5rem}.performance-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding-top:22px;display:grid}.performance-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;padding:22px}.performance-card strong{margin:14px 0 10px;font-size:1.7rem;display:block}.performance-card>div{color:var(--color-text-secondary);font-size:.8rem}.positive{color:var(--color-positive)}.negative{color:var(--color-negative)}.transaction-table td{vertical-align:middle}@media (width<=900px){.summary-grid,.performance-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.profile-header{flex-direction:column;align-items:flex-start}.profile-total{text-align:left}.summary-grid,.performance-grid{grid-template-columns:1fr}}.ranking-explainer{grid-template-columns:repeat(2,1fr);gap:32px;max-width:850px;padding:28px 0;display:grid}.ranking-explainer p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.7}.ranking-controls{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;gap:18px;padding:20px;display:flex}.ranking-controls label{flex-direction:column;gap:7px;display:flex}.ranking-controls label span{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:700}.ranking-controls select{border:1px solid var(--color-border);background:var(--color-surface);min-width:170px;color:var(--color-text-primary);border-radius:7px;padding:9px 12px}.ranking-summary{grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 0;display:grid}.ranking-summary>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;padding:18px 20px}.ranking-summary span{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:700;display:block}.ranking-summary strong{margin-top:7px;font-size:1.2rem;display:block}.ranking-table-wrap{min-height:420px}.ranking-table .rank-column{text-align:center;width:80px}@media (width<=700px){.ranking-explainer{grid-template-columns:1fr;gap:14px}.ranking-controls{flex-direction:column}.ranking-controls select{width:100%}.ranking-summary{grid-template-columns:1fr}}.methodology-header{max-width:760px;margin-bottom:48px}.methodology-grid{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid}.methodology-card{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);min-height:260px;padding:30px}.methodology-number{color:var(--color-text-neutral);font-size:.72rem;font-weight:700}.methodology-card h3{margin:22px 0 12px;font-size:1.15rem}.methodology-card p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.7}.methodology-section{border-top:1px solid var(--color-border);margin-top:72px;padding-top:32px}.methodology-section-heading h3{letter-spacing:-.025em;margin:0;font-size:1.7rem}.methodology-columns{grid-template-columns:repeat(2,1fr);gap:48px;margin-top:26px;display:grid}.methodology-columns p{color:var(--color-text-secondary);margin:0;font-size:.95rem;line-height:1.8}.methodology-note{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;margin-top:72px;padding:24px 28px}.methodology-note strong{margin-bottom:8px;display:block}.methodology-note p{color:var(--color-text-secondary);margin:0;font-size:.88rem;line-height:1.7}@media (width<=900px){.methodology-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.methodology-grid,.methodology-columns{grid-template-columns:1fr}.methodology-card{min-height:0}}.site-header-shell{background:var(--color-brand);border-bottom:3px solid var(--color-accent)}.site-header{border:0;width:min(1180px,100% - 48px);margin:0 auto;padding:22px 0}.site-header:after{display:none}.brand-link{color:#fff;text-decoration:none}.brand-link:hover{color:#fff}.brand-mark{color:var(--color-accent);box-shadow:none;background:#ffffff14;border:1px solid #fff3}.brand-copy h1{color:#fff}.brand-copy p{color:#ffffff9e;letter-spacing:.025em;font-weight:500}.main-nav a{color:#ffffffb3;padding:10px 0;font-weight:600;position:relative}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active:after{content:"";background:var(--color-accent);border-radius:999px;height:2px;position:absolute;bottom:1px;left:0;right:0}.home-hero-shell{border-bottom:1px solid var(--color-border)}.hero{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:84px;padding-top:88px;padding-bottom:82px}.hero h2{max-width:760px;color:var(--color-text-primary);font-size:clamp(3rem,5.4vw,5rem)}.hero-description{max-width:680px;font-weight:500}.hero-actions{margin-top:36px}.button{border-radius:7px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{border:1px solid var(--color-brand);background:var(--color-brand);box-shadow:inset 0 -2px 0 var(--color-accent)}.button-primary:hover{background:var(--color-brand-hover)}.button-secondary{background:#f6f8f7ad;border-color:#234b523d}.button-secondary:hover{border-color:var(--color-accent);background:var(--color-surface)}.hero-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:10px 24px;margin-top:40px;font-size:.76rem;font-weight:600;display:flex}.hero-meta span{position:relative}.hero-meta span+span:before{content:"";background:var(--color-accent);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.status-card{border:1px solid #234b522e;border-top:3px solid var(--color-accent);background:var(--color-surface);padding:0;overflow:hidden;box-shadow:0 18px 50px #18212b17}.status-card-top{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.status-label{color:var(--color-accent);font-weight:700}.status-badge{color:var(--color-text-secondary);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.06em;background:#18212b0d;border-radius:999px;align-items:center;gap:7px;padding:6px 9px;font-size:.69rem;font-weight:600;display:inline-flex}.status-badge.online{color:var(--color-positive)}.status-badge.offline{color:var(--color-negative)}.status-card-body{padding:26px 22px 30px}.status-card-body .status-kicker{color:var(--color-text-neutral);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:.73rem;font-weight:700}.status-card-body h3{max-width:260px;margin:0;font-size:1.45rem;line-height:1.2}.status-card-body>p:last-child{color:var(--color-text-secondary);margin:18px 0 0;font-size:.84rem;font-weight:500;line-height:1.7}.status-link{border-top:1px solid var(--color-border);color:var(--color-text-primary);background:#c7922f14;justify-content:space-between;align-items:center;padding:17px 22px;font-size:.8rem;font-weight:700;text-decoration:none;display:flex}.status-link:hover{color:var(--color-text-primary);background:#c7922f24}.status-link span{color:var(--color-accent);font-size:1rem}.home-section{width:min(1180px,100% - 48px);margin:0 auto;padding:74px 0 96px}.section-heading{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);align-items:end;gap:80px;margin-bottom:40px;display:grid}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{letter-spacing:-.035em;max-width:600px;margin:0;font-size:clamp(2rem,3vw,2.7rem);line-height:1.1}.section-heading>p{color:var(--color-text-secondary);margin:0;font-size:.9rem;font-weight:500;line-height:1.7}.feature-grid{border:0;gap:16px;width:100%;margin:0}.feature-grid article{border:1px solid var(--color-border);border-top:3px solid var(--color-accent-soft);background:var(--color-surface);border-radius:12px;flex-direction:column;min-height:280px;padding:28px;display:flex;box-shadow:0 8px 24px #18212b0a}.feature-grid article+article{border-left:1px solid var(--color-border);padding-left:28px}.feature-number{color:var(--color-accent)}.feature-grid h3{margin:28px 0 12px;font-size:1.15rem}.feature-grid p{margin-bottom:26px;font-weight:500}.feature-grid article>a{color:var(--color-brand);justify-content:space-between;align-items:center;margin-top:auto;font-size:.8rem;font-weight:700;text-decoration:none;display:flex}.feature-grid article>a span{color:var(--color-accent);font-size:1rem}.feature-grid article>a:hover{color:var(--color-accent)}@media (width<=820px){.site-header{align-items:flex-start}.main-nav{flex-wrap:wrap;justify-content:flex-end;gap:16px}.hero{grid-template-columns:1fr;gap:48px}.status-card{max-width:520px}.section-heading{grid-template-columns:1fr;gap:24px}.feature-grid{grid-template-columns:1fr}.feature-grid article+article{padding-left:28px}}@media (width<=620px){.site-header{flex-direction:column;gap:18px;width:min(100% - 32px,1180px)}.main-nav{justify-content:space-between;gap:10px;width:100%}.brand-copy p{display:none}.hero,.home-section{width:min(100% - 32px,1180px)}.hero{padding-top:58px;padding-bottom:58px}.hero h2{font-size:clamp(2.6rem,12vw,4rem)}.hero-meta{flex-direction:column;gap:8px}.hero-meta span+span:before{display:none}}.eyebrow{flex-direction:column;align-items:flex-start;gap:7px;display:inline-flex}.eyebrow:after{content:"";background:var(--color-brand);border-radius:999px;width:94px;height:2px}.methodology-grid{border:0;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.methodology-card{border:1px solid var(--color-border);border-top:3px solid var(--color-accent-soft);background:var(--color-surface);border-radius:12px;min-height:280px;padding:28px;box-shadow:0 8px 24px #18212b0a}.methodology-number{color:var(--color-accent);font-family:var(--font-data);font-size:.75rem;font-weight:700}.methodology-card h3{color:var(--color-text-primary);margin:28px 0 12px;font-size:1.15rem;font-weight:700}.methodology-card p{color:var(--color-text-secondary);margin:0;font-size:.9rem;font-weight:500;line-height:1.7}.methodology-note{border:1px solid var(--color-border);border-top:3px solid var(--color-accent);background:var(--color-surface);border-radius:12px;box-shadow:0 8px 24px #18212b0a}@media (width<=900px){.methodology-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.methodology-grid{grid-template-columns:1fr}.methodology-card{min-height:0}}.member-table thead,.member-table thead tr,.member-table th{background:var(--color-surface)}.member-table th{color:var(--color-text-primary);font-weight:700}.feature-grid article,.methodology-card{transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}.feature-grid article:hover,.methodology-card:hover{background:var(--color-accent-light);border-color:var(--color-accent-soft);border-top-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 12px 30px #18212b14}.table-sort-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:0;padding:0;font-weight:700;display:inline-flex}.table-sort-button:hover{color:var(--color-accent)}.table-sort-button.active{color:var(--color-brand)}.table-sort-button.active span{color:var(--color-accent);font-family:var(--font-data);font-size:.82rem}.table-sort-button.numeric-sort{justify-content:flex-end;width:100%}.member-table tbody tr:hover>td{background:var(--color-accent-light)}.brand-mark{background:var(--color-text-primary);color:var(--color-accent);border:1px solid var(--color-accent-soft);box-shadow:inset 0 -2px 0 var(--color-accent)}.member-table td.positive,.member-table .positive{color:var(--color-positive);font-weight:600}.member-table td.negative,.member-table .negative{color:var(--color-negative);font-weight:600}.summary-card,.performance-card{transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}.summary-card:hover,.performance-card:hover{background:var(--color-accent-light);border-color:var(--color-accent-soft);transform:translateY(-2px);box-shadow:0 12px 30px #18212b14}.performance-card .positive{color:var(--color-positive);font-weight:600}.performance-card .negative{color:var(--color-negative);font-weight:600}.transaction-table td.positive{color:var(--color-positive);font-weight:600}.transaction-table td.negative{color:var(--color-negative);font-weight:600}