@layer quartz-base{.home-hero{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:48px;margin-bottom:1rem;padding:2.5rem 0 2rem;display:grid}@media (max-width:800px){.home-hero{text-align:left;grid-template-columns:1fr;gap:20px;padding:1.5rem 0}}.hero-eyebrow{font-family:var(--headerFont);letter-spacing:.02em;color:var(--accent);margin-bottom:.6rem;font-size:.95rem;font-weight:600}.hero-headline{font-family:var(--headerFont);letter-spacing:-.03em;color:var(--text);border:none;margin:0 0 .9rem;padding:0;font-size:2.1rem;font-weight:780;line-height:1.28}@media (max-width:800px){.hero-headline{font-size:1.6rem}}.hero-description{font-family:var(--headerFont);color:var(--text-2);max-width:640px;margin:0 0 1.3rem;font-size:1.02rem;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:.6rem;margin-bottom:1.6rem;display:flex}.hero-btn{font-family:var(--headerFont);border-radius:var(--radius,10px);border:1px solid var(--border);color:var(--text);box-sizing:border-box;align-items:center;min-height:44px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .15s,background-color .15s;display:inline-flex}.hero-btn:hover{border-color:var(--accent);background:var(--surface-2)}.hero-btn-primary{background:var(--accent-action);border-color:var(--accent-action);color:var(--surface)}.hero-btn-primary:hover{opacity:.9;background:var(--accent-action)}.hero-stats{flex-wrap:wrap;gap:2rem;display:flex}.hero-stats b{font-family:var(--codeFont);color:var(--text);font-size:1.15rem;font-weight:700;display:block}.hero-stats span{color:var(--text-3);font-size:.72rem}.hero-avatar-col{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.hero-avatar{width:104px;height:104px;font-family:var(--headerFont);color:#fff;background:linear-gradient(140deg, var(--tertiary,var(--accent)) 0%, var(--accent) 60%, var(--dark) 130%);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:2.4rem;font-weight:700;display:flex}@media (max-width:800px){.hero-avatar{width:72px;height:72px;font-size:1.7rem}}.hero-avatar-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;height:220px}@media (max-width:800px){.hero-avatar-img{height:140px}}.hero-visitor-counter .visitor-counter{justify-content:center;margin:0}}