@font-face{font-family:"Clash Display";src:url(/fonts/ClashDisplay-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Satoshi";src:url(/fonts/Satoshi-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Satoshi";src:url(/fonts/Satoshi-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Satoshi";src:url(/fonts/Satoshi-700.woff2) format("woff2");font-weight:700;font-display:swap}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#080D0D;color:#F0F0EE;font:400 17px/1.6 Satoshi,system-ui,sans-serif}
a{color:inherit}
.etari-demo-notice{background:#0F1A1A;border-bottom:1px solid rgba(31,167,154,.14);padding:12px 22px}
.etari-demo-notice p{margin:0 auto;max-width:1200px;font:500 .78rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#C2C9C7}
.etari-demo-notice a{color:#F0F0EE;font-weight:600;text-underline-offset:3px}
.etari-demo-notice span[aria-hidden]{opacity:.5;margin:0 8px}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}
.hero{padding:88px 0 48px;max-width:820px}
h1{font:600 clamp(2.2rem,5vw,3.6rem)/1.08 "Clash Display",Satoshi,sans-serif;letter-spacing:.01em;margin:0 0 20px}
.accent{color:#C9A227}
.lead{color:#C2C9C7;font-size:1.12rem;margin:0}
.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:22px}
.card{min-width:0;background:#0F1A1A;border:1px solid rgba(31,167,154,.14);border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s}
.card:hover{border-color:rgba(201,162,39,.45);transform:translateY(-2px)}
.card-link{min-width:0;display:flex;flex-direction:column;height:100%;text-decoration:none}
.card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid rgba(31,167,154,.14)}
.card-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
h3{font:600 1.35rem/1.2 "Clash Display",Satoshi,sans-serif;margin:0}
.card-body p{margin:0;color:#C2C9C7;font-size:.98rem}
.card-body .meta{display:flex;gap:8px;flex-wrap:wrap;color:#9AA4A1;font-size:.86rem}
.open{margin-top:auto;padding-top:6px;color:#1fa79a;font-weight:700;min-height:24px}
.card-link:hover .open{color:#E8C84A}
.group{padding-top:40px}
.group+.group{margin-top:40px;border-top:1px solid rgba(31,167,154,.14)}
.group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-bottom:22px}
.group-head h2{font:600 clamp(1.5rem,3vw,2rem)/1.15 "Clash Display",Satoshi,sans-serif;margin:0}
.group-head p{margin:0;color:#9AA4A1}
.meta .scope{color:#080D0D;background:#C9A227;border-radius:4px;padding:1px 8px;font-weight:700;font-size:.78rem;letter-spacing:.02em}
.foot{padding:64px 0 88px;color:#9AA4A1}
.foot a{color:#1fa79a;font-weight:700}
@media (max-width:760px){html{font-size:17.5px}.grid{grid-template-columns:1fr}.hero{padding:56px 0 32px}}