.home-hero{padding:72px 60px 52px;border-bottom:1px solid #d7e0ed;background:#fff}.home-hero h1{margin:8px 0 12px;font-size:44px;line-height:1.1;color:#132b57}.home-hero>p:not(.eyebrow){max-width:620px;color:#526783}.home-search{margin-top:30px;max-width:720px}.home-search label{display:block;margin-bottom:8px;font-weight:700;color:#1a315b}.home-search>div{display:flex;gap:10px}.home-search input{flex:1;min-width:0}.home-search button{padding:0 22px;border:1px solid #155eef;background:#155eef;color:#fff;font-weight:700;cursor:pointer}.home-stats{display:flex;gap:26px;margin-top:28px;color:#5c6f89}.home-stats b{color:#155eef}.home-converter{margin-top:30px;padding:30px}.home-convert-grid{display:grid;grid-template-columns:1.1fr 1fr 52px 1fr;gap:14px;align-items:end}.home-convert-grid label{display:grid;gap:8px;font-weight:700;color:#1a315b}.home-convert-grid #swap{height:48px;border:1px solid #155eef;background:#155eef;color:#fff;font-size:22px;cursor:pointer}.home-convert-grid .answer{grid-column:1/-1;margin-top:8px}.page-browser{margin-top:30px;padding:30px;border:1px solid #d7e0ed;background:#fff}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-title h2{margin:5px 0 0}.section-title span{color:#5c6f89}.page-filters{display:flex;gap:12px;margin:24px 0}.page-filters select{min-width:180px}.page-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-list>a{position:relative;display:grid;grid-template-columns:auto 1fr;gap:7px 10px;padding:17px;border:1px solid #d7e0ed;color:#182c4d;text-decoration:none}.page-list>a:hover{border-color:#155eef;background:#f5f8ff}.page-list b{font-size:16px}.page-list small{grid-column:1/2;color:#667991}.page-list em{grid-column:2/3;color:#155eef;font-style:normal;font-size:13px}.page-kind{padding:2px 6px;border:1px solid #c9d7ef;font-size:12px;color:#155eef}.page-kind.trend{border-color:#f2bd73;color:#a45b00}.page-kind.board{border-color:#9fd5bd;color:#08734a}.empty-state{grid-column:1/-1;padding:28px;margin:0;border:1px dashed #c6d3e5;color:#60728b;text-align:center}@media(max-width:780px){.home-hero{padding:42px 20px 36px}.home-hero h1{font-size:34px}.home-search>div,.home-stats,.page-filters{flex-direction:column}.home-search button{height:46px}.home-converter,.page-browser{padding:20px}.home-convert-grid,.page-list{grid-template-columns:1fr}.home-convert-grid #swap{width:100%;height:42px}.section-title{align-items:flex-start;flex-direction:column;gap:5px}.page-filters select{width:100%}}