.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;padding-block:78px 72px;align-items:center}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.12em;display:flex;align-items:center;gap:9px}.live-dot{height:6px;width:6px;background:#ff6a00;border-radius:50%}.hero h1{font-size:clamp(50px,5.8vw,79px);line-height:1.05;letter-spacing:-4.8px;font-weight:500;margin:29px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#ff6a00;letter-spacing:-3px}.hero-description{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 29px}.hero-footnote{font-size:11px;color:var(--muted);margin-top:18px}.feature-chart{background:var(--dark);border-radius:var(--radius);padding:28px 30px 25px;color:#ffffff;box-shadow:0 15px 40px #0f1f3d0a;display:block;transform:rotate(-1deg)}.feature-chart:hover{transform:rotate(0);transition:transform .2s}.feature-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.feature-top .pill{color:#ff6a00;background:#252c3d}.feature-top>.eyebrow{color:#98a2b8;font-size:9px}.feature-chart h2{font-size:27px;line-height:1.16;font-weight:500;letter-spacing:-.8px;margin:26px 0 8px;max-width:300px}.feature-sub{font-size:11px;color:#98a2b8;margin-bottom:25px}.preview-chart{width:100%;height:auto;display:block}.feature-bottom{border-top:1px solid #39425a;margin-top:20px;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#c5ccdb}.feature-bottom b{font-size:13px;color:var(--green);font-weight:500}.topics-strip{border-block:1px solid var(--line)}.topics-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:73px;font-size:13px;color:#5b6780}.topics-strip .eyebrow{font-size:9px}.explore{padding-block:66px}.collection-count{font-size:12px;color:var(--muted)}.collection-tools{margin-block:28px;display:flex;justify-content:space-between;align-items:center}.search input{background:transparent;border:0;border-bottom:1px solid #e1e6ef;padding:10px 0;width:210px;font-size:12px;border-radius:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.ranking-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:center}.ranking-card:hover{border-color:#ff6a00;box-shadow:0 5px 20px #18291908}.ranking-card h3{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.6px;margin:18px 0 12px}.ranking-card p{font-size:12px;color:var(--muted);line-height:1.6}.card-action{font-size:12px;display:inline-block;margin-top:12px}.card-visual{background:#000000;padding:12px;border-radius:8px}.card-visual svg text{fill:#ffffff}.about{padding-block:50px 75px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px}.about h2{font-size:38px;font-weight:500;letter-spacing:-1.5px;line-height:1.17}.about-detail>p{color:var(--muted);font-size:16px;line-height:1.8;margin-top:16px}.principles{display:flex;flex-direction:column;gap:16px;font-size:12px;margin-top:28px}.principles b{color:#ff6a00;font-weight:400;margin-right:13px}
@media(max-width:1000px){.hero{gap:35px}.hero h1{font-size:58px;letter-spacing:-3px}.feature-chart{padding:24px}.cards{grid-template-columns:1fr}.ranking-card{max-width:750px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-block:36px 45px;gap:30px}.hero h1{font-size:56px}.hero-copy>.eyebrow{font-size:8px}.feature-chart{transform:none}.topics-strip>.wrap{flex-wrap:wrap;justify-content:flex-start;padding-block:20px;gap:16px;font-size:11px}.topics-strip .eyebrow{width:100%}.explore{padding-block:42px}.collection-count{max-width:100px;font-size:10px;text-align:right}.ranking-card{padding:21px;gap:15px}.ranking-card h3{font-size:22px}.about{grid-template-columns:1fr;gap:0;padding-block:32px 45px}.about h2{font-size:33px}.search input{width:155px}.feature-chart h2{font-size:28px}}

.hero h1 em{font:inherit;color:var(--accent);background:#fff0e5;border-radius:40px;padding:0 .15em}.feature-chart{transform:none;background:#000 radial-gradient(#252c3d 1px,transparent 1.5px) 0 0/16px 16px}.feature-chart:hover{transform:none}.card-visual{min-width:0}.hero{gap:45px}.cards{grid-template-columns:1fr}.ranking-card{max-width:850px}.feature-top .pill{background:#ff6a00;color:#0f1f3d}
