:root{
  --ink:#111214;--muted:#6b6f76;--line:#e7e8eb;--soft:#f6f7f8;--white:#fff;--black:#0d0e10;
  --radius:20px;--shadow:0 18px 60px rgba(17,18,20,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}
a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{height:76px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}
.nav{height:100%;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.8px;font-size:20px}.brand-mark{width:27px;height:27px;border-radius:8px;background:var(--black);color:#fff;display:grid;place-items:center;font-size:17px}.brand-dot{color:#777}
.desktop-nav{display:flex;gap:28px;font-size:14px;color:#555;flex:1}.desktop-nav a:hover{color:#000}.nav-cta{background:#111;color:#fff;border-radius:11px;padding:11px 16px;font-size:13px;font-weight:700}.nav-cta span{margin-left:8px}
.hero{padding:90px 0 80px;border-bottom:1px solid var(--line);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#73777e;margin-bottom:18px}.live-dot{display:inline-block;width:7px;height:7px;background:#111;border-radius:50%;margin-right:7px}
h1{font-size:clamp(52px,7vw,88px);line-height:.94;letter-spacing:-5px;margin:0 0 28px;font-weight:850}.hero h1 span{color:#8b8f96}.hero-copy{max-width:590px;color:#656970;font-size:17px;line-height:1.7;margin:0 0 32px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;cursor:pointer;border-radius:12px;padding:14px 18px;font-weight:750;font-size:13px}.button.primary{background:#111;color:#fff}.button.secondary{background:#f1f2f3;color:#111}.button.full{width:100%;margin-top:6px}
.trust-row{display:flex;gap:34px;margin-top:52px;padding-top:24px;border-top:1px solid var(--line)}.trust-row div{display:flex;flex-direction:column;gap:5px}.trust-row strong{font-size:16px}.trust-row span{font-size:11px;color:#858990}
.hero-card{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow);padding:22px}.card-top{display:flex;justify-content:space-between;color:#7a7e85;font-size:10px;font-weight:800;letter-spacing:1.4px}.pill{background:#f0f1f2;color:#111;border-radius:99px;padding:6px 9px;font-size:9px}
.featured-rank{margin:24px 0 12px;padding:22px;background:#111;color:#fff;border-radius:17px;display:grid;grid-template-columns:28px 40px 1fr auto;align-items:center;gap:14px}.rank-number{font-size:12px;color:#aaa}.mini-logo{font-style:normal;width:34px;height:34px;border-radius:10px;background:#f0f1f2;display:grid;place-items:center;font-size:12px;font-weight:800;color:#222}.mini-logo.dark{background:#fff;color:#111}.featured-name{display:flex;flex-direction:column;gap:3px}.featured-name strong{font-size:13px}.featured-name small{font-size:10px;color:#aaa}.amount{font-size:14px}
.rank-lines>div{display:grid;grid-template-columns:28px 34px 1fr 80px 100px;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line);font-size:12px}.rank-lines span{color:#90949a;font-size:11px}.rank-lines b{font-size:12px}.rank-lines small{color:#858990}.rank-lines strong{text-align:right}.card-footer{font-size:10px;color:#8a8e94;padding:18px 4px 2px}
.section{padding:90px 0}.section.soft{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-heading h2,h2{font-size:48px;line-height:1;letter-spacing:-2.5px;margin:0;font-weight:850}.top-tabs{display:flex;border:1px solid var(--line);border-radius:11px;padding:3px;background:#fff}.top-tabs button,.category{border:0;background:transparent;padding:9px 12px;border-radius:8px;font-size:11px;font-weight:750;color:#73777e;cursor:pointer}.top-tabs button.active,.category.active{background:#111;color:#fff}
.category-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.category{border:1px solid var(--line);background:#fff}
.ranking-table{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.table-head,.rank-row{display:grid;grid-template-columns:70px 1.6fr 1fr 150px;align-items:center}.table-head{padding:13px 20px;background:#fafafa;color:#8b8f96;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.rank-row{padding:16px 20px;border-top:1px solid var(--line);font-size:13px}.rank-company{display:flex;align-items:center;gap:13px;font-weight:750}.rank-company small{display:block;color:#888;font-size:10px;font-weight:500;margin-top:3px}.logo-circle{width:36px;height:36px;border-radius:10px;background:#f0f1f2;display:grid;place-items:center;font-weight:850}.rank-cat{color:#71757c;font-size:12px}.rank-bid{text-align:right;font-weight:800}.rank-position{font-size:12px;color:#8b8f96}.demo-note{font-size:11px;color:#90949a;margin-top:12px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);margin-top:38px;background:var(--line)}.steps article{background:#fff;padding:28px;min-height:210px}.steps span{font-size:10px;color:#8a8e94}.steps h3{font-size:17px;margin:48px 0 10px}.steps p{font-size:12px;line-height:1.6;color:#777b82;margin:0}
.submit-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.submit-grid>div:first-child h2{font-size:64px}.submit-grid>div:first-child p{color:#70747a;line-height:1.7;max-width:500px;margin:24px 0}.security-note{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:18px;max-width:520px;font-size:12px}.security-note>span{width:25px;height:25px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center}.security-note small{color:#858990;line-height:1.5}
.submit-card{border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff;box-shadow:var(--shadow);display:grid;gap:18px}.submit-card label{font-size:11px;font-weight:800;display:grid;gap:8px}.submit-card input,.submit-card select{width:100%;border:1px solid #dfe1e4;background:#fff;border-radius:10px;padding:13px 12px;font:inherit;font-size:13px;outline:none}.submit-card input:focus,.submit-card select:focus{border-color:#111}.logo-preview{height:90px;border:1px dashed #d4d6d9;border-radius:12px;display:grid;place-items:center;color:#999;font-size:11px;overflow:hidden}.logo-preview img{width:100%;height:100%;object-fit:contain}.form-message{font-size:12px;min-height:18px;color:#555}
footer{border-top:1px solid var(--line);padding:28px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;color:#888;font-size:10px}
@media(max-width:900px){.desktop-nav{display:none}.hero{padding:60px 0}.hero-grid,.submit-grid{grid-template-columns:1fr;gap:45px}.steps{grid-template-columns:1fr 1fr}.section{padding:65px 0}.section-heading{align-items:start;flex-direction:column}.submit-grid>div:first-child h2{font-size:52px}.table-head,.rank-row{grid-template-columns:45px 1.5fr 90px}.table-head span:nth-child(3),.rank-cat{display:none}.rank-bid{font-size:11px}}
@media(max-width:600px){.container{width:min(100% - 24px,1180px)}.site-header{height:66px}.nav{gap:12px}.nav-cta{margin-left:auto;padding:10px 12px}.hero h1{font-size:52px;letter-spacing:-3px}.hero-copy{font-size:15px}.trust-row{gap:16px;flex-wrap:wrap;margin-top:36px}.hero-card{padding:14px}.featured-rank{grid-template-columns:22px 34px 1fr}.featured-rank .amount{grid-column:3;margin-top:4px}.rank-lines>div{grid-template-columns:25px 30px 1fr 75px}.rank-lines small{display:none}.steps{grid-template-columns:1fr}.section-heading h2,h2{font-size:38px}.top-tabs{width:100%;overflow:auto}.top-tabs button{white-space:nowrap}.table-head{grid-template-columns:35px 1fr 85px}.rank-row{grid-template-columns:35px 1fr 85px;padding:14px 12px}.rank-company small{display:none}.logo-circle{width:32px;height:32px}.submit-grid>div:first-child h2{font-size:44px}.footer-inner{flex-wrap:wrap;gap:15px}}