.jh-store{--jh-green:#00d084;--jh-green-dark:#00b870;--jh-green-soft:#e8faf3;--jh-orange:#ff6b35;--jh-orange-dark:#e85a28;--jh-blue:#4a90e2;--jh-blue-soft:#eef4fc;--jh-ink:#1a1a1a;--jh-muted:#666;--jh-surface:#fff;--jh-surface-alt:#f5f7fa;--jh-shadow:0 8px 30px rgba(26,26,26,.08);color:var(--jh-ink);background:var(--jh-surface)}.jh-dashed-frame{border:2px dashed var(--jh-green);border-radius:1rem}.jh-badge{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.35rem .85rem;font-size:.75rem;font-weight:700}.jh-badge-green{background:var(--jh-green-soft);color:#047857}.jh-badge-blue{background:var(--jh-blue-soft);color:#1d4ed8}.jh-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;background:var(--jh-orange);padding:.85rem 1.6rem;font-size:.95rem;font-weight:700;color:#fff;box-shadow:0 8px 24px rgba(255,107,53,.35);transition:transform .2s,background .2s}.jh-btn-primary:hover{background:var(--jh-orange-dark);transform:translateY(-1px)}.jh-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;border:2px solid #e2e8f0;background:#fff;padding:.82rem 1.5rem;font-size:.95rem;font-weight:700;color:var(--jh-ink);transition:border-color .2s,box-shadow .2s}.jh-btn-secondary:hover{border-color:var(--jh-green);box-shadow:var(--jh-shadow)}.jh-card{border-radius:1.25rem;background:#fff;padding:1.5rem;box-shadow:var(--jh-shadow);transition:transform .2s,box-shadow .2s}.jh-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(26,26,26,.1)}.jh-section-title{font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--jh-ink)}.jh-mockup-screen{background:linear-gradient(145deg,#0f172a,#1e293b);border-radius:1rem;padding:1rem;box-shadow:0 25px 50px rgba(15,23,42,.25)}