/* Per-page extras shared across the new pages */
.page-hero{padding:72px 0 24px;position:relative;overflow:hidden}
.page-hero h1{font-family:'Instrument Serif',serif;font-weight:400;font-size:84px;line-height:.98;margin:18px 0 22px;letter-spacing:-.02em}
.page-hero .lede{font-size:18px;color:var(--slate);max-width:680px;line-height:1.55}
@media (max-width:980px){.page-hero h1{font-size:48px}}

.eye-bg{position:absolute;opacity:.06;pointer-events:none;z-index:0}
.eye-bg circle{fill:#F5B400}

.tile{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;display:flex;flex-direction:column;gap:14px;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.tile h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:30px;line-height:1.05;margin:0;letter-spacing:-.01em}
.tile p{font-size:14px;color:var(--slate);line-height:1.55;margin:0}
.tile .icn{width:48px;height:48px;border-radius:14px;display:grid;place-items:center}

.dark-card{background:#0E0E10;color:#fff}
.dark-card h3{color:#fff}
.dark-card p{color:#A8A8A6}

.tag-pill{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-2)}
.tag-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--yellow)}

.input{width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:14px;font-family:inherit;color:var(--ink);transition:border-color .2s ease}
.input:focus{outline:none;border-color:var(--ink)}
.label{display:block;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--slate);margin-bottom:8px;font-family:'JetBrains Mono',monospace}