:root{--hero-max-width:1120px;--hero-padding-y:96px;--hero-padding-x:24px;--hero-gap:48px;--hero-bg:#fff;--hero-border-subtle:rgba(15,23,42,.06);--hero-text-main:#020617;--hero-text-subtle:#4b5563;--hero-pill-bg:#f3f4f6;--hero-pill-text:#111827;--hero-btn-primary-bg:#0f172a;--hero-btn-primary-text:#f9fafb;--hero-btn-ghost-bg:#fff;--hero-btn-ghost-border:rgba(15,23,42,.12);--hero-meta-label:#6b7280;--hero-meta-value:#111827;--hero-aside-bg:#fff;--hero-aside-border:rgba(148,163,184,.5);--hero-aside-label:#6b7280;--hero-aside-key:#6b7280;--hero-aside-value:#111827;--hero-aside-status:#22c55e;--radius-lg:18px;--radius-xl:24px;--shadow-soft:0 18px 60px rgba(15,23,42,.06)}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",system-ui,-system-ui,sans-serif}
.hero{width:100%;background:var(--hero-bg);padding:var(--hero-padding-y) var(--hero-padding-x)}
.hero-inner{max-width:var(--hero-max-width);margin:0 auto}
.hero-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.4fr);gap:var(--hero-gap);align-items:stretch}
.hero-main{display:flex;flex-direction:column}
.hero-tag-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--hero-pill-bg);color:var(--hero-pill-text);font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:600;margin-bottom:16px}
.hero-title{font-size:clamp(32px,4vw,42px);line-height:1.12;font-weight:700;letter-spacing:-.035em;color:var(--hero-text-main);margin:0}
.hero-subtitle{margin-top:20px;max-width:520px;font-size:15px;line-height:1.62;letter-spacing:.01em;font-weight:400;color:var(--hero-text-subtle)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero-btn{border:0;cursor:pointer;border-radius:999px;font-size:13px;font-weight:500;padding:10px 18px;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}
.hero-btn-primary{background:var(--hero-btn-primary-bg);color:var(--hero-btn-primary-text);box-shadow:0 12px 30px rgba(15,23,42,.18)}
.hero-btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 50px rgba(15,23,42,.22)}
.hero-btn-ghost{background:var(--hero-btn-ghost-bg);color:var(--hero-text-main);border:1px solid var(--hero-btn-ghost-border)}
.hero-btn-ghost:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(15,23,42,.08)}
.hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px}
.hero-meta-item{min-width:90px}
.hero-meta-label{font-size:11px;color:var(--hero-meta-label);letter-spacing:.02em;margin-bottom:2px;font-weight:400}
.hero-meta-value{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--hero-meta-value)}
.hero-aside{display:flex;align-items:stretch}
.hero-aside-card{width:100%;border-radius:var(--radius-xl);border:1px solid var(--hero-aside-border);background:var(--hero-aside-bg);padding:18px 18px 16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-soft)}
.hero-aside-header{display:flex;align-items:center;justify-content:space-between}
.hero-aside-label{font-size:11px;letter-spacing:.14em;font-weight:600;color:var(--hero-aside-label)}
.hero-aside-dot{width:7px;height:7px;background:var(--hero-aside-status);border-radius:999px}
.hero-aside-body{display:flex;flex-direction:column;gap:8px;padding-top:4px;padding-bottom:2px}
.hero-aside-row{display:flex;justify-content:space-between;align-items:baseline;font-size:12px}
.hero-aside-key{color:var(--hero-aside-key);font-weight:400}
.hero-aside-value{color:var(--hero-aside-value);font-weight:500}
.hero-aside-status{color:var(--hero-aside-status);font-weight:600}
.hero-aside-footer{border-top:1px dashed var(--hero-border-subtle);padding-top:8px;margin-top:4px;display:flex;justify-content:space-between;gap:6px;font-size:11px}
.hero-aside-foot-label{color:var(--hero-aside-label)}
.hero-aside-foot-value{color:var(--hero-aside-value);font-weight:500}
@media(max-width:920px){:root{--hero-padding-y:64px;--hero-gap:32px}.hero-layout{grid-template-columns:minmax(0,1fr)}.hero-aside-card{max-width:420px}}
@media(max-width:640px){.hero{padding-inline:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-aside-card{border-radius:var(--radius-lg)}}
.hero-main>*{margin-left:2px}
.hero-subtitle{margin-top:24px!important}
.hero-meta{margin-top:24px!important}
.hero-aside-card{box-shadow:0 8px 24px rgba(15,23,42,.05),0 20px 60px rgba(15,23,42,.07)!important}
.hero-main>*,.hero-aside-card{opacity:0;transform:translateY(12px);animation:heroFade .6s cubic-bezier(.19,1,.22,1) forwards}
.hero-title{animation-delay:.05s}
.hero-subtitle{animation-delay:.12s}
.hero-actions{animation-delay:.18s}
.hero-meta{animation-delay:.24s}
.hero-aside-card{animation-delay:.32s}
@keyframes heroFade{to{opacity:1;transform:translateY(0)}}
.hero-aside-card:hover{transform:translateY(-2px);transition:transform .25s cubic-bezier(.19,1,.22,1),box-shadow .25s cubic-bezier(.19,1,.22,1);box-shadow:0 12px 32px rgba(15,23,42,.06),0 24px 64px rgba(15,23,42,.08)}
.hero-btn{transition:transform .25s cubic-bezier(.19,1,.22,1),box-shadow .25s cubic-bezier(.19,1,.22,1)}
.hero-btn:hover{transform:translateY(-2px)}
.nav-links a.active::after{transition:width .35s cubic-bezier(.19,1,.22,1)}
.status-value:hover,.hero-meta-value:hover{opacity:.65;transition:opacity .15s}